diff --git a/dist/dev/quickbuilder.cjs.js b/dist/dev/quickbuilder.cjs.js
index e4b1b96..a018078 100644
--- a/dist/dev/quickbuilder.cjs.js
+++ b/dist/dev/quickbuilder.cjs.js
@@ -43,14 +43,14 @@ var draftToHtml__default = /*#__PURE__*/_interopDefaultLegacy(draftToHtml);
 var htmlToDraft__default = /*#__PURE__*/_interopDefaultLegacy(htmlToDraft);
 var SweetAlert__default = /*#__PURE__*/_interopDefaultLegacy(SweetAlert$1);
 
-function _typeof$1(obj) {
+function _typeof$1(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof$1(o);
 }
 
 function _toPrimitive(input, hint) {
@@ -115,8 +115,8 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
 }
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var wpFetch = function wpFetch(params) {
   var args = _objectSpread$f(_objectSpread$f({}, params), {}, {
     method: "POST"
@@ -141,6 +141,14 @@ var isArray = function isArray(args) {
 var isObject = function isObject(obj) {
   return obj !== null && _typeof$1(obj) === 'object' && !isArray(obj);
 };
+var valueExists = function valueExists(arrayOptions, needles) {
+  if (isArray(needles)) {
+    return arrayOptions.some(function (value) {
+      return needles.includes(value);
+    });
+  }
+  return arrayOptions.includes(needles);
+};
 var isVisible = function isVisible(values, props) {
   if (!(props !== null && props !== void 0 && props.rules) || props.name == undefined) {
     return true;
@@ -318,7 +326,7 @@ var hitAAJX = function hitAAJX(ajax) {
           var _response$data3;
           downloadFile({
             data: JSON.stringify(response.data.download),
-            fileName: (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.filename) || 'export.json',
+            fileName: (response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.filename) || 'export.json',
             fileType: 'text/json'
           });
         }
@@ -346,7 +354,7 @@ var getTime = function getTime(value) {
   var _settings$timezone;
   var keepLocalTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var settings = date.__experimentalGetSettings();
-  var _value = moment__default["default"].utc(value ? value : undefined).utcOffset(+(settings === null || settings === void 0 ? void 0 : (_settings$timezone = settings.timezone) === null || _settings$timezone === void 0 ? void 0 : _settings$timezone.offset), keepLocalTime);
+  var _value = moment__default["default"].utc(value ? value : undefined).utcOffset(+(settings === null || settings === void 0 || (_settings$timezone = settings.timezone) === null || _settings$timezone === void 0 ? void 0 : _settings$timezone.offset), keepLocalTime);
   return _value;
 };
 var merge = function merge(array_one, array_two, key) {
@@ -510,8 +518,8 @@ var when = function when(conditions, data) {
   return validate$1(conditions, data);
 };
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_STATE = {
   savedValues: {
     type: "conversions",
@@ -686,31 +694,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 
@@ -740,10 +748,10 @@ var Menu = function Menu(props) {
       return isVisible(context === null || context === void 0 ? void 0 : context.values, tab);
     });
     setTabsFields(filteredTabs);
-  }, [tabs, context === null || context === void 0 ? void 0 : (_context$values = context.values) === null || _context$values === void 0 ? void 0 : _context$values.source]);
+  }, [tabs, context === null || context === void 0 || (_context$values = context.values) === null || _context$values === void 0 ? void 0 : _context$values.source]);
   var componentClasses = classNames__default["default"]("wprf-tab-menu-wrapper", props === null || props === void 0 ? void 0 : props.className, {
     "wprf-tab-menu-sidebar": props === null || props === void 0 ? void 0 : props.sidebar
-  }, context === null || context === void 0 ? void 0 : (_context$values2 = context.values) === null || _context$values2 === void 0 ? void 0 : _context$values2.source);
+  }, context === null || context === void 0 || (_context$values2 = context.values) === null || _context$values2 === void 0 ? void 0 : _context$values2.source);
   var currentTabIndex = tabsFields.findIndex(function (tab) {
     return tab.id === active;
   });
@@ -752,7 +760,7 @@ var Menu = function Menu(props) {
   }, React.createElement("ul", {
     className: "wprf-tab-nav"
   }, tabsFields.map(function (tab, index) {
-    var _classNames, _context$icons, _context$icons$tab$ic, _tab$icon, _tab$icon2;
+    var _classNames, _context$icons, _tab$icon, _tab$icon2;
     return React.createElement("li", {
       className: classNames__default["default"]("wprf-tab-nav-item", (_classNames = {}, _defineProperty(_classNames, "".concat(tab.classes), tab.classes), _defineProperty(_classNames, "wprf-active-nav", active === tab.id), _defineProperty(_classNames, "wprf-tab-complete", props !== null && props !== void 0 && props.completionTrack ? index <= currentTabIndex : false), _classNames)),
       "data-key": tab.id,
@@ -764,7 +772,7 @@ var Menu = function Menu(props) {
     }, (tab === null || tab === void 0 ? void 0 : tab.icon) && (isString(tab.icon) && !isObject(tab.icon) ? React.createElement("img", {
       src: tab.icon,
       alt: tab === null || tab === void 0 ? void 0 : tab.label
-    }) : isObject(tab.icon) ? context === null || context === void 0 ? void 0 : (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : (_context$icons$tab$ic = _context$icons[tab === null || tab === void 0 ? void 0 : (_tab$icon = tab.icon) === null || _tab$icon === void 0 ? void 0 : _tab$icon.type]) === null || _context$icons$tab$ic === void 0 ? void 0 : _context$icons$tab$ic[tab === null || tab === void 0 ? void 0 : (_tab$icon2 = tab.icon) === null || _tab$icon2 === void 0 ? void 0 : _tab$icon2.name] : ''), React.createElement("span", null, tab.label));
+    }) : isObject(tab.icon) ? context === null || context === void 0 || (_context$icons = context.icons) === null || _context$icons === void 0 || (_context$icons = _context$icons[tab === null || tab === void 0 || (_tab$icon = tab.icon) === null || _tab$icon === void 0 ? void 0 : _tab$icon.type]) === null || _context$icons === void 0 ? void 0 : _context$icons[tab === null || tab === void 0 || (_tab$icon2 = tab.icon) === null || _tab$icon2 === void 0 ? void 0 : _tab$icon2.name] : ''), React.createElement("span", null, tab.label));
   })));
 };
 
@@ -882,7 +890,7 @@ var useOptions = function useOptions(props) {
     }).length === 0) {
       var _options$;
       var _options = sortingFields(lOptions);
-      setOption((_options === null || _options === void 0 ? void 0 : (_options$ = _options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || savedValue);
+      setOption((_options === null || _options === void 0 || (_options$ = _options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || savedValue);
     }
   }, [option, lOptions]);
   var options = sortingFields(lOptions);
@@ -898,7 +906,7 @@ var useOptions = function useOptions(props) {
 var useTrigger = function useTrigger(props) {
   var builderContext = props.context;
   if (props !== null && props !== void 0 && props.trigger && isArray(props === null || props === void 0 ? void 0 : props.trigger)) {
-    props === null || props === void 0 ? void 0 : props.trigger.map(function (trigger) {
+    props === null || props === void 0 || props.trigger.map(function (trigger) {
       var triggerType = (trigger === null || trigger === void 0 ? void 0 : trigger.type) || 'setFieldValue';
       if (trigger !== null && trigger !== void 0 && trigger.action && isObject(trigger === null || trigger === void 0 ? void 0 : trigger.action)) {
         for (var key in trigger === null || trigger === void 0 ? void 0 : trigger.action) {
@@ -973,8 +981,8 @@ var useDefaults = function useDefaults(parentName, helpers, value, trigger) {
   }
 };
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // import store from "../store";
 
 var SweetAlert = function SweetAlert() {
@@ -1103,8 +1111,8 @@ function _extends() {
 //     return (number < 10 ? '0' : '') + number
 // }
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var builderReducer = function builderReducer(state, action) {
   switch (action.type) {
     case 'SET_CONTEXT':
@@ -1206,9 +1214,10 @@ var builderReducer = function builderReducer(state, action) {
   }
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useBuilder = function useBuilder(props) {
+  var _state$isSubmitting;
   // Set is Mounted or NOT
   var isMounted = React.useRef(false);
   React.useEffect(function () {
@@ -1323,12 +1332,13 @@ var useBuilder = function useBuilder(props) {
       value = _eChange.val;
     if (field) {
       setFieldValue(field, value);
+      hooks.doAction('quickBuilder_setFieldValue', field, value, validProps);
     }
   }, [setFieldValue, state.values]);
   var handleChange = useEventCallback(function (eventOrString, validProps) {
     if (validProps !== null && validProps !== void 0 && validProps.isPro && Boolean(state.is_pro_active) === false) {
-      var _state$alerts, _state$alerts$pro_ale;
-      (_state$alerts = state.alerts) === null || _state$alerts === void 0 ? void 0 : (_state$alerts$pro_ale = _state$alerts.pro_alert(validProps === null || validProps === void 0 ? void 0 : validProps.popup)) === null || _state$alerts$pro_ale === void 0 ? void 0 : _state$alerts$pro_ale.fire();
+      var _state$alerts;
+      (_state$alerts = state.alerts) === null || _state$alerts === void 0 || (_state$alerts = _state$alerts.pro_alert(validProps === null || validProps === void 0 ? void 0 : validProps.popup)) === null || _state$alerts === void 0 || _state$alerts.fire();
       // return false;
     }
 
@@ -1359,7 +1369,7 @@ var useBuilder = function useBuilder(props) {
     } else if (parent && parentType === 'repeater') {
       var _getIn2, _parentValue$validPro, _parentValue$validPro2;
       var _parentValue = (_getIn2 = getIn(state.values, parent)) !== null && _getIn2 !== void 0 ? _getIn2 : [];
-      valueState = (_parentValue$validPro = _parentValue === null || _parentValue === void 0 ? void 0 : (_parentValue$validPro2 = _parentValue[validProps.index]) === null || _parentValue$validPro2 === void 0 ? void 0 : _parentValue$validPro2[name]) !== null && _parentValue$validPro !== void 0 ? _parentValue$validPro : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
+      valueState = (_parentValue$validPro = _parentValue === null || _parentValue === void 0 || (_parentValue$validPro2 = _parentValue[validProps.index]) === null || _parentValue$validPro2 === void 0 ? void 0 : _parentValue$validPro2[name]) !== null && _parentValue$validPro !== void 0 ? _parentValue$validPro : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
     } else {
       var _getIn3;
       valueState = (_getIn3 = getIn(state.values, name)) !== null && _getIn3 !== void 0 ? _getIn3 : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
@@ -1529,7 +1539,7 @@ var useBuilder = function useBuilder(props) {
     savedValues: state.savedValues,
     errors: state.errors,
     touched: state.touched,
-    isSubmitting: false,
+    isSubmitting: (_state$isSubmitting = state === null || state === void 0 ? void 0 : state.isSubmitting) !== null && _state$isSubmitting !== void 0 ? _state$isSubmitting : false,
     setActiveTab: setActiveTab,
     setRedirect: setRedirect,
     setSubmitting: setSubmitting,
@@ -1590,13 +1600,13 @@ var Label = function Label(props) {
   return React.createElement("label", {
     htmlFor: props === null || props === void 0 ? void 0 : props.htmlFor,
     className: componentClasses
-  }, (props === null || props === void 0 ? void 0 : (_props$badge = props.badge) === null || _props$badge === void 0 ? void 0 : _props$badge.value) && React.createElement("div", {
+  }, (props === null || props === void 0 || (_props$badge = props.badge) === null || _props$badge === void 0 ? void 0 : _props$badge.value) && React.createElement("div", {
     className: "wprf-badge"
   }, React.createElement("sup", {
     className: classNames__default["default"]("wprf-badge-item", {
-      'wprf-badge-active': props === null || props === void 0 ? void 0 : (_props$badge2 = props.badge) === null || _props$badge2 === void 0 ? void 0 : _props$badge2.active
+      'wprf-badge-active': props === null || props === void 0 || (_props$badge2 = props.badge) === null || _props$badge2 === void 0 ? void 0 : _props$badge2.active
     })
-  }, props === null || props === void 0 ? void 0 : (_props$badge3 = props.badge) === null || _props$badge3 === void 0 ? void 0 : _props$badge3.label)), !(props !== null && props !== void 0 && props.src) && (props === null || props === void 0 ? void 0 : props.children), (props === null || props === void 0 ? void 0 : props.src) && React.createElement(Image, {
+  }, props === null || props === void 0 || (_props$badge3 = props.badge) === null || _props$badge3 === void 0 ? void 0 : _props$badge3.label)), !(props !== null && props !== void 0 && props.src) && (props === null || props === void 0 ? void 0 : props.children), (props === null || props === void 0 ? void 0 : props.src) && React.createElement(Image, {
     className: "wprf-label-image",
     src: props.src,
     alt: props === null || props === void 0 ? void 0 : props.label
@@ -1680,13 +1690,18 @@ var ControlLabel = function ControlLabel(props) {
 
   return React.createElement("div", {
     className: "wprf-control-label"
-  }, badgePosition == 'left' && badge, React.createElement("label", {
+  }, badgePosition == "left" && badge, React.createElement("label", {
     htmlFor: id
-  }, label), (rest === null || rest === void 0 ? void 0 : rest.link) && React.createElement("a", {
+  }, label), (rest === null || rest === void 0 ? void 0 : rest.label_subtitle) && React.createElement("p", {
+    className: "wprf-label-subtitle",
+    dangerouslySetInnerHTML: {
+      __html: rest === null || rest === void 0 ? void 0 : rest.label_subtitle
+    }
+  }), (rest === null || rest === void 0 ? void 0 : rest.link) && React.createElement("a", {
     rel: "nofollow",
     target: "_blank",
     href: rest.link
-  }, context === null || context === void 0 ? void 0 : (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : _context$icons.link), badgePosition == 'right' && badge);
+  }, context === null || context === void 0 || (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : _context$icons.link), badgePosition == "right" && badge);
 };
 
 var ControlField = function ControlField(_ref) {
@@ -1715,8 +1730,8 @@ var ControlField = function ControlField(_ref) {
 };
 
 var _excluded$3 = ["label", "id", "name", "type", "style", "is_pro", "badge"];
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // import { useInstanceId } from "@wordpress/compose";
 
@@ -1741,7 +1756,7 @@ var withLabel = function withLabel(WrappedComponent) {
         position: "right"
       }
     }, prevStyle);
-    var styleClasses = classNames__default["default"]((_classNames = {}, _defineProperty(_classNames, "wprf-style-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type) || false), _defineProperty(_classNames, "wprf-label-none", label === undefined || label === "" || label.length === 0), _defineProperty(_classNames, "wprf-".concat((styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position) || "inline", "-label"), ((_styles$label$positio = styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position) !== null && _styles$label$positio !== void 0 ? _styles$label$positio : true) && label != undefined), _classNames));
+    var styleClasses = classNames__default["default"]((_classNames = {}, _defineProperty(_classNames, "wprf-style-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type) || false), _defineProperty(_classNames, "wprf-label-none", label === undefined || label === "" || label.length === 0), _defineProperty(_classNames, "wprf-".concat((styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position) || "inline", "-label"), ((_styles$label$positio = styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position) !== null && _styles$label$positio !== void 0 ? _styles$label$positio : true) && label != undefined), _classNames));
     if (type === "hidden") {
       return React.createElement(WrappedComponent, _extends$1({}, props, {
         id: id
@@ -1766,7 +1781,7 @@ var withLabel = function withLabel(WrappedComponent) {
         return React.createElement(ControlField, {
           help: null,
           description: props === null || props === void 0 ? void 0 : props.description,
-          position: styles === null || styles === void 0 ? void 0 : (_styles$description = styles.description) === null || _styles$description === void 0 ? void 0 : _styles$description.position,
+          position: styles === null || styles === void 0 || (_styles$description = styles.description) === null || _styles$description === void 0 ? void 0 : _styles$description.position,
           renderComponent: function renderComponent() {
             return React.createElement(WrappedComponent, _extends$1({}, validProps, {
               disable: true,
@@ -1793,7 +1808,7 @@ var withLabel = function withLabel(WrappedComponent) {
     })), React.createElement(ControlField, {
       help: props === null || props === void 0 ? void 0 : props.help,
       description: props === null || props === void 0 ? void 0 : props.description,
-      position: styles === null || styles === void 0 ? void 0 : (_styles$description2 = styles.description) === null || _styles$description2 === void 0 ? void 0 : _styles$description2.position,
+      position: styles === null || styles === void 0 || (_styles$description2 = styles.description) === null || _styles$description2 === void 0 ? void 0 : _styles$description2.position,
       renderComponent: function renderComponent() {
         return React.createElement(WrappedComponent, _extends$1({}, validProps, {
           id: id
@@ -1876,8 +1891,8 @@ var withProps = function withProps(WrappedComponent) {
 function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
 function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function GenericCheckbox(props) {
   var _styles$label, _styles$label2, _classNames;
   var prevStyles = props.style;
@@ -1900,7 +1915,7 @@ function GenericCheckbox(props) {
     }
     return _isChecked;
   }, [props === null || props === void 0 ? void 0 : props.checked, props.value]);
-  var componentClasses = classNames__default["default"]("wprf-checkbox-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
+  var componentClasses = classNames__default["default"]("wprf-checkbox-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
   return React.createElement("div", {
     className: componentClasses
   }, React.createElement(GenericInput, _objectSpread$9(_objectSpread$9({}, props), {}, {
@@ -2108,14 +2123,15 @@ var DateControl = function DateControl(props) {
 };
 var Date$1 = withLabel(DateControl);
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Input = function Input(props) {
   var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'copyOnClick', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
   var handleChange = React.useCallback(function (event) {
     return validProps.onChange(event, {
       popup: props === null || props === void 0 ? void 0 : props.popup,
-      isPro: !!props.is_pro
+      isPro: !!props.is_pro,
+      originProps: props
     });
   }, [validProps === null || validProps === void 0 ? void 0 : validProps.value]);
   if (validProps.type === 'checkbox') {
@@ -2174,8 +2190,8 @@ Input.defaultProps = {
 var GenericInput = /*#__PURE__*/React__default["default"].memo(Input);
 var Input$1 = withLabel( /*#__PURE__*/React__default["default"].memo(Input));
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Textarea = function Textarea(props) {
   var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'disable', 'parentIndex', 'context']);
   var handleChange = React.useCallback(function (event) {
@@ -2190,15 +2206,11 @@ var Textarea = function Textarea(props) {
 };
 var Textarea$1 = withLabel( /*#__PURE__*/React__default["default"].memo(Textarea));
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CodeViewer = function CodeViewer(props) {
   var validProps = validFieldProps(props, ["is_pro", "visible", "trigger", "disable", "parentIndex", "context", "copyOnClick"]);
-  var handleChange = React.useCallback(function (event) {
-    return validProps.onChange(event, {
-      isPro: !!props.is_pro
-    });
-  }, [validProps === null || validProps === void 0 ? void 0 : validProps.value]);
+  var handleChange = function handleChange() {};
   var extraProps = {
     onChange: handleChange,
     rows: 5
@@ -2207,7 +2219,7 @@ var CodeViewer = function CodeViewer(props) {
     extraProps["onClick"] = function () {
       var successText = props !== null && props !== void 0 && props.success_text ? props.success_text : i18n.__("Copied to Clipboard.", "notificationx");
       copy__default["default"](props.value, {
-        format: 'text/plain',
+        format: "text/plain",
         onCopy: function onCopy() {
           props.context.alerts.toast("success", successText);
         }
@@ -2245,7 +2257,7 @@ var JsonUploader = function JsonUploader(props) {
     var reader = new FileReader();
     reader.onload = function (event) {
       var _event$target;
-      var json = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
+      var json = event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
       props.onChange({
         target: {
           type: 'jsonuploader',
@@ -2432,6 +2444,27 @@ var Select = function Select(props) {
       handleMenuOpen();
     }
   }, [props === null || props === void 0 ? void 0 : props.menuOpen]);
+  var handleOptionChange = React.useCallback(function (option) {
+    var _props$filterValue;
+    if (isArray(option) && (props === null || props === void 0 || (_props$filterValue = props.filterValue) === null || _props$filterValue === void 0 ? void 0 : _props$filterValue.length) > 0) {
+      var _props$filterValue2;
+      var origialValues = option;
+      var values = origialValues;
+      var filterValue = (_props$filterValue2 = props === null || props === void 0 ? void 0 : props.filterValue) !== null && _props$filterValue2 !== void 0 ? _props$filterValue2 : ['all'];
+      if (!isArray(filterValue)) {
+        filterValue = [filterValue];
+      }
+      if ((origialValues === null || origialValues === void 0 ? void 0 : origialValues.length) > 1 && valueExists(origialValues.map(function (item) {
+        return item.value;
+      }), filterValue)) {
+        values = origialValues.filter(function (item) {
+          return !filterValue.includes(item === null || item === void 0 ? void 0 : item.value);
+        });
+      }
+      option = values;
+    }
+    setSOption(option);
+  }, [name, id, parentIndex]);
   return React.createElement("div", {
     className: "wprf-select-wrapper"
   }, React.createElement(ReactSelect__default["default"], {
@@ -2450,9 +2483,7 @@ var Select = function Select(props) {
     isOptionDisabled: function isOptionDisabled(option) {
       return option === null || option === void 0 ? void 0 : option.disabled;
     },
-    onChange: function onChange(option) {
-      return setSOption(option);
-    } // option or options
+    onChange: handleOptionChange // option or options
   }));
 };
 
@@ -2503,7 +2534,7 @@ function useInstanceId(object, prefix, preferredId) {
 }
 
 var RepeaterField = function RepeaterField(props) {
-  var _builderContext$value, _builderContext$value2;
+  var _builderContext$value;
   var builderContext = useBuilderContext();
   var fields = props.fields,
     _onChange = props.onChange,
@@ -2515,15 +2546,15 @@ var RepeaterField = function RepeaterField(props) {
     setIsCollapsed = _useState2[1];
   var instanceId = useInstanceId(RepeaterField);
   // onClick={() => setIsCollapse(!isCollapse)}
-  var values = (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : (_builderContext$value2 = _builderContext$value[parent]) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2[index];
+  var values = (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 || (_builderContext$value = _builderContext$value[parent]) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value[index];
   var title = (values === null || values === void 0 ? void 0 : values.title) || (values === null || values === void 0 ? void 0 : values.post_title) || (values === null || values === void 0 ? void 0 : values.username) || (values === null || values === void 0 ? void 0 : values.plugin_theme_name);
   var _title = title ? title.length < 40 ? title : title.substr(0, 40) + "..." : '';
   var onClone = function onClone(event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 || event.stopPropagation();
     props.clone(props.index);
   };
   var onDelete = function onDelete(event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 || event.stopPropagation();
     props.remove(props.index);
   };
   React.useEffect(function () {
@@ -2563,8 +2594,8 @@ var RepeaterField = function RepeaterField(props) {
   })));
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GenericToggle = function GenericToggle(props) {
   var _styles$label, _styles$label2, _classNames;
   var prevStyles = props.style;
@@ -2587,7 +2618,7 @@ var GenericToggle = function GenericToggle(props) {
     }
     return _isChecked;
   }, [props === null || props === void 0 ? void 0 : props.checked, props.value]);
-  var componentClasses = classNames__default["default"]("wprf-toggle-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
+  var componentClasses = classNames__default["default"]("wprf-toggle-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
   return React.createElement("div", {
     className: componentClasses
   }, React.createElement(GenericInput, _objectSpread$5(_objectSpread$5({}, props), {}, {
@@ -2661,8 +2692,8 @@ var toolbarOptions = {
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Toggle = function Toggle(props) {
   var passedOptions = props.options,
     value = props.value,
@@ -2732,8 +2763,8 @@ var Toggle = function Toggle(props) {
 };
 
 var _excluded$1 = ["label", "value", "icon", "is_pro"];
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioCard = function RadioCard(props) {
   var builderContext = useBuilderContext();
   var _useOptions = useOptions(props, 'options'),
@@ -2918,8 +2949,8 @@ function v4(options, buf, offset) {
   return stringify(rnds);
 }
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Repeater = function Repeater(props) {
   var _builderContext$value, _builderContext$value4;
   var fieldName = props.name;
@@ -3151,7 +3182,7 @@ var SelectAsync = function SelectAsync(props) {
       }
       if (inputValue.length < 3) {
         callback([{
-          'label': "Please type 3 or more characters.",
+          'label': i18n.__("Please input a minimum of 3 characters."),
           'value': null,
           'disabled': true
         }]);
@@ -3160,7 +3191,7 @@ var SelectAsync = function SelectAsync(props) {
       var data = {
         inputValue: inputValue
       };
-      (_Object$keys = Object.keys(props.ajax.data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (singleData) {
+      (_Object$keys = Object.keys(props.ajax.data)) === null || _Object$keys === void 0 || _Object$keys.map(function (singleData) {
         if (props.ajax.data[singleData].indexOf("@") > -1) {
           var _builderContext$value;
           var eligibleKey = props.ajax.data[singleData].substr(1);
@@ -3233,7 +3264,7 @@ var SelectAsync = function SelectAsync(props) {
       var _meta$inputValue;
       if (meta !== null && meta !== void 0 && (_meta$inputValue = meta.inputValue) !== null && _meta$inputValue !== void 0 && _meta$inputValue.length && option.name) {
         var _meta$inputValue2;
-        if (option.name.toLowerCase().includes(meta === null || meta === void 0 ? void 0 : (_meta$inputValue2 = meta.inputValue) === null || _meta$inputValue2 === void 0 ? void 0 : _meta$inputValue2.toLowerCase())) {
+        if (option.name.toLowerCase().includes(meta === null || meta === void 0 || (_meta$inputValue2 = meta.inputValue) === null || _meta$inputValue2 === void 0 ? void 0 : _meta$inputValue2.toLowerCase())) {
           var _option$name, _option$address;
           option === null || option === void 0 ? void 0 : option.name;
           var regX = new RegExp("(".concat(meta === null || meta === void 0 ? void 0 : meta.inputValue, ")"), "gi");
@@ -3453,11 +3484,11 @@ var Button = function Button(props) {
           }
         });
         if (!((_props$ajax = props.ajax) !== null && _props$ajax !== void 0 && _props$ajax.hideSwal)) {
-          var _props$ajax2, _props$ajax2$swal, _props$ajax3, _props$ajax3$swal, _props$ajax4, _props$ajax4$swal;
-          var type = ((_props$ajax2 = props.ajax) === null || _props$ajax2 === void 0 ? void 0 : (_props$ajax2$swal = _props$ajax2.swal) === null || _props$ajax2$swal === void 0 ? void 0 : _props$ajax2$swal.icon) || 'success';
-          var message = ((_props$ajax3 = props.ajax) === null || _props$ajax3 === void 0 ? void 0 : (_props$ajax3$swal = _props$ajax3.swal) === null || _props$ajax3$swal === void 0 ? void 0 : _props$ajax3$swal.text) || 'Complete';
+          var _props$ajax2, _props$ajax3, _props$ajax4;
+          var type = ((_props$ajax2 = props.ajax) === null || _props$ajax2 === void 0 || (_props$ajax2 = _props$ajax2.swal) === null || _props$ajax2 === void 0 ? void 0 : _props$ajax2.icon) || 'success';
+          var message = ((_props$ajax3 = props.ajax) === null || _props$ajax3 === void 0 || (_props$ajax3 = _props$ajax3.swal) === null || _props$ajax3 === void 0 ? void 0 : _props$ajax3.text) || 'Complete';
           props.context.alerts.toast(type, message, {
-            autoClose: (_props$ajax4 = props.ajax) === null || _props$ajax4 === void 0 ? void 0 : (_props$ajax4$swal = _props$ajax4.swal) === null || _props$ajax4$swal === void 0 ? void 0 : _props$ajax4$swal.autoClose
+            autoClose: (_props$ajax4 = props.ajax) === null || _props$ajax4 === void 0 || (_props$ajax4 = _props$ajax4.swal) === null || _props$ajax4 === void 0 ? void 0 : _props$ajax4.autoClose
           });
         }
         if ((_props$ajax5 = props.ajax) !== null && _props$ajax5 !== void 0 && _props$ajax5.reload) {
@@ -3509,12 +3540,12 @@ var Button = function Button(props) {
     disabled: isLoading,
     onClick: (_props$onClick = props === null || props === void 0 ? void 0 : props.onClick) !== null && _props$onClick !== void 0 ? _props$onClick : handleClick,
     className: classNames__default["default"]('wprf-control wprf-button wprf-btn', props === null || props === void 0 ? void 0 : props.classes)
-  }), isObject(props === null || props === void 0 ? void 0 : props.text) && props !== null && props !== void 0 && props.ajax ? isLoading ? props === null || props === void 0 ? void 0 : (_props$text = props.text) === null || _props$text === void 0 ? void 0 : _props$text.loading : props.value ? props === null || props === void 0 ? void 0 : (_props$text2 = props.text) === null || _props$text2 === void 0 ? void 0 : _props$text2.saved : props === null || props === void 0 ? void 0 : (_props$text3 = props.text) === null || _props$text3 === void 0 ? void 0 : _props$text3.normal : props === null || props === void 0 ? void 0 : props.text));
+  }), isObject(props === null || props === void 0 ? void 0 : props.text) && props !== null && props !== void 0 && props.ajax ? isLoading ? props === null || props === void 0 || (_props$text = props.text) === null || _props$text === void 0 ? void 0 : _props$text.loading : props.value ? props === null || props === void 0 || (_props$text2 = props.text) === null || _props$text2 === void 0 ? void 0 : _props$text2.saved : props === null || props === void 0 || (_props$text3 = props.text) === null || _props$text3 === void 0 ? void 0 : _props$text3.normal : props === null || props === void 0 ? void 0 : props.text));
 };
 var Button$1 = withLabel(Button);
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ResponsiveNumber = function ResponsiveNumber(props) {
   var _Object$keys;
   var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
@@ -3669,7 +3700,7 @@ var Modal = function Modal(props) {
       justifyContent: 'center'
     },
     title: React.createElement(ModalHeader, {
-      content: props === null || props === void 0 ? void 0 : (_props$body = props.body) === null || _props$body === void 0 ? void 0 : _props$body.header
+      content: props === null || props === void 0 || (_props$body = props.body) === null || _props$body === void 0 ? void 0 : _props$body.header
     }),
     onConfirm: onConfirm,
     showConfirm: false,
@@ -3743,17 +3774,21 @@ var Submit = function Submit(_ref) {
   var props = _extends$1({}, (_objectDestructuringEmpty(_ref), _ref));
   var context = useBuilderContext();
   var label = (props === null || props === void 0 ? void 0 : props.label) || i18n.__('Save Changes', 'notificationx');
+  if (context.isSubmitting) {
+    var _props$loadingLabel;
+    label = (_props$loadingLabel = props === null || props === void 0 ? void 0 : props.loadingLabel) !== null && _props$loadingLabel !== void 0 ? _props$loadingLabel : 'Saving...';
+  }
   var handleSubmit = React.useCallback(function (event) {
     var _context$submit;
     if ((_context$submit = context.submit) !== null && _context$submit !== void 0 && _context$submit.onSubmit) {
       context.submit.onSubmit(event, context);
       return;
     }
-    // console.log('on submit wprf.');
   }, [context]);
   return React.createElement("div", {
     className: "wprf-submit wprf-control"
   }, React.createElement(components.Button, {
+    disabled: context === null || context === void 0 ? void 0 : context.isSubmitting,
     className: "wprf-submit-button",
     onClick: handleSubmit
   }, label));
@@ -3786,7 +3821,7 @@ var SteppedButton = function SteppedButton(props) {
   return React.createElement("div", {
     className: "wprf-stepped-button"
   }, props.config.buttons && Object.keys(props.config.buttons).map(function (button, index) {
-    var _props$config$buttons, _props$config$buttons2, _props$config$buttons3, _props$config$buttons4;
+    var _props$config$buttons, _props$config$buttons2, _props$config$buttons3;
     return React.createElement(React__default["default"].Fragment, {
       key: "button_".concat(button, "_").concat(index)
     }, (button === 'next' && nextTab !== undefined || button === 'prev' && prevTab !== undefined) && React.createElement(components.Button, {
@@ -3794,7 +3829,7 @@ var SteppedButton = function SteppedButton(props) {
       onClick: function onClick() {
         return props.setActive(button === 'next' ? nextTab : prevTab);
       }
-    }, (_props$config$buttons = props.config.buttons) === null || _props$config$buttons === void 0 ? void 0 : _props$config$buttons[button]), nextTab == undefined && ((_props$config$buttons2 = props.config.buttons) === null || _props$config$buttons2 === void 0 ? void 0 : (_props$config$buttons3 = _props$config$buttons2[button]) === null || _props$config$buttons3 === void 0 ? void 0 : _props$config$buttons3.type) && React.createElement(Field$1, (_props$config$buttons4 = props.config.buttons) === null || _props$config$buttons4 === void 0 ? void 0 : _props$config$buttons4[button]));
+    }, (_props$config$buttons = props.config.buttons) === null || _props$config$buttons === void 0 ? void 0 : _props$config$buttons[button]), nextTab == undefined && ((_props$config$buttons2 = props.config.buttons) === null || _props$config$buttons2 === void 0 || (_props$config$buttons2 = _props$config$buttons2[button]) === null || _props$config$buttons2 === void 0 ? void 0 : _props$config$buttons2.type) && React.createElement(Field$1, (_props$config$buttons3 = props.config.buttons) === null || _props$config$buttons3 === void 0 ? void 0 : _props$config$buttons3[button]));
   }));
 };
 var SteppedButton$1 = /*#__PURE__*/React__default["default"].memo(SteppedButton);
@@ -3824,9 +3859,9 @@ var Content = function Content(_ref) {
       return isVisible(builderContext === null || builderContext === void 0 ? void 0 : builderContext.values, tab);
     });
     setTabsFields(filteredTabs);
-  }, [tabs, builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value.source]);
+  }, [tabs, builderContext === null || builderContext === void 0 || (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value.source]);
   return React.createElement("div", {
-    className: classNames__default["default"]("wprf-tab-content-wrapper", builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value2 = builderContext.values) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2.source, builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value3 = builderContext.values) === null || _builderContext$value3 === void 0 ? void 0 : _builderContext$value3.themes)
+    className: classNames__default["default"]("wprf-tab-content-wrapper", builderContext === null || builderContext === void 0 || (_builderContext$value2 = builderContext.values) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2.source, builderContext === null || builderContext === void 0 || (_builderContext$value3 = builderContext.values) === null || _builderContext$value3 === void 0 ? void 0 : _builderContext$value3.themes)
   }, React.createElement("div", {
     className: "wprf-tab-flex"
   }, React.createElement("div", {
@@ -3854,7 +3889,7 @@ var Content = function Content(_ref) {
       fields: tab === null || tab === void 0 ? void 0 : tab.fields,
       parentIndex: [].concat(_toConsumableArray(parentIndex), [index])
     }));
-  })), hooks.applyFilters('wprf_tab_content', '', rest)), (rest === null || rest === void 0 ? void 0 : (_rest$step = rest.step) === null || _rest$step === void 0 ? void 0 : _rest$step.show) && React.createElement(SteppedButton$1, {
+  })), hooks.applyFilters('wprf_tab_content', '', rest)), (rest === null || rest === void 0 || (_rest$step = rest.step) === null || _rest$step === void 0 ? void 0 : _rest$step.show) && React.createElement(SteppedButton$1, {
     fields: tabsFields,
     active: active,
     setActive: setActive,
@@ -3862,28 +3897,31 @@ var Content = function Content(_ref) {
       show: false
     }
   }), ((_submit$show = submit === null || submit === void 0 ? void 0 : submit.show) !== null && _submit$show !== void 0 ? _submit$show : true) && (submit !== null && submit !== void 0 && submit.rules ? when(submit === null || submit === void 0 ? void 0 : submit.rules, {
-    rest: rest
+    rest: rest,
+    config: {
+      active: active
+    }
   }) : true) && React.createElement(Submit, submit));
 };
 
 var Tab = function Tab(props) {
   // const builderContextState = useBuilder(props);
+
   var builderContext = useBuilderContext();
-  var _useState = React.useState(props.value || props.active),
+  var _useState = React.useState((props === null || props === void 0 ? void 0 : props.value) || (props === null || props === void 0 ? void 0 : props.active)),
     _useState2 = _slicedToArray(_useState, 2),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
   var componentClasses = classNames__default["default"]("wp-react-form wprf-tabs-wrapper", props === null || props === void 0 ? void 0 : props.className, {
     "wprf-tab-menu-as-sidebar": props === null || props === void 0 ? void 0 : props.sidebar
   });
-
-  // console.log(props.value, props);
-
   React.useEffect(function () {
-    if (props.value !== activeTab) {
-      setActiveTab(props.value);
+    var _props$value;
+    var _activeTab = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.active;
+    if (_activeTab != activeTab) {
+      setActiveTab(_activeTab);
     }
-  }, [props.value]);
+  }, [props === null || props === void 0 ? void 0 : props.value]);
   React.useEffect(function () {
     if (props.value !== activeTab) {
       props.onChange({
@@ -3914,22 +3952,23 @@ var Tab = function Tab(props) {
   })));
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 data.registerStore("formbuilder", store);
 var FormBuilder = function FormBuilder(props) {
   var _tabs;
   var builderContext = useBuilderContext();
   var tabs = props.tabs;
   if (!((_tabs = tabs) !== null && _tabs !== void 0 && _tabs.type)) {
+    var _props$config;
     tabs = _objectSpread(_objectSpread({}, props.config), {}, {
-      value: props.config.active,
+      value: props === null || props === void 0 || (_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.active,
       fields: props.tabs,
       tabs: undefined,
       submit: props === null || props === void 0 ? void 0 : props.submit,
       onChange: function onChange(event) {
         var _event$target;
-        builderContext.setActiveTab(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+        builderContext.setActiveTab(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
       }
     });
   }
@@ -3996,6 +4035,7 @@ exports.useBuilder = useBuilder;
 exports.useBuilderContext = useBuilderContext;
 exports.useDefaults = useDefaults;
 exports.validFieldProps = validFieldProps;
+exports.valueExists = valueExists;
 exports.when = when;
 exports.withLabel = withLabel;
 exports.withProps = withProps;
diff --git a/dist/dev/quickbuilder.esm.js b/dist/dev/quickbuilder.esm.js
index d1e4d49..d2019a0 100644
--- a/dist/dev/quickbuilder.esm.js
+++ b/dist/dev/quickbuilder.esm.js
@@ -7,7 +7,7 @@ import moment from 'moment';
 import intersect from 'intersect';
 import { sprintf, __ } from '@wordpress/i18n';
 import classNames from 'classnames';
-import { applyFilters } from '@wordpress/hooks';
+import { doAction, applyFilters } from '@wordpress/hooks';
 import Swal from 'sweetalert2';
 import { Dropdown, Button as Button$2, DateTimePicker, Icon, RangeControl, ColorPicker as ColorPicker$2 } from '@wordpress/components';
 import copy from 'copy-to-clipboard';
@@ -23,14 +23,14 @@ import htmlToDraft from 'html-to-draftjs';
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import SweetAlert$1 from 'react-bootstrap-sweetalert';
 
-function _typeof$1(obj) {
+function _typeof$1(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof$1(o);
 }
 
 function _toPrimitive(input, hint) {
@@ -95,8 +95,8 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
 }
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var wpFetch = function wpFetch(params) {
   var args = _objectSpread$f(_objectSpread$f({}, params), {}, {
     method: "POST"
@@ -121,6 +121,14 @@ var isArray = function isArray(args) {
 var isObject = function isObject(obj) {
   return obj !== null && _typeof$1(obj) === 'object' && !isArray(obj);
 };
+var valueExists = function valueExists(arrayOptions, needles) {
+  if (isArray(needles)) {
+    return arrayOptions.some(function (value) {
+      return needles.includes(value);
+    });
+  }
+  return arrayOptions.includes(needles);
+};
 var isVisible = function isVisible(values, props) {
   if (!(props !== null && props !== void 0 && props.rules) || props.name == undefined) {
     return true;
@@ -298,7 +306,7 @@ var hitAAJX = function hitAAJX(ajax) {
           var _response$data3;
           downloadFile({
             data: JSON.stringify(response.data.download),
-            fileName: (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.filename) || 'export.json',
+            fileName: (response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.filename) || 'export.json',
             fileType: 'text/json'
           });
         }
@@ -326,7 +334,7 @@ var getTime = function getTime(value) {
   var _settings$timezone;
   var keepLocalTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var settings = __experimentalGetSettings();
-  var _value = moment.utc(value ? value : undefined).utcOffset(+(settings === null || settings === void 0 ? void 0 : (_settings$timezone = settings.timezone) === null || _settings$timezone === void 0 ? void 0 : _settings$timezone.offset), keepLocalTime);
+  var _value = moment.utc(value ? value : undefined).utcOffset(+(settings === null || settings === void 0 || (_settings$timezone = settings.timezone) === null || _settings$timezone === void 0 ? void 0 : _settings$timezone.offset), keepLocalTime);
   return _value;
 };
 var merge = function merge(array_one, array_two, key) {
@@ -490,8 +498,8 @@ var when = function when(conditions, data) {
   return validate$1(conditions, data);
 };
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_STATE = {
   savedValues: {
     type: "conversions",
@@ -666,31 +674,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 
@@ -720,10 +728,10 @@ var Menu = function Menu(props) {
       return isVisible(context === null || context === void 0 ? void 0 : context.values, tab);
     });
     setTabsFields(filteredTabs);
-  }, [tabs, context === null || context === void 0 ? void 0 : (_context$values = context.values) === null || _context$values === void 0 ? void 0 : _context$values.source]);
+  }, [tabs, context === null || context === void 0 || (_context$values = context.values) === null || _context$values === void 0 ? void 0 : _context$values.source]);
   var componentClasses = classNames("wprf-tab-menu-wrapper", props === null || props === void 0 ? void 0 : props.className, {
     "wprf-tab-menu-sidebar": props === null || props === void 0 ? void 0 : props.sidebar
-  }, context === null || context === void 0 ? void 0 : (_context$values2 = context.values) === null || _context$values2 === void 0 ? void 0 : _context$values2.source);
+  }, context === null || context === void 0 || (_context$values2 = context.values) === null || _context$values2 === void 0 ? void 0 : _context$values2.source);
   var currentTabIndex = tabsFields.findIndex(function (tab) {
     return tab.id === active;
   });
@@ -732,7 +740,7 @@ var Menu = function Menu(props) {
   }, createElement("ul", {
     className: "wprf-tab-nav"
   }, tabsFields.map(function (tab, index) {
-    var _classNames, _context$icons, _context$icons$tab$ic, _tab$icon, _tab$icon2;
+    var _classNames, _context$icons, _tab$icon, _tab$icon2;
     return createElement("li", {
       className: classNames("wprf-tab-nav-item", (_classNames = {}, _defineProperty(_classNames, "".concat(tab.classes), tab.classes), _defineProperty(_classNames, "wprf-active-nav", active === tab.id), _defineProperty(_classNames, "wprf-tab-complete", props !== null && props !== void 0 && props.completionTrack ? index <= currentTabIndex : false), _classNames)),
       "data-key": tab.id,
@@ -744,7 +752,7 @@ var Menu = function Menu(props) {
     }, (tab === null || tab === void 0 ? void 0 : tab.icon) && (isString(tab.icon) && !isObject(tab.icon) ? createElement("img", {
       src: tab.icon,
       alt: tab === null || tab === void 0 ? void 0 : tab.label
-    }) : isObject(tab.icon) ? context === null || context === void 0 ? void 0 : (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : (_context$icons$tab$ic = _context$icons[tab === null || tab === void 0 ? void 0 : (_tab$icon = tab.icon) === null || _tab$icon === void 0 ? void 0 : _tab$icon.type]) === null || _context$icons$tab$ic === void 0 ? void 0 : _context$icons$tab$ic[tab === null || tab === void 0 ? void 0 : (_tab$icon2 = tab.icon) === null || _tab$icon2 === void 0 ? void 0 : _tab$icon2.name] : ''), createElement("span", null, tab.label));
+    }) : isObject(tab.icon) ? context === null || context === void 0 || (_context$icons = context.icons) === null || _context$icons === void 0 || (_context$icons = _context$icons[tab === null || tab === void 0 || (_tab$icon = tab.icon) === null || _tab$icon === void 0 ? void 0 : _tab$icon.type]) === null || _context$icons === void 0 ? void 0 : _context$icons[tab === null || tab === void 0 || (_tab$icon2 = tab.icon) === null || _tab$icon2 === void 0 ? void 0 : _tab$icon2.name] : ''), createElement("span", null, tab.label));
   })));
 };
 
@@ -862,7 +870,7 @@ var useOptions = function useOptions(props) {
     }).length === 0) {
       var _options$;
       var _options = sortingFields(lOptions);
-      setOption((_options === null || _options === void 0 ? void 0 : (_options$ = _options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || savedValue);
+      setOption((_options === null || _options === void 0 || (_options$ = _options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || savedValue);
     }
   }, [option, lOptions]);
   var options = sortingFields(lOptions);
@@ -878,7 +886,7 @@ var useOptions = function useOptions(props) {
 var useTrigger = function useTrigger(props) {
   var builderContext = props.context;
   if (props !== null && props !== void 0 && props.trigger && isArray(props === null || props === void 0 ? void 0 : props.trigger)) {
-    props === null || props === void 0 ? void 0 : props.trigger.map(function (trigger) {
+    props === null || props === void 0 || props.trigger.map(function (trigger) {
       var triggerType = (trigger === null || trigger === void 0 ? void 0 : trigger.type) || 'setFieldValue';
       if (trigger !== null && trigger !== void 0 && trigger.action && isObject(trigger === null || trigger === void 0 ? void 0 : trigger.action)) {
         for (var key in trigger === null || trigger === void 0 ? void 0 : trigger.action) {
@@ -953,8 +961,8 @@ var useDefaults = function useDefaults(parentName, helpers, value, trigger) {
   }
 };
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // import store from "../store";
 
 var SweetAlert = function SweetAlert() {
@@ -1083,8 +1091,8 @@ function _extends() {
 //     return (number < 10 ? '0' : '') + number
 // }
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var builderReducer = function builderReducer(state, action) {
   switch (action.type) {
     case 'SET_CONTEXT':
@@ -1186,9 +1194,10 @@ var builderReducer = function builderReducer(state, action) {
   }
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useBuilder = function useBuilder(props) {
+  var _state$isSubmitting;
   // Set is Mounted or NOT
   var isMounted = useRef(false);
   useEffect(function () {
@@ -1303,12 +1312,13 @@ var useBuilder = function useBuilder(props) {
       value = _eChange.val;
     if (field) {
       setFieldValue(field, value);
+      doAction('quickBuilder_setFieldValue', field, value, validProps);
     }
   }, [setFieldValue, state.values]);
   var handleChange = useEventCallback(function (eventOrString, validProps) {
     if (validProps !== null && validProps !== void 0 && validProps.isPro && Boolean(state.is_pro_active) === false) {
-      var _state$alerts, _state$alerts$pro_ale;
-      (_state$alerts = state.alerts) === null || _state$alerts === void 0 ? void 0 : (_state$alerts$pro_ale = _state$alerts.pro_alert(validProps === null || validProps === void 0 ? void 0 : validProps.popup)) === null || _state$alerts$pro_ale === void 0 ? void 0 : _state$alerts$pro_ale.fire();
+      var _state$alerts;
+      (_state$alerts = state.alerts) === null || _state$alerts === void 0 || (_state$alerts = _state$alerts.pro_alert(validProps === null || validProps === void 0 ? void 0 : validProps.popup)) === null || _state$alerts === void 0 || _state$alerts.fire();
       // return false;
     }
 
@@ -1339,7 +1349,7 @@ var useBuilder = function useBuilder(props) {
     } else if (parent && parentType === 'repeater') {
       var _getIn2, _parentValue$validPro, _parentValue$validPro2;
       var _parentValue = (_getIn2 = getIn(state.values, parent)) !== null && _getIn2 !== void 0 ? _getIn2 : [];
-      valueState = (_parentValue$validPro = _parentValue === null || _parentValue === void 0 ? void 0 : (_parentValue$validPro2 = _parentValue[validProps.index]) === null || _parentValue$validPro2 === void 0 ? void 0 : _parentValue$validPro2[name]) !== null && _parentValue$validPro !== void 0 ? _parentValue$validPro : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
+      valueState = (_parentValue$validPro = _parentValue === null || _parentValue === void 0 || (_parentValue$validPro2 = _parentValue[validProps.index]) === null || _parentValue$validPro2 === void 0 ? void 0 : _parentValue$validPro2[name]) !== null && _parentValue$validPro !== void 0 ? _parentValue$validPro : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
     } else {
       var _getIn3;
       valueState = (_getIn3 = getIn(state.values, name)) !== null && _getIn3 !== void 0 ? _getIn3 : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
@@ -1509,7 +1519,7 @@ var useBuilder = function useBuilder(props) {
     savedValues: state.savedValues,
     errors: state.errors,
     touched: state.touched,
-    isSubmitting: false,
+    isSubmitting: (_state$isSubmitting = state === null || state === void 0 ? void 0 : state.isSubmitting) !== null && _state$isSubmitting !== void 0 ? _state$isSubmitting : false,
     setActiveTab: setActiveTab,
     setRedirect: setRedirect,
     setSubmitting: setSubmitting,
@@ -1570,13 +1580,13 @@ var Label = function Label(props) {
   return createElement("label", {
     htmlFor: props === null || props === void 0 ? void 0 : props.htmlFor,
     className: componentClasses
-  }, (props === null || props === void 0 ? void 0 : (_props$badge = props.badge) === null || _props$badge === void 0 ? void 0 : _props$badge.value) && createElement("div", {
+  }, (props === null || props === void 0 || (_props$badge = props.badge) === null || _props$badge === void 0 ? void 0 : _props$badge.value) && createElement("div", {
     className: "wprf-badge"
   }, createElement("sup", {
     className: classNames("wprf-badge-item", {
-      'wprf-badge-active': props === null || props === void 0 ? void 0 : (_props$badge2 = props.badge) === null || _props$badge2 === void 0 ? void 0 : _props$badge2.active
+      'wprf-badge-active': props === null || props === void 0 || (_props$badge2 = props.badge) === null || _props$badge2 === void 0 ? void 0 : _props$badge2.active
     })
-  }, props === null || props === void 0 ? void 0 : (_props$badge3 = props.badge) === null || _props$badge3 === void 0 ? void 0 : _props$badge3.label)), !(props !== null && props !== void 0 && props.src) && (props === null || props === void 0 ? void 0 : props.children), (props === null || props === void 0 ? void 0 : props.src) && createElement(Image, {
+  }, props === null || props === void 0 || (_props$badge3 = props.badge) === null || _props$badge3 === void 0 ? void 0 : _props$badge3.label)), !(props !== null && props !== void 0 && props.src) && (props === null || props === void 0 ? void 0 : props.children), (props === null || props === void 0 ? void 0 : props.src) && createElement(Image, {
     className: "wprf-label-image",
     src: props.src,
     alt: props === null || props === void 0 ? void 0 : props.label
@@ -1660,13 +1670,18 @@ var ControlLabel = function ControlLabel(props) {
 
   return createElement("div", {
     className: "wprf-control-label"
-  }, badgePosition == 'left' && badge, createElement("label", {
+  }, badgePosition == "left" && badge, createElement("label", {
     htmlFor: id
-  }, label), (rest === null || rest === void 0 ? void 0 : rest.link) && createElement("a", {
+  }, label), (rest === null || rest === void 0 ? void 0 : rest.label_subtitle) && createElement("p", {
+    className: "wprf-label-subtitle",
+    dangerouslySetInnerHTML: {
+      __html: rest === null || rest === void 0 ? void 0 : rest.label_subtitle
+    }
+  }), (rest === null || rest === void 0 ? void 0 : rest.link) && createElement("a", {
     rel: "nofollow",
     target: "_blank",
     href: rest.link
-  }, context === null || context === void 0 ? void 0 : (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : _context$icons.link), badgePosition == 'right' && badge);
+  }, context === null || context === void 0 || (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : _context$icons.link), badgePosition == "right" && badge);
 };
 
 var ControlField = function ControlField(_ref) {
@@ -1695,8 +1710,8 @@ var ControlField = function ControlField(_ref) {
 };
 
 var _excluded$3 = ["label", "id", "name", "type", "style", "is_pro", "badge"];
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // import { useInstanceId } from "@wordpress/compose";
 
@@ -1721,7 +1736,7 @@ var withLabel = function withLabel(WrappedComponent) {
         position: "right"
       }
     }, prevStyle);
-    var styleClasses = classNames((_classNames = {}, _defineProperty(_classNames, "wprf-style-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type) || false), _defineProperty(_classNames, "wprf-label-none", label === undefined || label === "" || label.length === 0), _defineProperty(_classNames, "wprf-".concat((styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position) || "inline", "-label"), ((_styles$label$positio = styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position) !== null && _styles$label$positio !== void 0 ? _styles$label$positio : true) && label != undefined), _classNames));
+    var styleClasses = classNames((_classNames = {}, _defineProperty(_classNames, "wprf-style-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type) || false), _defineProperty(_classNames, "wprf-label-none", label === undefined || label === "" || label.length === 0), _defineProperty(_classNames, "wprf-".concat((styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position) || "inline", "-label"), ((_styles$label$positio = styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position) !== null && _styles$label$positio !== void 0 ? _styles$label$positio : true) && label != undefined), _classNames));
     if (type === "hidden") {
       return createElement(WrappedComponent, _extends$1({}, props, {
         id: id
@@ -1746,7 +1761,7 @@ var withLabel = function withLabel(WrappedComponent) {
         return createElement(ControlField, {
           help: null,
           description: props === null || props === void 0 ? void 0 : props.description,
-          position: styles === null || styles === void 0 ? void 0 : (_styles$description = styles.description) === null || _styles$description === void 0 ? void 0 : _styles$description.position,
+          position: styles === null || styles === void 0 || (_styles$description = styles.description) === null || _styles$description === void 0 ? void 0 : _styles$description.position,
           renderComponent: function renderComponent() {
             return createElement(WrappedComponent, _extends$1({}, validProps, {
               disable: true,
@@ -1773,7 +1788,7 @@ var withLabel = function withLabel(WrappedComponent) {
     })), createElement(ControlField, {
       help: props === null || props === void 0 ? void 0 : props.help,
       description: props === null || props === void 0 ? void 0 : props.description,
-      position: styles === null || styles === void 0 ? void 0 : (_styles$description2 = styles.description) === null || _styles$description2 === void 0 ? void 0 : _styles$description2.position,
+      position: styles === null || styles === void 0 || (_styles$description2 = styles.description) === null || _styles$description2 === void 0 ? void 0 : _styles$description2.position,
       renderComponent: function renderComponent() {
         return createElement(WrappedComponent, _extends$1({}, validProps, {
           id: id
@@ -1856,8 +1871,8 @@ var withProps = function withProps(WrappedComponent) {
 function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
 function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function GenericCheckbox(props) {
   var _styles$label, _styles$label2, _classNames;
   var prevStyles = props.style;
@@ -1880,7 +1895,7 @@ function GenericCheckbox(props) {
     }
     return _isChecked;
   }, [props === null || props === void 0 ? void 0 : props.checked, props.value]);
-  var componentClasses = classNames("wprf-checkbox-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
+  var componentClasses = classNames("wprf-checkbox-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
   return createElement("div", {
     className: componentClasses
   }, createElement(GenericInput, _objectSpread$9(_objectSpread$9({}, props), {}, {
@@ -2088,14 +2103,15 @@ var DateControl = function DateControl(props) {
 };
 var Date$1 = withLabel(DateControl);
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Input = function Input(props) {
   var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'copyOnClick', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
   var handleChange = useCallback(function (event) {
     return validProps.onChange(event, {
       popup: props === null || props === void 0 ? void 0 : props.popup,
-      isPro: !!props.is_pro
+      isPro: !!props.is_pro,
+      originProps: props
     });
   }, [validProps === null || validProps === void 0 ? void 0 : validProps.value]);
   if (validProps.type === 'checkbox') {
@@ -2154,8 +2170,8 @@ Input.defaultProps = {
 var GenericInput = /*#__PURE__*/React.memo(Input);
 var Input$1 = withLabel( /*#__PURE__*/React.memo(Input));
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Textarea = function Textarea(props) {
   var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'disable', 'parentIndex', 'context']);
   var handleChange = useCallback(function (event) {
@@ -2170,15 +2186,11 @@ var Textarea = function Textarea(props) {
 };
 var Textarea$1 = withLabel( /*#__PURE__*/React.memo(Textarea));
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CodeViewer = function CodeViewer(props) {
   var validProps = validFieldProps(props, ["is_pro", "visible", "trigger", "disable", "parentIndex", "context", "copyOnClick"]);
-  var handleChange = useCallback(function (event) {
-    return validProps.onChange(event, {
-      isPro: !!props.is_pro
-    });
-  }, [validProps === null || validProps === void 0 ? void 0 : validProps.value]);
+  var handleChange = function handleChange() {};
   var extraProps = {
     onChange: handleChange,
     rows: 5
@@ -2187,7 +2199,7 @@ var CodeViewer = function CodeViewer(props) {
     extraProps["onClick"] = function () {
       var successText = props !== null && props !== void 0 && props.success_text ? props.success_text : __("Copied to Clipboard.", "notificationx");
       copy(props.value, {
-        format: 'text/plain',
+        format: "text/plain",
         onCopy: function onCopy() {
           props.context.alerts.toast("success", successText);
         }
@@ -2225,7 +2237,7 @@ var JsonUploader = function JsonUploader(props) {
     var reader = new FileReader();
     reader.onload = function (event) {
       var _event$target;
-      var json = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
+      var json = event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
       props.onChange({
         target: {
           type: 'jsonuploader',
@@ -2412,6 +2424,27 @@ var Select = function Select(props) {
       handleMenuOpen();
     }
   }, [props === null || props === void 0 ? void 0 : props.menuOpen]);
+  var handleOptionChange = useCallback(function (option) {
+    var _props$filterValue;
+    if (isArray(option) && (props === null || props === void 0 || (_props$filterValue = props.filterValue) === null || _props$filterValue === void 0 ? void 0 : _props$filterValue.length) > 0) {
+      var _props$filterValue2;
+      var origialValues = option;
+      var values = origialValues;
+      var filterValue = (_props$filterValue2 = props === null || props === void 0 ? void 0 : props.filterValue) !== null && _props$filterValue2 !== void 0 ? _props$filterValue2 : ['all'];
+      if (!isArray(filterValue)) {
+        filterValue = [filterValue];
+      }
+      if ((origialValues === null || origialValues === void 0 ? void 0 : origialValues.length) > 1 && valueExists(origialValues.map(function (item) {
+        return item.value;
+      }), filterValue)) {
+        values = origialValues.filter(function (item) {
+          return !filterValue.includes(item === null || item === void 0 ? void 0 : item.value);
+        });
+      }
+      option = values;
+    }
+    setSOption(option);
+  }, [name, id, parentIndex]);
   return createElement("div", {
     className: "wprf-select-wrapper"
   }, createElement(ReactSelect, {
@@ -2430,9 +2463,7 @@ var Select = function Select(props) {
     isOptionDisabled: function isOptionDisabled(option) {
       return option === null || option === void 0 ? void 0 : option.disabled;
     },
-    onChange: function onChange(option) {
-      return setSOption(option);
-    } // option or options
+    onChange: handleOptionChange // option or options
   }));
 };
 
@@ -2483,7 +2514,7 @@ function useInstanceId(object, prefix, preferredId) {
 }
 
 var RepeaterField = function RepeaterField(props) {
-  var _builderContext$value, _builderContext$value2;
+  var _builderContext$value;
   var builderContext = useBuilderContext();
   var fields = props.fields,
     _onChange = props.onChange,
@@ -2495,15 +2526,15 @@ var RepeaterField = function RepeaterField(props) {
     setIsCollapsed = _useState2[1];
   var instanceId = useInstanceId(RepeaterField);
   // onClick={() => setIsCollapse(!isCollapse)}
-  var values = (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : (_builderContext$value2 = _builderContext$value[parent]) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2[index];
+  var values = (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 || (_builderContext$value = _builderContext$value[parent]) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value[index];
   var title = (values === null || values === void 0 ? void 0 : values.title) || (values === null || values === void 0 ? void 0 : values.post_title) || (values === null || values === void 0 ? void 0 : values.username) || (values === null || values === void 0 ? void 0 : values.plugin_theme_name);
   var _title = title ? title.length < 40 ? title : title.substr(0, 40) + "..." : '';
   var onClone = function onClone(event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 || event.stopPropagation();
     props.clone(props.index);
   };
   var onDelete = function onDelete(event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 || event.stopPropagation();
     props.remove(props.index);
   };
   useEffect(function () {
@@ -2543,8 +2574,8 @@ var RepeaterField = function RepeaterField(props) {
   })));
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GenericToggle = function GenericToggle(props) {
   var _styles$label, _styles$label2, _classNames;
   var prevStyles = props.style;
@@ -2567,7 +2598,7 @@ var GenericToggle = function GenericToggle(props) {
     }
     return _isChecked;
   }, [props === null || props === void 0 ? void 0 : props.checked, props.value]);
-  var componentClasses = classNames("wprf-toggle-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
+  var componentClasses = classNames("wprf-toggle-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
   return createElement("div", {
     className: componentClasses
   }, createElement(GenericInput, _objectSpread$5(_objectSpread$5({}, props), {}, {
@@ -2641,8 +2672,8 @@ var toolbarOptions = {
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Toggle = function Toggle(props) {
   var passedOptions = props.options,
     value = props.value,
@@ -2712,8 +2743,8 @@ var Toggle = function Toggle(props) {
 };
 
 var _excluded$1 = ["label", "value", "icon", "is_pro"];
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioCard = function RadioCard(props) {
   var builderContext = useBuilderContext();
   var _useOptions = useOptions(props, 'options'),
@@ -2898,8 +2929,8 @@ function v4(options, buf, offset) {
   return stringify(rnds);
 }
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Repeater = function Repeater(props) {
   var _builderContext$value, _builderContext$value4;
   var fieldName = props.name;
@@ -3131,7 +3162,7 @@ var SelectAsync = function SelectAsync(props) {
       }
       if (inputValue.length < 3) {
         callback([{
-          'label': "Please type 3 or more characters.",
+          'label': __("Please input a minimum of 3 characters."),
           'value': null,
           'disabled': true
         }]);
@@ -3140,7 +3171,7 @@ var SelectAsync = function SelectAsync(props) {
       var data = {
         inputValue: inputValue
       };
-      (_Object$keys = Object.keys(props.ajax.data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (singleData) {
+      (_Object$keys = Object.keys(props.ajax.data)) === null || _Object$keys === void 0 || _Object$keys.map(function (singleData) {
         if (props.ajax.data[singleData].indexOf("@") > -1) {
           var _builderContext$value;
           var eligibleKey = props.ajax.data[singleData].substr(1);
@@ -3213,7 +3244,7 @@ var SelectAsync = function SelectAsync(props) {
       var _meta$inputValue;
       if (meta !== null && meta !== void 0 && (_meta$inputValue = meta.inputValue) !== null && _meta$inputValue !== void 0 && _meta$inputValue.length && option.name) {
         var _meta$inputValue2;
-        if (option.name.toLowerCase().includes(meta === null || meta === void 0 ? void 0 : (_meta$inputValue2 = meta.inputValue) === null || _meta$inputValue2 === void 0 ? void 0 : _meta$inputValue2.toLowerCase())) {
+        if (option.name.toLowerCase().includes(meta === null || meta === void 0 || (_meta$inputValue2 = meta.inputValue) === null || _meta$inputValue2 === void 0 ? void 0 : _meta$inputValue2.toLowerCase())) {
           var _option$name, _option$address;
           option === null || option === void 0 ? void 0 : option.name;
           var regX = new RegExp("(".concat(meta === null || meta === void 0 ? void 0 : meta.inputValue, ")"), "gi");
@@ -3433,11 +3464,11 @@ var Button = function Button(props) {
           }
         });
         if (!((_props$ajax = props.ajax) !== null && _props$ajax !== void 0 && _props$ajax.hideSwal)) {
-          var _props$ajax2, _props$ajax2$swal, _props$ajax3, _props$ajax3$swal, _props$ajax4, _props$ajax4$swal;
-          var type = ((_props$ajax2 = props.ajax) === null || _props$ajax2 === void 0 ? void 0 : (_props$ajax2$swal = _props$ajax2.swal) === null || _props$ajax2$swal === void 0 ? void 0 : _props$ajax2$swal.icon) || 'success';
-          var message = ((_props$ajax3 = props.ajax) === null || _props$ajax3 === void 0 ? void 0 : (_props$ajax3$swal = _props$ajax3.swal) === null || _props$ajax3$swal === void 0 ? void 0 : _props$ajax3$swal.text) || 'Complete';
+          var _props$ajax2, _props$ajax3, _props$ajax4;
+          var type = ((_props$ajax2 = props.ajax) === null || _props$ajax2 === void 0 || (_props$ajax2 = _props$ajax2.swal) === null || _props$ajax2 === void 0 ? void 0 : _props$ajax2.icon) || 'success';
+          var message = ((_props$ajax3 = props.ajax) === null || _props$ajax3 === void 0 || (_props$ajax3 = _props$ajax3.swal) === null || _props$ajax3 === void 0 ? void 0 : _props$ajax3.text) || 'Complete';
           props.context.alerts.toast(type, message, {
-            autoClose: (_props$ajax4 = props.ajax) === null || _props$ajax4 === void 0 ? void 0 : (_props$ajax4$swal = _props$ajax4.swal) === null || _props$ajax4$swal === void 0 ? void 0 : _props$ajax4$swal.autoClose
+            autoClose: (_props$ajax4 = props.ajax) === null || _props$ajax4 === void 0 || (_props$ajax4 = _props$ajax4.swal) === null || _props$ajax4 === void 0 ? void 0 : _props$ajax4.autoClose
           });
         }
         if ((_props$ajax5 = props.ajax) !== null && _props$ajax5 !== void 0 && _props$ajax5.reload) {
@@ -3489,12 +3520,12 @@ var Button = function Button(props) {
     disabled: isLoading,
     onClick: (_props$onClick = props === null || props === void 0 ? void 0 : props.onClick) !== null && _props$onClick !== void 0 ? _props$onClick : handleClick,
     className: classNames('wprf-control wprf-button wprf-btn', props === null || props === void 0 ? void 0 : props.classes)
-  }), isObject(props === null || props === void 0 ? void 0 : props.text) && props !== null && props !== void 0 && props.ajax ? isLoading ? props === null || props === void 0 ? void 0 : (_props$text = props.text) === null || _props$text === void 0 ? void 0 : _props$text.loading : props.value ? props === null || props === void 0 ? void 0 : (_props$text2 = props.text) === null || _props$text2 === void 0 ? void 0 : _props$text2.saved : props === null || props === void 0 ? void 0 : (_props$text3 = props.text) === null || _props$text3 === void 0 ? void 0 : _props$text3.normal : props === null || props === void 0 ? void 0 : props.text));
+  }), isObject(props === null || props === void 0 ? void 0 : props.text) && props !== null && props !== void 0 && props.ajax ? isLoading ? props === null || props === void 0 || (_props$text = props.text) === null || _props$text === void 0 ? void 0 : _props$text.loading : props.value ? props === null || props === void 0 || (_props$text2 = props.text) === null || _props$text2 === void 0 ? void 0 : _props$text2.saved : props === null || props === void 0 || (_props$text3 = props.text) === null || _props$text3 === void 0 ? void 0 : _props$text3.normal : props === null || props === void 0 ? void 0 : props.text));
 };
 var Button$1 = withLabel(Button);
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ResponsiveNumber = function ResponsiveNumber(props) {
   var _Object$keys;
   var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
@@ -3649,7 +3680,7 @@ var Modal = function Modal(props) {
       justifyContent: 'center'
     },
     title: createElement(ModalHeader, {
-      content: props === null || props === void 0 ? void 0 : (_props$body = props.body) === null || _props$body === void 0 ? void 0 : _props$body.header
+      content: props === null || props === void 0 || (_props$body = props.body) === null || _props$body === void 0 ? void 0 : _props$body.header
     }),
     onConfirm: onConfirm,
     showConfirm: false,
@@ -3723,17 +3754,21 @@ var Submit = function Submit(_ref) {
   var props = _extends$1({}, (_objectDestructuringEmpty(_ref), _ref));
   var context = useBuilderContext();
   var label = (props === null || props === void 0 ? void 0 : props.label) || __('Save Changes', 'notificationx');
+  if (context.isSubmitting) {
+    var _props$loadingLabel;
+    label = (_props$loadingLabel = props === null || props === void 0 ? void 0 : props.loadingLabel) !== null && _props$loadingLabel !== void 0 ? _props$loadingLabel : 'Saving...';
+  }
   var handleSubmit = useCallback(function (event) {
     var _context$submit;
     if ((_context$submit = context.submit) !== null && _context$submit !== void 0 && _context$submit.onSubmit) {
       context.submit.onSubmit(event, context);
       return;
     }
-    // console.log('on submit wprf.');
   }, [context]);
   return createElement("div", {
     className: "wprf-submit wprf-control"
   }, createElement(Button$2, {
+    disabled: context === null || context === void 0 ? void 0 : context.isSubmitting,
     className: "wprf-submit-button",
     onClick: handleSubmit
   }, label));
@@ -3766,7 +3801,7 @@ var SteppedButton = function SteppedButton(props) {
   return createElement("div", {
     className: "wprf-stepped-button"
   }, props.config.buttons && Object.keys(props.config.buttons).map(function (button, index) {
-    var _props$config$buttons, _props$config$buttons2, _props$config$buttons3, _props$config$buttons4;
+    var _props$config$buttons, _props$config$buttons2, _props$config$buttons3;
     return createElement(React.Fragment, {
       key: "button_".concat(button, "_").concat(index)
     }, (button === 'next' && nextTab !== undefined || button === 'prev' && prevTab !== undefined) && createElement(Button$2, {
@@ -3774,7 +3809,7 @@ var SteppedButton = function SteppedButton(props) {
       onClick: function onClick() {
         return props.setActive(button === 'next' ? nextTab : prevTab);
       }
-    }, (_props$config$buttons = props.config.buttons) === null || _props$config$buttons === void 0 ? void 0 : _props$config$buttons[button]), nextTab == undefined && ((_props$config$buttons2 = props.config.buttons) === null || _props$config$buttons2 === void 0 ? void 0 : (_props$config$buttons3 = _props$config$buttons2[button]) === null || _props$config$buttons3 === void 0 ? void 0 : _props$config$buttons3.type) && createElement(Field$1, (_props$config$buttons4 = props.config.buttons) === null || _props$config$buttons4 === void 0 ? void 0 : _props$config$buttons4[button]));
+    }, (_props$config$buttons = props.config.buttons) === null || _props$config$buttons === void 0 ? void 0 : _props$config$buttons[button]), nextTab == undefined && ((_props$config$buttons2 = props.config.buttons) === null || _props$config$buttons2 === void 0 || (_props$config$buttons2 = _props$config$buttons2[button]) === null || _props$config$buttons2 === void 0 ? void 0 : _props$config$buttons2.type) && createElement(Field$1, (_props$config$buttons3 = props.config.buttons) === null || _props$config$buttons3 === void 0 ? void 0 : _props$config$buttons3[button]));
   }));
 };
 var SteppedButton$1 = /*#__PURE__*/React.memo(SteppedButton);
@@ -3804,9 +3839,9 @@ var Content = function Content(_ref) {
       return isVisible(builderContext === null || builderContext === void 0 ? void 0 : builderContext.values, tab);
     });
     setTabsFields(filteredTabs);
-  }, [tabs, builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value.source]);
+  }, [tabs, builderContext === null || builderContext === void 0 || (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value.source]);
   return createElement("div", {
-    className: classNames("wprf-tab-content-wrapper", builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value2 = builderContext.values) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2.source, builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value3 = builderContext.values) === null || _builderContext$value3 === void 0 ? void 0 : _builderContext$value3.themes)
+    className: classNames("wprf-tab-content-wrapper", builderContext === null || builderContext === void 0 || (_builderContext$value2 = builderContext.values) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2.source, builderContext === null || builderContext === void 0 || (_builderContext$value3 = builderContext.values) === null || _builderContext$value3 === void 0 ? void 0 : _builderContext$value3.themes)
   }, createElement("div", {
     className: "wprf-tab-flex"
   }, createElement("div", {
@@ -3834,7 +3869,7 @@ var Content = function Content(_ref) {
       fields: tab === null || tab === void 0 ? void 0 : tab.fields,
       parentIndex: [].concat(_toConsumableArray(parentIndex), [index])
     }));
-  })), applyFilters('wprf_tab_content', '', rest)), (rest === null || rest === void 0 ? void 0 : (_rest$step = rest.step) === null || _rest$step === void 0 ? void 0 : _rest$step.show) && createElement(SteppedButton$1, {
+  })), applyFilters('wprf_tab_content', '', rest)), (rest === null || rest === void 0 || (_rest$step = rest.step) === null || _rest$step === void 0 ? void 0 : _rest$step.show) && createElement(SteppedButton$1, {
     fields: tabsFields,
     active: active,
     setActive: setActive,
@@ -3842,28 +3877,31 @@ var Content = function Content(_ref) {
       show: false
     }
   }), ((_submit$show = submit === null || submit === void 0 ? void 0 : submit.show) !== null && _submit$show !== void 0 ? _submit$show : true) && (submit !== null && submit !== void 0 && submit.rules ? when(submit === null || submit === void 0 ? void 0 : submit.rules, {
-    rest: rest
+    rest: rest,
+    config: {
+      active: active
+    }
   }) : true) && createElement(Submit, submit));
 };
 
 var Tab = function Tab(props) {
   // const builderContextState = useBuilder(props);
+
   var builderContext = useBuilderContext();
-  var _useState = useState(props.value || props.active),
+  var _useState = useState((props === null || props === void 0 ? void 0 : props.value) || (props === null || props === void 0 ? void 0 : props.active)),
     _useState2 = _slicedToArray(_useState, 2),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
   var componentClasses = classNames("wp-react-form wprf-tabs-wrapper", props === null || props === void 0 ? void 0 : props.className, {
     "wprf-tab-menu-as-sidebar": props === null || props === void 0 ? void 0 : props.sidebar
   });
-
-  // console.log(props.value, props);
-
   useEffect(function () {
-    if (props.value !== activeTab) {
-      setActiveTab(props.value);
+    var _props$value;
+    var _activeTab = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.active;
+    if (_activeTab != activeTab) {
+      setActiveTab(_activeTab);
     }
-  }, [props.value]);
+  }, [props === null || props === void 0 ? void 0 : props.value]);
   useEffect(function () {
     if (props.value !== activeTab) {
       props.onChange({
@@ -3894,26 +3932,27 @@ var Tab = function Tab(props) {
   })));
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 registerStore("formbuilder", store);
 var FormBuilder = function FormBuilder(props) {
   var _tabs;
   var builderContext = useBuilderContext();
   var tabs = props.tabs;
   if (!((_tabs = tabs) !== null && _tabs !== void 0 && _tabs.type)) {
+    var _props$config;
     tabs = _objectSpread(_objectSpread({}, props.config), {}, {
-      value: props.config.active,
+      value: props === null || props === void 0 || (_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.active,
       fields: props.tabs,
       tabs: undefined,
       submit: props === null || props === void 0 ? void 0 : props.submit,
       onChange: function onChange(event) {
         var _event$target;
-        builderContext.setActiveTab(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+        builderContext.setActiveTab(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
       }
     });
   }
   return createElement(Fragment, null, createElement(Tab, tabs));
 };
 
-export { Action, BuilderConsumer, BuilderProvider, Button$1 as Button, CodeViewer$1 as CodeViewer, ColorPicker$1 as ColorPicker, Column, Date$1 as Date, Editor$1 as Editor, Field$1 as Field, FormBuilder, GenericField, GenericInput, Group$1 as Group, Image, Input$1 as Input, JsonUploader$1 as JsonUploader, Label, Media$1 as Media, Message, Modal, ObjectFilter, Radio, Repeater, ResponsiveNumber$1 as ResponsiveNumber, Row, Section$1 as Section, Select$1 as Select, SelectAsync$1 as SelectAsync, Slider, SweetAlert, Textarea$1 as Textarea, Toggle, _extends, builderReducer, executeChange, getIn, getSelectedValues, getStoreData, getTime, hitAAJX, isArray, isEmptyObj, isExists, isFunction, isNumber, isObject, isString, isVisible, merge, objectWithoutPropertiesLoose, processAjaxData, setIn, setStoreData, sortingFields, triggerDefaults, useBuilder, useBuilderContext, useDefaults, validFieldProps, when, withLabel, withProps, withState, wpFetch };
+export { Action, BuilderConsumer, BuilderProvider, Button$1 as Button, CodeViewer$1 as CodeViewer, ColorPicker$1 as ColorPicker, Column, Date$1 as Date, Editor$1 as Editor, Field$1 as Field, FormBuilder, GenericField, GenericInput, Group$1 as Group, Image, Input$1 as Input, JsonUploader$1 as JsonUploader, Label, Media$1 as Media, Message, Modal, ObjectFilter, Radio, Repeater, ResponsiveNumber$1 as ResponsiveNumber, Row, Section$1 as Section, Select$1 as Select, SelectAsync$1 as SelectAsync, Slider, SweetAlert, Textarea$1 as Textarea, Toggle, _extends, builderReducer, executeChange, getIn, getSelectedValues, getStoreData, getTime, hitAAJX, isArray, isEmptyObj, isExists, isFunction, isNumber, isObject, isString, isVisible, merge, objectWithoutPropertiesLoose, processAjaxData, setIn, setStoreData, sortingFields, triggerDefaults, useBuilder, useBuilderContext, useDefaults, validFieldProps, valueExists, when, withLabel, withProps, withState, wpFetch };
diff --git a/dist/dev/quickbuilder.umd.js b/dist/dev/quickbuilder.umd.js
index 16a98f9..96b0085 100644
--- a/dist/dev/quickbuilder.umd.js
+++ b/dist/dev/quickbuilder.umd.js
@@ -20,14 +20,14 @@
   var htmlToDraft__default = /*#__PURE__*/_interopDefaultLegacy(htmlToDraft);
   var SweetAlert__default = /*#__PURE__*/_interopDefaultLegacy(SweetAlert$1);
 
-  function _typeof$1(obj) {
+  function _typeof$1(o) {
     "@babel/helpers - typeof";
 
-    return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof$1(obj);
+    return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof$1(o);
   }
 
   function _toPrimitive(input, hint) {
@@ -92,8 +92,8 @@
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
   }
 
-  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var wpFetch = function wpFetch(params) {
     var args = _objectSpread$f(_objectSpread$f({}, params), {}, {
       method: "POST"
@@ -118,6 +118,14 @@
   var isObject = function isObject(obj) {
     return obj !== null && _typeof$1(obj) === 'object' && !isArray(obj);
   };
+  var valueExists = function valueExists(arrayOptions, needles) {
+    if (isArray(needles)) {
+      return arrayOptions.some(function (value) {
+        return needles.includes(value);
+      });
+    }
+    return arrayOptions.includes(needles);
+  };
   var isVisible = function isVisible(values, props) {
     if (!(props !== null && props !== void 0 && props.rules) || props.name == undefined) {
       return true;
@@ -295,7 +303,7 @@
             var _response$data3;
             downloadFile({
               data: JSON.stringify(response.data.download),
-              fileName: (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.filename) || 'export.json',
+              fileName: (response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.filename) || 'export.json',
               fileType: 'text/json'
             });
           }
@@ -323,7 +331,7 @@
     var _settings$timezone;
     var keepLocalTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var settings = date.__experimentalGetSettings();
-    var _value = moment__default["default"].utc(value ? value : undefined).utcOffset(+(settings === null || settings === void 0 ? void 0 : (_settings$timezone = settings.timezone) === null || _settings$timezone === void 0 ? void 0 : _settings$timezone.offset), keepLocalTime);
+    var _value = moment__default["default"].utc(value ? value : undefined).utcOffset(+(settings === null || settings === void 0 || (_settings$timezone = settings.timezone) === null || _settings$timezone === void 0 ? void 0 : _settings$timezone.offset), keepLocalTime);
     return _value;
   };
   var merge = function merge(array_one, array_two, key) {
@@ -487,8 +495,8 @@
     return validate$1(conditions, data);
   };
 
-  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DEFAULT_STATE = {
     savedValues: {
       type: "conversions",
@@ -663,31 +671,31 @@
     if (Array.isArray(arr)) return arr;
   }
 
-  function _iterableToArrayLimit(arr, i) {
-    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-    if (null != _i) {
-      var _s,
-        _e,
-        _x,
-        _r,
-        _arr = [],
-        _n = !0,
-        _d = !1;
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
       try {
-        if (_x = (_i = _i.call(arr)).next, 0 === i) {
-          if (Object(_i) !== _i) return;
-          _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-      } catch (err) {
-        _d = !0, _e = err;
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
       } finally {
         try {
-          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
         } finally {
-          if (_d) throw _e;
+          if (o) throw n;
         }
       }
-      return _arr;
+      return a;
     }
   }
 
@@ -717,10 +725,10 @@
         return isVisible(context === null || context === void 0 ? void 0 : context.values, tab);
       });
       setTabsFields(filteredTabs);
-    }, [tabs, context === null || context === void 0 ? void 0 : (_context$values = context.values) === null || _context$values === void 0 ? void 0 : _context$values.source]);
+    }, [tabs, context === null || context === void 0 || (_context$values = context.values) === null || _context$values === void 0 ? void 0 : _context$values.source]);
     var componentClasses = classNames__default["default"]("wprf-tab-menu-wrapper", props === null || props === void 0 ? void 0 : props.className, {
       "wprf-tab-menu-sidebar": props === null || props === void 0 ? void 0 : props.sidebar
-    }, context === null || context === void 0 ? void 0 : (_context$values2 = context.values) === null || _context$values2 === void 0 ? void 0 : _context$values2.source);
+    }, context === null || context === void 0 || (_context$values2 = context.values) === null || _context$values2 === void 0 ? void 0 : _context$values2.source);
     var currentTabIndex = tabsFields.findIndex(function (tab) {
       return tab.id === active;
     });
@@ -729,7 +737,7 @@
     }, React.createElement("ul", {
       className: "wprf-tab-nav"
     }, tabsFields.map(function (tab, index) {
-      var _classNames, _context$icons, _context$icons$tab$ic, _tab$icon, _tab$icon2;
+      var _classNames, _context$icons, _tab$icon, _tab$icon2;
       return React.createElement("li", {
         className: classNames__default["default"]("wprf-tab-nav-item", (_classNames = {}, _defineProperty(_classNames, "".concat(tab.classes), tab.classes), _defineProperty(_classNames, "wprf-active-nav", active === tab.id), _defineProperty(_classNames, "wprf-tab-complete", props !== null && props !== void 0 && props.completionTrack ? index <= currentTabIndex : false), _classNames)),
         "data-key": tab.id,
@@ -741,7 +749,7 @@
       }, (tab === null || tab === void 0 ? void 0 : tab.icon) && (isString(tab.icon) && !isObject(tab.icon) ? React.createElement("img", {
         src: tab.icon,
         alt: tab === null || tab === void 0 ? void 0 : tab.label
-      }) : isObject(tab.icon) ? context === null || context === void 0 ? void 0 : (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : (_context$icons$tab$ic = _context$icons[tab === null || tab === void 0 ? void 0 : (_tab$icon = tab.icon) === null || _tab$icon === void 0 ? void 0 : _tab$icon.type]) === null || _context$icons$tab$ic === void 0 ? void 0 : _context$icons$tab$ic[tab === null || tab === void 0 ? void 0 : (_tab$icon2 = tab.icon) === null || _tab$icon2 === void 0 ? void 0 : _tab$icon2.name] : ''), React.createElement("span", null, tab.label));
+      }) : isObject(tab.icon) ? context === null || context === void 0 || (_context$icons = context.icons) === null || _context$icons === void 0 || (_context$icons = _context$icons[tab === null || tab === void 0 || (_tab$icon = tab.icon) === null || _tab$icon === void 0 ? void 0 : _tab$icon.type]) === null || _context$icons === void 0 ? void 0 : _context$icons[tab === null || tab === void 0 || (_tab$icon2 = tab.icon) === null || _tab$icon2 === void 0 ? void 0 : _tab$icon2.name] : ''), React.createElement("span", null, tab.label));
     })));
   };
 
@@ -859,7 +867,7 @@
       }).length === 0) {
         var _options$;
         var _options = sortingFields(lOptions);
-        setOption((_options === null || _options === void 0 ? void 0 : (_options$ = _options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || savedValue);
+        setOption((_options === null || _options === void 0 || (_options$ = _options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || savedValue);
       }
     }, [option, lOptions]);
     var options = sortingFields(lOptions);
@@ -875,7 +883,7 @@
   var useTrigger = function useTrigger(props) {
     var builderContext = props.context;
     if (props !== null && props !== void 0 && props.trigger && isArray(props === null || props === void 0 ? void 0 : props.trigger)) {
-      props === null || props === void 0 ? void 0 : props.trigger.map(function (trigger) {
+      props === null || props === void 0 || props.trigger.map(function (trigger) {
         var triggerType = (trigger === null || trigger === void 0 ? void 0 : trigger.type) || 'setFieldValue';
         if (trigger !== null && trigger !== void 0 && trigger.action && isObject(trigger === null || trigger === void 0 ? void 0 : trigger.action)) {
           for (var key in trigger === null || trigger === void 0 ? void 0 : trigger.action) {
@@ -950,8 +958,8 @@
     }
   };
 
-  function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   // import store from "../store";
 
   var SweetAlert = function SweetAlert() {
@@ -1080,8 +1088,8 @@
   //     return (number < 10 ? '0' : '') + number
   // }
 
-  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var builderReducer = function builderReducer(state, action) {
     switch (action.type) {
       case 'SET_CONTEXT':
@@ -1183,9 +1191,10 @@
     }
   };
 
-  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var useBuilder = function useBuilder(props) {
+    var _state$isSubmitting;
     // Set is Mounted or NOT
     var isMounted = React.useRef(false);
     React.useEffect(function () {
@@ -1300,12 +1309,13 @@
         value = _eChange.val;
       if (field) {
         setFieldValue(field, value);
+        hooks.doAction('quickBuilder_setFieldValue', field, value, validProps);
       }
     }, [setFieldValue, state.values]);
     var handleChange = useEventCallback(function (eventOrString, validProps) {
       if (validProps !== null && validProps !== void 0 && validProps.isPro && Boolean(state.is_pro_active) === false) {
-        var _state$alerts, _state$alerts$pro_ale;
-        (_state$alerts = state.alerts) === null || _state$alerts === void 0 ? void 0 : (_state$alerts$pro_ale = _state$alerts.pro_alert(validProps === null || validProps === void 0 ? void 0 : validProps.popup)) === null || _state$alerts$pro_ale === void 0 ? void 0 : _state$alerts$pro_ale.fire();
+        var _state$alerts;
+        (_state$alerts = state.alerts) === null || _state$alerts === void 0 || (_state$alerts = _state$alerts.pro_alert(validProps === null || validProps === void 0 ? void 0 : validProps.popup)) === null || _state$alerts === void 0 || _state$alerts.fire();
         // return false;
       }
 
@@ -1336,7 +1346,7 @@
       } else if (parent && parentType === 'repeater') {
         var _getIn2, _parentValue$validPro, _parentValue$validPro2;
         var _parentValue = (_getIn2 = getIn(state.values, parent)) !== null && _getIn2 !== void 0 ? _getIn2 : [];
-        valueState = (_parentValue$validPro = _parentValue === null || _parentValue === void 0 ? void 0 : (_parentValue$validPro2 = _parentValue[validProps.index]) === null || _parentValue$validPro2 === void 0 ? void 0 : _parentValue$validPro2[name]) !== null && _parentValue$validPro !== void 0 ? _parentValue$validPro : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
+        valueState = (_parentValue$validPro = _parentValue === null || _parentValue === void 0 || (_parentValue$validPro2 = _parentValue[validProps.index]) === null || _parentValue$validPro2 === void 0 ? void 0 : _parentValue$validPro2[name]) !== null && _parentValue$validPro !== void 0 ? _parentValue$validPro : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
       } else {
         var _getIn3;
         valueState = (_getIn3 = getIn(state.values, name)) !== null && _getIn3 !== void 0 ? _getIn3 : defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps["default"];
@@ -1506,7 +1516,7 @@
       savedValues: state.savedValues,
       errors: state.errors,
       touched: state.touched,
-      isSubmitting: false,
+      isSubmitting: (_state$isSubmitting = state === null || state === void 0 ? void 0 : state.isSubmitting) !== null && _state$isSubmitting !== void 0 ? _state$isSubmitting : false,
       setActiveTab: setActiveTab,
       setRedirect: setRedirect,
       setSubmitting: setSubmitting,
@@ -1567,13 +1577,13 @@
     return React.createElement("label", {
       htmlFor: props === null || props === void 0 ? void 0 : props.htmlFor,
       className: componentClasses
-    }, (props === null || props === void 0 ? void 0 : (_props$badge = props.badge) === null || _props$badge === void 0 ? void 0 : _props$badge.value) && React.createElement("div", {
+    }, (props === null || props === void 0 || (_props$badge = props.badge) === null || _props$badge === void 0 ? void 0 : _props$badge.value) && React.createElement("div", {
       className: "wprf-badge"
     }, React.createElement("sup", {
       className: classNames__default["default"]("wprf-badge-item", {
-        'wprf-badge-active': props === null || props === void 0 ? void 0 : (_props$badge2 = props.badge) === null || _props$badge2 === void 0 ? void 0 : _props$badge2.active
+        'wprf-badge-active': props === null || props === void 0 || (_props$badge2 = props.badge) === null || _props$badge2 === void 0 ? void 0 : _props$badge2.active
       })
-    }, props === null || props === void 0 ? void 0 : (_props$badge3 = props.badge) === null || _props$badge3 === void 0 ? void 0 : _props$badge3.label)), !(props !== null && props !== void 0 && props.src) && (props === null || props === void 0 ? void 0 : props.children), (props === null || props === void 0 ? void 0 : props.src) && React.createElement(Image, {
+    }, props === null || props === void 0 || (_props$badge3 = props.badge) === null || _props$badge3 === void 0 ? void 0 : _props$badge3.label)), !(props !== null && props !== void 0 && props.src) && (props === null || props === void 0 ? void 0 : props.children), (props === null || props === void 0 ? void 0 : props.src) && React.createElement(Image, {
       className: "wprf-label-image",
       src: props.src,
       alt: props === null || props === void 0 ? void 0 : props.label
@@ -1657,13 +1667,18 @@
 
     return React.createElement("div", {
       className: "wprf-control-label"
-    }, badgePosition == 'left' && badge, React.createElement("label", {
+    }, badgePosition == "left" && badge, React.createElement("label", {
       htmlFor: id
-    }, label), (rest === null || rest === void 0 ? void 0 : rest.link) && React.createElement("a", {
+    }, label), (rest === null || rest === void 0 ? void 0 : rest.label_subtitle) && React.createElement("p", {
+      className: "wprf-label-subtitle",
+      dangerouslySetInnerHTML: {
+        __html: rest === null || rest === void 0 ? void 0 : rest.label_subtitle
+      }
+    }), (rest === null || rest === void 0 ? void 0 : rest.link) && React.createElement("a", {
       rel: "nofollow",
       target: "_blank",
       href: rest.link
-    }, context === null || context === void 0 ? void 0 : (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : _context$icons.link), badgePosition == 'right' && badge);
+    }, context === null || context === void 0 || (_context$icons = context.icons) === null || _context$icons === void 0 ? void 0 : _context$icons.link), badgePosition == "right" && badge);
   };
 
   var ControlField = function ControlField(_ref) {
@@ -1692,8 +1707,8 @@
   };
 
   var _excluded$3 = ["label", "id", "name", "type", "style", "is_pro", "badge"];
-  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
   // import { useInstanceId } from "@wordpress/compose";
 
@@ -1718,7 +1733,7 @@
           position: "right"
         }
       }, prevStyle);
-      var styleClasses = classNames__default["default"]((_classNames = {}, _defineProperty(_classNames, "wprf-style-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type) || false), _defineProperty(_classNames, "wprf-label-none", label === undefined || label === "" || label.length === 0), _defineProperty(_classNames, "wprf-".concat((styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position) || "inline", "-label"), ((_styles$label$positio = styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position) !== null && _styles$label$positio !== void 0 ? _styles$label$positio : true) && label != undefined), _classNames));
+      var styleClasses = classNames__default["default"]((_classNames = {}, _defineProperty(_classNames, "wprf-style-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type) || false), _defineProperty(_classNames, "wprf-label-none", label === undefined || label === "" || label.length === 0), _defineProperty(_classNames, "wprf-".concat((styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position) || "inline", "-label"), ((_styles$label$positio = styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position) !== null && _styles$label$positio !== void 0 ? _styles$label$positio : true) && label != undefined), _classNames));
       if (type === "hidden") {
         return React.createElement(WrappedComponent, _extends$1({}, props, {
           id: id
@@ -1743,7 +1758,7 @@
           return React.createElement(ControlField, {
             help: null,
             description: props === null || props === void 0 ? void 0 : props.description,
-            position: styles === null || styles === void 0 ? void 0 : (_styles$description = styles.description) === null || _styles$description === void 0 ? void 0 : _styles$description.position,
+            position: styles === null || styles === void 0 || (_styles$description = styles.description) === null || _styles$description === void 0 ? void 0 : _styles$description.position,
             renderComponent: function renderComponent() {
               return React.createElement(WrappedComponent, _extends$1({}, validProps, {
                 disable: true,
@@ -1770,7 +1785,7 @@
       })), React.createElement(ControlField, {
         help: props === null || props === void 0 ? void 0 : props.help,
         description: props === null || props === void 0 ? void 0 : props.description,
-        position: styles === null || styles === void 0 ? void 0 : (_styles$description2 = styles.description) === null || _styles$description2 === void 0 ? void 0 : _styles$description2.position,
+        position: styles === null || styles === void 0 || (_styles$description2 = styles.description) === null || _styles$description2 === void 0 ? void 0 : _styles$description2.position,
         renderComponent: function renderComponent() {
           return React.createElement(WrappedComponent, _extends$1({}, validProps, {
             id: id
@@ -1853,8 +1868,8 @@
   function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
   function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-  function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function GenericCheckbox(props) {
     var _styles$label, _styles$label2, _classNames;
     var prevStyles = props.style;
@@ -1877,7 +1892,7 @@
       }
       return _isChecked;
     }, [props === null || props === void 0 ? void 0 : props.checked, props.value]);
-    var componentClasses = classNames__default["default"]("wprf-checkbox-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
+    var componentClasses = classNames__default["default"]("wprf-checkbox-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
     return React.createElement("div", {
       className: componentClasses
     }, React.createElement(GenericInput, _objectSpread$9(_objectSpread$9({}, props), {}, {
@@ -2085,14 +2100,15 @@
   };
   var Date$1 = withLabel(DateControl);
 
-  function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Input = function Input(props) {
     var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'copyOnClick', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
     var handleChange = React.useCallback(function (event) {
       return validProps.onChange(event, {
         popup: props === null || props === void 0 ? void 0 : props.popup,
-        isPro: !!props.is_pro
+        isPro: !!props.is_pro,
+        originProps: props
       });
     }, [validProps === null || validProps === void 0 ? void 0 : validProps.value]);
     if (validProps.type === 'checkbox') {
@@ -2151,8 +2167,8 @@
   var GenericInput = /*#__PURE__*/React__default["default"].memo(Input);
   var Input$1 = withLabel( /*#__PURE__*/React__default["default"].memo(Input));
 
-  function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Textarea = function Textarea(props) {
     var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'disable', 'parentIndex', 'context']);
     var handleChange = React.useCallback(function (event) {
@@ -2167,15 +2183,11 @@
   };
   var Textarea$1 = withLabel( /*#__PURE__*/React__default["default"].memo(Textarea));
 
-  function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CodeViewer = function CodeViewer(props) {
     var validProps = validFieldProps(props, ["is_pro", "visible", "trigger", "disable", "parentIndex", "context", "copyOnClick"]);
-    var handleChange = React.useCallback(function (event) {
-      return validProps.onChange(event, {
-        isPro: !!props.is_pro
-      });
-    }, [validProps === null || validProps === void 0 ? void 0 : validProps.value]);
+    var handleChange = function handleChange() {};
     var extraProps = {
       onChange: handleChange,
       rows: 5
@@ -2184,7 +2196,7 @@
       extraProps["onClick"] = function () {
         var successText = props !== null && props !== void 0 && props.success_text ? props.success_text : i18n.__("Copied to Clipboard.", "notificationx");
         copy__default["default"](props.value, {
-          format: 'text/plain',
+          format: "text/plain",
           onCopy: function onCopy() {
             props.context.alerts.toast("success", successText);
           }
@@ -2222,7 +2234,7 @@
       var reader = new FileReader();
       reader.onload = function (event) {
         var _event$target;
-        var json = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
+        var json = event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.result;
         props.onChange({
           target: {
             type: 'jsonuploader',
@@ -2409,6 +2421,27 @@
         handleMenuOpen();
       }
     }, [props === null || props === void 0 ? void 0 : props.menuOpen]);
+    var handleOptionChange = React.useCallback(function (option) {
+      var _props$filterValue;
+      if (isArray(option) && (props === null || props === void 0 || (_props$filterValue = props.filterValue) === null || _props$filterValue === void 0 ? void 0 : _props$filterValue.length) > 0) {
+        var _props$filterValue2;
+        var origialValues = option;
+        var values = origialValues;
+        var filterValue = (_props$filterValue2 = props === null || props === void 0 ? void 0 : props.filterValue) !== null && _props$filterValue2 !== void 0 ? _props$filterValue2 : ['all'];
+        if (!isArray(filterValue)) {
+          filterValue = [filterValue];
+        }
+        if ((origialValues === null || origialValues === void 0 ? void 0 : origialValues.length) > 1 && valueExists(origialValues.map(function (item) {
+          return item.value;
+        }), filterValue)) {
+          values = origialValues.filter(function (item) {
+            return !filterValue.includes(item === null || item === void 0 ? void 0 : item.value);
+          });
+        }
+        option = values;
+      }
+      setSOption(option);
+    }, [name, id, parentIndex]);
     return React.createElement("div", {
       className: "wprf-select-wrapper"
     }, React.createElement(ReactSelect__default["default"], {
@@ -2427,9 +2460,7 @@
       isOptionDisabled: function isOptionDisabled(option) {
         return option === null || option === void 0 ? void 0 : option.disabled;
       },
-      onChange: function onChange(option) {
-        return setSOption(option);
-      } // option or options
+      onChange: handleOptionChange // option or options
     }));
   };
 
@@ -2480,7 +2511,7 @@
   }
 
   var RepeaterField = function RepeaterField(props) {
-    var _builderContext$value, _builderContext$value2;
+    var _builderContext$value;
     var builderContext = useBuilderContext();
     var fields = props.fields,
       _onChange = props.onChange,
@@ -2492,15 +2523,15 @@
       setIsCollapsed = _useState2[1];
     var instanceId = useInstanceId(RepeaterField);
     // onClick={() => setIsCollapse(!isCollapse)}
-    var values = (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : (_builderContext$value2 = _builderContext$value[parent]) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2[index];
+    var values = (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 || (_builderContext$value = _builderContext$value[parent]) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value[index];
     var title = (values === null || values === void 0 ? void 0 : values.title) || (values === null || values === void 0 ? void 0 : values.post_title) || (values === null || values === void 0 ? void 0 : values.username) || (values === null || values === void 0 ? void 0 : values.plugin_theme_name);
     var _title = title ? title.length < 40 ? title : title.substr(0, 40) + "..." : '';
     var onClone = function onClone(event) {
-      event === null || event === void 0 ? void 0 : event.stopPropagation();
+      event === null || event === void 0 || event.stopPropagation();
       props.clone(props.index);
     };
     var onDelete = function onDelete(event) {
-      event === null || event === void 0 ? void 0 : event.stopPropagation();
+      event === null || event === void 0 || event.stopPropagation();
       props.remove(props.index);
     };
     React.useEffect(function () {
@@ -2540,8 +2571,8 @@
     })));
   };
 
-  function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var GenericToggle = function GenericToggle(props) {
     var _styles$label, _styles$label2, _classNames;
     var prevStyles = props.style;
@@ -2564,7 +2595,7 @@
       }
       return _isChecked;
     }, [props === null || props === void 0 ? void 0 : props.checked, props.value]);
-    var componentClasses = classNames__default["default"]("wprf-toggle-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 ? void 0 : (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 ? void 0 : (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
+    var componentClasses = classNames__default["default"]("wprf-toggle-wrap", (_classNames = {}, _defineProperty(_classNames, "wprf-".concat(styles === null || styles === void 0 ? void 0 : styles.type), (styles === null || styles === void 0 ? void 0 : styles.type.length) > 0), _defineProperty(_classNames, "wprf-checked", Boolean(isChecked)), _defineProperty(_classNames, "wprf-label-position-".concat(styles === null || styles === void 0 || (_styles$label = styles.label) === null || _styles$label === void 0 ? void 0 : _styles$label.position), styles === null || styles === void 0 || (_styles$label2 = styles.label) === null || _styles$label2 === void 0 ? void 0 : _styles$label2.position), _classNames), props === null || props === void 0 ? void 0 : props.classes);
     return React.createElement("div", {
       className: componentClasses
     }, React.createElement(GenericInput, _objectSpread$5(_objectSpread$5({}, props), {}, {
@@ -2638,8 +2669,8 @@
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-  function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Toggle = function Toggle(props) {
     var passedOptions = props.options,
       value = props.value,
@@ -2709,8 +2740,8 @@
   };
 
   var _excluded$1 = ["label", "value", "icon", "is_pro"];
-  function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RadioCard = function RadioCard(props) {
     var builderContext = useBuilderContext();
     var _useOptions = useOptions(props, 'options'),
@@ -2895,8 +2926,8 @@
     return stringify(rnds);
   }
 
-  function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Repeater = function Repeater(props) {
     var _builderContext$value, _builderContext$value4;
     var fieldName = props.name;
@@ -3128,7 +3159,7 @@
         }
         if (inputValue.length < 3) {
           callback([{
-            'label': "Please type 3 or more characters.",
+            'label': i18n.__("Please input a minimum of 3 characters."),
             'value': null,
             'disabled': true
           }]);
@@ -3137,7 +3168,7 @@
         var data = {
           inputValue: inputValue
         };
-        (_Object$keys = Object.keys(props.ajax.data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (singleData) {
+        (_Object$keys = Object.keys(props.ajax.data)) === null || _Object$keys === void 0 || _Object$keys.map(function (singleData) {
           if (props.ajax.data[singleData].indexOf("@") > -1) {
             var _builderContext$value;
             var eligibleKey = props.ajax.data[singleData].substr(1);
@@ -3210,7 +3241,7 @@
         var _meta$inputValue;
         if (meta !== null && meta !== void 0 && (_meta$inputValue = meta.inputValue) !== null && _meta$inputValue !== void 0 && _meta$inputValue.length && option.name) {
           var _meta$inputValue2;
-          if (option.name.toLowerCase().includes(meta === null || meta === void 0 ? void 0 : (_meta$inputValue2 = meta.inputValue) === null || _meta$inputValue2 === void 0 ? void 0 : _meta$inputValue2.toLowerCase())) {
+          if (option.name.toLowerCase().includes(meta === null || meta === void 0 || (_meta$inputValue2 = meta.inputValue) === null || _meta$inputValue2 === void 0 ? void 0 : _meta$inputValue2.toLowerCase())) {
             var _option$name, _option$address;
             option === null || option === void 0 ? void 0 : option.name;
             var regX = new RegExp("(".concat(meta === null || meta === void 0 ? void 0 : meta.inputValue, ")"), "gi");
@@ -3430,11 +3461,11 @@
             }
           });
           if (!((_props$ajax = props.ajax) !== null && _props$ajax !== void 0 && _props$ajax.hideSwal)) {
-            var _props$ajax2, _props$ajax2$swal, _props$ajax3, _props$ajax3$swal, _props$ajax4, _props$ajax4$swal;
-            var type = ((_props$ajax2 = props.ajax) === null || _props$ajax2 === void 0 ? void 0 : (_props$ajax2$swal = _props$ajax2.swal) === null || _props$ajax2$swal === void 0 ? void 0 : _props$ajax2$swal.icon) || 'success';
-            var message = ((_props$ajax3 = props.ajax) === null || _props$ajax3 === void 0 ? void 0 : (_props$ajax3$swal = _props$ajax3.swal) === null || _props$ajax3$swal === void 0 ? void 0 : _props$ajax3$swal.text) || 'Complete';
+            var _props$ajax2, _props$ajax3, _props$ajax4;
+            var type = ((_props$ajax2 = props.ajax) === null || _props$ajax2 === void 0 || (_props$ajax2 = _props$ajax2.swal) === null || _props$ajax2 === void 0 ? void 0 : _props$ajax2.icon) || 'success';
+            var message = ((_props$ajax3 = props.ajax) === null || _props$ajax3 === void 0 || (_props$ajax3 = _props$ajax3.swal) === null || _props$ajax3 === void 0 ? void 0 : _props$ajax3.text) || 'Complete';
             props.context.alerts.toast(type, message, {
-              autoClose: (_props$ajax4 = props.ajax) === null || _props$ajax4 === void 0 ? void 0 : (_props$ajax4$swal = _props$ajax4.swal) === null || _props$ajax4$swal === void 0 ? void 0 : _props$ajax4$swal.autoClose
+              autoClose: (_props$ajax4 = props.ajax) === null || _props$ajax4 === void 0 || (_props$ajax4 = _props$ajax4.swal) === null || _props$ajax4 === void 0 ? void 0 : _props$ajax4.autoClose
             });
           }
           if ((_props$ajax5 = props.ajax) !== null && _props$ajax5 !== void 0 && _props$ajax5.reload) {
@@ -3486,12 +3517,12 @@
       disabled: isLoading,
       onClick: (_props$onClick = props === null || props === void 0 ? void 0 : props.onClick) !== null && _props$onClick !== void 0 ? _props$onClick : handleClick,
       className: classNames__default["default"]('wprf-control wprf-button wprf-btn', props === null || props === void 0 ? void 0 : props.classes)
-    }), isObject(props === null || props === void 0 ? void 0 : props.text) && props !== null && props !== void 0 && props.ajax ? isLoading ? props === null || props === void 0 ? void 0 : (_props$text = props.text) === null || _props$text === void 0 ? void 0 : _props$text.loading : props.value ? props === null || props === void 0 ? void 0 : (_props$text2 = props.text) === null || _props$text2 === void 0 ? void 0 : _props$text2.saved : props === null || props === void 0 ? void 0 : (_props$text3 = props.text) === null || _props$text3 === void 0 ? void 0 : _props$text3.normal : props === null || props === void 0 ? void 0 : props.text));
+    }), isObject(props === null || props === void 0 ? void 0 : props.text) && props !== null && props !== void 0 && props.ajax ? isLoading ? props === null || props === void 0 || (_props$text = props.text) === null || _props$text === void 0 ? void 0 : _props$text.loading : props.value ? props === null || props === void 0 || (_props$text2 = props.text) === null || _props$text2 === void 0 ? void 0 : _props$text2.saved : props === null || props === void 0 || (_props$text3 = props.text) === null || _props$text3 === void 0 ? void 0 : _props$text3.normal : props === null || props === void 0 ? void 0 : props.text));
   };
   var Button$1 = withLabel(Button);
 
-  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ResponsiveNumber = function ResponsiveNumber(props) {
     var _Object$keys;
     var validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
@@ -3646,7 +3677,7 @@
         justifyContent: 'center'
       },
       title: React.createElement(ModalHeader, {
-        content: props === null || props === void 0 ? void 0 : (_props$body = props.body) === null || _props$body === void 0 ? void 0 : _props$body.header
+        content: props === null || props === void 0 || (_props$body = props.body) === null || _props$body === void 0 ? void 0 : _props$body.header
       }),
       onConfirm: onConfirm,
       showConfirm: false,
@@ -3720,17 +3751,21 @@
     var props = _extends$1({}, (_objectDestructuringEmpty(_ref), _ref));
     var context = useBuilderContext();
     var label = (props === null || props === void 0 ? void 0 : props.label) || i18n.__('Save Changes', 'notificationx');
+    if (context.isSubmitting) {
+      var _props$loadingLabel;
+      label = (_props$loadingLabel = props === null || props === void 0 ? void 0 : props.loadingLabel) !== null && _props$loadingLabel !== void 0 ? _props$loadingLabel : 'Saving...';
+    }
     var handleSubmit = React.useCallback(function (event) {
       var _context$submit;
       if ((_context$submit = context.submit) !== null && _context$submit !== void 0 && _context$submit.onSubmit) {
         context.submit.onSubmit(event, context);
         return;
       }
-      // console.log('on submit wprf.');
     }, [context]);
     return React.createElement("div", {
       className: "wprf-submit wprf-control"
     }, React.createElement(components.Button, {
+      disabled: context === null || context === void 0 ? void 0 : context.isSubmitting,
       className: "wprf-submit-button",
       onClick: handleSubmit
     }, label));
@@ -3763,7 +3798,7 @@
     return React.createElement("div", {
       className: "wprf-stepped-button"
     }, props.config.buttons && Object.keys(props.config.buttons).map(function (button, index) {
-      var _props$config$buttons, _props$config$buttons2, _props$config$buttons3, _props$config$buttons4;
+      var _props$config$buttons, _props$config$buttons2, _props$config$buttons3;
       return React.createElement(React__default["default"].Fragment, {
         key: "button_".concat(button, "_").concat(index)
       }, (button === 'next' && nextTab !== undefined || button === 'prev' && prevTab !== undefined) && React.createElement(components.Button, {
@@ -3771,7 +3806,7 @@
         onClick: function onClick() {
           return props.setActive(button === 'next' ? nextTab : prevTab);
         }
-      }, (_props$config$buttons = props.config.buttons) === null || _props$config$buttons === void 0 ? void 0 : _props$config$buttons[button]), nextTab == undefined && ((_props$config$buttons2 = props.config.buttons) === null || _props$config$buttons2 === void 0 ? void 0 : (_props$config$buttons3 = _props$config$buttons2[button]) === null || _props$config$buttons3 === void 0 ? void 0 : _props$config$buttons3.type) && React.createElement(Field$1, (_props$config$buttons4 = props.config.buttons) === null || _props$config$buttons4 === void 0 ? void 0 : _props$config$buttons4[button]));
+      }, (_props$config$buttons = props.config.buttons) === null || _props$config$buttons === void 0 ? void 0 : _props$config$buttons[button]), nextTab == undefined && ((_props$config$buttons2 = props.config.buttons) === null || _props$config$buttons2 === void 0 || (_props$config$buttons2 = _props$config$buttons2[button]) === null || _props$config$buttons2 === void 0 ? void 0 : _props$config$buttons2.type) && React.createElement(Field$1, (_props$config$buttons3 = props.config.buttons) === null || _props$config$buttons3 === void 0 ? void 0 : _props$config$buttons3[button]));
     }));
   };
   var SteppedButton$1 = /*#__PURE__*/React__default["default"].memo(SteppedButton);
@@ -3801,9 +3836,9 @@
         return isVisible(builderContext === null || builderContext === void 0 ? void 0 : builderContext.values, tab);
       });
       setTabsFields(filteredTabs);
-    }, [tabs, builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value.source]);
+    }, [tabs, builderContext === null || builderContext === void 0 || (_builderContext$value = builderContext.values) === null || _builderContext$value === void 0 ? void 0 : _builderContext$value.source]);
     return React.createElement("div", {
-      className: classNames__default["default"]("wprf-tab-content-wrapper", builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value2 = builderContext.values) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2.source, builderContext === null || builderContext === void 0 ? void 0 : (_builderContext$value3 = builderContext.values) === null || _builderContext$value3 === void 0 ? void 0 : _builderContext$value3.themes)
+      className: classNames__default["default"]("wprf-tab-content-wrapper", builderContext === null || builderContext === void 0 || (_builderContext$value2 = builderContext.values) === null || _builderContext$value2 === void 0 ? void 0 : _builderContext$value2.source, builderContext === null || builderContext === void 0 || (_builderContext$value3 = builderContext.values) === null || _builderContext$value3 === void 0 ? void 0 : _builderContext$value3.themes)
     }, React.createElement("div", {
       className: "wprf-tab-flex"
     }, React.createElement("div", {
@@ -3831,7 +3866,7 @@
         fields: tab === null || tab === void 0 ? void 0 : tab.fields,
         parentIndex: [].concat(_toConsumableArray(parentIndex), [index])
       }));
-    })), hooks.applyFilters('wprf_tab_content', '', rest)), (rest === null || rest === void 0 ? void 0 : (_rest$step = rest.step) === null || _rest$step === void 0 ? void 0 : _rest$step.show) && React.createElement(SteppedButton$1, {
+    })), hooks.applyFilters('wprf_tab_content', '', rest)), (rest === null || rest === void 0 || (_rest$step = rest.step) === null || _rest$step === void 0 ? void 0 : _rest$step.show) && React.createElement(SteppedButton$1, {
       fields: tabsFields,
       active: active,
       setActive: setActive,
@@ -3839,28 +3874,31 @@
         show: false
       }
     }), ((_submit$show = submit === null || submit === void 0 ? void 0 : submit.show) !== null && _submit$show !== void 0 ? _submit$show : true) && (submit !== null && submit !== void 0 && submit.rules ? when(submit === null || submit === void 0 ? void 0 : submit.rules, {
-      rest: rest
+      rest: rest,
+      config: {
+        active: active
+      }
     }) : true) && React.createElement(Submit, submit));
   };
 
   var Tab = function Tab(props) {
     // const builderContextState = useBuilder(props);
+
     var builderContext = useBuilderContext();
-    var _useState = React.useState(props.value || props.active),
+    var _useState = React.useState((props === null || props === void 0 ? void 0 : props.value) || (props === null || props === void 0 ? void 0 : props.active)),
       _useState2 = _slicedToArray(_useState, 2),
       activeTab = _useState2[0],
       setActiveTab = _useState2[1];
     var componentClasses = classNames__default["default"]("wp-react-form wprf-tabs-wrapper", props === null || props === void 0 ? void 0 : props.className, {
       "wprf-tab-menu-as-sidebar": props === null || props === void 0 ? void 0 : props.sidebar
     });
-
-    // console.log(props.value, props);
-
     React.useEffect(function () {
-      if (props.value !== activeTab) {
-        setActiveTab(props.value);
+      var _props$value;
+      var _activeTab = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.active;
+      if (_activeTab != activeTab) {
+        setActiveTab(_activeTab);
       }
-    }, [props.value]);
+    }, [props === null || props === void 0 ? void 0 : props.value]);
     React.useEffect(function () {
       if (props.value !== activeTab) {
         props.onChange({
@@ -3891,22 +3929,23 @@
     })));
   };
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   data.registerStore("formbuilder", store);
   var FormBuilder = function FormBuilder(props) {
     var _tabs;
     var builderContext = useBuilderContext();
     var tabs = props.tabs;
     if (!((_tabs = tabs) !== null && _tabs !== void 0 && _tabs.type)) {
+      var _props$config;
       tabs = _objectSpread(_objectSpread({}, props.config), {}, {
-        value: props.config.active,
+        value: props === null || props === void 0 || (_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.active,
         fields: props.tabs,
         tabs: undefined,
         submit: props === null || props === void 0 ? void 0 : props.submit,
         onChange: function onChange(event) {
           var _event$target;
-          builderContext.setActiveTab(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+          builderContext.setActiveTab(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
         }
       });
     }
@@ -3973,6 +4012,7 @@
   exports.useBuilderContext = useBuilderContext;
   exports.useDefaults = useDefaults;
   exports.validFieldProps = validFieldProps;
+  exports.valueExists = valueExists;
   exports.when = when;
   exports.withLabel = withLabel;
   exports.withProps = withProps;
diff --git a/dist/src/quickbuilder.cjs.min.js b/dist/src/quickbuilder.cjs.min.js
index fbb6386..4581ac3 100644
--- a/dist/src/quickbuilder.cjs.min.js
+++ b/dist/src/quickbuilder.cjs.min.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),data=require("@wordpress/data"),lodashEs=require("lodash-es"),apiFetch=require("@wordpress/api-fetch"),date=require("@wordpress/date"),moment=require("moment"),intersect=require("intersect"),i18n=require("@wordpress/i18n"),classNames=require("classnames"),hooks=require("@wordpress/hooks"),Swal=require("sweetalert2"),components=require("@wordpress/components"),copy=require("copy-to-clipboard"),ReactSelect=require("react-select"),reactSortablejs=require("react-sortablejs"),parse=require("html-react-parser"),AsyncSelect=require("react-select/async"),mediaUtils=require("@wordpress/media-utils"),reactDraftWysiwyg=require("react-draft-wysiwyg"),draftJs=require("draft-js"),draftToHtml=require("draftjs-to-html"),htmlToDraft=require("html-to-draftjs"),SweetAlert$1=(require("react-draft-wysiwyg/dist/react-draft-wysiwyg.css"),require("react-bootstrap-sweetalert"));function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),apiFetch__default=_interopDefaultLegacy(apiFetch),moment__default=_interopDefaultLegacy(moment),intersect__default=_interopDefaultLegacy(intersect),classNames__default=_interopDefaultLegacy(classNames),Swal__default=_interopDefaultLegacy(Swal),copy__default=_interopDefaultLegacy(copy),ReactSelect__default=_interopDefaultLegacy(ReactSelect),parse__default=_interopDefaultLegacy(parse),AsyncSelect__default=_interopDefaultLegacy(AsyncSelect),draftToHtml__default=_interopDefaultLegacy(draftToHtml),htmlToDraft__default=_interopDefaultLegacy(htmlToDraft),SweetAlert__default=_interopDefaultLegacy(SweetAlert$1);function _typeof$1(e){return(_typeof$1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toPrimitive(e,t){if("object"!==_typeof$1(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!==_typeof$1(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"===_typeof$1(e)?e:String(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _arrayLikeToArray$2(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray$2(e)}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _unsupportedIterableToArray$2(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$2(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$2(e,t):void 0}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray$2(e)||_nonIterableSpread()}function ownKeys$f(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$f(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var wpFetch=function(e){e=_objectSpread$f(_objectSpread$f({},e),{},{method:"POST"});return apiFetch__default.default(e)},isString=function(e){return null!==e&&"string"==typeof e},isNumber=function(e){return null!==e&&"number"==typeof e},isInteger=function(e){return String(Math.floor(Number(e)))===e},isFunction=function(e){return null!==e&&"function"==typeof e},isArray=function(e){return null!==e&&"object"===_typeof$1(e)&&Array.isArray(e)},isObject=function(e){return null!==e&&"object"===_typeof$1(e)&&!isArray(e)},isVisible=function(e,t){return null==t||!t.rules||null==t.name||(t=when(t.rules,e),Boolean(t))},withState=function(e){return Boolean(["group","section"].includes(e))},isEmptyObj=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},getIn=function(e,t,n,r){void 0===r&&(r=0);for(var a=lodashEs.toPath(t);e&&r<a.length;)e=e[a[r++]];return void 0===e?n:e},sortingFields=function(e){return[].concat(e).sort(function(e,t){return null==e.priority||null==t.priority?0:e.priority>t.priority?1:-1})},getSelectedValues=function(e){return Array.from(e).filter(function(e){return e.selected}).map(function(e){return e.value})},executeChange=function(e,t){var n=t,r=e;if(!isString(e)){e.persist&&e.persist();var e=e.target||e.currentTarget,a=e.type,l=e.name,o=e.value,c=e.checked,i=e.multiple,n=t||l;switch(a){case"number":case"range":r=parseFloat(o);break;case"checkbox":r=i?o:c;break;default:r=o}}return{field:n,val:r}},objectWithoutPropertiesLoose=function(e,t){if(null==e)return{};for(var n,r={},a=Object.keys(e),l=0;l<a.length;l++)n=a[l],0<=t.indexOf(n)||(r[n]=e[n]);return r},setIn=function(e,t,n){for(var r=lodashEs.clone(e),a=r,l=0,o=lodashEs.toPath(t);l<o.length-1;l++){var c=o[l],i=getIn(e,o.slice(0,l+1));a=i&&(isObject(i)||Array.isArray(i))?a[c]=lodashEs.clone(i):(i=o[l+1],a[c]=isInteger(i)&&0<=Number(i)?[]:{})}return(0===l?e:a)[o[l]]===n?e:(void 0===n?delete a[o[l]]:a[o[l]]=n,0===l&&void 0===n&&delete r[o[l]],r)},validFieldProps=function(e){var t=e.type,n=["validation_rules","default","rules","meta","switch"].concat(_toConsumableArray(1<arguments.length&&void 0!==arguments[1]?arguments[1]:[])),t=("select"!==t&&"select-async"!==t&&"radio-card"!==t&&"checkbox"!==t&&"toggle"!==t&&e.multiple&&n.push("options"),"tab"!==t&&"group"!==t&&"repeater"!==t&&"section"!==t&&"button"!==t&&n.push("fields"),objectWithoutPropertiesLoose(e,n));return null==e||!e.label||null!=e&&e.placeholder||(t.placeholder=e.label),t},hitAAJX=function(a){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;if(null!==l&&a){var r,e=!0;if(e=null!=a&&a.rules?when(null==a?void 0:a.rules,l.values):e)return r={},Object.keys(a.data).map(function(e){var t,n;-1<(null==(n=(t=a.data[e]).indexOf)?void 0:n.call(t,"@"))?(n=a.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=a.data[e]}),wpFetch({path:a.api,data:r}).then(function(e){"success"==(null==e?void 0:e.status)&&null!=e&&e.redirect&&(window.location=null==e?void 0:e.redirect);var t,n,r=null!=e&&null!=(t=e.data)&&t.context?e.data.context:!(null==e||!e.context)&&e.context;return r&&isObject(r)&&Object.keys(r).map(function(e){l.setFieldValue(e,r[e])}),null!=e&&null!=(t=e.data)&&t.download&&downloadFile({data:JSON.stringify(e.data.download),fileName:(null==e||null==(t=e.data)?void 0:t.filename)||"export.json",fileType:"text/json"}),null!=a&&a.trigger&&isString(null==a?void 0:a.trigger)&&(t=a.trigger.indexOf("@"),n=a.trigger.indexOf(":"),0===t)&&0<n&&(t=a.trigger.substr(1,n-1),"true"==(n=a.trigger.substr(n+1))?n=!0:"false"==n&&(n=!1),l.setFieldValue(t,n)),e})}return Promise.reject(!1)},getTime=function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=date.__experimentalGetSettings();return moment__default.default.utc(e||void 0).utcOffset(+(null==n||null==(e=n.timezone)?void 0:e.offset),t)},merge=function(e,t,n){var r=_toConsumableArray(e),e=t.filter(function(t){return r.findIndex(function(e){return e[n]===t[n]})<=-1});return[].concat(_toConsumableArray(r),_toConsumableArray(e))},downloadFile=function(e){var t=e.data,n=e.fileName,e=e.fileType,t=new Blob([t],{type:e}),e=document.createElement("a"),n=(e.download=n,e.href=window.URL.createObjectURL(t),new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}));e.dispatchEvent(n),e.remove()},_typeof=function(e){return("function"!=typeof Symbol||"symbol"!==_typeof$1(Symbol.iterator))&&e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":_typeof$1(e)},get=function(e,t){var n=!(2<(arguments.length<=2?0:arguments.length-2)&&void 0!==(arguments.length<=4?void 0:arguments[4]))||arguments.length<=4?void 0:arguments[4];return String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce(function(e,t){return e&&Object.hasOwnProperty.call(e,t)?e[t]:n},e)},rules={is:function(e,t,n){return get(n,e)==t},"!is":function(e,t,n){return!rules.is(e,t,n)},includes:function(e,t,n){if(!isEmptyObj(n)){n=get(n,e);if("function"!=_typeof(n)){if(isArray(t)&&isArray(n))return null==(e=intersect__default.default(n,t))?void 0:e.length;if(isArray(t)&&"string"==_typeof(n))return t.includes(n);if(isArray(n)&&"string"==_typeof(t))return n.includes(t)}}return!1},"!includes":function(e,t,n){return!rules.includes(e,t,n)},isOfType:function(e,t,n){return _typeof(get(n,e))===t},"!isOfType":function(e,t,n){return!rules.isOfType(e,t,n)},allOf:function(e,t,n){var r;if(Array.isArray(t))return r=get(n,e),t.every(function(e){return r.includes(e)});throw Error(i18n.__('"allOf" condition requires an array as #3 argument',"notificationx"))},anyOf:function(e,t,n){if(Array.isArray(t))return n=get(n,e),t.includes(n);throw Error(i18n.__('"anyOf" condition requires an array as #3 argument',"notificationx"))},gt:function(e,t,n){return get(n,e)>t},gte:function(e,t,n){return get(n,e)>=t},lt:function(e,t,n){return get(n,e)<t},lte:function(e,t,n){return get(n,e)<=t}},logicalRules={and:function(e){return!e.includes(!1)},or:function(e){return e.includes(!0)},not:function(e){if(1!==e.length)throw Error(i18n.__('"not" can have only one comparison rule, multiple rules given',"notificationx"));return!e[0]}},isValidCondition=function(e){return!!(Array.isArray(e)&&Array.isArray(e[1])&&e[0]&&logicalRules[e[0].toLowerCase()])},processRule=function(e,t){var n=e[0],r=e[1],e=e[2];if("string"!=typeof n||void 0===rules[n])throw Error(i18n.sprintf(i18n.__("Invalid comparison rule %s.","notificationx"),n));return rules[n](r,e,t)},processCondition=function(e,t){return logicalRules[e.toLowerCase()](t)},validate$1=function(e,n){var t,r;return isValidCondition(e)?(t=e.slice(0,1)[0],r=e.slice(1).map(function(e,t){return(isValidCondition(e)?when:processRule)(e,n)}),processCondition(t,r)):processRule(e,n)},when=function(e,t){return"function"==typeof e?Promise.resolve(e(t)):validate$1(e,t)};function ownKeys$e(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$e(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$e(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$e(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var DEFAULT_STATE={savedValues:{type:"conversions",source:"edd"},values:{},touched:{},errors:{}},actions={setSavedValues:function(e){return{type:"SET_SAVED_VALUES",payload:e}},setFieldValue:function(e){return{type:"FIELD_VALUE",name:e.name,payload:e.value}},removeFieldValue:function(e){return{type:"REMOVE_FIELD_VALUE",payload:e}},resetFieldValue:function(e){return{type:"RESET_FIELD_VALUE",payload:e}},setFieldTouched:function(e){return{type:"FIELD_TOUCHED",payload:e}},setError:function(e){return{type:"FIELD_ERROR",payload:e}},removeError:function(e){return{type:"REMOVE_FIELD_ERROR",payload:e}}},store={reducer:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:DEFAULT_STATE,t=1<arguments.length?arguments[1]:void 0;switch(t.type){case"SET_SAVED_VALUES":var n=_objectSpread$e({},e);return _objectSpread$e(_objectSpread$e({},n),{},{values:t.payload,savedValues:t.payload});case"FIELD_VALUE":var n=_objectSpread$e({},e),r=t.payload;return _objectSpread$e(_objectSpread$e({},n),{},{values:_objectSpread$e(_objectSpread$e({},null==(n=n)?void 0:n.values),r)});case"REMOVE_FIELD_VALUE":n=_objectSpread$e({},e),r=t.payload;return null!=(a=n.values)&&a[r]&&delete n.values[r],n;case"RESET_FIELD_VALUE":var a=_objectSpread$e({},e);return null!=(r=a.values)&&r[t.payload]&&(delete a.values[t.payload],null!=(n=a.savedValues))&&n[t.payload]&&(a.values[t.payload]=a.savedValues[t.payload]),a;case"FIELD_ERROR":return _objectSpread$e(_objectSpread$e({},e),{},{errors:_objectSpread$e(_objectSpread$e({},e.errors),t.payload)});case"REMOVE_FIELD_ERROR":r=_objectSpread$e({},e);return delete r.errors[t.payload],r;case"FIELD_TOUCHED":return _objectSpread$e(_objectSpread$e({},e),{},{touched:_objectSpread$e(_objectSpread$e({},e.touched),t.payload)})}return e},actions:actions,selectors:{getValues:function(e){return e.values},getFieldValue:function(e,t){return null==(e=e.values)?void 0:e[t]},getSavedFieldValue:function(e,t,n){var r;return(null===n||(null==(r=e.savedValues)?void 0:r[n])===(null==(r=e.values)?void 0:r[n]))&&(null==(r=e.savedValues)?void 0:r[t])},isTouched:function(e,t){return null==(e=e.touched)?void 0:e[t]},getError:function(e,t){return null==(e=e.errors)?void 0:e[t]},isVisible:function(e,t){return!t.rules||null==t.name||(t=when(t.rules,e.values),Boolean(t))}}};function _extends$1(){return(_extends$1=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return c}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray$2(e,t)||_nonIterableRest()}var Menu=function(r){if(void 0===r.fields)throw new Error(i18n.__("There are no tabs defined!","notificationx"));var a=r.active,l=r.setActive,t=r.fields,o=r.context,e=_slicedToArray(React.useState([]),2),n=e[0],c=e[1],e=(React.useEffect(function(){var e=t.filter(function(e){return isVisible(null==o?void 0:o.values,e)});c(e)},[t,null==o||null==(e=o.values)?void 0:e.source]),classNames__default.default("wprf-tab-menu-wrapper",null==r?void 0:r.className,{"wprf-tab-menu-sidebar":null==r?void 0:r.sidebar},null==o||null==(e=o.values)?void 0:e.source)),i=n.findIndex(function(e){return e.id===a});return React.createElement("div",{className:e},React.createElement("ul",{className:"wprf-tab-nav"},n.map(function(t,e){var n;return React.createElement("li",{className:classNames__default.default("wprf-tab-nav-item",(_defineProperty(n={},"".concat(t.classes),t.classes),_defineProperty(n,"wprf-active-nav",a===t.id),_defineProperty(n,"wprf-tab-complete",!(null==r||!r.completionTrack)&&e<=i),n)),"data-key":t.id,key:t.id,onClick:function(){var e;return(null==(e=null==r?void 0:r.clickable)||e)&&l(t.id)}},(null==t?void 0:t.icon)&&(isString(t.icon)&&!isObject(t.icon)?React.createElement("img",{src:t.icon,alt:null==t?void 0:t.label}):isObject(t.icon)?null==o||null==(e=o.icons)||null==(e=e[null==t||null==(n=t.icon)?void 0:n.type])?void 0:e[null==t||null==(n=t.icon)?void 0:n.name]:""),React.createElement("span",null,t.label))})))};function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};for(var n,r={},a=Object.keys(e),l=0;l<a.length;l++)n=a[l],0<=t.indexOf(n)||(r[n]=e[n]);return r}function _objectWithoutProperties(e,t){if(null==e)return{};var n,r=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols)for(var a=Object.getOwnPropertySymbols(e),l=0;l<a.length;l++)n=a[l],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}var BuilderContext=React.createContext(void 0),BuilderProvider=(BuilderContext.displayName="production"===process.env.NODE_ENV?"Anonymous":"BuilderContext",BuilderContext.Provider),BuilderConsumer=BuilderContext.Consumer;function useBuilderContext(){return React.useContext(BuilderContext)}var useOptions=function(t){var n,r,a,l,e,o,c,i,u,s,d,p,f,m,v=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"fields";if(null!=t&&t[v])return n=t.value,r=t.multiple,a=useBuilderContext(),u=_slicedToArray(React.useState(t[v]),2),l=u[0],e=u[1],u=_slicedToArray(React.useState([]),2),o=u[0],c=u[1],u=_slicedToArray(React.useState({options:null,parentIndex:null}),2),i=u[0],u=u[1],p=_slicedToArray(React.useState(null),2),s=p[0],d=p[1],p=_slicedToArray(React.useState(null),2),f=p[0],m=p[1],React.useEffect(function(){var e=t.ajax&&(null==(e=a.getTabFields(null==t?void 0:t.parentIndex))?void 0:e[v])||l;c(a.eligibleOptions(e)),d(a.eligibleOption(e,n,null!=r&&r))},[n,l]),React.useEffect(function(){e(t[v]),c(a.eligibleOptions(t[v]))},[t]),React.useEffect(function(){c(a.eligibleOptions(l))},[l]),React.useEffect(function(){null!=i.options&&e(i.options)},[i]),React.useEffect(function(){var e;null!=s&&(e=r?isArray(s)&&s.map(function(e){return e.value})||n:s.value||n,m(e))},[s]),React.useEffect(function(){var e;0===o.filter(function(e){return e.value===f}).length&&(e=sortingFields(o),m((null==e||null==(e=e[0])?void 0:e.value)||n))},[f,o]),{options:sortingFields(o),option:f,selectedOption:s,setOptions:c,setData:u};throw new Error("#options param need to set in order to use useOptions hook.")},useTrigger=function(e){var a=e.context;null!=e&&e.trigger&&isArray(null==e?void 0:e.trigger)&&null!=e&&e.trigger.map(function(e){var t=(null==e?void 0:e.type)||"setFieldValue";if(null!=e&&e.action&&isObject(null==e?void 0:e.action))for(var n in null==e?void 0:e.action){var r=n,n=(-1<r.indexOf(".")&&(r=r.split(".")),null==e?void 0:e.action[n]);""!=r&&a[t](r,n)}})},useDefaults=function(e,t,n,r){if(null!=r&&null!=(null==r?void 0:r.defaults)&&!isEmptyObj(r.defaults)){var a=r.defaults;if(null!=a&&!isEmptyObj(a)){var l={};if(null!=a&&a[n]&&isString(null==a?void 0:a[n])){var o,r=a[n].indexOf("@"),c=a[n].indexOf(":");0===r&&0<c&&(r=a[n].substr(1,c-1),c=a[n].substr(c+1),o=t.getValueForDefault(r,e),""!=r)&&""!=c&&(c="false"!==c&&c,l[r]=o||c,t.setValue(r,o||c))}else if(null!=a&&a[n]&&(isArray(a[n])||isObject(a[n])))for(var i in a[n]){var u,s,d=a[n][i];d&&(isArray(d)||isObject(d))?(u=t.getValueForDefault(i,e),""!=i&&""!=d&&(d="false"!==d&&d,l[i]=u||d,t.setValue(i,u||d))):d&&(i=d.indexOf("@"),u=d.indexOf(":"),0===i)&&0<u&&(i=d.substr(1,u-1),s=d.substr(u+1),-1<d.indexOf(".")&&(i=i.split(".")),d=t.getValueForDefault(i,e),""!=i)&&""!=s&&(s="false"!==s&&s,l[i]=d||s,t.setValue(i,d||s))}return{defaultsData:l}}}};function ownKeys$d(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$d(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$d(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$d(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var SweetAlert=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return Swal__default.default.fire(_objectSpread$d({target:null!=(e=null==t?void 0:t.target)?e:"#notificationx",type:null!=(e=null==t?void 0:t.type)?e:"success",html:null==t?void 0:t.html,title:null!=(e=null==t?void 0:t.title)?e:i18n.__("Title Goes Here: title","notificationx"),text:null!=(e=null==t?void 0:t.text)?e:i18n.__("Test Goes Here: text","notificationx"),icon:null!=(e=null==t?void 0:t.icon)?e:(null==t?void 0:t.type)||"success",timer:null!=(e=null==t?void 0:t.timer)?e:null},t))},ObjectFilter=function(t,n){var r,e,a=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return!!t&&(r={},e=Object.keys(t).filter(function(e){return n(e)}),a?e:(e.map(function(e){r[e]=t[e]}),r))},isExists=function(e,t){var n=_typeof$1(e);switch(!0){case"object"===n&&isArray(e):return e.includes(t);case"object"===n&&!isArray(e):return void 0!==(null==e?void 0:e[t]);default:return e===t}},triggerDefaults=function(e,t){var n,r,a=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!isEmptyObj(e)&&"object"===_typeof$1(e))for(var l in e)l===a&&(n=e[l].indexOf("@"),r=e[l].indexOf(":"),0===n)&&0<r&&(n=e[l].substr(1,r-1),l=e[l].substr(r+1),r=getStoreData().getSavedFieldValue(n,t),""!=n)&&""!=l&&setStoreData().setFieldValue({name:n,value:_defineProperty({},n,r||l)})},getStoreData=function(){return data.select("formbuilder")},setStoreData=function(){return data.dispatch("formbuilder")},processAjaxData=function(n){var r={};return Object.keys(n).map(function(e){var t;0===n[e].indexOf("@")?""!=(t=n[e].substr(1))&&(t=getStoreData().getFieldValue(t),r[e]=t||"undefined"):r[e]=n[e]}),r};function _extends(){for(var e=arguments.length,a=new Array(e),t=0;t<e;t++)a[t]=arguments[t];return(Object.assign||function(e){for(var t=1;t<a.length;t++){var n,r=a[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,a)}function ownKeys$c(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$c(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$c(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$c(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var builderReducer=function(e,t){switch(t.type){case"SET_CONTEXT":return _extends({},e,setIn(e,t.payload.field,t.payload.value));case"SET_ACTIVE_TAB":return _objectSpread$c(_objectSpread$c({},e),{},{config:_objectSpread$c(_objectSpread$c({},e.config),{},{active:t.payload})});case"SET_REDIRECT":return _objectSpread$c(_objectSpread$c({},e),{},{redirect:_objectSpread$c(_objectSpread$c({},e.redirect),t.payload)});case"SET_VALUES":return _extends({},e,setIn(e,"values",t.payload));case"SET_SAVED_VALUES":return _extends({},e,setIn(e,"savedValues",t.payload));case"SET_FIELD_VALUE":return _extends({},e,{values:setIn(e.values,t.payload.field,t.payload.value)});case"SET_TOUCHED":return _extends({},e,{touched:t.payload});case"SET_ERRORS":return _extends({},e,{errors:t.payload});case"SET_STATUS":return _extends({},e,{status:t.payload});case"SET_ISSUBMITTING":return _objectSpread$c(_objectSpread$c({},e),{},{isSubmitting:t.payload});case"SET_ISVALIDATING":return _extends({},e,{isValidating:t.payload});case"SET_FIELD_TOUCHED":return _objectSpread$c(_objectSpread$c({},e),{},{touched:_objectSpread$c(_objectSpread$c({},e.touched),{},_defineProperty({},t.payload.field,t.payload.value))});case"SET_FIELD_ERROR":case"RESET_FORM":return _extends({},e,t.payload);case"SUBMIT_ATTEMPT":return _extends({},e,{isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return _extends({},e,{isSubmitting:!1});case"SET_FORM_FIELD":return null===t.payload.field?_extends({},e,setIn(e,"tabs",t.payload.value)):_extends({},e,{tabs:setIn(e.tabs,t.payload.field,t.payload.value)});case"SET_ICONS":return _extends({},e,{icons:setIn(e.icons,t.payload.name,t.payload.icons)});case"SET_ALERTS":return _extends({},e,{alerts:setIn(e.alerts,t.payload.name,t.payload.value)});case"SET_COMMONS":return _extends({},e,{common:setIn(e.common,t.payload.name,t.payload.value)});default:return e}};function ownKeys$b(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$b(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$b(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var useBuilder=function(e){var t=React.useRef(!1);React.useEffect(function(){return t.current=!0,function(){t.current=!1}},[]);var n=_slicedToArray(React.useReducer(builderReducer,_objectSpread$b(_objectSpread$b({},e),{},{savedValues:e.savedValues||{},values:e.values||{},errors:e.initialErrors||{},touched:e.initialTouched||{},icons:e.initialIcons||{},common:{},alerts:{},tabs:sortingFields(e.tabs)})),2),i=n[0],r=n[1],n=useEventCallback(function(e,t,n){r({type:"SET_CONTEXT",payload:{field:e,value:t}})}),a=useEventCallback(function(e,t){e="function"==typeof e?e(i.values):e;return r({type:"SET_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),l=useEventCallback(function(e,t){e="function"==typeof e?e(i.values):e;return r({type:"SET_SAVED_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),o=useEventCallback(function(e,t,n){r({type:"SET_FIELD_VALUE",payload:{field:e,value:t}})}),c=useEventCallback(function(e,t){r({type:"SET_FORM_FIELD",payload:{field:e,value:t}})}),u=React.useCallback(function(e){return getIn(i.values,e)},[i]),s=useEventCallback(function(e,t,n){r({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t=t||!0}})}),d=React.useCallback(function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],e=(e.persist&&e.persist(),e.target),n=e.name,r=e.id;e.outerHTML,s(t||n||r,!0)},[s]),p=useEventCallback(function(t){if("string"==typeof t)return function(e){return d(e,t)};d(t)}),f=React.useCallback(function(e,t,n){null!=n&&n.isPro&&!1===Boolean(i.is_pro_active)||(e=(n=executeChange(e,t)).field,t=n.val,e&&o(e,t))},[o,i.values]),m=useEventCallback(function(t,n){var e;if(null!=n&&n.isPro&&!1===Boolean(i.is_pro_active)&&null!=(e=i.alerts)&&null!=(e=e.pro_alert(null==n?void 0:n.popup))&&e.fire(),"string"==typeof t)return function(e){return f(t,e,n)};f(t,null,n)}),v=React.useCallback(function(e){var t=_objectSpread$b({},e),n=validFieldProps(t),r=n.name,a=n.type,l=n.parent,o=n.parenttype,c=(null!=t&&t.is_pro&&(n.is_pro=!(null!=t&&t.is_pro&&!0===Boolean(i.is_pro_active))),l=l&&"group"===o?null!=(c=null==(c=null!=(c=getIn(i.values,l))?c:{})?void 0:c[r])?c:null==t?void 0:t.default:l&&"repeater"===o?null!=(c=null==(o=null!=(c=getIn(i.values,l))?c:[])||null==(l=o[n.index])?void 0:l[r])?c:null==t?void 0:t.default:null!=(o=getIn(i.values,r))?o:null==t?void 0:t.default,n.onChange=m,n.onBlur=p,n.value);return"checkbox"!==a||n.multiple?"radio"===a?(n.checked=l===c,n.value=c):n.value="date"===a&&null==l?getTime():l:(n.checked=!!l,n.value=!!l,isString(l)&&"0"===l?(n.checked=!1,n.value=!1):(n.checked=Boolean(l),n.value=Boolean(l))),n.visible=isVisible(i.values,e),n},[p,m,i.values]),b=React.useCallback(function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return n=null!==n?null==(n=getIn(i.values,n))?void 0:n[e]:getIn(i.values,e)||(null==(n=t.meta)?void 0:n.default),_objectSpread$b(_objectSpread$b({},t.meta),{},{value:n,error:getIn(i.errors,e),touched:!!getIn(i.touched,e),visible:isVisible(i.values,t),initialValue:"",initialTouched:"",initialError:""})},[i.errors,i.touched,i.values]),y=React.useCallback(function(e){return 0<e.length?e.filter(function(e){return null!=e&&e.rules?when(e.rules,i.values):e}):e},[i.errors,i.touched,i.values]),g=React.useCallback(function(e,t){var n;return e.length?(n=[],2<arguments.length&&void 0!==arguments[2]&&arguments[2]&&isArray(t)?e.filter(function(e){return t.includes(e.value)}):0<(n=e.filter(function(e){return e.value==t})).length?n[0]:""):e},[i.errors,i.touched,i.values]),_=React.useCallback(function(){return{setValue:function(e,t){return o(e,t)},getValue:function(e){return getIn(i.values,e)},getValueForDefault:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;return(null===t||getIn(i.savedValues,t)===getIn(i.values,t))&&getIn(i.savedValues,e)}}},[i.errors,i.touched,i.values,i.savedValues]),w=React.useCallback(function(e){return getIn(i.tabs,e)},[i]),h=useEventCallback(function(e){r({type:"SET_ISSUBMITTING",payload:e})}),E=useEventCallback(function(e){r({type:"SET_ACTIVE_TAB",payload:e})}),R=useEventCallback(function(e){r({type:"SET_REDIRECT",payload:e})}),O=useEventCallback(function(e,t){r({type:"SET_ICONS",payload:{name:e,icons:t}})}),j=useEventCallback(function(e,t){r({type:"SET_COMMONS",payload:{name:e,value:t}})}),x=useEventCallback(function(e,t){r({type:"SET_ALERTS",payload:{name:e,value:t}})});return _objectSpread$b(_objectSpread$b(_objectSpread$b({},e),i),{},{setContext:n,values:i.values,savedValues:i.savedValues,errors:i.errors,touched:i.touched,isSubmitting:!1,setActiveTab:E,setRedirect:R,setSubmitting:h,setValues:a,setSavedValues:l,setFieldValue:o,getFieldValue:u,handleBlur:p,handleChange:m,getFieldProps:v,getFieldMeta:b,getFieldHelpers:_,eligibleOptions:y,eligibleOption:g,getTabFields:w,setFormField:c,registerIcons:O,registerCommon:j,registerAlert:x})},useIsomorphicLayoutEffect="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?React.useLayoutEffect:React.useEffect,useEventCallback=function(e){var l=React.useRef(e);return useIsomorphicLayoutEffect(function(){l.current=e}),React.useCallback(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=arguments.length,t=new Array(r),a=0;a<r;a++)t[a]=arguments[a];return l.current.apply(void 0,t)},[])},Row=function(e){var t=classNames__default.default("wprf-row clearfix wprf-flex",null==e?void 0:e.className);return React.createElement("div",{className:t},null==e?void 0:e.children)},Column=function(e){var t=classNames__default.default("wprf-column",null==e?void 0:e.className,(_defineProperty(t={},"wprf-column-".concat(12/(null==e?void 0:e.column)),(null==e?void 0:e.column)&&12!==e.column),_defineProperty(t,"wprf-column-12",12===e.column),t));return React.createElement("div",{className:t},null==e?void 0:e.children)},Label=function(e){var t=classNames__default.default("wprf-input-label",null==e?void 0:e.className);return React.createElement("label",{htmlFor:null==e?void 0:e.htmlFor,className:t},(null==e||null==(t=e.badge)?void 0:t.value)&&React.createElement("div",{className:"wprf-badge"},React.createElement("sup",{className:classNames__default.default("wprf-badge-item",{"wprf-badge-active":null==e||null==(t=e.badge)?void 0:t.active})},null==e||null==(t=e.badge)?void 0:t.label)),!(null!=e&&e.src)&&(null==e?void 0:e.children),(null==e?void 0:e.src)&&React.createElement(Image,{className:"wprf-label-image",src:e.src,alt:null==e?void 0:e.label}))},Image=function(e){var t;return null!=e&&e.src?(t=classNames__default.default(["wprf-input-image",null==e?void 0:e.className]),React.createElement("img",{className:t,src:null==e?void 0:e.src,alt:null==e?void 0:e.alt})):React.createElement("p",null,"No Source( src ) Defined")},BadgeComp=function(e){var t=e.componentClasses,e=e.label;return React.createElement("div",{className:"wprf-badge"},React.createElement("sup",{className:t},e))},Badge=function(t){var n=useBuilderContext(),e=t.label,r=t.active,a=t.position,a=void 0===a?"right":a,l=t.renderLabel,o=t.renderComponent,r=(void 0===e&&(e="Pro"),classNames__default.default("wprf-badge-item",{"wprf-badge-active":r})),c={};return n.is_pro_active||(c={onClick:function(e){e.preventDefault(),n.alerts.pro_alert(null==t?void 0:t.popup).fire()}}),React.createElement("div",_extends$1({className:classNames__default.default("wprf-badge-wrapper",{"pro-deactivated":!n.is_pro_active})},c),"left"===a&&0<e.length&&React.createElement(React.Fragment,null,l(React.createElement(BadgeComp,{componentClasses:r,label:e}),"left")),"right"===a&&0<e.length&&React.createElement(React.Fragment,null,l(React.createElement(BadgeComp,{componentClasses:r,label:e}),"right")),o())},_excluded$4=["id","label","badge","badgePosition","context"],ControlLabel=function(e){var t=e.id,n=e.label,r=e.badge,a=e.badgePosition,l=e.context,e=_objectWithoutProperties(e,_excluded$4);return n&&0<n.length?React.createElement("div",{className:"wprf-control-label"},"left"==a&&r,React.createElement("label",{htmlFor:t},n),(null==e?void 0:e.link)&&React.createElement("a",{rel:"nofollow",target:"_blank",href:e.link},null==l||null==(t=l.icons)?void 0:t.link),"right"==a&&r):null},ControlField=function(e){var t=e.position,n=e.description,r=e.renderComponent,e=e.help;return React.createElement("div",{className:"wprf-control-field"},"left"===t&&n&&React.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),r(),"right"===t&&n&&React.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),e&&React.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:e}}))},_excluded$3=["label","id","name","type","style","is_pro","badge"];function ownKeys$a(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$a(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var withLabel=function(p){return function(t){var n,r=t.label,a=t.id,e=t.name,l=t.type,o=t.style,c=t.is_pro,i=t.badge,u=_objectWithoutProperties(t,_excluded$3),s=(null==a&&(a=e),_objectSpread$a({description:{position:"right"}},o)),d=classNames__default.default((_defineProperty(o={},"wprf-style-".concat(null==s?void 0:s.type),(null==s?void 0:s.type)||!1),_defineProperty(o,"wprf-label-none",void 0===r||""===r||0===r.length),_defineProperty(o,"wprf-".concat((null==s||null==(d=s.label)?void 0:d.position)||"inline","-label"),(null==(d=null==s||null==(d=s.label)?void 0:d.position)||d)&&null!=r),o));return"hidden"===l?React.createElement(p,_extends$1({},t,{id:a})):(n=validFieldProps(t,["description","label","help","style"]),o=classNames__default.default("wprf-control-wrapper","wprf-type-".concat(l),d,null==t?void 0:t.classes,_defineProperty({},"wprf-name-".concat(e),e)),React.createElement("div",{className:o},1==c&&React.createElement(React.Fragment,null,React.createElement(Badge,_extends$1({},i,u,{renderLabel:function(e,t){return React.createElement(ControlLabel,_extends$1({},n,{context:null==u?void 0:u.context,id:a,label:r,badge:e,badgePosition:t}))},renderComponent:function(){var e;return React.createElement(ControlField,{help:null,description:null==t?void 0:t.description,position:null==s||null==(e=s.description)?void 0:e.position,renderComponent:function(){return React.createElement(p,_extends$1({},n,{disable:!0,id:a}))}})}})),(null==t?void 0:t.help)&&React.createElement("div",{className:"wprf-badge-wrapper"},React.createElement("div",{className:"wprf-control-label"}),React.createElement("div",{className:"wprf-control-field"},React.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:t.help}})))),(0==c||null==c)&&React.createElement(React.Fragment,null,r&&0<r.length&&React.createElement(ControlLabel,_extends$1({},n,{context:null==u?void 0:u.context,label:r,id:a})),React.createElement(ControlField,{help:null==t?void 0:t.help,description:null==t?void 0:t.description,position:null==s||null==(l=s.description)?void 0:l.position,renderComponent:function(){return React.createElement(p,_extends$1({},n,{id:a}))}}))))}},withProps=function(i){var u=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return function(n){var e=useBuilderContext(),t=n.trigger,r=e.getFieldProps(n),a=e.getFieldMeta(r.name,n),l=e.getFieldHelpers(),o=(null!=e&&e.quickBuilder&&null!=e&&e.show&&(e.show.includes(n.name)||(r.classes=null!=r&&r.classes?r.classes+" hidden":" hidden")),null!=n&&n.parentIndex?_toConsumableArray(n.parentIndex):[]),c=(r.parentIndex=o,r.context=e,isFunction(n.onChange)&&(r.onChange=n.onChange),isFunction(n.onBlur)&&(r.onBlur=n.onBlur),React.useRef({}));return React.useEffect(function(){return c.current[n.name]=!0,function(){c.current[n.name]=!1}},[]),React.useEffect(function(){var e,t;a.visible&&c.current[n.name]&&(u||"group"===r.type?(e=null==n?void 0:n.parent,t=null==n?void 0:n.parenttype,e&&"group"===t&&r.value&&l.setValue([e,r.name],r.value)):l.setValue(r.name,r.value))},[a.visible]),React.useEffect(function(){c.current[n.name]&&isObject(t)&&!isEmptyObj(t)&&useDefaults(r.name,l,r.value,t)},[r.value,a.visible]),a.visible?React.createElement(i,r):React.createElement(React.Fragment,null)}};function _createForOfIteratorHelper$1(e,t){var n,r,a,l,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,a=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw a}}};if(Array.isArray(e)||(o=_unsupportedIterableToArray$1(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$1(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$1(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$1(e,t):void 0}function _arrayLikeToArray$1(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$9(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$9(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$9(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$9(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function GenericCheckbox(t){var e,n=_objectSpread$9({type:"",label:{position:"right"},column:4},t.style),r=React.useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames__default.default("wprf-checkbox-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return React.createElement("div",{className:n},React.createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"})),React.createElement("label",{htmlFor:t.id},t.label))}function Checkbox(t){var n,r,a,e=t.options,l=t.value,o=t.multiple,c=t.style,i=sortingFields(e),u=_objectSpread$9({column:4},c);return o?(e=_slicedToArray(React.useState({}),2),n=e[0],r=e[1],a=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$9(_objectSpread$9({},e),{},_defineProperty({},t.value,t.checked))})},React.useEffect(function(){t.onChange({target:{type:"checkbox",name:t.name,value:n,multiple:!0}})},[n]),React.useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper$1(i);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),React.createElement("div",{className:"wprf-checkbox-wrapper wprf-control"},React.createElement(Row,null,i.map(function(e){return React.createElement(Column,{key:e.value,column:u.column},React.createElement(GenericCheckbox,_objectSpread$9(_objectSpread$9({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:a,style:u})))})))):React.createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"}))}var Checkbox$1=withLabel(Checkbox),Field=function(e){if(!e.type||0===e.type.length)throw console.error(e),new Error(i18n.__("Field must have a #type. see documentation.","notificationx"));switch(e.type){case"text":case"radio":case"email":case"range":case"number":case"hidden":return React.createElement(Input$1,e);case"checkbox":return React.createElement(Checkbox$1,e);case"textarea":return React.createElement(Textarea$1,e);case"codeviewer":return React.createElement(CodeViewer$1,e);case"message":return React.createElement(Message,e);case"select":return React.createElement(Select$1,e);case"select-async":return React.createElement(SelectAsync$1,e);case"slider":return React.createElement(Slider,e);case"group":return React.createElement(Group$1,e);case"radio-card":return React.createElement(Radio,e);case"section":return React.createElement(Section$1,e);case"date":return React.createElement(Date$1,e);case"toggle":return React.createElement(Toggle,e);case"colorpicker":return React.createElement(ColorPicker$1,e);case"jsonuploader":return React.createElement(JsonUploader$1,e);case"repeater":return React.createElement(Repeater,e);case"media":return React.createElement(Media$1,e);case"editor":return React.createElement(Editor$1,e);case"action":return React.createElement(Action,e);case"button":return React.createElement(Button$1,e);case"modal":return React.createElement(Modal,e);case"tab":return React.createElement(Tab,e);case"responsive-number":return React.createElement(ResponsiveNumber$1,e);default:var t=hooks.applyFilters("custom_field","",e.type,e);return React.createElement(React.Fragment,null,t)}},GenericField=withProps(Field,!0),Field$1=withProps(Field),DateControl=function(e){var t=e.name,n=e.value,r=e.onChange,a=e.position,l=date.__experimentalGetSettings(),o=null!=(e=null==e?void 0:e.format)?e:l.formats.datetime,c=getTime(n),i=/a(?!\\)/i.test(l.formats.datetime.toLowerCase().replace(/\\\\/g,"").split("").reverse().join(""));return React.useEffect(function(){r({target:{type:"date",name:t,value:c}})},[]),React.createElement(components.Dropdown,{className:"wprf-control-datetime",contentClassName:"wprf-control-datetime-content",position:a||"bottom right",renderToggle:function(e){e.isOpen;e=e.onToggle;return React.createElement(components.Button,{isTertiary:!0,onClick:e},date.date(o,c,-(new Date).getTimezoneOffset()))},renderContent:function(){return React.createElement(components.DateTimePicker,{__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,currentDate:getTime(c).toDate().toString(),onChange:function(e){r({target:{type:"date",name:t,value:moment__default.default(e).utc().format()}})},is12Hour:i})}})},Date$1=withLabel(DateControl);function ownKeys$8(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$8(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$8(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$8(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Input=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","copyOnClick","disable","parentIndex","context","badge","popup"]),e=React.useCallback(function(e){return n.onChange(e,{popup:null==t?void 0:t.popup,isPro:!!t.is_pro})},[null==n?void 0:n.value]);"checkbox"===n.type&&null!=n&&n.name&&(n.checked=(null==n?void 0:n.checked)||(null==n?void 0:n.value));var r,a=_slicedToArray(React.useState(!1),2),l=a[0],o=a[1];return React.useEffect(function(){var e;return l&&(e=setTimeout(function(){o(!1)},2e3)),function(){return e&&clearTimeout(e)}},[l]),!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value?(a=(null==t?void 0:t.copyMessage)||"Click To Copy!",r=(null==t?void 0:t.copiedMessage)||"Copied!",React.createElement("span",{className:"wprf-clipboard-wrapper"},React__default.default.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e})),React.createElement("span",{className:"wprf-clipboard-tooltip"},React.createElement("span",{className:"wprf-clipboard-tooltip-text"},l?r:a),React.createElement(components.Button,{className:"wprf-copy-icon",onClick:function(){copy__default.default(t.value,{format:"text/plain",onCopy:function(){o(!0)}})}},"Copy")))):React__default.default.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e}))},GenericInput=(Input.defaultProps={type:"text"},React__default.default.memo(Input)),Input$1=withLabel(React__default.default.memo(Input));function ownKeys$7(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$7(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$7(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Textarea=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context"]),e=React.useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]);return React__default.default.createElement("textarea",_objectSpread$7(_objectSpread$7({},n),{},{onChange:e,rows:5}))},Textarea$1=withLabel(React__default.default.memo(Textarea));function ownKeys$6(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$6(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$6(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$6(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var CodeViewer=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]),e={onChange:React.useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]),rows:5},r=(!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value&&(e.onClick=function(){var e=null!=t&&t.success_text?t.success_text:i18n.__("Copied to Clipboard.","notificationx");copy__default.default(t.value,{format:"text/plain",onCopy:function(){t.context.alerts.toast("success",e)}})}),null!=t&&t.button_text?t.button_text:i18n.__("Click to Copy","notificationx"));return React.createElement("span",{className:"wprf-code-viewer"},React__default.default.createElement("textarea",_objectSpread$6(_objectSpread$6({},n),e)),React.createElement(components.Button,{className:"wprf-copy-button"},r))},CodeViewer$1=withLabel(React__default.default.memo(CodeViewer)),JsonUploader=function(n){validFieldProps(n,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]);var e=_slicedToArray(React.useState(),2),t=e[0],r=e[1];return React.useEffect(function(){null!=n&&n.value||r(null)},[null==n?void 0:n.value]),React.createElement("span",{className:"wprf-json-uploader"},!t&&React.createElement("label",{className:"wprf-json-uploaderButton"},React.createElement("span",null,i18n.__("Upload")),React.createElement("input",{type:"file",accept:"application/JSON",onChange:function(e){var t;(e=e).target.files.length&&(0==(null==(e=e.target.files[0])?void 0:e.size)?n.context.alerts.toast("error",i18n.__("File can't be empty.","notificationx")):"application/json"!=(null==e?void 0:e.type)&&"text/json"!=(null==e?void 0:e.type)?n.context.alerts.toast("error",i18n.__("Invalid file type.","notificationx")):(r(e),(t=new FileReader).onload=function(e){e=null==e||null==(e=e.target)?void 0:e.result;n.onChange({target:{type:"jsonuploader",name:n.name,value:e}})},t.readAsText(e)))}})),t&&(null==t?void 0:t.name)&&React.createElement("span",{className:"wpfr-json-file-name-wrapper"},React.createElement("span",{className:"wpfr-json-file-name"},20<(null==t?void 0:t.name.length)?"".concat(null==t?void 0:t.name.substr(0,9),"...").concat(null==t?void 0:t.name.substr((null==t?void 0:t.name.length)-7)):null==t?void 0:t.name),React.createElement("span",{className:"wprf-json-file-delete-button",onClick:function(){r(null),n.onChange({target:{type:"jsonuploader",name:n.name,value:null}})}},"x")))},JsonUploader$1=withLabel(React__default.default.memo(JsonUploader)),_excluded$2=["name","fields"],Group=function(n){var r,a,e,t,l=n.name,o=n.fields,c=_objectWithoutProperties(n,_excluded$2);if(o&&isArray(o)&&0!==o.length)return r=useBuilderContext(),a=React.useCallback(function(e){e.persist&&e.persist();var e=executeChange(e),t=e.field,e=e.val;r.setFieldValue([l,t],e)},[n.value]),e=sortingFields(o),React.useEffect(function(){r.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e)},[]),o=e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(GenericField,_extends$1({},c,{key:e.name,index:n.index,onChange:a},e,{parenttype:"group",parent:l,parentIndex:t}))}),t=classNames__default.default("wprf-group-control-inner",{"wprf-display-inline":"inline"===(null==n?void 0:n.display)}),React.createElement("div",{className:"wprf-group-control"},React.createElement("div",{className:t},o));throw new Error(i18n.__("You should give a #fields arguments to a group field.","notificationx"))},Group$1=withLabel(Group),Select=function(a){function e(){if(a.ajax&&(!a.ajax.rules||when(a.ajax.rules,l.values))){y(!0);var r={};if(Object.keys(null==a?void 0:a.ajax.data).map(function(e){var t,n;-1<(null==a?void 0:a.ajax.data[e].indexOf("@"))?(n=null==a?void 0:a.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=null==a?void 0:a.ajax.data[e]}),!g)return wpFetch({path:null==a?void 0:a.ajax.api,data:r}).then(function(e){y(!1);var t=merge(a.options,e,"value");return l.setFormField([].concat(_toConsumableArray(u),["options"]),t),f({options:t,parentIndex:[].concat(_toConsumableArray(u),["options"])}),e})}}var l=useBuilderContext(),t=a.id,n=a.name,r=a.multiple,o=a.placeholder,c=a.search,c=void 0!==c&&c,i=a.onChange,u=a.parentIndex,s=useOptions(a,"options"),d=s.options,p=s.selectedOption,f=s.setData,s=_slicedToArray(React.useState(null),2),m=s[0],v=s[1],s=_slicedToArray(React.useState(!1),2),b=s[0],y=s[1],s=_slicedToArray(React.useState(!1),2),g=s[0];s[1];return React.useEffect(function(){!isArray(m)&&isObject(m)&&i({target:{type:"select",name:n,value:m.value,options:d,multiple:r}}),isArray(m)&&i({target:{type:"select",name:n,value:m.map(function(e){return e.value}),options:d,multiple:r}})},[m]),React.useEffect(function(){e()},[]),React.useEffect(function(){null!=a&&a.menuOpen&&e()},[null==a?void 0:a.menuOpen]),React.createElement("div",{className:"wprf-select-wrapper"},React.createElement(ReactSelect__default.default,{isDisabled:null==a?void 0:a.disable,classNamePrefix:"wprf-select",isSearchable:null!=c&&c,id:t,name:n,isMulti:null!=r&&r,placeholder:o,isLoading:b,options:d,value:p,onMenuOpen:e,onMenuClose:function(){y(!1)},isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return v(e)}}))},Select$1=withLabel(Select);const instanceMap=new WeakMap;function createId(e){var t=instanceMap.get(e)||0;return instanceMap.set(e,t+1),t}function useInstanceId(t,n,r){return React.useMemo(()=>{var e;return r||(e=createId(t),n?n+"-"+e:e)},[t])}var RepeaterField=function e(t){var n=useBuilderContext(),r=t.fields,a=t.onChange,l=t.index,o=t.parent,c=_slicedToArray(React.useState(t.isCollapsed),2),i=c[0],u=c[1],s=useInstanceId(e),c=null==(c=n.values)||null==(c=c[o])?void 0:c[l],c=(null==c?void 0:c.title)||(null==c?void 0:c.post_title)||(null==c?void 0:c.username)||(null==c?void 0:c.plugin_theme_name),c=c?c.length<40?c:c.substr(0,40)+"...":"";return React.useEffect(function(){n.setFieldValue([o,l,"isCollapsed"],i)},[i]),React.createElement("div",{className:"wprf-repeater-field"},React.createElement("div",{className:"wprf-repeater-field-title",onClick:function(){return u(!i)}},React.createElement("h4",null,React.createElement(components.Icon,{icon:"move"}),t.index+1,": ",c),React.createElement("div",{className:"wprf-repeater-field-controls"},React.createElement(components.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.clone(t.index)},icon:"admin-page"}),React.createElement(components.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.remove(t.index)},icon:"trash"}))),!i&&React.createElement("div",{className:"wprf-repeater-inner-field"},r.map(function(e,t){return React.createElement(GenericField,_extends$1({key:"field-".concat(l,"-").concat(t)},e,{id:"field-".concat(s,"-").concat(l,"-").concat(t),index:l,parenttype:"repeater",parent:o,onChange:function(e){return a(e,l)}}))})))};function ownKeys$5(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$5(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$5(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var GenericToggle=function(t){var e,n=_objectSpread$5({type:"",label:{position:"right"},column:4},t.style),r=React.useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames__default.default("wprf-toggle-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return React.createElement("div",{className:n},React.createElement(GenericInput,_objectSpread$5(_objectSpread$5({},t),{},{type:"checkbox",placeholder:void 0})),React.createElement(Label,{htmlFor:t.id}))},GenericToggle$1=withLabel(GenericToggle),ModalContent=function(n){var e=n.isLoading;n.closeModal;var t=_slicedToArray(React.useState([]),2),r=t[0],a=t[1];return React.useEffect(function(){var e=sortingFields(n.body.fields).map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))});a(e)},[]),React.createElement("div",{className:"wprf-modal-body"},e&&React.createElement(Loading,null),!e&&React.createElement(React.Fragment,null,React.createElement("div",{className:"wprf-modal-content"},0<r.length&&r),React.createElement("div",{className:"wprf-modal-footer clearfix"},React.createElement("div",{className:"wprf-modal-footer-left"},(null==(t=n.body)?void 0:t.footer)&&isString(n.body.footer)&&React.createElement("p",null,n.body.footer),React.createElement(GenericField,_extends$1({type:"button"},null==n?void 0:n.confirm_button))))))},ModalHeader=function(e){e=e.content;return React.createElement("div",{className:"wprf-modal-header"},e&&isString(e)&&React.createElement("h3",null,e))},Loading=function(e){return React.createElement("p",null,i18n.__("Loading...","notificationx"))},toolbarOptions={options:["inline","blockType","textAlign","colorPicker","link"],inline:{options:["bold","italic","underline","strikethrough","monospace"]},blockType:{inDropdown:!0,options:["Normal","H1","H2","H3","H4","H5","H6","Blockquote","Code"],className:void 0,component:void 0,dropdownClassName:void 0}};function _createForOfIteratorHelper(e,t){var n,r,a,l,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,a=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw a}}};if(Array.isArray(e)||(o=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$4(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$4(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$4(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$4(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Toggle=function(t){var n,r,a,e=t.options,l=t.value,o=t.multiple,c=t.style,i=sortingFields(e),u=_objectSpread$4({column:4},c);return o?(e=_slicedToArray(React.useState({}),2),n=e[0],r=e[1],a=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$4(_objectSpread$4({},e),{},_defineProperty({},t.value,t.checked))})},React.useEffect(function(){t.onChange({target:{type:"toggle",name:t.name,value:n}})},[n]),React.useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper(i);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),React.createElement("div",{className:"wprf-toggle-wrapper wprf-control"},React.createElement(Row,null,i.map(function(e){return React.createElement(Column,{key:e.value,column:u.column},React.createElement(GenericToggle$1,_objectSpread$4(_objectSpread$4({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:a,style:u})))})))):React.createElement(GenericToggle$1,t)},_excluded$1=["label","value","icon","is_pro"];function ownKeys$3(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$3(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$3(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$3(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var getRandomValues,RadioCard=function e(t){var c,i,u,s=useBuilderContext(),n=useOptions(t,"options"),r=n.options,d=n.option;if(r)return c=useInstanceId(e),n=classNames__default.default(["wprf-control","wprf-radio-card","wprf-input-radio-set-wrap",null==t?void 0:t.className]),i=_objectSpread$3({},null==t?void 0:t.style),u=validFieldProps(t,["options","placeholder","style","trigger"]),React.useEffect(function(){d&&t.onChange({target:{type:"radio-card",name:t.name,value:d}})},[d]),React.createElement("div",{className:n},React.createElement(Row,null,r.map(function(e,t){var n,r=e.label,a=e.value,l=e.icon,o=e.is_pro,e=_objectWithoutProperties(e,_excluded$1);return React.createElement(Column,{column:+(null==e?void 0:e.column)||4,key:t},React.createElement("div",{className:classNames__default.default("wprf-input-radio-option",{"wprf-option-has-image":null!=l&&l,"wprf-option-selected":a==d})},React.createElement(Label,{className:classNames__default.default(_defineProperty({"wprf-label-has-image":null!=l&&l},"wprf-size-".concat(i.size),null!=(n=l&&(null==i?void 0:i.size))&&n)),htmlFor:"wprf-input-radio-".concat(c,"-").concat(t),src:l,badge:{label:o?"Pro":"Free",value:o,active:Boolean(s.is_pro_active)}},r),React.createElement(GenericInput,_extends$1({},e,u,{is_pro:o,type:"radio",value:a,checked:a===d,id:"wprf-input-radio-".concat(c,"-").concat(t)}))))})));throw new Error(i18n.__("#options is a required arguments for RadioCard field.","notificationx"))},Radio=withLabel(RadioCard),Section=function(n){var t=useBuilderContext(),e=_slicedToArray(React.useState(null!=(e=n.collapsed)&&e),2),r=e[0],a=e[1],e=_slicedToArray(React.useState([]),2),l=e[0],o=e[1],e=(React.useEffect(function(){var e=sortingFields(n.fields),e=(t.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e),e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}));o(e)},[]),classNames__default.default("wprf-control-section",null==n?void 0:n.classes,null==n?void 0:n.name,{"wprf-section-collapsed":(null==n?void 0:n.collapsible)&&r}));return React.createElement("div",{id:null==n?void 0:n.name,className:e},n.placeholder&&React.createElement("div",{className:"wprf-section-title"},React.createElement("h4",null,n.placeholder),n.collapsible&&React.createElement("button",{onClick:function(){return a(!r)}},"Icon")),React.createElement("div",{className:"wprf-section-fields"},l))},Section$1=React__default.default.memo(Section),rnds8=new Uint8Array(16);function rng(){if(getRandomValues=getRandomValues||"undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto))return getRandomValues(rnds8);throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}var REGEX=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function validate(e){return"string"==typeof e&&REGEX.test(e)}for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));function stringify(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,e=(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase();if(validate(e))return e;throw TypeError("Stringified UUID is invalid")}function v4(e,t,n){var r=(e=e||{}).random||(e.rng||rng)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var a=0;a<16;++a)t[n+a]=r[a];return t}return stringify(r)}function ownKeys$2(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$2(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$2(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$2(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Repeater=function(e){var a=e.name,t=(e.value,e.button),n=e.fields,l=useBuilderContext(),e=_slicedToArray(React.useState(null==(e=l.values)?void 0:e[a]),2),r=e[0],o=e[1],c=(React.useEffect(function(){var e;null!=(null==(e=l.values)?void 0:e[a])&&o(null==(e=l.values)?void 0:e[a])},[null==(e=l.values)?void 0:e[a]]),React.useCallback(function(e){var t=_toConsumableArray(r);t.splice(e,1),l.setFieldValue(a,t)},[r])),i=React.useCallback(function(e){var t=_toConsumableArray(r);0<t.length&&(null!=(e=t=null!=(e=t=null!=(e=t=null!=(e=t=(null==t?void 0:t[e])||{})&&e.title?_objectSpread$2(_objectSpread$2({},t),{},{title:t.title+" - Copy"}):t)&&e.post_title?_objectSpread$2(_objectSpread$2({},t),{},{post_title:t.post_title+" - Copy"}):t)&&e.username?_objectSpread$2(_objectSpread$2({},t),{},{username:t.username+" - Copy"}):t)&&e.plugin_theme_name&&(t=_objectSpread$2(_objectSpread$2({},t),{},{plugin_theme_name:t.plugin_theme_name+" - Copy"})),t=_objectSpread$2(_objectSpread$2({},t),{},{index:v4(),isCollapsed:!1}),l.setFieldValue([a,r.length],t))},[r]);return React.useEffect(function(){o(null==r||""==r?[{index:v4()}]:function(e){return e.map(function(e){return _objectSpread$2(_objectSpread$2({},e),{},{index:v4()})})})},[]),React.createElement("div",{className:"wprf-repeater-control"},r&&0<(null==r?void 0:r.length)&&React.createElement(reactSortablejs.ReactSortable,{className:"wprf-repeater-content",list:r,setList:function(e){l.setFieldValue(a,e)},handle:".wprf-repeater-field-title",filter:".wprf-repeater-field-controls",forceFallback:!0},r.map(function(e,r){return React.createElement(RepeaterField,{isCollapsed:null==e?void 0:e.isCollapsed,key:(null==e?void 0:e.index)||r,fields:n,index:r,parent:a,clone:i,remove:c,onChange:function(e){var t,n;t=r,(e=e).persist&&e.persist(),e=executeChange(e),n=e.field,e=e.val,l.setFieldValue([a,t,n],e)}})})),React.createElement("div",{className:"wprf-repeater-label"},React.createElement("button",{className:"wprf-repeater-button",onClick:function(){return l.setFieldValue(a,[].concat(_toConsumableArray(r),[{index:v4()}]))}},null==t?void 0:t.label)))},Slider=function(t){var n=t.name,e=t.id,r=t.label,a=t.units,l=t.value,o=t.min,c=t.max,i=t.unit,u=(t.tooltip,t.reset),l=_slicedToArray(React.useState(l||0),2),s=l[0],d=l[1],l=_slicedToArray(React.useState(i),2),p=l[0],f=l[1];return React.useEffect(function(){var e;s&&(isNumber(s)?e=p?"".concat(s).concat(p):"".concat(s):isString(s)&&(e=-1<s.indexOf(p)?"".concat(s):"".concat(s).concat(p)),t.onChange({target:{type:"slider",name:n,value:e}}))},[s,p]),React.createElement("div",{className:"wprf-slider-wrap"},React.createElement("div",{className:"wprf-slider-control-head"},React.createElement(Label,{htmlFor:e||n},r),isArray(a)&&0<a.length&&React.createElement("div",{className:"wprf-slider-units"},a.map(function(e,t){return React.createElement(components.Button,{key:t,isSmall:!0,isPrimary:!0,onClick:function(){return f(e)},className:e==p?"unit-active":""},e)}))),React.createElement("div",{className:"wprf-slider-control"},React.createElement(components.RangeControl,{allowReset:null==u||u,value:parseInt(s),min:o,max:c,onChange:function(e){return d(e)}})))},SelectAsync=function(a){var l=useBuilderContext(),e=a.id,t=a.name,n=a.multiple,r=a.placeholder,o=a.onChange;a.parentIndex;function c(t,n){var e;if(a.ajax&&(!a.ajax.rules||when(a.ajax.rules,l.values)))if(t)if(t.length<3)n([{label:"Please type 3 or more characters.",value:null,disabled:!0}]);else{var r={inputValue:t};if(null!=(e=Object.keys(a.ajax.data))&&e.map(function(e){var t,n;-1<a.ajax.data[e].indexOf("@")?(n=a.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=a.ajax.data[e]}),!f&&t)return m(!0),window.lastRequest=null,wpFetch({path:a.ajax.api,data:r}).then(function(e){return n(e),e}).finally(function(){var e;m(!1),window.lastRequest&&(e=window.lastRequest,window.lastRequest=null,c.apply(void 0,_toConsumableArray(e))),window.lastCompleteRequest=t});window.lastRequest=[t,n]}else n(u)}var i=_slicedToArray(React.useState(l.eligibleOptions(a.options)),2),u=i[0],s=i[1],i=_slicedToArray(React.useState(null==a?void 0:a.value),2),d=i[0],p=i[1],i=_slicedToArray(React.useState(!1),2),f=i[0],m=i[1];return React.useEffect(function(){s(l.eligibleOptions(a.options))},[l.values.source]),React.useEffect(function(){o({target:{type:"select",name:t,value:d,multiple:n}})},[d]),React.createElement("div",{className:"wprf-async-select-wrapper"},React.createElement(AsyncSelect__default.default,{cacheOptions:!0,loadOptions:c,defaultOptions:u,isDisabled:null==a?void 0:a.disable,isMulti:null!=n&&n,classNamePrefix:"wprf-async-select",id:e,name:t,placeholder:r,formatOptionLabel:function(e,t){var n,r;if(null!=t&&null!=(n=t.inputValue)&&n.length&&e.name&&e.name.toLowerCase().includes(null==t||null==(n=t.inputValue)?void 0:n.toLowerCase()))return null!=e&&e.name,n=new RegExp("(".concat(null==t?void 0:t.inputValue,")"),"gi"),t=null==(t=e.name)?void 0:t.replace(n,"<strong style={font-weight: 900}>$1</strong>"),r=null==(r=e.address)?void 0:r.replace(n,"<strong style={font-weight: 900}>$1</strong>"),React.createElement(React.Fragment,null,parse__default.default(t||"")," ",React.createElement("small",null,parse__default.default(r||"")));return React.createElement(React.Fragment,null,e.name?React.createElement(React.Fragment,null,React.createElement("b",null,e.name)," "):React.createElement(React.Fragment,null,e.label," "),e.address&&React.createElement("small",null,e.address))},value:d,isClearable:!0,isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return p(e)}}))},SelectAsync$1=withLabel(SelectAsync),ColorPicker=function(e){var t,n=e.value,r=e.name,a=e.id,l=e.onChange,e=_slicedToArray(React.useState(!1),2),o=e[0],c=e[1],e=_slicedToArray(React.useState(n||null),2),i=e[0],u=e[1],e=_slicedToArray(React.useState(null),2),s=e[0],d=e[1],e=React.useRef(null);React.useEffect(function(){d(n)},[]);return React.useEffect(function(){l({target:{type:"colorpicker",name:r,value:i}})},[i]),t=e,React.useEffect(function(){function e(e){t.current&&!t.current.contains(e.target)&&c(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[t]),React.createElement(React.Fragment,null,React.createElement("div",{className:"wprf-colorpicker-wrap",ref:e},React.createElement("input",{type:"hidden",value:n,name:r,id:a}),React.createElement("span",{className:"wprf-picker-display",style:{backgroundColor:n,borderColor:n},onClick:function(){return c(!o)}}),o&&React.createElement(React.Fragment,null,React.createElement("button",{className:"wprf-colorpicker-reset",onClick:function(e){e.preventDefault(),u(s),c(!1)}},i18n.__("Reset","notificationx")),React.createElement(components.ColorPicker,{color:n,onChangeComplete:function(e){return u(e.hex)}}))))},ColorPicker$1=withLabel(ColorPicker),Action=function(e){return React.createElement(React.Fragment,null,hooks.applyFilters(e.action,"",e))},Media=function(t){var e=_slicedToArray(React.useState(null!=(e=t.value)&&e.url?t.value:null),2),n=e[0],r=e[1];return React.useEffect(function(){t.onChange({target:{type:"media",name:t.name,value:n}})},[n]),React.createElement("div",{className:"wprf-control wprf-media"},null!=n&&!(null!=t&&t.notImage)&&React.createElement("div",{className:"wprf-image-preview"},null!=n&&(null==n?void 0:n.url)&&React.createElement("img",{src:n.url,alt:n.title})),React.createElement("div",{className:"wprf-image-uploader"},React.createElement(mediaUtils.MediaUpload,{onSelect:function(e){r({id:e.id,title:e.title,url:e.url})},multiple:!1,allowedTypes:["image"],value:n,render:function(e){e=e.open;return React.createElement(React.Fragment,null,null!=n&&React.createElement("button",{className:"wprf-btn wprf-image-remove-btn",onClick:function(){return r(null)}},(null==t?void 0:t.remove)||"Remove"),React.createElement("button",{className:"wprf-btn wprf-image-upload-btn",onClick:e},null!=n?(null==t?void 0:t.reset)||"Change Image":(null==t?void 0:t.button)||"Upload"))}})))},Media$1=withLabel(Media),Editor=function(n){var e=_slicedToArray(React.useState(draftJs.EditorState.createEmpty()),2),t=e[0],r=e[1];return React.useEffect(function(){var e,t;n.value&&(e=(t=htmlToDraft__default.default(n.value)).contentBlocks,t=t.entityMap,e=draftJs.ContentState.createFromBlockArray(e,t),t=draftJs.EditorState.createWithContent(e),r(t))},[]),React.useEffect(function(){var e=draftToHtml__default.default(draftJs.convertToRaw(t.getCurrentContent()));n.onChange({target:{type:"editor",value:e,name:n.name}})},[t]),React.createElement(reactDraftWysiwyg.Editor,{placeholder:null==n?void 0:n.placeholder,toolbar:toolbarOptions,editorState:t,toolbarClassName:"wprf-editor-toolbar",wrapperClassName:"wprf-editor wprf-control",editorClassName:"wprf-editor-main",onEditorStateChange:r})},Editor$1=withLabel(Editor),Button=function(n){var e,t,r,a;if(null!=n&&n.text||!0===(null==n?void 0:n.group))return e=validFieldProps(n,["is_pro","visible","disable","parentIndex","context","onBlur","value","ajax","text"]),t=(a=_slicedToArray(React.useState(!1),2))[0],r=a[1],null!=n&&n.href?React.createElement("a",{href:-1===(null==n?void 0:n.href)?null==n?void 0:n.value:null==n?void 0:n.href,target:null==n?void 0:n.target,className:classNames__default.default("wprf-control wprf-button wprf-href-btn",null==n?void 0:n.classes)},null==n?void 0:n.text):null!=n&&n.group?(a=n.fields.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}),React.createElement("div",{className:"wprf-control wprf-button-group wprf-flex"},a)):React.createElement(React.Fragment,null,React.createElement("button",_extends$1({},e,{name:n.name,disabled:t,onClick:null!=(a=null==n?void 0:n.onClick)?a:function(e){null!=n&&n.ajax&&(r(!0),hitAAJX(n.ajax,n.context).then(function(e){var t;if(r(!1),"error"==(null==e?void 0:e.status))throw new Error(null==e?void 0:e.message);n.onChange({target:{type:"button",name:n.name,value:!0}}),null!=(e=n.ajax)&&e.hideSwal||(e=(null==(e=n.ajax)||null==(e=e.swal)?void 0:e.icon)||"success",t=(null==(t=n.ajax)||null==(t=t.swal)?void 0:t.text)||"Complete",n.context.alerts.toast(e,t,{autoClose:null==(e=n.ajax)||null==(t=e.swal)?void 0:t.autoClose})),null!=(e=n.ajax)&&e.reload&&setTimeout(function(){return window.location.reload()},1e3)}).catch(function(e){var t;console.error("Error In Button Called",n.name,e),r(!1),n.onChange({target:{type:"button",name:n.name,value:!1}}),null!=(t=n.ajax)&&t.hideSwal||n.context.alerts.toast("error",(null==e?void 0:e.message)||i18n.__("Something went wrong.","notificationx"))})),useTrigger(n)},className:classNames__default.default("wprf-control wprf-button wprf-btn",null==n?void 0:n.classes)}),isObject(null==n?void 0:n.text)&&null!=n&&n.ajax?t?null==n||null==(e=n.text)?void 0:e.loading:n.value?null==n||null==(a=n.text)?void 0:a.saved:null==n||null==(t=n.text)?void 0:t.normal:null==n?void 0:n.text));throw new Error(i18n.__("Button has a required params #text.","notificationx"))},Button$1=withLabel(Button);function ownKeys$1(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$1(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$1(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$1(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ResponsiveNumber=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","badge","popup"]),e=_slicedToArray(React.useState(Object.keys(t.controls)[0]),2),r=e[0],a=e[1],e=n.value;isObject(n.value)||Object.keys(t.controls).reduce(function(e,t){return _objectSpread$1(_objectSpread$1({},e),{},_defineProperty({},t,n.value))},{});var e=_slicedToArray(React.useState(e),2),l=e[0],o=e[1];return React.useEffect(function(){n.onChange({target:{type:"input",name:n.name,value:l,checked:null,multiple:null}})},[l]),React.createElement("div",{style:{display:"flex",alignItems:"center",rowGap:5,columnGap:10,flexWrap:"wrap"}},React__default.default.createElement("input",_objectSpread$1(_objectSpread$1({},n),{},{type:"number",value:null==l?void 0:l[r],onChange:function(e){o(_objectSpread$1(_objectSpread$1({},l),{},_defineProperty({},r,e.target.value)))}})),React.createElement("div",{style:{display:"flex",alignItems:"center"}},null==(e=Object.keys(t.controls))?void 0:e.map(function(e){return React.createElement("button",{type:"button",key:e,className:"responsive-button ".concat(r===e?"active":""),onClick:function(){return a(e)}},React.createElement("img",{src:t.controls[e].icon,alt:"desktop",style:{width:t.controls[e].size}}))})))},ResponsiveNumber$1=(ResponsiveNumber.defaultProps={type:"number"},withLabel(React__default.default.memo(ResponsiveNumber))),eligibleMessage=function(e){if(null!=e&&e.messages)for(var t in e.messages){t=e.messages[t];if(when(t.rules,e.context.values))return t}return{message:null==e?void 0:e.message,html:null==e?void 0:e.html,type:"normal"}},Message=function(e){var t=eligibleMessage(e),n=t.html,r=t.message,t=t.type;return r?React.createElement("div",{className:classNames__default.default("wprf-control","wprf-message","wprf-".concat(void 0===t?"warning":t,"-message"),"wprf-".concat(e.name,"-message"),null==e?void 0:e.classes)},n&&React.createElement("p",{dangerouslySetInnerHTML:{__html:r}}),!n&&React.createElement("p",null,r)):React.createElement(React.Fragment,null)},Modal=function(t){if(null==(null==t?void 0:t.body)||null==(null==t?void 0:t.button))throw new Error(i18n.__("Modal needs button/body with it.","notificationx"));function n(){return a(!1)}var e=_slicedToArray(React.useState(!1),2),r=e[0],a=e[1],e=_slicedToArray(React.useState(!1),2),l=e[0],e=(e[1],React.useCallback(function(){},[]));return React.createElement("div",{className:"wprf-control wprf-modal",id:"wprf-modal-".concat(t.name)},React.createElement(GenericField,_extends$1({type:"button"},null==t?void 0:t.button,{onClick:function(){return a(!0)}})),r&&React.createElement(SweetAlert__default.default,{customClass:"wprf-modal-inner",style:{maxWidth:"900px",width:"100%",overflowY:"scroll",margin:"50px auto"},closeBtnStyle:{top:"5px",right:"5px",color:"#f78c8c",fontSize:"18px",border:"1px solid #f78c8c",borderRadius:"50%",width:"30px",height:"30px",display:"inline-flex",alignItems:"center",justifyContent:"center"},title:React.createElement(ModalHeader,{content:null==t||null==(r=t.body)?void 0:r.header}),onConfirm:e,showConfirm:!1,showCloseButton:!0,closeOnClickOutside:!0,onCancel:n,afterUpdate:function(){var e;null!=t&&t.cancel&&null!=(e=t.context.values)&&e[t.cancel]&&n()}},React.createElement(ModalContent,_extends$1({},t,{isLoading:l,closeModal:n,context:t.context,onConfirm:e}))))},InnerContent=function(e){var t=e.fields,r=e.parentIndex,n=e.context,e=_slicedToArray(React.useState([]),2),a=e[0],l=e[1],e=_slicedToArray(React.useState([]),2),o=e[0],c=e[1];return React.useEffect(function(){var e=sortingFields(t);n.setFormField([r,"fields"],e),l(e)},[]),React.useEffect(function(){var e;isArray(a)&&0<a.length&&(e=a.map(function(e,t){var n=[].concat(_toConsumableArray(r),["fields",t]);return"section"===(null==e?void 0:e.type)?React.createElement(GenericField,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):e?React.createElement(Field$1,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):React.createElement(React.Fragment,null)}),c(e))},[a]),React.createElement(React.Fragment,null,o)};function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}var Submit=function(e){var e=_extends$1({},(_objectDestructuringEmpty(e),e)),n=useBuilderContext(),e=(null==e?void 0:e.label)||i18n.__("Save Changes","notificationx"),t=React.useCallback(function(e){var t;null!=(t=n.submit)&&t.onSubmit&&n.submit.onSubmit(e,n)},[n]);return React.createElement("div",{className:"wprf-submit wprf-control"},React.createElement(components.Button,{className:"wprf-submit-button",onClick:t},e))},SteppedButton=function(n){var e=_slicedToArray(React.useState(void 0),2),r=e[0],a=e[1],e=_slicedToArray(React.useState(void 0),2),l=e[0],o=e[1];return useBuilderContext(),React.useEffect(function(){var e=n.fields.map(function(e){return e.id}),t=e.findIndex(function(e){return e===n.active});-1!=t&&o(e[t-1]),t<=e.length&&a(e[t+1])},[n.active,n.fields]),React.createElement("div",{className:"wprf-stepped-button"},n.config.buttons&&Object.keys(n.config.buttons).map(function(e,t){return React.createElement(React__default.default.Fragment,{key:"button_".concat(e,"_").concat(t)},("next"===e&&void 0!==r||"prev"===e&&void 0!==l)&&React.createElement(components.Button,{className:"wprf-btn wprf-step-btn-".concat(e),onClick:function(){return n.setActive("next"===e?r:l)}},null==(t=n.config.buttons)?void 0:t[e]),null==r&&(null==(t=n.config.buttons)||null==(t=t[e])?void 0:t.type)&&React.createElement(Field$1,null==(t=n.config.buttons)?void 0:t[e]))}))},SteppedButton$1=React__default.default.memo(SteppedButton),_excluded=["fields","active","setActive","submit"],Content=function(e){var t=e.fields,r=e.active,n=e.setActive,a=e.submit,l=_objectWithoutProperties(e,_excluded);if(void 0===t)throw new Error(i18n.__("There are no #tabs args defined in props.","notificationx"));var o,c,i=useBuilderContext(),u=l.parentIndex||[];if(isArray(t))return o=(e=_slicedToArray(React.useState([]),2))[0],c=e[1],React.useEffect(function(){var e=t.filter(function(e){return isVisible(null==i?void 0:i.values,e)});c(e)},[t,null==i||null==(e=i.values)?void 0:e.source]),React.createElement("div",{className:classNames__default.default("wprf-tab-content-wrapper",null==i||null==(e=i.values)?void 0:e.source,null==i||null==(e=i.values)?void 0:e.themes)},React.createElement("div",{className:"wprf-tab-flex"},React.createElement("div",{className:"wprf-tab-contents"},t.map(function(e,t){var n;return isVisible(null==i?void 0:i.values,e)?(n=classNames__default.default("wprf-tab-content","wprf-tab-".concat(null==e?void 0:e.id),{"wprf-active":r===e.id}),React.createElement("div",{id:null==e?void 0:e.id,className:n,key:null==e?void 0:e.id},React.createElement("div",{className:"wprf-tab-heading-wrapper"},(null==e?void 0:e.label)&&(null==(n=null==l?void 0:l.title)||n)&&React.createElement("h4",null,e.label),React.createElement("div",null,(null==l?void 0:l.content_heading)&&Object.keys(l.content_heading).map(function(e,t){return React.createElement(React__default.default.Fragment,{key:"button_".concat(e,"_").concat(t)},React.createElement(Field$1,l.content_heading[e]))}))),React.createElement(InnerContent,{context:i,fields:null==e?void 0:e.fields,parentIndex:[].concat(_toConsumableArray(u),[t])}))):""})),hooks.applyFilters("wprf_tab_content","",l)),(null==l||null==(e=l.step)?void 0:e.show)&&React.createElement(SteppedButton$1,{fields:o,active:r,setActive:n,config:null!=(e=l.step)?e:{show:!1}}),(null==(o=null==a?void 0:a.show)||o)&&(null==a||!a.rules||when(null==a?void 0:a.rules,{rest:l}))&&React.createElement(Submit,a));throw new Error(i18n.__("Not an array.","notificationx"))},Tab=function(e){var t=useBuilderContext(),n=_slicedToArray(React.useState(e.value||e.active),2),r=n[0],a=n[1],n=classNames__default.default("wp-react-form wprf-tabs-wrapper",null==e?void 0:e.className,{"wprf-tab-menu-as-sidebar":null==e?void 0:e.sidebar});return React.useEffect(function(){e.value!==r&&a(e.value)},[e.value]),React.useEffect(function(){e.value!==r&&e.onChange({target:{type:"button",name:e.name,value:r}})},[r]),React.createElement("div",{className:n},React.createElement(Menu,_extends$1({},e,{active:r,setActive:function(e){return a(e)},fields:e.fields,context:t})),React.createElement(Content,_extends$1({},e,{fields:e.fields,active:r,setActive:function(e){return a(e)},submit:null==e?void 0:e.submit})))};function ownKeys(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}data.registerStore("formbuilder",store);var FormBuilder=function(e){var t,n=useBuilderContext(),r=e.tabs;return null!=(t=r)&&t.type||(r=_objectSpread(_objectSpread({},e.config),{},{value:e.config.active,fields:e.tabs,tabs:void 0,submit:null==e?void 0:e.submit,onChange:function(e){n.setActiveTab(null==e||null==(e=e.target)?void 0:e.value)}})),React.createElement(React.Fragment,null,React.createElement(Tab,r))};exports.Action=Action,exports.BuilderConsumer=BuilderConsumer,exports.BuilderProvider=BuilderProvider,exports.Button=Button$1,exports.CodeViewer=CodeViewer$1,exports.ColorPicker=ColorPicker$1,exports.Column=Column,exports.Date=Date$1,exports.Editor=Editor$1,exports.Field=Field$1,exports.FormBuilder=FormBuilder,exports.GenericField=GenericField,exports.GenericInput=GenericInput,exports.Group=Group$1,exports.Image=Image,exports.Input=Input$1,exports.JsonUploader=JsonUploader$1,exports.Label=Label,exports.Media=Media$1,exports.Message=Message,exports.Modal=Modal,exports.ObjectFilter=ObjectFilter,exports.Radio=Radio,exports.Repeater=Repeater,exports.ResponsiveNumber=ResponsiveNumber$1,exports.Row=Row,exports.Section=Section$1,exports.Select=Select$1,exports.SelectAsync=SelectAsync$1,exports.Slider=Slider,exports.SweetAlert=SweetAlert,exports.Textarea=Textarea$1,exports.Toggle=Toggle,exports._extends=_extends,exports.builderReducer=builderReducer,exports.executeChange=executeChange,exports.getIn=getIn,exports.getSelectedValues=getSelectedValues,exports.getStoreData=getStoreData,exports.getTime=getTime,exports.hitAAJX=hitAAJX,exports.isArray=isArray,exports.isEmptyObj=isEmptyObj,exports.isExists=isExists,exports.isFunction=isFunction,exports.isNumber=isNumber,exports.isObject=isObject,exports.isString=isString,exports.isVisible=isVisible,exports.merge=merge,exports.objectWithoutPropertiesLoose=objectWithoutPropertiesLoose,exports.processAjaxData=processAjaxData,exports.setIn=setIn,exports.setStoreData=setStoreData,exports.sortingFields=sortingFields,exports.triggerDefaults=triggerDefaults,exports.useBuilder=useBuilder,exports.useBuilderContext=useBuilderContext,exports.useDefaults=useDefaults,exports.validFieldProps=validFieldProps,exports.when=when,exports.withLabel=withLabel,exports.withProps=withProps,exports.withState=withState,exports.wpFetch=wpFetch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),data=require("@wordpress/data"),lodashEs=require("lodash-es"),apiFetch=require("@wordpress/api-fetch"),date=require("@wordpress/date"),moment=require("moment"),intersect=require("intersect"),i18n=require("@wordpress/i18n"),classNames=require("classnames"),hooks=require("@wordpress/hooks"),Swal=require("sweetalert2"),components=require("@wordpress/components"),copy=require("copy-to-clipboard"),ReactSelect=require("react-select"),reactSortablejs=require("react-sortablejs"),parse=require("html-react-parser"),AsyncSelect=require("react-select/async"),mediaUtils=require("@wordpress/media-utils"),reactDraftWysiwyg=require("react-draft-wysiwyg"),draftJs=require("draft-js"),draftToHtml=require("draftjs-to-html"),htmlToDraft=require("html-to-draftjs"),SweetAlert$1=(require("react-draft-wysiwyg/dist/react-draft-wysiwyg.css"),require("react-bootstrap-sweetalert"));function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),apiFetch__default=_interopDefaultLegacy(apiFetch),moment__default=_interopDefaultLegacy(moment),intersect__default=_interopDefaultLegacy(intersect),classNames__default=_interopDefaultLegacy(classNames),Swal__default=_interopDefaultLegacy(Swal),copy__default=_interopDefaultLegacy(copy),ReactSelect__default=_interopDefaultLegacy(ReactSelect),parse__default=_interopDefaultLegacy(parse),AsyncSelect__default=_interopDefaultLegacy(AsyncSelect),draftToHtml__default=_interopDefaultLegacy(draftToHtml),htmlToDraft__default=_interopDefaultLegacy(htmlToDraft),SweetAlert__default=_interopDefaultLegacy(SweetAlert$1);function _typeof$1(e){return(_typeof$1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toPrimitive(e,t){if("object"!==_typeof$1(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!==_typeof$1(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"===_typeof$1(e)?e:String(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _arrayLikeToArray$2(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray$2(e)}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _unsupportedIterableToArray$2(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$2(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$2(e,t):void 0}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray$2(e)||_nonIterableSpread()}function ownKeys$f(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$f(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var wpFetch=function(e){e=_objectSpread$f(_objectSpread$f({},e),{},{method:"POST"});return apiFetch__default.default(e)},isString=function(e){return null!==e&&"string"==typeof e},isNumber=function(e){return null!==e&&"number"==typeof e},isInteger=function(e){return String(Math.floor(Number(e)))===e},isFunction=function(e){return null!==e&&"function"==typeof e},isArray=function(e){return null!==e&&"object"===_typeof$1(e)&&Array.isArray(e)},isObject=function(e){return null!==e&&"object"===_typeof$1(e)&&!isArray(e)},valueExists=function(e,t){return isArray(t)?e.some(function(e){return t.includes(e)}):e.includes(t)},isVisible=function(e,t){return null==t||!t.rules||null==t.name||(t=when(t.rules,e),Boolean(t))},withState=function(e){return Boolean(["group","section"].includes(e))},isEmptyObj=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},getIn=function(e,t,n,r){void 0===r&&(r=0);for(var a=lodashEs.toPath(t);e&&r<a.length;)e=e[a[r++]];return void 0===e?n:e},sortingFields=function(e){return[].concat(e).sort(function(e,t){return null==e.priority||null==t.priority?0:e.priority>t.priority?1:-1})},getSelectedValues=function(e){return Array.from(e).filter(function(e){return e.selected}).map(function(e){return e.value})},executeChange=function(e,t){var n=t,r=e;if(!isString(e)){e.persist&&e.persist();var e=e.target||e.currentTarget,a=e.type,l=e.name,o=e.value,i=e.checked,c=e.multiple,n=t||l;switch(a){case"number":case"range":r=parseFloat(o);break;case"checkbox":r=c?o:i;break;default:r=o}}return{field:n,val:r}},objectWithoutPropertiesLoose=function(e,t){if(null==e)return{};for(var n,r={},a=Object.keys(e),l=0;l<a.length;l++)n=a[l],0<=t.indexOf(n)||(r[n]=e[n]);return r},setIn=function(e,t,n){for(var r=lodashEs.clone(e),a=r,l=0,o=lodashEs.toPath(t);l<o.length-1;l++){var i=o[l],c=getIn(e,o.slice(0,l+1));a=c&&(isObject(c)||Array.isArray(c))?a[i]=lodashEs.clone(c):(c=o[l+1],a[i]=isInteger(c)&&0<=Number(c)?[]:{})}return(0===l?e:a)[o[l]]===n?e:(void 0===n?delete a[o[l]]:a[o[l]]=n,0===l&&void 0===n&&delete r[o[l]],r)},validFieldProps=function(e){var t=e.type,n=["validation_rules","default","rules","meta","switch"].concat(_toConsumableArray(1<arguments.length&&void 0!==arguments[1]?arguments[1]:[])),t=("select"!==t&&"select-async"!==t&&"radio-card"!==t&&"checkbox"!==t&&"toggle"!==t&&e.multiple&&n.push("options"),"tab"!==t&&"group"!==t&&"repeater"!==t&&"section"!==t&&"button"!==t&&n.push("fields"),objectWithoutPropertiesLoose(e,n));return null==e||!e.label||null!=e&&e.placeholder||(t.placeholder=e.label),t},hitAAJX=function(a){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;if(null!==l&&a){var r,e=!0;if(e=null!=a&&a.rules?when(null==a?void 0:a.rules,l.values):e)return r={},Object.keys(a.data).map(function(e){var t,n;-1<(null==(n=(t=a.data[e]).indexOf)?void 0:n.call(t,"@"))?(n=a.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=a.data[e]}),wpFetch({path:a.api,data:r}).then(function(e){"success"==(null==e?void 0:e.status)&&null!=e&&e.redirect&&(window.location=null==e?void 0:e.redirect);var t,n,r=null!=e&&null!=(t=e.data)&&t.context?e.data.context:!(null==e||!e.context)&&e.context;return r&&isObject(r)&&Object.keys(r).map(function(e){l.setFieldValue(e,r[e])}),null!=e&&null!=(t=e.data)&&t.download&&downloadFile({data:JSON.stringify(e.data.download),fileName:(null==e||null==(t=e.data)?void 0:t.filename)||"export.json",fileType:"text/json"}),null!=a&&a.trigger&&isString(null==a?void 0:a.trigger)&&(t=a.trigger.indexOf("@"),n=a.trigger.indexOf(":"),0===t)&&0<n&&(t=a.trigger.substr(1,n-1),"true"==(n=a.trigger.substr(n+1))?n=!0:"false"==n&&(n=!1),l.setFieldValue(t,n)),e})}return Promise.reject(!1)},getTime=function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=date.__experimentalGetSettings();return moment__default.default.utc(e||void 0).utcOffset(+(null==n||null==(e=n.timezone)?void 0:e.offset),t)},merge=function(e,t,n){var r=_toConsumableArray(e),e=t.filter(function(t){return r.findIndex(function(e){return e[n]===t[n]})<=-1});return[].concat(_toConsumableArray(r),_toConsumableArray(e))},downloadFile=function(e){var t=e.data,n=e.fileName,e=e.fileType,t=new Blob([t],{type:e}),e=document.createElement("a"),n=(e.download=n,e.href=window.URL.createObjectURL(t),new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}));e.dispatchEvent(n),e.remove()},_typeof=function(e){return("function"!=typeof Symbol||"symbol"!==_typeof$1(Symbol.iterator))&&e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":_typeof$1(e)},get=function(e,t){var n=!(2<(arguments.length<=2?0:arguments.length-2)&&void 0!==(arguments.length<=4?void 0:arguments[4]))||arguments.length<=4?void 0:arguments[4];return String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce(function(e,t){return e&&Object.hasOwnProperty.call(e,t)?e[t]:n},e)},rules={is:function(e,t,n){return get(n,e)==t},"!is":function(e,t,n){return!rules.is(e,t,n)},includes:function(e,t,n){if(!isEmptyObj(n)){n=get(n,e);if("function"!=_typeof(n)){if(isArray(t)&&isArray(n))return null==(e=intersect__default.default(n,t))?void 0:e.length;if(isArray(t)&&"string"==_typeof(n))return t.includes(n);if(isArray(n)&&"string"==_typeof(t))return n.includes(t)}}return!1},"!includes":function(e,t,n){return!rules.includes(e,t,n)},isOfType:function(e,t,n){return _typeof(get(n,e))===t},"!isOfType":function(e,t,n){return!rules.isOfType(e,t,n)},allOf:function(e,t,n){var r;if(Array.isArray(t))return r=get(n,e),t.every(function(e){return r.includes(e)});throw Error(i18n.__('"allOf" condition requires an array as #3 argument',"notificationx"))},anyOf:function(e,t,n){if(Array.isArray(t))return n=get(n,e),t.includes(n);throw Error(i18n.__('"anyOf" condition requires an array as #3 argument',"notificationx"))},gt:function(e,t,n){return get(n,e)>t},gte:function(e,t,n){return get(n,e)>=t},lt:function(e,t,n){return get(n,e)<t},lte:function(e,t,n){return get(n,e)<=t}},logicalRules={and:function(e){return!e.includes(!1)},or:function(e){return e.includes(!0)},not:function(e){if(1!==e.length)throw Error(i18n.__('"not" can have only one comparison rule, multiple rules given',"notificationx"));return!e[0]}},isValidCondition=function(e){return!!(Array.isArray(e)&&Array.isArray(e[1])&&e[0]&&logicalRules[e[0].toLowerCase()])},processRule=function(e,t){var n=e[0],r=e[1],e=e[2];if("string"!=typeof n||void 0===rules[n])throw Error(i18n.sprintf(i18n.__("Invalid comparison rule %s.","notificationx"),n));return rules[n](r,e,t)},processCondition=function(e,t){return logicalRules[e.toLowerCase()](t)},validate$1=function(e,n){var t,r;return isValidCondition(e)?(t=e.slice(0,1)[0],r=e.slice(1).map(function(e,t){return(isValidCondition(e)?when:processRule)(e,n)}),processCondition(t,r)):processRule(e,n)},when=function(e,t){return"function"==typeof e?Promise.resolve(e(t)):validate$1(e,t)};function ownKeys$e(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$e(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$e(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$e(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var DEFAULT_STATE={savedValues:{type:"conversions",source:"edd"},values:{},touched:{},errors:{}},actions={setSavedValues:function(e){return{type:"SET_SAVED_VALUES",payload:e}},setFieldValue:function(e){return{type:"FIELD_VALUE",name:e.name,payload:e.value}},removeFieldValue:function(e){return{type:"REMOVE_FIELD_VALUE",payload:e}},resetFieldValue:function(e){return{type:"RESET_FIELD_VALUE",payload:e}},setFieldTouched:function(e){return{type:"FIELD_TOUCHED",payload:e}},setError:function(e){return{type:"FIELD_ERROR",payload:e}},removeError:function(e){return{type:"REMOVE_FIELD_ERROR",payload:e}}},store={reducer:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:DEFAULT_STATE,t=1<arguments.length?arguments[1]:void 0;switch(t.type){case"SET_SAVED_VALUES":var n=_objectSpread$e({},e);return _objectSpread$e(_objectSpread$e({},n),{},{values:t.payload,savedValues:t.payload});case"FIELD_VALUE":var n=_objectSpread$e({},e),r=t.payload;return _objectSpread$e(_objectSpread$e({},n),{},{values:_objectSpread$e(_objectSpread$e({},null==(n=n)?void 0:n.values),r)});case"REMOVE_FIELD_VALUE":n=_objectSpread$e({},e),r=t.payload;return null!=(a=n.values)&&a[r]&&delete n.values[r],n;case"RESET_FIELD_VALUE":var a=_objectSpread$e({},e);return null!=(r=a.values)&&r[t.payload]&&(delete a.values[t.payload],null!=(n=a.savedValues))&&n[t.payload]&&(a.values[t.payload]=a.savedValues[t.payload]),a;case"FIELD_ERROR":return _objectSpread$e(_objectSpread$e({},e),{},{errors:_objectSpread$e(_objectSpread$e({},e.errors),t.payload)});case"REMOVE_FIELD_ERROR":r=_objectSpread$e({},e);return delete r.errors[t.payload],r;case"FIELD_TOUCHED":return _objectSpread$e(_objectSpread$e({},e),{},{touched:_objectSpread$e(_objectSpread$e({},e.touched),t.payload)})}return e},actions:actions,selectors:{getValues:function(e){return e.values},getFieldValue:function(e,t){return null==(e=e.values)?void 0:e[t]},getSavedFieldValue:function(e,t,n){var r;return(null===n||(null==(r=e.savedValues)?void 0:r[n])===(null==(r=e.values)?void 0:r[n]))&&(null==(r=e.savedValues)?void 0:r[t])},isTouched:function(e,t){return null==(e=e.touched)?void 0:e[t]},getError:function(e,t){return null==(e=e.errors)?void 0:e[t]},isVisible:function(e,t){return!t.rules||null==t.name||(t=when(t.rules,e.values),Boolean(t))}}};function _extends$1(){return(_extends$1=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray$2(e,t)||_nonIterableRest()}var Menu=function(r){if(void 0===r.fields)throw new Error(i18n.__("There are no tabs defined!","notificationx"));var a=r.active,l=r.setActive,t=r.fields,o=r.context,e=_slicedToArray(React.useState([]),2),n=e[0],i=e[1],e=(React.useEffect(function(){var e=t.filter(function(e){return isVisible(null==o?void 0:o.values,e)});i(e)},[t,null==o||null==(e=o.values)?void 0:e.source]),classNames__default.default("wprf-tab-menu-wrapper",null==r?void 0:r.className,{"wprf-tab-menu-sidebar":null==r?void 0:r.sidebar},null==o||null==(e=o.values)?void 0:e.source)),c=n.findIndex(function(e){return e.id===a});return React.createElement("div",{className:e},React.createElement("ul",{className:"wprf-tab-nav"},n.map(function(t,e){var n;return React.createElement("li",{className:classNames__default.default("wprf-tab-nav-item",(_defineProperty(n={},"".concat(t.classes),t.classes),_defineProperty(n,"wprf-active-nav",a===t.id),_defineProperty(n,"wprf-tab-complete",!(null==r||!r.completionTrack)&&e<=c),n)),"data-key":t.id,key:t.id,onClick:function(){var e;return(null==(e=null==r?void 0:r.clickable)||e)&&l(t.id)}},(null==t?void 0:t.icon)&&(isString(t.icon)&&!isObject(t.icon)?React.createElement("img",{src:t.icon,alt:null==t?void 0:t.label}):isObject(t.icon)?null==o||null==(e=o.icons)||null==(e=e[null==t||null==(n=t.icon)?void 0:n.type])?void 0:e[null==t||null==(n=t.icon)?void 0:n.name]:""),React.createElement("span",null,t.label))})))};function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};for(var n,r={},a=Object.keys(e),l=0;l<a.length;l++)n=a[l],0<=t.indexOf(n)||(r[n]=e[n]);return r}function _objectWithoutProperties(e,t){if(null==e)return{};var n,r=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols)for(var a=Object.getOwnPropertySymbols(e),l=0;l<a.length;l++)n=a[l],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}var BuilderContext=React.createContext(void 0),BuilderProvider=(BuilderContext.displayName="production"===process.env.NODE_ENV?"Anonymous":"BuilderContext",BuilderContext.Provider),BuilderConsumer=BuilderContext.Consumer;function useBuilderContext(){return React.useContext(BuilderContext)}var useOptions=function(t){var n,r,a,l,e,o,i,c,u,s,d,p,f,m,v=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"fields";if(null!=t&&t[v])return n=t.value,r=t.multiple,a=useBuilderContext(),u=_slicedToArray(React.useState(t[v]),2),l=u[0],e=u[1],u=_slicedToArray(React.useState([]),2),o=u[0],i=u[1],u=_slicedToArray(React.useState({options:null,parentIndex:null}),2),c=u[0],u=u[1],p=_slicedToArray(React.useState(null),2),s=p[0],d=p[1],p=_slicedToArray(React.useState(null),2),f=p[0],m=p[1],React.useEffect(function(){var e=t.ajax&&(null==(e=a.getTabFields(null==t?void 0:t.parentIndex))?void 0:e[v])||l;i(a.eligibleOptions(e)),d(a.eligibleOption(e,n,null!=r&&r))},[n,l]),React.useEffect(function(){e(t[v]),i(a.eligibleOptions(t[v]))},[t]),React.useEffect(function(){i(a.eligibleOptions(l))},[l]),React.useEffect(function(){null!=c.options&&e(c.options)},[c]),React.useEffect(function(){var e;null!=s&&(e=r?isArray(s)&&s.map(function(e){return e.value})||n:s.value||n,m(e))},[s]),React.useEffect(function(){var e;0===o.filter(function(e){return e.value===f}).length&&(e=sortingFields(o),m((null==e||null==(e=e[0])?void 0:e.value)||n))},[f,o]),{options:sortingFields(o),option:f,selectedOption:s,setOptions:i,setData:u};throw new Error("#options param need to set in order to use useOptions hook.")},useTrigger=function(e){var a=e.context;null!=e&&e.trigger&&isArray(null==e?void 0:e.trigger)&&null!=e&&e.trigger.map(function(e){var t=(null==e?void 0:e.type)||"setFieldValue";if(null!=e&&e.action&&isObject(null==e?void 0:e.action))for(var n in null==e?void 0:e.action){var r=n,n=(-1<r.indexOf(".")&&(r=r.split(".")),null==e?void 0:e.action[n]);""!=r&&a[t](r,n)}})},useDefaults=function(e,t,n,r){if(null!=r&&null!=(null==r?void 0:r.defaults)&&!isEmptyObj(r.defaults)){var a=r.defaults;if(null!=a&&!isEmptyObj(a)){var l={};if(null!=a&&a[n]&&isString(null==a?void 0:a[n])){var o,r=a[n].indexOf("@"),i=a[n].indexOf(":");0===r&&0<i&&(r=a[n].substr(1,i-1),i=a[n].substr(i+1),o=t.getValueForDefault(r,e),""!=r)&&""!=i&&(i="false"!==i&&i,l[r]=o||i,t.setValue(r,o||i))}else if(null!=a&&a[n]&&(isArray(a[n])||isObject(a[n])))for(var c in a[n]){var u,s,d=a[n][c];d&&(isArray(d)||isObject(d))?(u=t.getValueForDefault(c,e),""!=c&&""!=d&&(d="false"!==d&&d,l[c]=u||d,t.setValue(c,u||d))):d&&(c=d.indexOf("@"),u=d.indexOf(":"),0===c)&&0<u&&(c=d.substr(1,u-1),s=d.substr(u+1),-1<d.indexOf(".")&&(c=c.split(".")),d=t.getValueForDefault(c,e),""!=c)&&""!=s&&(s="false"!==s&&s,l[c]=d||s,t.setValue(c,d||s))}return{defaultsData:l}}}};function ownKeys$d(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$d(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$d(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$d(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var SweetAlert=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return Swal__default.default.fire(_objectSpread$d({target:null!=(e=null==t?void 0:t.target)?e:"#notificationx",type:null!=(e=null==t?void 0:t.type)?e:"success",html:null==t?void 0:t.html,title:null!=(e=null==t?void 0:t.title)?e:i18n.__("Title Goes Here: title","notificationx"),text:null!=(e=null==t?void 0:t.text)?e:i18n.__("Test Goes Here: text","notificationx"),icon:null!=(e=null==t?void 0:t.icon)?e:(null==t?void 0:t.type)||"success",timer:null!=(e=null==t?void 0:t.timer)?e:null},t))},ObjectFilter=function(t,n){var r,e,a=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return!!t&&(r={},e=Object.keys(t).filter(function(e){return n(e)}),a?e:(e.map(function(e){r[e]=t[e]}),r))},isExists=function(e,t){var n=_typeof$1(e);switch(!0){case"object"===n&&isArray(e):return e.includes(t);case"object"===n&&!isArray(e):return void 0!==(null==e?void 0:e[t]);default:return e===t}},triggerDefaults=function(e,t){var n,r,a=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!isEmptyObj(e)&&"object"===_typeof$1(e))for(var l in e)l===a&&(n=e[l].indexOf("@"),r=e[l].indexOf(":"),0===n)&&0<r&&(n=e[l].substr(1,r-1),l=e[l].substr(r+1),r=getStoreData().getSavedFieldValue(n,t),""!=n)&&""!=l&&setStoreData().setFieldValue({name:n,value:_defineProperty({},n,r||l)})},getStoreData=function(){return data.select("formbuilder")},setStoreData=function(){return data.dispatch("formbuilder")},processAjaxData=function(n){var r={};return Object.keys(n).map(function(e){var t;0===n[e].indexOf("@")?""!=(t=n[e].substr(1))&&(t=getStoreData().getFieldValue(t),r[e]=t||"undefined"):r[e]=n[e]}),r};function _extends(){for(var e=arguments.length,a=new Array(e),t=0;t<e;t++)a[t]=arguments[t];return(Object.assign||function(e){for(var t=1;t<a.length;t++){var n,r=a[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,a)}function ownKeys$c(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$c(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$c(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$c(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var builderReducer=function(e,t){switch(t.type){case"SET_CONTEXT":return _extends({},e,setIn(e,t.payload.field,t.payload.value));case"SET_ACTIVE_TAB":return _objectSpread$c(_objectSpread$c({},e),{},{config:_objectSpread$c(_objectSpread$c({},e.config),{},{active:t.payload})});case"SET_REDIRECT":return _objectSpread$c(_objectSpread$c({},e),{},{redirect:_objectSpread$c(_objectSpread$c({},e.redirect),t.payload)});case"SET_VALUES":return _extends({},e,setIn(e,"values",t.payload));case"SET_SAVED_VALUES":return _extends({},e,setIn(e,"savedValues",t.payload));case"SET_FIELD_VALUE":return _extends({},e,{values:setIn(e.values,t.payload.field,t.payload.value)});case"SET_TOUCHED":return _extends({},e,{touched:t.payload});case"SET_ERRORS":return _extends({},e,{errors:t.payload});case"SET_STATUS":return _extends({},e,{status:t.payload});case"SET_ISSUBMITTING":return _objectSpread$c(_objectSpread$c({},e),{},{isSubmitting:t.payload});case"SET_ISVALIDATING":return _extends({},e,{isValidating:t.payload});case"SET_FIELD_TOUCHED":return _objectSpread$c(_objectSpread$c({},e),{},{touched:_objectSpread$c(_objectSpread$c({},e.touched),{},_defineProperty({},t.payload.field,t.payload.value))});case"SET_FIELD_ERROR":case"RESET_FORM":return _extends({},e,t.payload);case"SUBMIT_ATTEMPT":return _extends({},e,{isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return _extends({},e,{isSubmitting:!1});case"SET_FORM_FIELD":return null===t.payload.field?_extends({},e,setIn(e,"tabs",t.payload.value)):_extends({},e,{tabs:setIn(e.tabs,t.payload.field,t.payload.value)});case"SET_ICONS":return _extends({},e,{icons:setIn(e.icons,t.payload.name,t.payload.icons)});case"SET_ALERTS":return _extends({},e,{alerts:setIn(e.alerts,t.payload.name,t.payload.value)});case"SET_COMMONS":return _extends({},e,{common:setIn(e.common,t.payload.name,t.payload.value)});default:return e}};function ownKeys$b(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$b(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$b(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var useBuilder=function(e){var t=React.useRef(!1);React.useEffect(function(){return t.current=!0,function(){t.current=!1}},[]);var n=_slicedToArray(React.useReducer(builderReducer,_objectSpread$b(_objectSpread$b({},e),{},{savedValues:e.savedValues||{},values:e.values||{},errors:e.initialErrors||{},touched:e.initialTouched||{},icons:e.initialIcons||{},common:{},alerts:{},tabs:sortingFields(e.tabs)})),2),c=n[0],r=n[1],n=useEventCallback(function(e,t,n){r({type:"SET_CONTEXT",payload:{field:e,value:t}})}),a=useEventCallback(function(e,t){e="function"==typeof e?e(c.values):e;return r({type:"SET_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),l=useEventCallback(function(e,t){e="function"==typeof e?e(c.values):e;return r({type:"SET_SAVED_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),o=useEventCallback(function(e,t,n){r({type:"SET_FIELD_VALUE",payload:{field:e,value:t}})}),i=useEventCallback(function(e,t){r({type:"SET_FORM_FIELD",payload:{field:e,value:t}})}),u=React.useCallback(function(e){return getIn(c.values,e)},[c]),s=useEventCallback(function(e,t,n){r({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t=t||!0}})}),d=React.useCallback(function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],e=(e.persist&&e.persist(),e.target),n=e.name,r=e.id;e.outerHTML,s(t||n||r,!0)},[s]),p=useEventCallback(function(t){if("string"==typeof t)return function(e){return d(e,t)};d(t)}),f=React.useCallback(function(e,t,n){null!=n&&n.isPro&&!1===Boolean(c.is_pro_active)||(t=(e=executeChange(e,t)).field,e=e.val,t&&(o(t,e),hooks.doAction("quickBuilder_setFieldValue",t,e,n)))},[o,c.values]),m=useEventCallback(function(t,n){var e;if(null!=n&&n.isPro&&!1===Boolean(c.is_pro_active)&&null!=(e=c.alerts)&&null!=(e=e.pro_alert(null==n?void 0:n.popup))&&e.fire(),"string"==typeof t)return function(e){return f(t,e,n)};f(t,null,n)}),v=React.useCallback(function(e){var t=_objectSpread$b({},e),n=validFieldProps(t),r=n.name,a=n.type,l=n.parent,o=n.parenttype,i=(null!=t&&t.is_pro&&(n.is_pro=!(null!=t&&t.is_pro&&!0===Boolean(c.is_pro_active))),l=l&&"group"===o?null!=(i=null==(i=null!=(i=getIn(c.values,l))?i:{})?void 0:i[r])?i:null==t?void 0:t.default:l&&"repeater"===o?null!=(i=null==(o=null!=(i=getIn(c.values,l))?i:[])||null==(l=o[n.index])?void 0:l[r])?i:null==t?void 0:t.default:null!=(o=getIn(c.values,r))?o:null==t?void 0:t.default,n.onChange=m,n.onBlur=p,n.value);return"checkbox"!==a||n.multiple?"radio"===a?(n.checked=l===i,n.value=i):n.value="date"===a&&null==l?getTime():l:(n.checked=!!l,n.value=!!l,isString(l)&&"0"===l?(n.checked=!1,n.value=!1):(n.checked=Boolean(l),n.value=Boolean(l))),n.visible=isVisible(c.values,e),n},[p,m,c.values]),b=React.useCallback(function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return n=null!==n?null==(n=getIn(c.values,n))?void 0:n[e]:getIn(c.values,e)||(null==(n=t.meta)?void 0:n.default),_objectSpread$b(_objectSpread$b({},t.meta),{},{value:n,error:getIn(c.errors,e),touched:!!getIn(c.touched,e),visible:isVisible(c.values,t),initialValue:"",initialTouched:"",initialError:""})},[c.errors,c.touched,c.values]),y=React.useCallback(function(e){return 0<e.length?e.filter(function(e){return null!=e&&e.rules?when(e.rules,c.values):e}):e},[c.errors,c.touched,c.values]),g=React.useCallback(function(e,t){var n;return e.length?(n=[],2<arguments.length&&void 0!==arguments[2]&&arguments[2]&&isArray(t)?e.filter(function(e){return t.includes(e.value)}):0<(n=e.filter(function(e){return e.value==t})).length?n[0]:""):e},[c.errors,c.touched,c.values]),_=React.useCallback(function(){return{setValue:function(e,t){return o(e,t)},getValue:function(e){return getIn(c.values,e)},getValueForDefault:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;return(null===t||getIn(c.savedValues,t)===getIn(c.values,t))&&getIn(c.savedValues,e)}}},[c.errors,c.touched,c.values,c.savedValues]),w=React.useCallback(function(e){return getIn(c.tabs,e)},[c]),h=useEventCallback(function(e){r({type:"SET_ISSUBMITTING",payload:e})}),E=useEventCallback(function(e){r({type:"SET_ACTIVE_TAB",payload:e})}),R=useEventCallback(function(e){r({type:"SET_REDIRECT",payload:e})}),O=useEventCallback(function(e,t){r({type:"SET_ICONS",payload:{name:e,icons:t}})}),j=useEventCallback(function(e,t){r({type:"SET_COMMONS",payload:{name:e,value:t}})}),x=useEventCallback(function(e,t){r({type:"SET_ALERTS",payload:{name:e,value:t}})});return _objectSpread$b(_objectSpread$b(_objectSpread$b({},e),c),{},{setContext:n,values:c.values,savedValues:c.savedValues,errors:c.errors,touched:c.touched,isSubmitting:null!=(e=null==c?void 0:c.isSubmitting)&&e,setActiveTab:E,setRedirect:R,setSubmitting:h,setValues:a,setSavedValues:l,setFieldValue:o,getFieldValue:u,handleBlur:p,handleChange:m,getFieldProps:v,getFieldMeta:b,getFieldHelpers:_,eligibleOptions:y,eligibleOption:g,getTabFields:w,setFormField:i,registerIcons:O,registerCommon:j,registerAlert:x})},useIsomorphicLayoutEffect="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?React.useLayoutEffect:React.useEffect,useEventCallback=function(e){var l=React.useRef(e);return useIsomorphicLayoutEffect(function(){l.current=e}),React.useCallback(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=arguments.length,t=new Array(r),a=0;a<r;a++)t[a]=arguments[a];return l.current.apply(void 0,t)},[])},Row=function(e){var t=classNames__default.default("wprf-row clearfix wprf-flex",null==e?void 0:e.className);return React.createElement("div",{className:t},null==e?void 0:e.children)},Column=function(e){var t=classNames__default.default("wprf-column",null==e?void 0:e.className,(_defineProperty(t={},"wprf-column-".concat(12/(null==e?void 0:e.column)),(null==e?void 0:e.column)&&12!==e.column),_defineProperty(t,"wprf-column-12",12===e.column),t));return React.createElement("div",{className:t},null==e?void 0:e.children)},Label=function(e){var t=classNames__default.default("wprf-input-label",null==e?void 0:e.className);return React.createElement("label",{htmlFor:null==e?void 0:e.htmlFor,className:t},(null==e||null==(t=e.badge)?void 0:t.value)&&React.createElement("div",{className:"wprf-badge"},React.createElement("sup",{className:classNames__default.default("wprf-badge-item",{"wprf-badge-active":null==e||null==(t=e.badge)?void 0:t.active})},null==e||null==(t=e.badge)?void 0:t.label)),!(null!=e&&e.src)&&(null==e?void 0:e.children),(null==e?void 0:e.src)&&React.createElement(Image,{className:"wprf-label-image",src:e.src,alt:null==e?void 0:e.label}))},Image=function(e){var t;return null!=e&&e.src?(t=classNames__default.default(["wprf-input-image",null==e?void 0:e.className]),React.createElement("img",{className:t,src:null==e?void 0:e.src,alt:null==e?void 0:e.alt})):React.createElement("p",null,"No Source( src ) Defined")},BadgeComp=function(e){var t=e.componentClasses,e=e.label;return React.createElement("div",{className:"wprf-badge"},React.createElement("sup",{className:t},e))},Badge=function(t){var n=useBuilderContext(),e=t.label,r=t.active,a=t.position,a=void 0===a?"right":a,l=t.renderLabel,o=t.renderComponent,r=(void 0===e&&(e="Pro"),classNames__default.default("wprf-badge-item",{"wprf-badge-active":r})),i={};return n.is_pro_active||(i={onClick:function(e){e.preventDefault(),n.alerts.pro_alert(null==t?void 0:t.popup).fire()}}),React.createElement("div",_extends$1({className:classNames__default.default("wprf-badge-wrapper",{"pro-deactivated":!n.is_pro_active})},i),"left"===a&&0<e.length&&React.createElement(React.Fragment,null,l(React.createElement(BadgeComp,{componentClasses:r,label:e}),"left")),"right"===a&&0<e.length&&React.createElement(React.Fragment,null,l(React.createElement(BadgeComp,{componentClasses:r,label:e}),"right")),o())},_excluded$4=["id","label","badge","badgePosition","context"],ControlLabel=function(e){var t=e.id,n=e.label,r=e.badge,a=e.badgePosition,l=e.context,e=_objectWithoutProperties(e,_excluded$4);return n&&0<n.length?React.createElement("div",{className:"wprf-control-label"},"left"==a&&r,React.createElement("label",{htmlFor:t},n),(null==e?void 0:e.label_subtitle)&&React.createElement("p",{className:"wprf-label-subtitle",dangerouslySetInnerHTML:{__html:null==e?void 0:e.label_subtitle}}),(null==e?void 0:e.link)&&React.createElement("a",{rel:"nofollow",target:"_blank",href:e.link},null==l||null==(t=l.icons)?void 0:t.link),"right"==a&&r):null},ControlField=function(e){var t=e.position,n=e.description,r=e.renderComponent,e=e.help;return React.createElement("div",{className:"wprf-control-field"},"left"===t&&n&&React.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),r(),"right"===t&&n&&React.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),e&&React.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:e}}))},_excluded$3=["label","id","name","type","style","is_pro","badge"];function ownKeys$a(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$a(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var withLabel=function(p){return function(t){var n,r=t.label,a=t.id,e=t.name,l=t.type,o=t.style,i=t.is_pro,c=t.badge,u=_objectWithoutProperties(t,_excluded$3),s=(null==a&&(a=e),_objectSpread$a({description:{position:"right"}},o)),d=classNames__default.default((_defineProperty(o={},"wprf-style-".concat(null==s?void 0:s.type),(null==s?void 0:s.type)||!1),_defineProperty(o,"wprf-label-none",void 0===r||""===r||0===r.length),_defineProperty(o,"wprf-".concat((null==s||null==(d=s.label)?void 0:d.position)||"inline","-label"),(null==(d=null==s||null==(d=s.label)?void 0:d.position)||d)&&null!=r),o));return"hidden"===l?React.createElement(p,_extends$1({},t,{id:a})):(n=validFieldProps(t,["description","label","help","style"]),o=classNames__default.default("wprf-control-wrapper","wprf-type-".concat(l),d,null==t?void 0:t.classes,_defineProperty({},"wprf-name-".concat(e),e)),React.createElement("div",{className:o},1==i&&React.createElement(React.Fragment,null,React.createElement(Badge,_extends$1({},c,u,{renderLabel:function(e,t){return React.createElement(ControlLabel,_extends$1({},n,{context:null==u?void 0:u.context,id:a,label:r,badge:e,badgePosition:t}))},renderComponent:function(){var e;return React.createElement(ControlField,{help:null,description:null==t?void 0:t.description,position:null==s||null==(e=s.description)?void 0:e.position,renderComponent:function(){return React.createElement(p,_extends$1({},n,{disable:!0,id:a}))}})}})),(null==t?void 0:t.help)&&React.createElement("div",{className:"wprf-badge-wrapper"},React.createElement("div",{className:"wprf-control-label"}),React.createElement("div",{className:"wprf-control-field"},React.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:t.help}})))),(0==i||null==i)&&React.createElement(React.Fragment,null,r&&0<r.length&&React.createElement(ControlLabel,_extends$1({},n,{context:null==u?void 0:u.context,label:r,id:a})),React.createElement(ControlField,{help:null==t?void 0:t.help,description:null==t?void 0:t.description,position:null==s||null==(l=s.description)?void 0:l.position,renderComponent:function(){return React.createElement(p,_extends$1({},n,{id:a}))}}))))}},withProps=function(c){var u=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return function(n){var e=useBuilderContext(),t=n.trigger,r=e.getFieldProps(n),a=e.getFieldMeta(r.name,n),l=e.getFieldHelpers(),o=(null!=e&&e.quickBuilder&&null!=e&&e.show&&(e.show.includes(n.name)||(r.classes=null!=r&&r.classes?r.classes+" hidden":" hidden")),null!=n&&n.parentIndex?_toConsumableArray(n.parentIndex):[]),i=(r.parentIndex=o,r.context=e,isFunction(n.onChange)&&(r.onChange=n.onChange),isFunction(n.onBlur)&&(r.onBlur=n.onBlur),React.useRef({}));return React.useEffect(function(){return i.current[n.name]=!0,function(){i.current[n.name]=!1}},[]),React.useEffect(function(){var e,t;a.visible&&i.current[n.name]&&(u||"group"===r.type?(e=null==n?void 0:n.parent,t=null==n?void 0:n.parenttype,e&&"group"===t&&r.value&&l.setValue([e,r.name],r.value)):l.setValue(r.name,r.value))},[a.visible]),React.useEffect(function(){i.current[n.name]&&isObject(t)&&!isEmptyObj(t)&&useDefaults(r.name,l,r.value,t)},[r.value,a.visible]),a.visible?React.createElement(c,r):React.createElement(React.Fragment,null)}};function _createForOfIteratorHelper$1(e,t){var n,r,a,l,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,a=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw a}}};if(Array.isArray(e)||(o=_unsupportedIterableToArray$1(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$1(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$1(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$1(e,t):void 0}function _arrayLikeToArray$1(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$9(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$9(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$9(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$9(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function GenericCheckbox(t){var e,n=_objectSpread$9({type:"",label:{position:"right"},column:4},t.style),r=React.useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames__default.default("wprf-checkbox-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return React.createElement("div",{className:n},React.createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"})),React.createElement("label",{htmlFor:t.id},t.label))}function Checkbox(t){var n,r,a,e=t.options,l=t.value,o=t.multiple,i=t.style,c=sortingFields(e),u=_objectSpread$9({column:4},i);return o?(e=_slicedToArray(React.useState({}),2),n=e[0],r=e[1],a=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$9(_objectSpread$9({},e),{},_defineProperty({},t.value,t.checked))})},React.useEffect(function(){t.onChange({target:{type:"checkbox",name:t.name,value:n,multiple:!0}})},[n]),React.useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper$1(c);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),React.createElement("div",{className:"wprf-checkbox-wrapper wprf-control"},React.createElement(Row,null,c.map(function(e){return React.createElement(Column,{key:e.value,column:u.column},React.createElement(GenericCheckbox,_objectSpread$9(_objectSpread$9({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:a,style:u})))})))):React.createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"}))}var Checkbox$1=withLabel(Checkbox),Field=function(e){if(!e.type||0===e.type.length)throw console.error(e),new Error(i18n.__("Field must have a #type. see documentation.","notificationx"));switch(e.type){case"text":case"radio":case"email":case"range":case"number":case"hidden":return React.createElement(Input$1,e);case"checkbox":return React.createElement(Checkbox$1,e);case"textarea":return React.createElement(Textarea$1,e);case"codeviewer":return React.createElement(CodeViewer$1,e);case"message":return React.createElement(Message,e);case"select":return React.createElement(Select$1,e);case"select-async":return React.createElement(SelectAsync$1,e);case"slider":return React.createElement(Slider,e);case"group":return React.createElement(Group$1,e);case"radio-card":return React.createElement(Radio,e);case"section":return React.createElement(Section$1,e);case"date":return React.createElement(Date$1,e);case"toggle":return React.createElement(Toggle,e);case"colorpicker":return React.createElement(ColorPicker$1,e);case"jsonuploader":return React.createElement(JsonUploader$1,e);case"repeater":return React.createElement(Repeater,e);case"media":return React.createElement(Media$1,e);case"editor":return React.createElement(Editor$1,e);case"action":return React.createElement(Action,e);case"button":return React.createElement(Button$1,e);case"modal":return React.createElement(Modal,e);case"tab":return React.createElement(Tab,e);case"responsive-number":return React.createElement(ResponsiveNumber$1,e);default:var t=hooks.applyFilters("custom_field","",e.type,e);return React.createElement(React.Fragment,null,t)}},GenericField=withProps(Field,!0),Field$1=withProps(Field),DateControl=function(e){var t=e.name,n=e.value,r=e.onChange,a=e.position,l=date.__experimentalGetSettings(),o=null!=(e=null==e?void 0:e.format)?e:l.formats.datetime,i=getTime(n),c=/a(?!\\)/i.test(l.formats.datetime.toLowerCase().replace(/\\\\/g,"").split("").reverse().join(""));return React.useEffect(function(){r({target:{type:"date",name:t,value:i}})},[]),React.createElement(components.Dropdown,{className:"wprf-control-datetime",contentClassName:"wprf-control-datetime-content",position:a||"bottom right",renderToggle:function(e){e.isOpen;e=e.onToggle;return React.createElement(components.Button,{isTertiary:!0,onClick:e},date.date(o,i,-(new Date).getTimezoneOffset()))},renderContent:function(){return React.createElement(components.DateTimePicker,{__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,currentDate:getTime(i).toDate().toString(),onChange:function(e){r({target:{type:"date",name:t,value:moment__default.default(e).utc().format()}})},is12Hour:c})}})},Date$1=withLabel(DateControl);function ownKeys$8(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$8(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$8(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$8(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Input=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","copyOnClick","disable","parentIndex","context","badge","popup"]),e=React.useCallback(function(e){return n.onChange(e,{popup:null==t?void 0:t.popup,isPro:!!t.is_pro,originProps:t})},[null==n?void 0:n.value]);"checkbox"===n.type&&null!=n&&n.name&&(n.checked=(null==n?void 0:n.checked)||(null==n?void 0:n.value));var r,a=_slicedToArray(React.useState(!1),2),l=a[0],o=a[1];return React.useEffect(function(){var e;return l&&(e=setTimeout(function(){o(!1)},2e3)),function(){return e&&clearTimeout(e)}},[l]),!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value?(a=(null==t?void 0:t.copyMessage)||"Click To Copy!",r=(null==t?void 0:t.copiedMessage)||"Copied!",React.createElement("span",{className:"wprf-clipboard-wrapper"},React__default.default.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e})),React.createElement("span",{className:"wprf-clipboard-tooltip"},React.createElement("span",{className:"wprf-clipboard-tooltip-text"},l?r:a),React.createElement(components.Button,{className:"wprf-copy-icon",onClick:function(){copy__default.default(t.value,{format:"text/plain",onCopy:function(){o(!0)}})}},"Copy")))):React__default.default.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e}))},GenericInput=(Input.defaultProps={type:"text"},React__default.default.memo(Input)),Input$1=withLabel(React__default.default.memo(Input));function ownKeys$7(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$7(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$7(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Textarea=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context"]),e=React.useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]);return React__default.default.createElement("textarea",_objectSpread$7(_objectSpread$7({},n),{},{onChange:e,rows:5}))},Textarea$1=withLabel(React__default.default.memo(Textarea));function ownKeys$6(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$6(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$6(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$6(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var CodeViewer=function(t){var e=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]),n={onChange:function(){},rows:5},r=(!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value&&(n.onClick=function(){var e=null!=t&&t.success_text?t.success_text:i18n.__("Copied to Clipboard.","notificationx");copy__default.default(t.value,{format:"text/plain",onCopy:function(){t.context.alerts.toast("success",e)}})}),null!=t&&t.button_text?t.button_text:i18n.__("Click to Copy","notificationx"));return React.createElement("span",{className:"wprf-code-viewer"},React__default.default.createElement("textarea",_objectSpread$6(_objectSpread$6({},e),n)),React.createElement(components.Button,{className:"wprf-copy-button"},r))},CodeViewer$1=withLabel(React__default.default.memo(CodeViewer)),JsonUploader=function(n){validFieldProps(n,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]);var e=_slicedToArray(React.useState(),2),t=e[0],r=e[1];return React.useEffect(function(){null!=n&&n.value||r(null)},[null==n?void 0:n.value]),React.createElement("span",{className:"wprf-json-uploader"},!t&&React.createElement("label",{className:"wprf-json-uploaderButton"},React.createElement("span",null,i18n.__("Upload")),React.createElement("input",{type:"file",accept:"application/JSON",onChange:function(e){var t;(e=e).target.files.length&&(0==(null==(e=e.target.files[0])?void 0:e.size)?n.context.alerts.toast("error",i18n.__("File can't be empty.","notificationx")):"application/json"!=(null==e?void 0:e.type)&&"text/json"!=(null==e?void 0:e.type)?n.context.alerts.toast("error",i18n.__("Invalid file type.","notificationx")):(r(e),(t=new FileReader).onload=function(e){e=null==e||null==(e=e.target)?void 0:e.result;n.onChange({target:{type:"jsonuploader",name:n.name,value:e}})},t.readAsText(e)))}})),t&&(null==t?void 0:t.name)&&React.createElement("span",{className:"wpfr-json-file-name-wrapper"},React.createElement("span",{className:"wpfr-json-file-name"},20<(null==t?void 0:t.name.length)?"".concat(null==t?void 0:t.name.substr(0,9),"...").concat(null==t?void 0:t.name.substr((null==t?void 0:t.name.length)-7)):null==t?void 0:t.name),React.createElement("span",{className:"wprf-json-file-delete-button",onClick:function(){r(null),n.onChange({target:{type:"jsonuploader",name:n.name,value:null}})}},"x")))},JsonUploader$1=withLabel(React__default.default.memo(JsonUploader)),_excluded$2=["name","fields"],Group=function(n){var r,a,e,t,l=n.name,o=n.fields,i=_objectWithoutProperties(n,_excluded$2);if(o&&isArray(o)&&0!==o.length)return r=useBuilderContext(),a=React.useCallback(function(e){e.persist&&e.persist();var e=executeChange(e),t=e.field,e=e.val;r.setFieldValue([l,t],e)},[n.value]),e=sortingFields(o),React.useEffect(function(){r.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e)},[]),o=e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(GenericField,_extends$1({},i,{key:e.name,index:n.index,onChange:a},e,{parenttype:"group",parent:l,parentIndex:t}))}),t=classNames__default.default("wprf-group-control-inner",{"wprf-display-inline":"inline"===(null==n?void 0:n.display)}),React.createElement("div",{className:"wprf-group-control"},React.createElement("div",{className:t},o));throw new Error(i18n.__("You should give a #fields arguments to a group field.","notificationx"))},Group$1=withLabel(Group),Select=function(l){function e(){if(l.ajax&&(!l.ajax.rules||when(l.ajax.rules,a.values))){y(!0);var r={};if(Object.keys(null==l?void 0:l.ajax.data).map(function(e){var t,n;-1<(null==l?void 0:l.ajax.data[e].indexOf("@"))?(n=null==l?void 0:l.ajax.data[e].substr(1),r[e]=null==(t=a.values)?void 0:t[n]):r[e]=null==l?void 0:l.ajax.data[e]}),!g)return wpFetch({path:null==l?void 0:l.ajax.api,data:r}).then(function(e){y(!1);var t=merge(l.options,e,"value");return a.setFormField([].concat(_toConsumableArray(u),["options"]),t),f({options:t,parentIndex:[].concat(_toConsumableArray(u),["options"])}),e})}}var a=useBuilderContext(),t=l.id,n=l.name,r=l.multiple,o=l.placeholder,i=l.search,i=void 0!==i&&i,c=l.onChange,u=l.parentIndex,s=useOptions(l,"options"),d=s.options,p=s.selectedOption,f=s.setData,s=_slicedToArray(React.useState(null),2),m=s[0],v=s[1],s=_slicedToArray(React.useState(!1),2),b=s[0],y=s[1],s=_slicedToArray(React.useState(!1),2),g=s[0],s=(s[1],React.useEffect(function(){!isArray(m)&&isObject(m)&&c({target:{type:"select",name:n,value:m.value,options:d,multiple:r}}),isArray(m)&&c({target:{type:"select",name:n,value:m.map(function(e){return e.value}),options:d,multiple:r}})},[m]),React.useEffect(function(){e()},[]),React.useEffect(function(){null!=l&&l.menuOpen&&e()},[null==l?void 0:l.menuOpen]),React.useCallback(function(e){var t,n,r,a;isArray(e)&&0<(null==l||null==(n=l.filterValue)?void 0:n.length)&&(r=n=e,a=null!=(t=null==l?void 0:l.filterValue)?t:["all"],isArray(a)||(a=[a]),e=r=1<(null==n?void 0:n.length)&&valueExists(n.map(function(e){return e.value}),a)?n.filter(function(e){return!a.includes(null==e?void 0:e.value)}):r),v(e)},[n,t,u]));return React.createElement("div",{className:"wprf-select-wrapper"},React.createElement(ReactSelect__default.default,{isDisabled:null==l?void 0:l.disable,classNamePrefix:"wprf-select",isSearchable:null!=i&&i,id:t,name:n,isMulti:null!=r&&r,placeholder:o,isLoading:b,options:d,value:p,onMenuOpen:e,onMenuClose:function(){y(!1)},isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:s}))},Select$1=withLabel(Select);const instanceMap=new WeakMap;function createId(e){var t=instanceMap.get(e)||0;return instanceMap.set(e,t+1),t}function useInstanceId(t,n,r){return React.useMemo(()=>{var e;return r||(e=createId(t),n?n+"-"+e:e)},[t])}var RepeaterField=function e(t){var n=useBuilderContext(),r=t.fields,a=t.onChange,l=t.index,o=t.parent,i=_slicedToArray(React.useState(t.isCollapsed),2),c=i[0],u=i[1],s=useInstanceId(e),i=null==(i=n.values)||null==(i=i[o])?void 0:i[l],i=(null==i?void 0:i.title)||(null==i?void 0:i.post_title)||(null==i?void 0:i.username)||(null==i?void 0:i.plugin_theme_name),i=i?i.length<40?i:i.substr(0,40)+"...":"";return React.useEffect(function(){n.setFieldValue([o,l,"isCollapsed"],c)},[c]),React.createElement("div",{className:"wprf-repeater-field"},React.createElement("div",{className:"wprf-repeater-field-title",onClick:function(){return u(!c)}},React.createElement("h4",null,React.createElement(components.Icon,{icon:"move"}),t.index+1,": ",i),React.createElement("div",{className:"wprf-repeater-field-controls"},React.createElement(components.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.clone(t.index)},icon:"admin-page"}),React.createElement(components.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.remove(t.index)},icon:"trash"}))),!c&&React.createElement("div",{className:"wprf-repeater-inner-field"},r.map(function(e,t){return React.createElement(GenericField,_extends$1({key:"field-".concat(l,"-").concat(t)},e,{id:"field-".concat(s,"-").concat(l,"-").concat(t),index:l,parenttype:"repeater",parent:o,onChange:function(e){return a(e,l)}}))})))};function ownKeys$5(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$5(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$5(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var GenericToggle=function(t){var e,n=_objectSpread$5({type:"",label:{position:"right"},column:4},t.style),r=React.useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames__default.default("wprf-toggle-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return React.createElement("div",{className:n},React.createElement(GenericInput,_objectSpread$5(_objectSpread$5({},t),{},{type:"checkbox",placeholder:void 0})),React.createElement(Label,{htmlFor:t.id}))},GenericToggle$1=withLabel(GenericToggle),ModalContent=function(n){var e=n.isLoading;n.closeModal;var t=_slicedToArray(React.useState([]),2),r=t[0],a=t[1];return React.useEffect(function(){var e=sortingFields(n.body.fields).map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))});a(e)},[]),React.createElement("div",{className:"wprf-modal-body"},e&&React.createElement(Loading,null),!e&&React.createElement(React.Fragment,null,React.createElement("div",{className:"wprf-modal-content"},0<r.length&&r),React.createElement("div",{className:"wprf-modal-footer clearfix"},React.createElement("div",{className:"wprf-modal-footer-left"},(null==(t=n.body)?void 0:t.footer)&&isString(n.body.footer)&&React.createElement("p",null,n.body.footer),React.createElement(GenericField,_extends$1({type:"button"},null==n?void 0:n.confirm_button))))))},ModalHeader=function(e){e=e.content;return React.createElement("div",{className:"wprf-modal-header"},e&&isString(e)&&React.createElement("h3",null,e))},Loading=function(e){return React.createElement("p",null,i18n.__("Loading...","notificationx"))},toolbarOptions={options:["inline","blockType","textAlign","colorPicker","link"],inline:{options:["bold","italic","underline","strikethrough","monospace"]},blockType:{inDropdown:!0,options:["Normal","H1","H2","H3","H4","H5","H6","Blockquote","Code"],className:void 0,component:void 0,dropdownClassName:void 0}};function _createForOfIteratorHelper(e,t){var n,r,a,l,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,a=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw a}}};if(Array.isArray(e)||(o=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$4(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$4(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$4(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$4(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Toggle=function(t){var n,r,a,e=t.options,l=t.value,o=t.multiple,i=t.style,c=sortingFields(e),u=_objectSpread$4({column:4},i);return o?(e=_slicedToArray(React.useState({}),2),n=e[0],r=e[1],a=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$4(_objectSpread$4({},e),{},_defineProperty({},t.value,t.checked))})},React.useEffect(function(){t.onChange({target:{type:"toggle",name:t.name,value:n}})},[n]),React.useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper(c);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),React.createElement("div",{className:"wprf-toggle-wrapper wprf-control"},React.createElement(Row,null,c.map(function(e){return React.createElement(Column,{key:e.value,column:u.column},React.createElement(GenericToggle$1,_objectSpread$4(_objectSpread$4({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:a,style:u})))})))):React.createElement(GenericToggle$1,t)},_excluded$1=["label","value","icon","is_pro"];function ownKeys$3(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$3(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$3(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$3(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var getRandomValues,RadioCard=function e(t){var i,c,u,s=useBuilderContext(),n=useOptions(t,"options"),r=n.options,d=n.option;if(r)return i=useInstanceId(e),n=classNames__default.default(["wprf-control","wprf-radio-card","wprf-input-radio-set-wrap",null==t?void 0:t.className]),c=_objectSpread$3({},null==t?void 0:t.style),u=validFieldProps(t,["options","placeholder","style","trigger"]),React.useEffect(function(){d&&t.onChange({target:{type:"radio-card",name:t.name,value:d}})},[d]),React.createElement("div",{className:n},React.createElement(Row,null,r.map(function(e,t){var n,r=e.label,a=e.value,l=e.icon,o=e.is_pro,e=_objectWithoutProperties(e,_excluded$1);return React.createElement(Column,{column:+(null==e?void 0:e.column)||4,key:t},React.createElement("div",{className:classNames__default.default("wprf-input-radio-option",{"wprf-option-has-image":null!=l&&l,"wprf-option-selected":a==d})},React.createElement(Label,{className:classNames__default.default(_defineProperty({"wprf-label-has-image":null!=l&&l},"wprf-size-".concat(c.size),null!=(n=l&&(null==c?void 0:c.size))&&n)),htmlFor:"wprf-input-radio-".concat(i,"-").concat(t),src:l,badge:{label:o?"Pro":"Free",value:o,active:Boolean(s.is_pro_active)}},r),React.createElement(GenericInput,_extends$1({},e,u,{is_pro:o,type:"radio",value:a,checked:a===d,id:"wprf-input-radio-".concat(i,"-").concat(t)}))))})));throw new Error(i18n.__("#options is a required arguments for RadioCard field.","notificationx"))},Radio=withLabel(RadioCard),Section=function(n){var t=useBuilderContext(),e=_slicedToArray(React.useState(null!=(e=n.collapsed)&&e),2),r=e[0],a=e[1],e=_slicedToArray(React.useState([]),2),l=e[0],o=e[1],e=(React.useEffect(function(){var e=sortingFields(n.fields),e=(t.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e),e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}));o(e)},[]),classNames__default.default("wprf-control-section",null==n?void 0:n.classes,null==n?void 0:n.name,{"wprf-section-collapsed":(null==n?void 0:n.collapsible)&&r}));return React.createElement("div",{id:null==n?void 0:n.name,className:e},n.placeholder&&React.createElement("div",{className:"wprf-section-title"},React.createElement("h4",null,n.placeholder),n.collapsible&&React.createElement("button",{onClick:function(){return a(!r)}},"Icon")),React.createElement("div",{className:"wprf-section-fields"},l))},Section$1=React__default.default.memo(Section),rnds8=new Uint8Array(16);function rng(){if(getRandomValues=getRandomValues||"undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto))return getRandomValues(rnds8);throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}var REGEX=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function validate(e){return"string"==typeof e&&REGEX.test(e)}for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));function stringify(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,e=(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase();if(validate(e))return e;throw TypeError("Stringified UUID is invalid")}function v4(e,t,n){var r=(e=e||{}).random||(e.rng||rng)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var a=0;a<16;++a)t[n+a]=r[a];return t}return stringify(r)}function ownKeys$2(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$2(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$2(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$2(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Repeater=function(e){var a=e.name,t=(e.value,e.button),n=e.fields,l=useBuilderContext(),e=_slicedToArray(React.useState(null==(e=l.values)?void 0:e[a]),2),r=e[0],o=e[1],i=(React.useEffect(function(){var e;null!=(null==(e=l.values)?void 0:e[a])&&o(null==(e=l.values)?void 0:e[a])},[null==(e=l.values)?void 0:e[a]]),React.useCallback(function(e){var t=_toConsumableArray(r);t.splice(e,1),l.setFieldValue(a,t)},[r])),c=React.useCallback(function(e){var t=_toConsumableArray(r);0<t.length&&(null!=(e=t=null!=(e=t=null!=(e=t=null!=(e=t=(null==t?void 0:t[e])||{})&&e.title?_objectSpread$2(_objectSpread$2({},t),{},{title:t.title+" - Copy"}):t)&&e.post_title?_objectSpread$2(_objectSpread$2({},t),{},{post_title:t.post_title+" - Copy"}):t)&&e.username?_objectSpread$2(_objectSpread$2({},t),{},{username:t.username+" - Copy"}):t)&&e.plugin_theme_name&&(t=_objectSpread$2(_objectSpread$2({},t),{},{plugin_theme_name:t.plugin_theme_name+" - Copy"})),t=_objectSpread$2(_objectSpread$2({},t),{},{index:v4(),isCollapsed:!1}),l.setFieldValue([a,r.length],t))},[r]);return React.useEffect(function(){o(null==r||""==r?[{index:v4()}]:function(e){return e.map(function(e){return _objectSpread$2(_objectSpread$2({},e),{},{index:v4()})})})},[]),React.createElement("div",{className:"wprf-repeater-control"},r&&0<(null==r?void 0:r.length)&&React.createElement(reactSortablejs.ReactSortable,{className:"wprf-repeater-content",list:r,setList:function(e){l.setFieldValue(a,e)},handle:".wprf-repeater-field-title",filter:".wprf-repeater-field-controls",forceFallback:!0},r.map(function(e,r){return React.createElement(RepeaterField,{isCollapsed:null==e?void 0:e.isCollapsed,key:(null==e?void 0:e.index)||r,fields:n,index:r,parent:a,clone:c,remove:i,onChange:function(e){var t,n;t=r,(e=e).persist&&e.persist(),e=executeChange(e),n=e.field,e=e.val,l.setFieldValue([a,t,n],e)}})})),React.createElement("div",{className:"wprf-repeater-label"},React.createElement("button",{className:"wprf-repeater-button",onClick:function(){return l.setFieldValue(a,[].concat(_toConsumableArray(r),[{index:v4()}]))}},null==t?void 0:t.label)))},Slider=function(t){var n=t.name,e=t.id,r=t.label,a=t.units,l=t.value,o=t.min,i=t.max,c=t.unit,u=(t.tooltip,t.reset),l=_slicedToArray(React.useState(l||0),2),s=l[0],d=l[1],l=_slicedToArray(React.useState(c),2),p=l[0],f=l[1];return React.useEffect(function(){var e;s&&(isNumber(s)?e=p?"".concat(s).concat(p):"".concat(s):isString(s)&&(e=-1<s.indexOf(p)?"".concat(s):"".concat(s).concat(p)),t.onChange({target:{type:"slider",name:n,value:e}}))},[s,p]),React.createElement("div",{className:"wprf-slider-wrap"},React.createElement("div",{className:"wprf-slider-control-head"},React.createElement(Label,{htmlFor:e||n},r),isArray(a)&&0<a.length&&React.createElement("div",{className:"wprf-slider-units"},a.map(function(e,t){return React.createElement(components.Button,{key:t,isSmall:!0,isPrimary:!0,onClick:function(){return f(e)},className:e==p?"unit-active":""},e)}))),React.createElement("div",{className:"wprf-slider-control"},React.createElement(components.RangeControl,{allowReset:null==u||u,value:parseInt(s),min:o,max:i,onChange:function(e){return d(e)}})))},SelectAsync=function(a){var l=useBuilderContext(),e=a.id,t=a.name,n=a.multiple,r=a.placeholder,o=a.onChange;a.parentIndex;function i(t,n){var e;if(a.ajax&&(!a.ajax.rules||when(a.ajax.rules,l.values)))if(t)if(t.length<3)n([{label:i18n.__("Please input a minimum of 3 characters."),value:null,disabled:!0}]);else{var r={inputValue:t};if(null!=(e=Object.keys(a.ajax.data))&&e.map(function(e){var t,n;-1<a.ajax.data[e].indexOf("@")?(n=a.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=a.ajax.data[e]}),!f&&t)return m(!0),window.lastRequest=null,wpFetch({path:a.ajax.api,data:r}).then(function(e){return n(e),e}).finally(function(){var e;m(!1),window.lastRequest&&(e=window.lastRequest,window.lastRequest=null,i.apply(void 0,_toConsumableArray(e))),window.lastCompleteRequest=t});window.lastRequest=[t,n]}else n(u)}var c=_slicedToArray(React.useState(l.eligibleOptions(a.options)),2),u=c[0],s=c[1],c=_slicedToArray(React.useState(null==a?void 0:a.value),2),d=c[0],p=c[1],c=_slicedToArray(React.useState(!1),2),f=c[0],m=c[1];return React.useEffect(function(){s(l.eligibleOptions(a.options))},[l.values.source]),React.useEffect(function(){o({target:{type:"select",name:t,value:d,multiple:n}})},[d]),React.createElement("div",{className:"wprf-async-select-wrapper"},React.createElement(AsyncSelect__default.default,{cacheOptions:!0,loadOptions:i,defaultOptions:u,isDisabled:null==a?void 0:a.disable,isMulti:null!=n&&n,classNamePrefix:"wprf-async-select",id:e,name:t,placeholder:r,formatOptionLabel:function(e,t){var n,r;if(null!=t&&null!=(n=t.inputValue)&&n.length&&e.name&&e.name.toLowerCase().includes(null==t||null==(n=t.inputValue)?void 0:n.toLowerCase()))return null!=e&&e.name,n=new RegExp("(".concat(null==t?void 0:t.inputValue,")"),"gi"),t=null==(t=e.name)?void 0:t.replace(n,"<strong style={font-weight: 900}>$1</strong>"),r=null==(r=e.address)?void 0:r.replace(n,"<strong style={font-weight: 900}>$1</strong>"),React.createElement(React.Fragment,null,parse__default.default(t||"")," ",React.createElement("small",null,parse__default.default(r||"")));return React.createElement(React.Fragment,null,e.name?React.createElement(React.Fragment,null,React.createElement("b",null,e.name)," "):React.createElement(React.Fragment,null,e.label," "),e.address&&React.createElement("small",null,e.address))},value:d,isClearable:!0,isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return p(e)}}))},SelectAsync$1=withLabel(SelectAsync),ColorPicker=function(e){var t,n=e.value,r=e.name,a=e.id,l=e.onChange,e=_slicedToArray(React.useState(!1),2),o=e[0],i=e[1],e=_slicedToArray(React.useState(n||null),2),c=e[0],u=e[1],e=_slicedToArray(React.useState(null),2),s=e[0],d=e[1],e=React.useRef(null);React.useEffect(function(){d(n)},[]);return React.useEffect(function(){l({target:{type:"colorpicker",name:r,value:c}})},[c]),t=e,React.useEffect(function(){function e(e){t.current&&!t.current.contains(e.target)&&i(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[t]),React.createElement(React.Fragment,null,React.createElement("div",{className:"wprf-colorpicker-wrap",ref:e},React.createElement("input",{type:"hidden",value:n,name:r,id:a}),React.createElement("span",{className:"wprf-picker-display",style:{backgroundColor:n,borderColor:n},onClick:function(){return i(!o)}}),o&&React.createElement(React.Fragment,null,React.createElement("button",{className:"wprf-colorpicker-reset",onClick:function(e){e.preventDefault(),u(s),i(!1)}},i18n.__("Reset","notificationx")),React.createElement(components.ColorPicker,{color:n,onChangeComplete:function(e){return u(e.hex)}}))))},ColorPicker$1=withLabel(ColorPicker),Action=function(e){return React.createElement(React.Fragment,null,hooks.applyFilters(e.action,"",e))},Media=function(t){var e=_slicedToArray(React.useState(null!=(e=t.value)&&e.url?t.value:null),2),n=e[0],r=e[1];return React.useEffect(function(){t.onChange({target:{type:"media",name:t.name,value:n}})},[n]),React.createElement("div",{className:"wprf-control wprf-media"},null!=n&&!(null!=t&&t.notImage)&&React.createElement("div",{className:"wprf-image-preview"},null!=n&&(null==n?void 0:n.url)&&React.createElement("img",{src:n.url,alt:n.title})),React.createElement("div",{className:"wprf-image-uploader"},React.createElement(mediaUtils.MediaUpload,{onSelect:function(e){r({id:e.id,title:e.title,url:e.url})},multiple:!1,allowedTypes:["image"],value:n,render:function(e){e=e.open;return React.createElement(React.Fragment,null,null!=n&&React.createElement("button",{className:"wprf-btn wprf-image-remove-btn",onClick:function(){return r(null)}},(null==t?void 0:t.remove)||"Remove"),React.createElement("button",{className:"wprf-btn wprf-image-upload-btn",onClick:e},null!=n?(null==t?void 0:t.reset)||"Change Image":(null==t?void 0:t.button)||"Upload"))}})))},Media$1=withLabel(Media),Editor=function(n){var e=_slicedToArray(React.useState(draftJs.EditorState.createEmpty()),2),t=e[0],r=e[1];return React.useEffect(function(){var e,t;n.value&&(e=(t=htmlToDraft__default.default(n.value)).contentBlocks,t=t.entityMap,e=draftJs.ContentState.createFromBlockArray(e,t),t=draftJs.EditorState.createWithContent(e),r(t))},[]),React.useEffect(function(){var e=draftToHtml__default.default(draftJs.convertToRaw(t.getCurrentContent()));n.onChange({target:{type:"editor",value:e,name:n.name}})},[t]),React.createElement(reactDraftWysiwyg.Editor,{placeholder:null==n?void 0:n.placeholder,toolbar:toolbarOptions,editorState:t,toolbarClassName:"wprf-editor-toolbar",wrapperClassName:"wprf-editor wprf-control",editorClassName:"wprf-editor-main",onEditorStateChange:r})},Editor$1=withLabel(Editor),Button=function(n){var e,t,r,a;if(null!=n&&n.text||!0===(null==n?void 0:n.group))return e=validFieldProps(n,["is_pro","visible","disable","parentIndex","context","onBlur","value","ajax","text"]),t=(a=_slicedToArray(React.useState(!1),2))[0],r=a[1],null!=n&&n.href?React.createElement("a",{href:-1===(null==n?void 0:n.href)?null==n?void 0:n.value:null==n?void 0:n.href,target:null==n?void 0:n.target,className:classNames__default.default("wprf-control wprf-button wprf-href-btn",null==n?void 0:n.classes)},null==n?void 0:n.text):null!=n&&n.group?(a=n.fields.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return React.createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}),React.createElement("div",{className:"wprf-control wprf-button-group wprf-flex"},a)):React.createElement(React.Fragment,null,React.createElement("button",_extends$1({},e,{name:n.name,disabled:t,onClick:null!=(a=null==n?void 0:n.onClick)?a:function(e){null!=n&&n.ajax&&(r(!0),hitAAJX(n.ajax,n.context).then(function(e){var t;if(r(!1),"error"==(null==e?void 0:e.status))throw new Error(null==e?void 0:e.message);n.onChange({target:{type:"button",name:n.name,value:!0}}),null!=(e=n.ajax)&&e.hideSwal||(e=(null==(e=n.ajax)||null==(e=e.swal)?void 0:e.icon)||"success",t=(null==(t=n.ajax)||null==(t=t.swal)?void 0:t.text)||"Complete",n.context.alerts.toast(e,t,{autoClose:null==(e=n.ajax)||null==(e=e.swal)?void 0:e.autoClose})),null!=(t=n.ajax)&&t.reload&&setTimeout(function(){return window.location.reload()},1e3)}).catch(function(e){var t;console.error("Error In Button Called",n.name,e),r(!1),n.onChange({target:{type:"button",name:n.name,value:!1}}),null!=(t=n.ajax)&&t.hideSwal||n.context.alerts.toast("error",(null==e?void 0:e.message)||i18n.__("Something went wrong.","notificationx"))})),useTrigger(n)},className:classNames__default.default("wprf-control wprf-button wprf-btn",null==n?void 0:n.classes)}),isObject(null==n?void 0:n.text)&&null!=n&&n.ajax?t?null==n||null==(e=n.text)?void 0:e.loading:n.value?null==n||null==(a=n.text)?void 0:a.saved:null==n||null==(t=n.text)?void 0:t.normal:null==n?void 0:n.text));throw new Error(i18n.__("Button has a required params #text.","notificationx"))},Button$1=withLabel(Button);function ownKeys$1(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$1(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$1(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$1(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ResponsiveNumber=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","badge","popup"]),e=_slicedToArray(React.useState(Object.keys(t.controls)[0]),2),r=e[0],a=e[1],e=n.value;isObject(n.value)||Object.keys(t.controls).reduce(function(e,t){return _objectSpread$1(_objectSpread$1({},e),{},_defineProperty({},t,n.value))},{});var e=_slicedToArray(React.useState(e),2),l=e[0],o=e[1];return React.useEffect(function(){n.onChange({target:{type:"input",name:n.name,value:l,checked:null,multiple:null}})},[l]),React.createElement("div",{style:{display:"flex",alignItems:"center",rowGap:5,columnGap:10,flexWrap:"wrap"}},React__default.default.createElement("input",_objectSpread$1(_objectSpread$1({},n),{},{type:"number",value:null==l?void 0:l[r],onChange:function(e){o(_objectSpread$1(_objectSpread$1({},l),{},_defineProperty({},r,e.target.value)))}})),React.createElement("div",{style:{display:"flex",alignItems:"center"}},null==(e=Object.keys(t.controls))?void 0:e.map(function(e){return React.createElement("button",{type:"button",key:e,className:"responsive-button ".concat(r===e?"active":""),onClick:function(){return a(e)}},React.createElement("img",{src:t.controls[e].icon,alt:"desktop",style:{width:t.controls[e].size}}))})))},ResponsiveNumber$1=(ResponsiveNumber.defaultProps={type:"number"},withLabel(React__default.default.memo(ResponsiveNumber))),eligibleMessage=function(e){if(null!=e&&e.messages)for(var t in e.messages){t=e.messages[t];if(when(t.rules,e.context.values))return t}return{message:null==e?void 0:e.message,html:null==e?void 0:e.html,type:"normal"}},Message=function(e){var t=eligibleMessage(e),n=t.html,r=t.message,t=t.type;return r?React.createElement("div",{className:classNames__default.default("wprf-control","wprf-message","wprf-".concat(void 0===t?"warning":t,"-message"),"wprf-".concat(e.name,"-message"),null==e?void 0:e.classes)},n&&React.createElement("p",{dangerouslySetInnerHTML:{__html:r}}),!n&&React.createElement("p",null,r)):React.createElement(React.Fragment,null)},Modal=function(t){if(null==(null==t?void 0:t.body)||null==(null==t?void 0:t.button))throw new Error(i18n.__("Modal needs button/body with it.","notificationx"));function n(){return a(!1)}var e=_slicedToArray(React.useState(!1),2),r=e[0],a=e[1],e=_slicedToArray(React.useState(!1),2),l=e[0],e=(e[1],React.useCallback(function(){},[]));return React.createElement("div",{className:"wprf-control wprf-modal",id:"wprf-modal-".concat(t.name)},React.createElement(GenericField,_extends$1({type:"button"},null==t?void 0:t.button,{onClick:function(){return a(!0)}})),r&&React.createElement(SweetAlert__default.default,{customClass:"wprf-modal-inner",style:{maxWidth:"900px",width:"100%",overflowY:"scroll",margin:"50px auto"},closeBtnStyle:{top:"5px",right:"5px",color:"#f78c8c",fontSize:"18px",border:"1px solid #f78c8c",borderRadius:"50%",width:"30px",height:"30px",display:"inline-flex",alignItems:"center",justifyContent:"center"},title:React.createElement(ModalHeader,{content:null==t||null==(r=t.body)?void 0:r.header}),onConfirm:e,showConfirm:!1,showCloseButton:!0,closeOnClickOutside:!0,onCancel:n,afterUpdate:function(){var e;null!=t&&t.cancel&&null!=(e=t.context.values)&&e[t.cancel]&&n()}},React.createElement(ModalContent,_extends$1({},t,{isLoading:l,closeModal:n,context:t.context,onConfirm:e}))))},InnerContent=function(e){var t=e.fields,r=e.parentIndex,n=e.context,e=_slicedToArray(React.useState([]),2),a=e[0],l=e[1],e=_slicedToArray(React.useState([]),2),o=e[0],i=e[1];return React.useEffect(function(){var e=sortingFields(t);n.setFormField([r,"fields"],e),l(e)},[]),React.useEffect(function(){var e;isArray(a)&&0<a.length&&(e=a.map(function(e,t){var n=[].concat(_toConsumableArray(r),["fields",t]);return"section"===(null==e?void 0:e.type)?React.createElement(GenericField,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):e?React.createElement(Field$1,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):React.createElement(React.Fragment,null)}),i(e))},[a]),React.createElement(React.Fragment,null,o)};function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}var Submit=function(e){var e=_extends$1({},(_objectDestructuringEmpty(e),e)),n=useBuilderContext(),t=(null==e?void 0:e.label)||i18n.__("Save Changes","notificationx"),e=(n.isSubmitting&&(t=null!=(e=null==e?void 0:e.loadingLabel)?e:"Saving..."),React.useCallback(function(e){var t;null!=(t=n.submit)&&t.onSubmit&&n.submit.onSubmit(e,n)},[n]));return React.createElement("div",{className:"wprf-submit wprf-control"},React.createElement(components.Button,{disabled:null==n?void 0:n.isSubmitting,className:"wprf-submit-button",onClick:e},t))},SteppedButton=function(n){var e=_slicedToArray(React.useState(void 0),2),r=e[0],a=e[1],e=_slicedToArray(React.useState(void 0),2),l=e[0],o=e[1];return useBuilderContext(),React.useEffect(function(){var e=n.fields.map(function(e){return e.id}),t=e.findIndex(function(e){return e===n.active});-1!=t&&o(e[t-1]),t<=e.length&&a(e[t+1])},[n.active,n.fields]),React.createElement("div",{className:"wprf-stepped-button"},n.config.buttons&&Object.keys(n.config.buttons).map(function(e,t){return React.createElement(React__default.default.Fragment,{key:"button_".concat(e,"_").concat(t)},("next"===e&&void 0!==r||"prev"===e&&void 0!==l)&&React.createElement(components.Button,{className:"wprf-btn wprf-step-btn-".concat(e),onClick:function(){return n.setActive("next"===e?r:l)}},null==(t=n.config.buttons)?void 0:t[e]),null==r&&(null==(t=n.config.buttons)||null==(t=t[e])?void 0:t.type)&&React.createElement(Field$1,null==(t=n.config.buttons)?void 0:t[e]))}))},SteppedButton$1=React__default.default.memo(SteppedButton),_excluded=["fields","active","setActive","submit"],Content=function(e){var t=e.fields,r=e.active,n=e.setActive,a=e.submit,l=_objectWithoutProperties(e,_excluded);if(void 0===t)throw new Error(i18n.__("There are no #tabs args defined in props.","notificationx"));var o,i,c=useBuilderContext(),u=l.parentIndex||[];if(isArray(t))return o=(e=_slicedToArray(React.useState([]),2))[0],i=e[1],React.useEffect(function(){var e=t.filter(function(e){return isVisible(null==c?void 0:c.values,e)});i(e)},[t,null==c||null==(e=c.values)?void 0:e.source]),React.createElement("div",{className:classNames__default.default("wprf-tab-content-wrapper",null==c||null==(e=c.values)?void 0:e.source,null==c||null==(e=c.values)?void 0:e.themes)},React.createElement("div",{className:"wprf-tab-flex"},React.createElement("div",{className:"wprf-tab-contents"},t.map(function(e,t){var n;return isVisible(null==c?void 0:c.values,e)?(n=classNames__default.default("wprf-tab-content","wprf-tab-".concat(null==e?void 0:e.id),{"wprf-active":r===e.id}),React.createElement("div",{id:null==e?void 0:e.id,className:n,key:null==e?void 0:e.id},React.createElement("div",{className:"wprf-tab-heading-wrapper"},(null==e?void 0:e.label)&&(null==(n=null==l?void 0:l.title)||n)&&React.createElement("h4",null,e.label),React.createElement("div",null,(null==l?void 0:l.content_heading)&&Object.keys(l.content_heading).map(function(e,t){return React.createElement(React__default.default.Fragment,{key:"button_".concat(e,"_").concat(t)},React.createElement(Field$1,l.content_heading[e]))}))),React.createElement(InnerContent,{context:c,fields:null==e?void 0:e.fields,parentIndex:[].concat(_toConsumableArray(u),[t])}))):""})),hooks.applyFilters("wprf_tab_content","",l)),(null==l||null==(e=l.step)?void 0:e.show)&&React.createElement(SteppedButton$1,{fields:o,active:r,setActive:n,config:null!=(e=l.step)?e:{show:!1}}),(null==(o=null==a?void 0:a.show)||o)&&(null==a||!a.rules||when(null==a?void 0:a.rules,{rest:l,config:{active:r}}))&&React.createElement(Submit,a));throw new Error(i18n.__("Not an array.","notificationx"))},Tab=function(t){var e=useBuilderContext(),n=_slicedToArray(React.useState((null==t?void 0:t.value)||(null==t?void 0:t.active)),2),r=n[0],a=n[1],n=classNames__default.default("wp-react-form wprf-tabs-wrapper",null==t?void 0:t.className,{"wprf-tab-menu-as-sidebar":null==t?void 0:t.sidebar});return React.useEffect(function(){var e=null!=(e=t.value)?e:t.active;e!=r&&a(e)},[null==t?void 0:t.value]),React.useEffect(function(){t.value!==r&&t.onChange({target:{type:"button",name:t.name,value:r}})},[r]),React.createElement("div",{className:n},React.createElement(Menu,_extends$1({},t,{active:r,setActive:function(e){return a(e)},fields:t.fields,context:e})),React.createElement(Content,_extends$1({},t,{fields:t.fields,active:r,setActive:function(e){return a(e)},submit:null==t?void 0:t.submit})))};function ownKeys(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}data.registerStore("formbuilder",store);var FormBuilder=function(e){var t,n=useBuilderContext(),r=e.tabs;return null!=(t=r)&&t.type||(r=_objectSpread(_objectSpread({},e.config),{},{value:null==e||null==(t=e.config)?void 0:t.active,fields:e.tabs,tabs:void 0,submit:null==e?void 0:e.submit,onChange:function(e){n.setActiveTab(null==e||null==(e=e.target)?void 0:e.value)}})),React.createElement(React.Fragment,null,React.createElement(Tab,r))};exports.Action=Action,exports.BuilderConsumer=BuilderConsumer,exports.BuilderProvider=BuilderProvider,exports.Button=Button$1,exports.CodeViewer=CodeViewer$1,exports.ColorPicker=ColorPicker$1,exports.Column=Column,exports.Date=Date$1,exports.Editor=Editor$1,exports.Field=Field$1,exports.FormBuilder=FormBuilder,exports.GenericField=GenericField,exports.GenericInput=GenericInput,exports.Group=Group$1,exports.Image=Image,exports.Input=Input$1,exports.JsonUploader=JsonUploader$1,exports.Label=Label,exports.Media=Media$1,exports.Message=Message,exports.Modal=Modal,exports.ObjectFilter=ObjectFilter,exports.Radio=Radio,exports.Repeater=Repeater,exports.ResponsiveNumber=ResponsiveNumber$1,exports.Row=Row,exports.Section=Section$1,exports.Select=Select$1,exports.SelectAsync=SelectAsync$1,exports.Slider=Slider,exports.SweetAlert=SweetAlert,exports.Textarea=Textarea$1,exports.Toggle=Toggle,exports._extends=_extends,exports.builderReducer=builderReducer,exports.executeChange=executeChange,exports.getIn=getIn,exports.getSelectedValues=getSelectedValues,exports.getStoreData=getStoreData,exports.getTime=getTime,exports.hitAAJX=hitAAJX,exports.isArray=isArray,exports.isEmptyObj=isEmptyObj,exports.isExists=isExists,exports.isFunction=isFunction,exports.isNumber=isNumber,exports.isObject=isObject,exports.isString=isString,exports.isVisible=isVisible,exports.merge=merge,exports.objectWithoutPropertiesLoose=objectWithoutPropertiesLoose,exports.processAjaxData=processAjaxData,exports.setIn=setIn,exports.setStoreData=setStoreData,exports.sortingFields=sortingFields,exports.triggerDefaults=triggerDefaults,exports.useBuilder=useBuilder,exports.useBuilderContext=useBuilderContext,exports.useDefaults=useDefaults,exports.validFieldProps=validFieldProps,exports.valueExists=valueExists,exports.when=when,exports.withLabel=withLabel,exports.withProps=withProps,exports.withState=withState,exports.wpFetch=wpFetch;
diff --git a/dist/src/quickbuilder.esm.min.js b/dist/src/quickbuilder.esm.min.js
index 656876f..2ec846e 100644
--- a/dist/src/quickbuilder.esm.min.js
+++ b/dist/src/quickbuilder.esm.min.js
@@ -1 +1 @@
-import React,{useState,useEffect,createElement,useContext,createContext,useRef,useReducer,useCallback,useLayoutEffect,Fragment,useMemo}from"react";import{select,dispatch,registerStore}from"@wordpress/data";import{toPath,clone}from"lodash-es";import apiFetch from"@wordpress/api-fetch";import{__experimentalGetSettings,date}from"@wordpress/date";import moment from"moment";import intersect from"intersect";import{sprintf,__}from"@wordpress/i18n";import classNames from"classnames";import{applyFilters}from"@wordpress/hooks";import Swal from"sweetalert2";import{Dropdown,Button as Button$2,DateTimePicker,Icon,RangeControl,ColorPicker as ColorPicker$2}from"@wordpress/components";import copy from"copy-to-clipboard";import ReactSelect from"react-select";import{ReactSortable}from"react-sortablejs";import parse from"html-react-parser";import AsyncSelect from"react-select/async";import{MediaUpload}from"@wordpress/media-utils";import{Editor as Editor$2}from"react-draft-wysiwyg";import{EditorState,ContentState,convertToRaw}from"draft-js";import draftToHtml from"draftjs-to-html";import htmlToDraft from"html-to-draftjs";import"react-draft-wysiwyg/dist/react-draft-wysiwyg.css";import SweetAlert$1 from"react-bootstrap-sweetalert";function _typeof$1(e){return(_typeof$1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toPrimitive(e,t){if("object"!==_typeof$1(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!==_typeof$1(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"===_typeof$1(e)?e:String(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _arrayLikeToArray$2(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray$2(e)}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _unsupportedIterableToArray$2(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$2(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$2(e,t):void 0}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray$2(e)||_nonIterableSpread()}function ownKeys$f(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$f(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var wpFetch=function(e){e=_objectSpread$f(_objectSpread$f({},e),{},{method:"POST"});return apiFetch(e)},isString=function(e){return null!==e&&"string"==typeof e},isNumber=function(e){return null!==e&&"number"==typeof e},isInteger=function(e){return String(Math.floor(Number(e)))===e},isFunction=function(e){return null!==e&&"function"==typeof e},isArray=function(e){return null!==e&&"object"===_typeof$1(e)&&Array.isArray(e)},isObject=function(e){return null!==e&&"object"===_typeof$1(e)&&!isArray(e)},isVisible=function(e,t){return null==t||!t.rules||null==t.name||(t=when(t.rules,e),Boolean(t))},withState=function(e){return Boolean(["group","section"].includes(e))},isEmptyObj=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},getIn=function(e,t,n,r){void 0===r&&(r=0);for(var o=toPath(t);e&&r<o.length;)e=e[o[r++]];return void 0===e?n:e},sortingFields=function(e){return[].concat(e).sort(function(e,t){return null==e.priority||null==t.priority?0:e.priority>t.priority?1:-1})},getSelectedValues=function(e){return Array.from(e).filter(function(e){return e.selected}).map(function(e){return e.value})},executeChange=function(e,t){var n=t,r=e;if(!isString(e)){e.persist&&e.persist();var e=e.target||e.currentTarget,o=e.type,l=e.name,a=e.value,i=e.checked,c=e.multiple,n=t||l;switch(o){case"number":case"range":r=parseFloat(a);break;case"checkbox":r=c?a:i;break;default:r=a}}return{field:n,val:r}},objectWithoutPropertiesLoose=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),l=0;l<o.length;l++)n=o[l],0<=t.indexOf(n)||(r[n]=e[n]);return r},setIn=function(e,t,n){for(var r=clone(e),o=r,l=0,a=toPath(t);l<a.length-1;l++){var i=a[l],c=getIn(e,a.slice(0,l+1));o=c&&(isObject(c)||Array.isArray(c))?o[i]=clone(c):(c=a[l+1],o[i]=isInteger(c)&&0<=Number(c)?[]:{})}return(0===l?e:o)[a[l]]===n?e:(void 0===n?delete o[a[l]]:o[a[l]]=n,0===l&&void 0===n&&delete r[a[l]],r)},validFieldProps=function(e){var t=e.type,n=["validation_rules","default","rules","meta","switch"].concat(_toConsumableArray(1<arguments.length&&void 0!==arguments[1]?arguments[1]:[])),t=("select"!==t&&"select-async"!==t&&"radio-card"!==t&&"checkbox"!==t&&"toggle"!==t&&e.multiple&&n.push("options"),"tab"!==t&&"group"!==t&&"repeater"!==t&&"section"!==t&&"button"!==t&&n.push("fields"),objectWithoutPropertiesLoose(e,n));return null==e||!e.label||null!=e&&e.placeholder||(t.placeholder=e.label),t},hitAAJX=function(o){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;if(null!==l&&o){var r,e=!0;if(e=null!=o&&o.rules?when(null==o?void 0:o.rules,l.values):e)return r={},Object.keys(o.data).map(function(e){var t,n;-1<(null==(n=(t=o.data[e]).indexOf)?void 0:n.call(t,"@"))?(n=o.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=o.data[e]}),wpFetch({path:o.api,data:r}).then(function(e){"success"==(null==e?void 0:e.status)&&null!=e&&e.redirect&&(window.location=null==e?void 0:e.redirect);var t,n,r=null!=e&&null!=(t=e.data)&&t.context?e.data.context:!(null==e||!e.context)&&e.context;return r&&isObject(r)&&Object.keys(r).map(function(e){l.setFieldValue(e,r[e])}),null!=e&&null!=(t=e.data)&&t.download&&downloadFile({data:JSON.stringify(e.data.download),fileName:(null==e||null==(t=e.data)?void 0:t.filename)||"export.json",fileType:"text/json"}),null!=o&&o.trigger&&isString(null==o?void 0:o.trigger)&&(t=o.trigger.indexOf("@"),n=o.trigger.indexOf(":"),0===t)&&0<n&&(t=o.trigger.substr(1,n-1),"true"==(n=o.trigger.substr(n+1))?n=!0:"false"==n&&(n=!1),l.setFieldValue(t,n)),e})}return Promise.reject(!1)},getTime=function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=__experimentalGetSettings();return moment.utc(e||void 0).utcOffset(+(null==n||null==(n=n.timezone)?void 0:n.offset),t)},merge=function(e,t,n){var r=_toConsumableArray(e),e=t.filter(function(t){return r.findIndex(function(e){return e[n]===t[n]})<=-1});return[].concat(_toConsumableArray(r),_toConsumableArray(e))},downloadFile=function(e){var t=e.data,n=e.fileName,e=e.fileType,t=new Blob([t],{type:e}),e=document.createElement("a"),n=(e.download=n,e.href=window.URL.createObjectURL(t),new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}));e.dispatchEvent(n),e.remove()},_typeof=function(e){return("function"!=typeof Symbol||"symbol"!==_typeof$1(Symbol.iterator))&&e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":_typeof$1(e)},get=function(e,t){var n=!(2<(arguments.length<=2?0:arguments.length-2)&&void 0!==(arguments.length<=4?void 0:arguments[4]))||arguments.length<=4?void 0:arguments[4];return String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce(function(e,t){return e&&Object.hasOwnProperty.call(e,t)?e[t]:n},e)},rules={is:function(e,t,n){return get(n,e)==t},"!is":function(e,t,n){return!rules.is(e,t,n)},includes:function(e,t,n){if(!isEmptyObj(n)){n=get(n,e);if("function"!=_typeof(n)){if(isArray(t)&&isArray(n))return null==(e=intersect(n,t))?void 0:e.length;if(isArray(t)&&"string"==_typeof(n))return t.includes(n);if(isArray(n)&&"string"==_typeof(t))return n.includes(t)}}return!1},"!includes":function(e,t,n){return!rules.includes(e,t,n)},isOfType:function(e,t,n){return _typeof(get(n,e))===t},"!isOfType":function(e,t,n){return!rules.isOfType(e,t,n)},allOf:function(e,t,n){var r;if(Array.isArray(t))return r=get(n,e),t.every(function(e){return r.includes(e)});throw Error(__('"allOf" condition requires an array as #3 argument',"notificationx"))},anyOf:function(e,t,n){if(Array.isArray(t))return n=get(n,e),t.includes(n);throw Error(__('"anyOf" condition requires an array as #3 argument',"notificationx"))},gt:function(e,t,n){return get(n,e)>t},gte:function(e,t,n){return get(n,e)>=t},lt:function(e,t,n){return get(n,e)<t},lte:function(e,t,n){return get(n,e)<=t}},logicalRules={and:function(e){return!e.includes(!1)},or:function(e){return e.includes(!0)},not:function(e){if(1!==e.length)throw Error(__('"not" can have only one comparison rule, multiple rules given',"notificationx"));return!e[0]}},isValidCondition=function(e){return!!(Array.isArray(e)&&Array.isArray(e[1])&&e[0]&&logicalRules[e[0].toLowerCase()])},processRule=function(e,t){var n=e[0],r=e[1],e=e[2];if("string"!=typeof n||void 0===rules[n])throw Error(sprintf(__("Invalid comparison rule %s.","notificationx"),n));return rules[n](r,e,t)},processCondition=function(e,t){return logicalRules[e.toLowerCase()](t)},validate$1=function(e,n){var t,r;return isValidCondition(e)?(t=e.slice(0,1)[0],r=e.slice(1).map(function(e,t){return(isValidCondition(e)?when:processRule)(e,n)}),processCondition(t,r)):processRule(e,n)},when=function(e,t){return"function"==typeof e?Promise.resolve(e(t)):validate$1(e,t)};function ownKeys$e(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$e(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$e(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$e(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var DEFAULT_STATE={savedValues:{type:"conversions",source:"edd"},values:{},touched:{},errors:{}},actions={setSavedValues:function(e){return{type:"SET_SAVED_VALUES",payload:e}},setFieldValue:function(e){return{type:"FIELD_VALUE",name:e.name,payload:e.value}},removeFieldValue:function(e){return{type:"REMOVE_FIELD_VALUE",payload:e}},resetFieldValue:function(e){return{type:"RESET_FIELD_VALUE",payload:e}},setFieldTouched:function(e){return{type:"FIELD_TOUCHED",payload:e}},setError:function(e){return{type:"FIELD_ERROR",payload:e}},removeError:function(e){return{type:"REMOVE_FIELD_ERROR",payload:e}}},store={reducer:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:DEFAULT_STATE,t=1<arguments.length?arguments[1]:void 0;switch(t.type){case"SET_SAVED_VALUES":var n=_objectSpread$e({},e);return _objectSpread$e(_objectSpread$e({},n),{},{values:t.payload,savedValues:t.payload});case"FIELD_VALUE":var n=_objectSpread$e({},e),r=t.payload;return _objectSpread$e(_objectSpread$e({},n),{},{values:_objectSpread$e(_objectSpread$e({},null==(n=n)?void 0:n.values),r)});case"REMOVE_FIELD_VALUE":n=_objectSpread$e({},e),r=t.payload;return null!=(o=n.values)&&o[r]&&delete n.values[r],n;case"RESET_FIELD_VALUE":var o=_objectSpread$e({},e);return null!=(r=o.values)&&r[t.payload]&&(delete o.values[t.payload],null!=(n=o.savedValues))&&n[t.payload]&&(o.values[t.payload]=o.savedValues[t.payload]),o;case"FIELD_ERROR":return _objectSpread$e(_objectSpread$e({},e),{},{errors:_objectSpread$e(_objectSpread$e({},e.errors),t.payload)});case"REMOVE_FIELD_ERROR":r=_objectSpread$e({},e);return delete r.errors[t.payload],r;case"FIELD_TOUCHED":return _objectSpread$e(_objectSpread$e({},e),{},{touched:_objectSpread$e(_objectSpread$e({},e.touched),t.payload)})}return e},actions:actions,selectors:{getValues:function(e){return e.values},getFieldValue:function(e,t){return null==(e=e.values)?void 0:e[t]},getSavedFieldValue:function(e,t,n){var r;return(null===n||(null==(r=e.savedValues)?void 0:r[n])===(null==(r=e.values)?void 0:r[n]))&&(null==(r=e.savedValues)?void 0:r[t])},isTouched:function(e,t){return null==(e=e.touched)?void 0:e[t]},getError:function(e,t){return null==(e=e.errors)?void 0:e[t]},isVisible:function(e,t){return!t.rules||null==t.name||(t=when(t.rules,e.values),Boolean(t))}}};function _extends$1(){return(_extends$1=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray$2(e,t)||_nonIterableRest()}var Menu=function(r){if(void 0===r.fields)throw new Error(__("There are no tabs defined!","notificationx"));var o=r.active,l=r.setActive,t=r.fields,a=r.context,e=_slicedToArray(useState([]),2),n=e[0],i=e[1],e=(useEffect(function(){var e=t.filter(function(e){return isVisible(null==a?void 0:a.values,e)});i(e)},[t,null==a||null==(e=a.values)?void 0:e.source]),classNames("wprf-tab-menu-wrapper",null==r?void 0:r.className,{"wprf-tab-menu-sidebar":null==r?void 0:r.sidebar},null==a||null==(e=a.values)?void 0:e.source)),c=n.findIndex(function(e){return e.id===o});return createElement("div",{className:e},createElement("ul",{className:"wprf-tab-nav"},n.map(function(t,e){var n;return createElement("li",{className:classNames("wprf-tab-nav-item",(_defineProperty(n={},"".concat(t.classes),t.classes),_defineProperty(n,"wprf-active-nav",o===t.id),_defineProperty(n,"wprf-tab-complete",!(null==r||!r.completionTrack)&&e<=c),n)),"data-key":t.id,key:t.id,onClick:function(){var e;return(null==(e=null==r?void 0:r.clickable)||e)&&l(t.id)}},(null==t?void 0:t.icon)&&(isString(t.icon)&&!isObject(t.icon)?createElement("img",{src:t.icon,alt:null==t?void 0:t.label}):isObject(t.icon)?null==a||null==(e=a.icons)||null==(e=e[null==t||null==(n=t.icon)?void 0:n.type])?void 0:e[null==t||null==(n=t.icon)?void 0:n.name]:""),createElement("span",null,t.label))})))};function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),l=0;l<o.length;l++)n=o[l],0<=t.indexOf(n)||(r[n]=e[n]);return r}function _objectWithoutProperties(e,t){if(null==e)return{};var n,r=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),l=0;l<o.length;l++)n=o[l],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}var BuilderContext=createContext(void 0),BuilderProvider=(BuilderContext.displayName="production"===process.env.NODE_ENV?"Anonymous":"BuilderContext",BuilderContext.Provider),BuilderConsumer=BuilderContext.Consumer;function useBuilderContext(){return useContext(BuilderContext)}var useOptions=function(t){var n,r,o,l,e,a,i,c,u,s,d,p,f,m,v=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"fields";if(null!=t&&t[v])return n=t.value,r=t.multiple,o=useBuilderContext(),u=_slicedToArray(useState(t[v]),2),l=u[0],e=u[1],u=_slicedToArray(useState([]),2),a=u[0],i=u[1],u=_slicedToArray(useState({options:null,parentIndex:null}),2),c=u[0],u=u[1],p=_slicedToArray(useState(null),2),s=p[0],d=p[1],p=_slicedToArray(useState(null),2),f=p[0],m=p[1],useEffect(function(){var e=t.ajax&&(null==(e=o.getTabFields(null==t?void 0:t.parentIndex))?void 0:e[v])||l;i(o.eligibleOptions(e)),d(o.eligibleOption(e,n,null!=r&&r))},[n,l]),useEffect(function(){e(t[v]),i(o.eligibleOptions(t[v]))},[t]),useEffect(function(){i(o.eligibleOptions(l))},[l]),useEffect(function(){null!=c.options&&e(c.options)},[c]),useEffect(function(){var e;null!=s&&(e=r?isArray(s)&&s.map(function(e){return e.value})||n:s.value||n,m(e))},[s]),useEffect(function(){var e;0===a.filter(function(e){return e.value===f}).length&&(e=sortingFields(a),m((null==e||null==(e=e[0])?void 0:e.value)||n))},[f,a]),{options:sortingFields(a),option:f,selectedOption:s,setOptions:i,setData:u};throw new Error("#options param need to set in order to use useOptions hook.")},useTrigger=function(e){var o=e.context;null!=e&&e.trigger&&isArray(null==e?void 0:e.trigger)&&null!=e&&e.trigger.map(function(e){var t=(null==e?void 0:e.type)||"setFieldValue";if(null!=e&&e.action&&isObject(null==e?void 0:e.action))for(var n in null==e?void 0:e.action){var r=n,n=(-1<r.indexOf(".")&&(r=r.split(".")),null==e?void 0:e.action[n]);""!=r&&o[t](r,n)}})},useDefaults=function(e,t,n,r){if(null!=r&&null!=(null==r?void 0:r.defaults)&&!isEmptyObj(r.defaults)){var o=r.defaults;if(null!=o&&!isEmptyObj(o)){var l={};if(null!=o&&o[n]&&isString(null==o?void 0:o[n])){var a,r=o[n].indexOf("@"),i=o[n].indexOf(":");0===r&&0<i&&(r=o[n].substr(1,i-1),i=o[n].substr(i+1),a=t.getValueForDefault(r,e),""!=r)&&""!=i&&(i="false"!==i&&i,l[r]=a||i,t.setValue(r,a||i))}else if(null!=o&&o[n]&&(isArray(o[n])||isObject(o[n])))for(var c in o[n]){var u,s,d=o[n][c];d&&(isArray(d)||isObject(d))?(u=t.getValueForDefault(c,e),""!=c&&""!=d&&(d="false"!==d&&d,l[c]=u||d,t.setValue(c,u||d))):d&&(c=d.indexOf("@"),u=d.indexOf(":"),0===c)&&0<u&&(c=d.substr(1,u-1),s=d.substr(u+1),-1<d.indexOf(".")&&(c=c.split(".")),d=t.getValueForDefault(c,e),""!=c)&&""!=s&&(s="false"!==s&&s,l[c]=d||s,t.setValue(c,d||s))}return{defaultsData:l}}}};function ownKeys$d(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$d(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$d(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$d(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var SweetAlert=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return Swal.fire(_objectSpread$d({target:null!=(e=null==t?void 0:t.target)?e:"#notificationx",type:null!=(e=null==t?void 0:t.type)?e:"success",html:null==t?void 0:t.html,title:null!=(e=null==t?void 0:t.title)?e:__("Title Goes Here: title","notificationx"),text:null!=(e=null==t?void 0:t.text)?e:__("Test Goes Here: text","notificationx"),icon:null!=(e=null==t?void 0:t.icon)?e:(null==t?void 0:t.type)||"success",timer:null!=(e=null==t?void 0:t.timer)?e:null},t))},ObjectFilter=function(t,n){var r,e,o=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return!!t&&(r={},e=Object.keys(t).filter(function(e){return n(e)}),o?e:(e.map(function(e){r[e]=t[e]}),r))},isExists=function(e,t){var n=_typeof$1(e);switch(!0){case"object"===n&&isArray(e):return e.includes(t);case"object"===n&&!isArray(e):return void 0!==(null==e?void 0:e[t]);default:return e===t}},triggerDefaults=function(e,t){var n,r,o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!isEmptyObj(e)&&"object"===_typeof$1(e))for(var l in e)l===o&&(n=e[l].indexOf("@"),r=e[l].indexOf(":"),0===n)&&0<r&&(n=e[l].substr(1,r-1),l=e[l].substr(r+1),r=getStoreData().getSavedFieldValue(n,t),""!=n)&&""!=l&&setStoreData().setFieldValue({name:n,value:_defineProperty({},n,r||l)})},getStoreData=function(){return select("formbuilder")},setStoreData=function(){return dispatch("formbuilder")},processAjaxData=function(n){var r={};return Object.keys(n).map(function(e){var t;0===n[e].indexOf("@")?""!=(t=n[e].substr(1))&&(t=getStoreData().getFieldValue(t),r[e]=t||"undefined"):r[e]=n[e]}),r};function _extends(){for(var e=arguments.length,o=new Array(e),t=0;t<e;t++)o[t]=arguments[t];return(Object.assign||function(e){for(var t=1;t<o.length;t++){var n,r=o[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,o)}function ownKeys$c(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$c(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$c(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$c(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var builderReducer=function(e,t){switch(t.type){case"SET_CONTEXT":return _extends({},e,setIn(e,t.payload.field,t.payload.value));case"SET_ACTIVE_TAB":return _objectSpread$c(_objectSpread$c({},e),{},{config:_objectSpread$c(_objectSpread$c({},e.config),{},{active:t.payload})});case"SET_REDIRECT":return _objectSpread$c(_objectSpread$c({},e),{},{redirect:_objectSpread$c(_objectSpread$c({},e.redirect),t.payload)});case"SET_VALUES":return _extends({},e,setIn(e,"values",t.payload));case"SET_SAVED_VALUES":return _extends({},e,setIn(e,"savedValues",t.payload));case"SET_FIELD_VALUE":return _extends({},e,{values:setIn(e.values,t.payload.field,t.payload.value)});case"SET_TOUCHED":return _extends({},e,{touched:t.payload});case"SET_ERRORS":return _extends({},e,{errors:t.payload});case"SET_STATUS":return _extends({},e,{status:t.payload});case"SET_ISSUBMITTING":return _objectSpread$c(_objectSpread$c({},e),{},{isSubmitting:t.payload});case"SET_ISVALIDATING":return _extends({},e,{isValidating:t.payload});case"SET_FIELD_TOUCHED":return _objectSpread$c(_objectSpread$c({},e),{},{touched:_objectSpread$c(_objectSpread$c({},e.touched),{},_defineProperty({},t.payload.field,t.payload.value))});case"SET_FIELD_ERROR":case"RESET_FORM":return _extends({},e,t.payload);case"SUBMIT_ATTEMPT":return _extends({},e,{isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return _extends({},e,{isSubmitting:!1});case"SET_FORM_FIELD":return null===t.payload.field?_extends({},e,setIn(e,"tabs",t.payload.value)):_extends({},e,{tabs:setIn(e.tabs,t.payload.field,t.payload.value)});case"SET_ICONS":return _extends({},e,{icons:setIn(e.icons,t.payload.name,t.payload.icons)});case"SET_ALERTS":return _extends({},e,{alerts:setIn(e.alerts,t.payload.name,t.payload.value)});case"SET_COMMONS":return _extends({},e,{common:setIn(e.common,t.payload.name,t.payload.value)});default:return e}};function ownKeys$b(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$b(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$b(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var useBuilder=function(e){var t=useRef(!1);useEffect(function(){return t.current=!0,function(){t.current=!1}},[]);var n=_slicedToArray(useReducer(builderReducer,_objectSpread$b(_objectSpread$b({},e),{},{savedValues:e.savedValues||{},values:e.values||{},errors:e.initialErrors||{},touched:e.initialTouched||{},icons:e.initialIcons||{},common:{},alerts:{},tabs:sortingFields(e.tabs)})),2),c=n[0],r=n[1],n=useEventCallback(function(e,t,n){r({type:"SET_CONTEXT",payload:{field:e,value:t}})}),o=useEventCallback(function(e,t){e="function"==typeof e?e(c.values):e;return r({type:"SET_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),l=useEventCallback(function(e,t){e="function"==typeof e?e(c.values):e;return r({type:"SET_SAVED_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),a=useEventCallback(function(e,t,n){r({type:"SET_FIELD_VALUE",payload:{field:e,value:t}})}),i=useEventCallback(function(e,t){r({type:"SET_FORM_FIELD",payload:{field:e,value:t}})}),u=useCallback(function(e){return getIn(c.values,e)},[c]),s=useEventCallback(function(e,t,n){r({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t=t||!0}})}),d=useCallback(function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=(e.persist&&e.persist(),e.target),r=n.name,o=n.id;n.outerHTML,s(t||r||o,!0)},[s]),p=useEventCallback(function(t){if("string"==typeof t)return function(e){return d(e,t)};d(t)}),f=useCallback(function(e,t,n){null!=n&&n.isPro&&!1===Boolean(c.is_pro_active)||(e=(n=executeChange(e,t)).field,t=n.val,e&&a(e,t))},[a,c.values]),m=useEventCallback(function(t,n){var e;if(null!=n&&n.isPro&&!1===Boolean(c.is_pro_active)&&null!=(e=c.alerts)&&null!=(e=e.pro_alert(null==n?void 0:n.popup))&&e.fire(),"string"==typeof t)return function(e){return f(t,e,n)};f(t,null,n)}),v=useCallback(function(e){var t=_objectSpread$b({},e),n=validFieldProps(t),r=n.name,o=n.type,l=n.parent,a=n.parenttype,i=(null!=t&&t.is_pro&&(n.is_pro=!(null!=t&&t.is_pro&&!0===Boolean(c.is_pro_active))),l=l&&"group"===a?null!=(i=null==(i=null!=(i=getIn(c.values,l))?i:{})?void 0:i[r])?i:null==t?void 0:t.default:l&&"repeater"===a?null!=(i=null==(a=null!=(i=getIn(c.values,l))?i:[])||null==(l=a[n.index])?void 0:l[r])?i:null==t?void 0:t.default:null!=(a=getIn(c.values,r))?a:null==t?void 0:t.default,n.onChange=m,n.onBlur=p,n.value);return"checkbox"!==o||n.multiple?"radio"===o?(n.checked=l===i,n.value=i):n.value="date"===o&&null==l?getTime():l:(n.checked=!!l,n.value=!!l,isString(l)&&"0"===l?(n.checked=!1,n.value=!1):(n.checked=Boolean(l),n.value=Boolean(l))),n.visible=isVisible(c.values,e),n},[p,m,c.values]),b=useCallback(function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return n=null!==n?null==(n=getIn(c.values,n))?void 0:n[e]:getIn(c.values,e)||(null==(n=t.meta)?void 0:n.default),_objectSpread$b(_objectSpread$b({},t.meta),{},{value:n,error:getIn(c.errors,e),touched:!!getIn(c.touched,e),visible:isVisible(c.values,t),initialValue:"",initialTouched:"",initialError:""})},[c.errors,c.touched,c.values]),y=useCallback(function(e){return 0<e.length?e.filter(function(e){return null!=e&&e.rules?when(e.rules,c.values):e}):e},[c.errors,c.touched,c.values]),g=useCallback(function(e,t){var n;return e.length?(n=[],2<arguments.length&&void 0!==arguments[2]&&arguments[2]&&isArray(t)?e.filter(function(e){return t.includes(e.value)}):0<(n=e.filter(function(e){return e.value==t})).length?n[0]:""):e},[c.errors,c.touched,c.values]),w=useCallback(function(){return{setValue:function(e,t){return a(e,t)},getValue:function(e){return getIn(c.values,e)},getValueForDefault:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;return(null===t||getIn(c.savedValues,t)===getIn(c.values,t))&&getIn(c.savedValues,e)}}},[c.errors,c.touched,c.values,c.savedValues]),_=useCallback(function(e){return getIn(c.tabs,e)},[c]),h=useEventCallback(function(e){r({type:"SET_ISSUBMITTING",payload:e})}),E=useEventCallback(function(e){r({type:"SET_ACTIVE_TAB",payload:e})}),O=useEventCallback(function(e){r({type:"SET_REDIRECT",payload:e})}),j=useEventCallback(function(e,t){r({type:"SET_ICONS",payload:{name:e,icons:t}})}),S=useEventCallback(function(e,t){r({type:"SET_COMMONS",payload:{name:e,value:t}})}),x=useEventCallback(function(e,t){r({type:"SET_ALERTS",payload:{name:e,value:t}})});return _objectSpread$b(_objectSpread$b(_objectSpread$b({},e),c),{},{setContext:n,values:c.values,savedValues:c.savedValues,errors:c.errors,touched:c.touched,isSubmitting:!1,setActiveTab:E,setRedirect:O,setSubmitting:h,setValues:o,setSavedValues:l,setFieldValue:a,getFieldValue:u,handleBlur:p,handleChange:m,getFieldProps:v,getFieldMeta:b,getFieldHelpers:w,eligibleOptions:y,eligibleOption:g,getTabFields:_,setFormField:i,registerIcons:j,registerCommon:S,registerAlert:x})},useIsomorphicLayoutEffect="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?useLayoutEffect:useEffect,useEventCallback=function(e){var l=useRef(e);return useIsomorphicLayoutEffect(function(){l.current=e}),useCallback(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=arguments.length,t=new Array(r),o=0;o<r;o++)t[o]=arguments[o];return l.current.apply(void 0,t)},[])},Row=function(e){var t=classNames("wprf-row clearfix wprf-flex",null==e?void 0:e.className);return createElement("div",{className:t},null==e?void 0:e.children)},Column=function(e){var t=classNames("wprf-column",null==e?void 0:e.className,(_defineProperty(t={},"wprf-column-".concat(12/(null==e?void 0:e.column)),(null==e?void 0:e.column)&&12!==e.column),_defineProperty(t,"wprf-column-12",12===e.column),t));return createElement("div",{className:t},null==e?void 0:e.children)},Label=function(e){var t=classNames("wprf-input-label",null==e?void 0:e.className);return createElement("label",{htmlFor:null==e?void 0:e.htmlFor,className:t},(null==e||null==(t=e.badge)?void 0:t.value)&&createElement("div",{className:"wprf-badge"},createElement("sup",{className:classNames("wprf-badge-item",{"wprf-badge-active":null==e||null==(t=e.badge)?void 0:t.active})},null==e||null==(t=e.badge)?void 0:t.label)),!(null!=e&&e.src)&&(null==e?void 0:e.children),(null==e?void 0:e.src)&&createElement(Image,{className:"wprf-label-image",src:e.src,alt:null==e?void 0:e.label}))},Image=function(e){var t;return null!=e&&e.src?(t=classNames(["wprf-input-image",null==e?void 0:e.className]),createElement("img",{className:t,src:null==e?void 0:e.src,alt:null==e?void 0:e.alt})):createElement("p",null,"No Source( src ) Defined")},BadgeComp=function(e){var t=e.componentClasses,e=e.label;return createElement("div",{className:"wprf-badge"},createElement("sup",{className:t},e))},Badge=function(t){var n=useBuilderContext(),e=t.label,r=t.active,o=t.position,o=void 0===o?"right":o,l=t.renderLabel,a=t.renderComponent,r=(void 0===e&&(e="Pro"),classNames("wprf-badge-item",{"wprf-badge-active":r})),i={};return n.is_pro_active||(i={onClick:function(e){e.preventDefault(),n.alerts.pro_alert(null==t?void 0:t.popup).fire()}}),createElement("div",_extends$1({className:classNames("wprf-badge-wrapper",{"pro-deactivated":!n.is_pro_active})},i),"left"===o&&0<e.length&&createElement(Fragment,null,l(createElement(BadgeComp,{componentClasses:r,label:e}),"left")),"right"===o&&0<e.length&&createElement(Fragment,null,l(createElement(BadgeComp,{componentClasses:r,label:e}),"right")),a())},_excluded$4=["id","label","badge","badgePosition","context"],ControlLabel=function(e){var t=e.id,n=e.label,r=e.badge,o=e.badgePosition,l=e.context,e=_objectWithoutProperties(e,_excluded$4);return n&&0<n.length?createElement("div",{className:"wprf-control-label"},"left"==o&&r,createElement("label",{htmlFor:t},n),(null==e?void 0:e.link)&&createElement("a",{rel:"nofollow",target:"_blank",href:e.link},null==l||null==(t=l.icons)?void 0:t.link),"right"==o&&r):null},ControlField=function(e){var t=e.position,n=e.description,r=e.renderComponent,e=e.help;return createElement("div",{className:"wprf-control-field"},"left"===t&&n&&createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),r(),"right"===t&&n&&createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),e&&createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:e}}))},_excluded$3=["label","id","name","type","style","is_pro","badge"];function ownKeys$a(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$a(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var withLabel=function(p){return function(t){var n,r=t.label,o=t.id,e=t.name,l=t.type,a=t.style,i=t.is_pro,c=t.badge,u=_objectWithoutProperties(t,_excluded$3),s=(null==o&&(o=e),_objectSpread$a({description:{position:"right"}},a)),d=classNames((_defineProperty(a={},"wprf-style-".concat(null==s?void 0:s.type),(null==s?void 0:s.type)||!1),_defineProperty(a,"wprf-label-none",void 0===r||""===r||0===r.length),_defineProperty(a,"wprf-".concat((null==s||null==(d=s.label)?void 0:d.position)||"inline","-label"),(null==(d=null==s||null==(d=s.label)?void 0:d.position)||d)&&null!=r),a));return"hidden"===l?createElement(p,_extends$1({},t,{id:o})):(n=validFieldProps(t,["description","label","help","style"]),a=classNames("wprf-control-wrapper","wprf-type-".concat(l),d,null==t?void 0:t.classes,_defineProperty({},"wprf-name-".concat(e),e)),createElement("div",{className:a},1==i&&createElement(Fragment,null,createElement(Badge,_extends$1({},c,u,{renderLabel:function(e,t){return createElement(ControlLabel,_extends$1({},n,{context:null==u?void 0:u.context,id:o,label:r,badge:e,badgePosition:t}))},renderComponent:function(){var e;return createElement(ControlField,{help:null,description:null==t?void 0:t.description,position:null==s||null==(e=s.description)?void 0:e.position,renderComponent:function(){return createElement(p,_extends$1({},n,{disable:!0,id:o}))}})}})),(null==t?void 0:t.help)&&createElement("div",{className:"wprf-badge-wrapper"},createElement("div",{className:"wprf-control-label"}),createElement("div",{className:"wprf-control-field"},createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:t.help}})))),(0==i||null==i)&&createElement(Fragment,null,r&&0<r.length&&createElement(ControlLabel,_extends$1({},n,{context:null==u?void 0:u.context,label:r,id:o})),createElement(ControlField,{help:null==t?void 0:t.help,description:null==t?void 0:t.description,position:null==s||null==(l=s.description)?void 0:l.position,renderComponent:function(){return createElement(p,_extends$1({},n,{id:o}))}}))))}},withProps=function(c){var u=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return function(n){var e=useBuilderContext(),t=n.trigger,r=e.getFieldProps(n),o=e.getFieldMeta(r.name,n),l=e.getFieldHelpers(),a=(null!=e&&e.quickBuilder&&null!=e&&e.show&&(e.show.includes(n.name)||(r.classes=null!=r&&r.classes?r.classes+" hidden":" hidden")),null!=n&&n.parentIndex?_toConsumableArray(n.parentIndex):[]),i=(r.parentIndex=a,r.context=e,isFunction(n.onChange)&&(r.onChange=n.onChange),isFunction(n.onBlur)&&(r.onBlur=n.onBlur),useRef({}));return useEffect(function(){return i.current[n.name]=!0,function(){i.current[n.name]=!1}},[]),useEffect(function(){var e,t;o.visible&&i.current[n.name]&&(u||"group"===r.type?(e=null==n?void 0:n.parent,t=null==n?void 0:n.parenttype,e&&"group"===t&&r.value&&l.setValue([e,r.name],r.value)):l.setValue(r.name,r.value))},[o.visible]),useEffect(function(){i.current[n.name]&&isObject(t)&&!isEmptyObj(t)&&useDefaults(r.name,l,r.value,t)},[r.value,o.visible]),o.visible?createElement(c,r):createElement(Fragment,null)}};function _createForOfIteratorHelper$1(e,t){var n,r,o,l,a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(a)return r=!(n=!0),{s:function(){a=a.call(e)},n:function(){var e=a.next();return n=e.done,e},e:function(e){r=!0,o=e},f:function(){try{n||null==a.return||a.return()}finally{if(r)throw o}}};if(Array.isArray(e)||(a=_unsupportedIterableToArray$1(e))||t&&e&&"number"==typeof e.length)return a&&(e=a),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$1(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$1(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$1(e,t):void 0}function _arrayLikeToArray$1(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$9(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$9(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$9(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$9(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function GenericCheckbox(t){var e,n=_objectSpread$9({type:"",label:{position:"right"},column:4},t.style),r=useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames("wprf-checkbox-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return createElement("div",{className:n},createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"})),createElement("label",{htmlFor:t.id},t.label))}function Checkbox(t){var n,r,o,e=t.options,l=t.value,a=t.multiple,i=t.style,c=sortingFields(e),u=_objectSpread$9({column:4},i);return a?(e=_slicedToArray(useState({}),2),n=e[0],r=e[1],o=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$9(_objectSpread$9({},e),{},_defineProperty({},t.value,t.checked))})},useEffect(function(){t.onChange({target:{type:"checkbox",name:t.name,value:n,multiple:!0}})},[n]),useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper$1(c);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),createElement("div",{className:"wprf-checkbox-wrapper wprf-control"},createElement(Row,null,c.map(function(e){return createElement(Column,{key:e.value,column:u.column},createElement(GenericCheckbox,_objectSpread$9(_objectSpread$9({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:o,style:u})))})))):createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"}))}var Checkbox$1=withLabel(Checkbox),Field=function(e){if(!e.type||0===e.type.length)throw console.error(e),new Error(__("Field must have a #type. see documentation.","notificationx"));switch(e.type){case"text":case"radio":case"email":case"range":case"number":case"hidden":return createElement(Input$1,e);case"checkbox":return createElement(Checkbox$1,e);case"textarea":return createElement(Textarea$1,e);case"codeviewer":return createElement(CodeViewer$1,e);case"message":return createElement(Message,e);case"select":return createElement(Select$1,e);case"select-async":return createElement(SelectAsync$1,e);case"slider":return createElement(Slider,e);case"group":return createElement(Group$1,e);case"radio-card":return createElement(Radio,e);case"section":return createElement(Section$1,e);case"date":return createElement(Date$1,e);case"toggle":return createElement(Toggle,e);case"colorpicker":return createElement(ColorPicker$1,e);case"jsonuploader":return createElement(JsonUploader$1,e);case"repeater":return createElement(Repeater,e);case"media":return createElement(Media$1,e);case"editor":return createElement(Editor$1,e);case"action":return createElement(Action,e);case"button":return createElement(Button$1,e);case"modal":return createElement(Modal,e);case"tab":return createElement(Tab,e);case"responsive-number":return createElement(ResponsiveNumber$1,e);default:var t=applyFilters("custom_field","",e.type,e);return createElement(Fragment,null,t)}},GenericField=withProps(Field,!0),Field$1=withProps(Field),DateControl=function(e){var t=e.name,n=e.value,r=e.onChange,o=e.position,l=__experimentalGetSettings(),a=null!=(e=null==e?void 0:e.format)?e:l.formats.datetime,i=getTime(n),c=/a(?!\\)/i.test(l.formats.datetime.toLowerCase().replace(/\\\\/g,"").split("").reverse().join(""));return useEffect(function(){r({target:{type:"date",name:t,value:i}})},[]),createElement(Dropdown,{className:"wprf-control-datetime",contentClassName:"wprf-control-datetime-content",position:o||"bottom right",renderToggle:function(e){e.isOpen;e=e.onToggle;return createElement(Button$2,{isTertiary:!0,onClick:e},date(a,i,-(new Date).getTimezoneOffset()))},renderContent:function(){return createElement(DateTimePicker,{__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,currentDate:getTime(i).toDate().toString(),onChange:function(e){r({target:{type:"date",name:t,value:moment(e).utc().format()}})},is12Hour:c})}})},Date$1=withLabel(DateControl);function ownKeys$8(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$8(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$8(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$8(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Input=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","copyOnClick","disable","parentIndex","context","badge","popup"]),e=useCallback(function(e){return n.onChange(e,{popup:null==t?void 0:t.popup,isPro:!!t.is_pro})},[null==n?void 0:n.value]);"checkbox"===n.type&&null!=n&&n.name&&(n.checked=(null==n?void 0:n.checked)||(null==n?void 0:n.value));var r,o=_slicedToArray(useState(!1),2),l=o[0],a=o[1];return useEffect(function(){var e;return l&&(e=setTimeout(function(){a(!1)},2e3)),function(){return e&&clearTimeout(e)}},[l]),!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value?(o=(null==t?void 0:t.copyMessage)||"Click To Copy!",r=(null==t?void 0:t.copiedMessage)||"Copied!",createElement("span",{className:"wprf-clipboard-wrapper"},React.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e})),createElement("span",{className:"wprf-clipboard-tooltip"},createElement("span",{className:"wprf-clipboard-tooltip-text"},l?r:o),createElement(Button$2,{className:"wprf-copy-icon",onClick:function(){copy(t.value,{format:"text/plain",onCopy:function(){a(!0)}})}},"Copy")))):React.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e}))},GenericInput=(Input.defaultProps={type:"text"},React.memo(Input)),Input$1=withLabel(React.memo(Input));function ownKeys$7(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$7(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$7(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Textarea=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context"]),e=useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]);return React.createElement("textarea",_objectSpread$7(_objectSpread$7({},n),{},{onChange:e,rows:5}))},Textarea$1=withLabel(React.memo(Textarea));function ownKeys$6(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$6(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$6(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$6(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var CodeViewer=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]),e={onChange:useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]),rows:5},r=(!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value&&(e.onClick=function(){var e=null!=t&&t.success_text?t.success_text:__("Copied to Clipboard.","notificationx");copy(t.value,{format:"text/plain",onCopy:function(){t.context.alerts.toast("success",e)}})}),null!=t&&t.button_text?t.button_text:__("Click to Copy","notificationx"));return createElement("span",{className:"wprf-code-viewer"},React.createElement("textarea",_objectSpread$6(_objectSpread$6({},n),e)),createElement(Button$2,{className:"wprf-copy-button"},r))},CodeViewer$1=withLabel(React.memo(CodeViewer)),JsonUploader=function(n){validFieldProps(n,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]);var e=_slicedToArray(useState(),2),t=e[0],r=e[1];return useEffect(function(){null!=n&&n.value||r(null)},[null==n?void 0:n.value]),createElement("span",{className:"wprf-json-uploader"},!t&&createElement("label",{className:"wprf-json-uploaderButton"},createElement("span",null,__("Upload")),createElement("input",{type:"file",accept:"application/JSON",onChange:function(e){var t;(e=e).target.files.length&&(0==(null==(e=e.target.files[0])?void 0:e.size)?n.context.alerts.toast("error",__("File can't be empty.","notificationx")):"application/json"!=(null==e?void 0:e.type)&&"text/json"!=(null==e?void 0:e.type)?n.context.alerts.toast("error",__("Invalid file type.","notificationx")):(r(e),(t=new FileReader).onload=function(e){e=null==e||null==(e=e.target)?void 0:e.result;n.onChange({target:{type:"jsonuploader",name:n.name,value:e}})},t.readAsText(e)))}})),t&&(null==t?void 0:t.name)&&createElement("span",{className:"wpfr-json-file-name-wrapper"},createElement("span",{className:"wpfr-json-file-name"},20<(null==t?void 0:t.name.length)?"".concat(null==t?void 0:t.name.substr(0,9),"...").concat(null==t?void 0:t.name.substr((null==t?void 0:t.name.length)-7)):null==t?void 0:t.name),createElement("span",{className:"wprf-json-file-delete-button",onClick:function(){r(null),n.onChange({target:{type:"jsonuploader",name:n.name,value:null}})}},"x")))},JsonUploader$1=withLabel(React.memo(JsonUploader)),_excluded$2=["name","fields"],Group=function(n){var r,o,e,t,l=n.name,a=n.fields,i=_objectWithoutProperties(n,_excluded$2);if(a&&isArray(a)&&0!==a.length)return r=useBuilderContext(),o=useCallback(function(e){e.persist&&e.persist();var e=executeChange(e),t=e.field,e=e.val;r.setFieldValue([l,t],e)},[n.value]),e=sortingFields(a),useEffect(function(){r.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e)},[]),a=e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(GenericField,_extends$1({},i,{key:e.name,index:n.index,onChange:o},e,{parenttype:"group",parent:l,parentIndex:t}))}),t=classNames("wprf-group-control-inner",{"wprf-display-inline":"inline"===(null==n?void 0:n.display)}),createElement("div",{className:"wprf-group-control"},createElement("div",{className:t},a));throw new Error(__("You should give a #fields arguments to a group field.","notificationx"))},Group$1=withLabel(Group),Select=function(o){function e(){if(o.ajax&&(!o.ajax.rules||when(o.ajax.rules,l.values))){y(!0);var r={};if(Object.keys(null==o?void 0:o.ajax.data).map(function(e){var t,n;-1<(null==o?void 0:o.ajax.data[e].indexOf("@"))?(n=null==o?void 0:o.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=null==o?void 0:o.ajax.data[e]}),!g)return wpFetch({path:null==o?void 0:o.ajax.api,data:r}).then(function(e){y(!1);var t=merge(o.options,e,"value");return l.setFormField([].concat(_toConsumableArray(u),["options"]),t),f({options:t,parentIndex:[].concat(_toConsumableArray(u),["options"])}),e})}}var l=useBuilderContext(),t=o.id,n=o.name,r=o.multiple,a=o.placeholder,i=o.search,i=void 0!==i&&i,c=o.onChange,u=o.parentIndex,s=useOptions(o,"options"),d=s.options,p=s.selectedOption,f=s.setData,s=_slicedToArray(useState(null),2),m=s[0],v=s[1],s=_slicedToArray(useState(!1),2),b=s[0],y=s[1],s=_slicedToArray(useState(!1),2),g=s[0];s[1];return useEffect(function(){!isArray(m)&&isObject(m)&&c({target:{type:"select",name:n,value:m.value,options:d,multiple:r}}),isArray(m)&&c({target:{type:"select",name:n,value:m.map(function(e){return e.value}),options:d,multiple:r}})},[m]),useEffect(function(){e()},[]),useEffect(function(){null!=o&&o.menuOpen&&e()},[null==o?void 0:o.menuOpen]),createElement("div",{className:"wprf-select-wrapper"},createElement(ReactSelect,{isDisabled:null==o?void 0:o.disable,classNamePrefix:"wprf-select",isSearchable:null!=i&&i,id:t,name:n,isMulti:null!=r&&r,placeholder:a,isLoading:b,options:d,value:p,onMenuOpen:e,onMenuClose:function(){y(!1)},isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return v(e)}}))},Select$1=withLabel(Select);const instanceMap=new WeakMap;function createId(e){var t=instanceMap.get(e)||0;return instanceMap.set(e,t+1),t}function useInstanceId(t,n,r){return useMemo(()=>{var e;return r||(e=createId(t),n?n+"-"+e:e)},[t])}var RepeaterField=function e(t){var n=useBuilderContext(),r=t.fields,o=t.onChange,l=t.index,a=t.parent,i=_slicedToArray(useState(t.isCollapsed),2),c=i[0],u=i[1],s=useInstanceId(e),i=null==(i=n.values)||null==(i=i[a])?void 0:i[l],i=(null==i?void 0:i.title)||(null==i?void 0:i.post_title)||(null==i?void 0:i.username)||(null==i?void 0:i.plugin_theme_name),i=i?i.length<40?i:i.substr(0,40)+"...":"";return useEffect(function(){n.setFieldValue([a,l,"isCollapsed"],c)},[c]),createElement("div",{className:"wprf-repeater-field"},createElement("div",{className:"wprf-repeater-field-title",onClick:function(){return u(!c)}},createElement("h4",null,createElement(Icon,{icon:"move"}),t.index+1,": ",i),createElement("div",{className:"wprf-repeater-field-controls"},createElement(Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.clone(t.index)},icon:"admin-page"}),createElement(Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.remove(t.index)},icon:"trash"}))),!c&&createElement("div",{className:"wprf-repeater-inner-field"},r.map(function(e,t){return createElement(GenericField,_extends$1({key:"field-".concat(l,"-").concat(t)},e,{id:"field-".concat(s,"-").concat(l,"-").concat(t),index:l,parenttype:"repeater",parent:a,onChange:function(e){return o(e,l)}}))})))};function ownKeys$5(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$5(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$5(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var GenericToggle=function(t){var e,n=_objectSpread$5({type:"",label:{position:"right"},column:4},t.style),r=useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames("wprf-toggle-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return createElement("div",{className:n},createElement(GenericInput,_objectSpread$5(_objectSpread$5({},t),{},{type:"checkbox",placeholder:void 0})),createElement(Label,{htmlFor:t.id}))},GenericToggle$1=withLabel(GenericToggle),ModalContent=function(n){var e=n.isLoading;n.closeModal;var t=_slicedToArray(useState([]),2),r=t[0],o=t[1];return useEffect(function(){var e=sortingFields(n.body.fields).map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))});o(e)},[]),createElement("div",{className:"wprf-modal-body"},e&&createElement(Loading,null),!e&&createElement(Fragment,null,createElement("div",{className:"wprf-modal-content"},0<r.length&&r),createElement("div",{className:"wprf-modal-footer clearfix"},createElement("div",{className:"wprf-modal-footer-left"},(null==(t=n.body)?void 0:t.footer)&&isString(n.body.footer)&&createElement("p",null,n.body.footer),createElement(GenericField,_extends$1({type:"button"},null==n?void 0:n.confirm_button))))))},ModalHeader=function(e){e=e.content;return createElement("div",{className:"wprf-modal-header"},e&&isString(e)&&createElement("h3",null,e))},Loading=function(e){return createElement("p",null,__("Loading...","notificationx"))},toolbarOptions={options:["inline","blockType","textAlign","colorPicker","link"],inline:{options:["bold","italic","underline","strikethrough","monospace"]},blockType:{inDropdown:!0,options:["Normal","H1","H2","H3","H4","H5","H6","Blockquote","Code"],className:void 0,component:void 0,dropdownClassName:void 0}};function _createForOfIteratorHelper(e,t){var n,r,o,l,a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(a)return r=!(n=!0),{s:function(){a=a.call(e)},n:function(){var e=a.next();return n=e.done,e},e:function(e){r=!0,o=e},f:function(){try{n||null==a.return||a.return()}finally{if(r)throw o}}};if(Array.isArray(e)||(a=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return a&&(e=a),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$4(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$4(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$4(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$4(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Toggle=function(t){var n,r,o,e=t.options,l=t.value,a=t.multiple,i=t.style,c=sortingFields(e),u=_objectSpread$4({column:4},i);return a?(e=_slicedToArray(useState({}),2),n=e[0],r=e[1],o=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$4(_objectSpread$4({},e),{},_defineProperty({},t.value,t.checked))})},useEffect(function(){t.onChange({target:{type:"toggle",name:t.name,value:n}})},[n]),useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper(c);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),createElement("div",{className:"wprf-toggle-wrapper wprf-control"},createElement(Row,null,c.map(function(e){return createElement(Column,{key:e.value,column:u.column},createElement(GenericToggle$1,_objectSpread$4(_objectSpread$4({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:o,style:u})))})))):createElement(GenericToggle$1,t)},_excluded$1=["label","value","icon","is_pro"];function ownKeys$3(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$3(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$3(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$3(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var getRandomValues,RadioCard=function e(t){var i,c,u,s=useBuilderContext(),n=useOptions(t,"options"),r=n.options,d=n.option;if(r)return i=useInstanceId(e),n=classNames(["wprf-control","wprf-radio-card","wprf-input-radio-set-wrap",null==t?void 0:t.className]),c=_objectSpread$3({},null==t?void 0:t.style),u=validFieldProps(t,["options","placeholder","style","trigger"]),useEffect(function(){d&&t.onChange({target:{type:"radio-card",name:t.name,value:d}})},[d]),createElement("div",{className:n},createElement(Row,null,r.map(function(e,t){var n,r=e.label,o=e.value,l=e.icon,a=e.is_pro,e=_objectWithoutProperties(e,_excluded$1);return createElement(Column,{column:+(null==e?void 0:e.column)||4,key:t},createElement("div",{className:classNames("wprf-input-radio-option",{"wprf-option-has-image":null!=l&&l,"wprf-option-selected":o==d})},createElement(Label,{className:classNames(_defineProperty({"wprf-label-has-image":null!=l&&l},"wprf-size-".concat(c.size),null!=(n=l&&(null==c?void 0:c.size))&&n)),htmlFor:"wprf-input-radio-".concat(i,"-").concat(t),src:l,badge:{label:a?"Pro":"Free",value:a,active:Boolean(s.is_pro_active)}},r),createElement(GenericInput,_extends$1({},e,u,{is_pro:a,type:"radio",value:o,checked:o===d,id:"wprf-input-radio-".concat(i,"-").concat(t)}))))})));throw new Error(__("#options is a required arguments for RadioCard field.","notificationx"))},Radio=withLabel(RadioCard),Section=function(n){var t=useBuilderContext(),e=_slicedToArray(useState(null!=(e=n.collapsed)&&e),2),r=e[0],o=e[1],e=_slicedToArray(useState([]),2),l=e[0],a=e[1],e=(useEffect(function(){var e=sortingFields(n.fields),e=(t.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e),e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}));a(e)},[]),classNames("wprf-control-section",null==n?void 0:n.classes,null==n?void 0:n.name,{"wprf-section-collapsed":(null==n?void 0:n.collapsible)&&r}));return createElement("div",{id:null==n?void 0:n.name,className:e},n.placeholder&&createElement("div",{className:"wprf-section-title"},createElement("h4",null,n.placeholder),n.collapsible&&createElement("button",{onClick:function(){return o(!r)}},"Icon")),createElement("div",{className:"wprf-section-fields"},l))},Section$1=React.memo(Section),rnds8=new Uint8Array(16);function rng(){if(getRandomValues=getRandomValues||"undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto))return getRandomValues(rnds8);throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}var REGEX=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function validate(e){return"string"==typeof e&&REGEX.test(e)}for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));function stringify(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,t=(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase();if(validate(t))return t;throw TypeError("Stringified UUID is invalid")}function v4(e,t,n){var r=(e=e||{}).random||(e.rng||rng)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=r[o];return t}return stringify(r)}function ownKeys$2(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$2(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$2(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$2(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Repeater=function(e){var o=e.name,t=(e.value,e.button),n=e.fields,l=useBuilderContext(),e=_slicedToArray(useState(null==(e=l.values)?void 0:e[o]),2),r=e[0],a=e[1],i=(useEffect(function(){var e;null!=(null==(e=l.values)?void 0:e[o])&&a(null==(e=l.values)?void 0:e[o])},[null==(e=l.values)?void 0:e[o]]),useCallback(function(e){var t=_toConsumableArray(r);t.splice(e,1),l.setFieldValue(o,t)},[r])),c=useCallback(function(e){var t=_toConsumableArray(r);0<t.length&&(null!=(e=t=null!=(e=t=null!=(e=t=null!=(e=t=(null==t?void 0:t[e])||{})&&e.title?_objectSpread$2(_objectSpread$2({},t),{},{title:t.title+" - Copy"}):t)&&e.post_title?_objectSpread$2(_objectSpread$2({},t),{},{post_title:t.post_title+" - Copy"}):t)&&e.username?_objectSpread$2(_objectSpread$2({},t),{},{username:t.username+" - Copy"}):t)&&e.plugin_theme_name&&(t=_objectSpread$2(_objectSpread$2({},t),{},{plugin_theme_name:t.plugin_theme_name+" - Copy"})),t=_objectSpread$2(_objectSpread$2({},t),{},{index:v4(),isCollapsed:!1}),l.setFieldValue([o,r.length],t))},[r]);return useEffect(function(){a(null==r||""==r?[{index:v4()}]:function(e){return e.map(function(e){return _objectSpread$2(_objectSpread$2({},e),{},{index:v4()})})})},[]),createElement("div",{className:"wprf-repeater-control"},r&&0<(null==r?void 0:r.length)&&createElement(ReactSortable,{className:"wprf-repeater-content",list:r,setList:function(e){l.setFieldValue(o,e)},handle:".wprf-repeater-field-title",filter:".wprf-repeater-field-controls",forceFallback:!0},r.map(function(e,r){return createElement(RepeaterField,{isCollapsed:null==e?void 0:e.isCollapsed,key:(null==e?void 0:e.index)||r,fields:n,index:r,parent:o,clone:c,remove:i,onChange:function(e){var t,n;t=r,(e=e).persist&&e.persist(),e=executeChange(e),n=e.field,e=e.val,l.setFieldValue([o,t,n],e)}})})),createElement("div",{className:"wprf-repeater-label"},createElement("button",{className:"wprf-repeater-button",onClick:function(){return l.setFieldValue(o,[].concat(_toConsumableArray(r),[{index:v4()}]))}},null==t?void 0:t.label)))},Slider=function(t){var n=t.name,e=t.id,r=t.label,o=t.units,l=t.value,a=t.min,i=t.max,c=t.unit,u=(t.tooltip,t.reset),l=_slicedToArray(useState(l||0),2),s=l[0],d=l[1],l=_slicedToArray(useState(c),2),p=l[0],f=l[1];return useEffect(function(){var e;s&&(isNumber(s)?e=p?"".concat(s).concat(p):"".concat(s):isString(s)&&(e=-1<s.indexOf(p)?"".concat(s):"".concat(s).concat(p)),t.onChange({target:{type:"slider",name:n,value:e}}))},[s,p]),createElement("div",{className:"wprf-slider-wrap"},createElement("div",{className:"wprf-slider-control-head"},createElement(Label,{htmlFor:e||n},r),isArray(o)&&0<o.length&&createElement("div",{className:"wprf-slider-units"},o.map(function(e,t){return createElement(Button$2,{key:t,isSmall:!0,isPrimary:!0,onClick:function(){return f(e)},className:e==p?"unit-active":""},e)}))),createElement("div",{className:"wprf-slider-control"},createElement(RangeControl,{allowReset:null==u||u,value:parseInt(s),min:a,max:i,onChange:function(e){return d(e)}})))},SelectAsync=function(o){var l=useBuilderContext(),e=o.id,t=o.name,n=o.multiple,r=o.placeholder,a=o.onChange;o.parentIndex;function i(t,n){var e;if(o.ajax&&(!o.ajax.rules||when(o.ajax.rules,l.values)))if(t)if(t.length<3)n([{label:"Please type 3 or more characters.",value:null,disabled:!0}]);else{var r={inputValue:t};if(null!=(e=Object.keys(o.ajax.data))&&e.map(function(e){var t,n;-1<o.ajax.data[e].indexOf("@")?(n=o.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=o.ajax.data[e]}),!f&&t)return m(!0),window.lastRequest=null,wpFetch({path:o.ajax.api,data:r}).then(function(e){return n(e),e}).finally(function(){var e;m(!1),window.lastRequest&&(e=window.lastRequest,window.lastRequest=null,i.apply(void 0,_toConsumableArray(e))),window.lastCompleteRequest=t});window.lastRequest=[t,n]}else n(u)}var c=_slicedToArray(useState(l.eligibleOptions(o.options)),2),u=c[0],s=c[1],c=_slicedToArray(useState(null==o?void 0:o.value),2),d=c[0],p=c[1],c=_slicedToArray(useState(!1),2),f=c[0],m=c[1];return useEffect(function(){s(l.eligibleOptions(o.options))},[l.values.source]),useEffect(function(){a({target:{type:"select",name:t,value:d,multiple:n}})},[d]),createElement("div",{className:"wprf-async-select-wrapper"},createElement(AsyncSelect,{cacheOptions:!0,loadOptions:i,defaultOptions:u,isDisabled:null==o?void 0:o.disable,isMulti:null!=n&&n,classNamePrefix:"wprf-async-select",id:e,name:t,placeholder:r,formatOptionLabel:function(e,t){var n,r;if(null!=t&&null!=(n=t.inputValue)&&n.length&&e.name&&e.name.toLowerCase().includes(null==t||null==(n=t.inputValue)?void 0:n.toLowerCase()))return null!=e&&e.name,n=new RegExp("(".concat(null==t?void 0:t.inputValue,")"),"gi"),t=null==(t=e.name)?void 0:t.replace(n,"<strong style={font-weight: 900}>$1</strong>"),r=null==(r=e.address)?void 0:r.replace(n,"<strong style={font-weight: 900}>$1</strong>"),createElement(Fragment,null,parse(t||"")," ",createElement("small",null,parse(r||"")));return createElement(Fragment,null,e.name?createElement(Fragment,null,createElement("b",null,e.name)," "):createElement(Fragment,null,e.label," "),e.address&&createElement("small",null,e.address))},value:d,isClearable:!0,isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return p(e)}}))},SelectAsync$1=withLabel(SelectAsync),ColorPicker=function(e){var t,n=e.value,r=e.name,o=e.id,l=e.onChange,e=_slicedToArray(useState(!1),2),a=e[0],i=e[1],e=_slicedToArray(useState(n||null),2),c=e[0],u=e[1],e=_slicedToArray(useState(null),2),s=e[0],d=e[1],e=useRef(null);useEffect(function(){d(n)},[]);return useEffect(function(){l({target:{type:"colorpicker",name:r,value:c}})},[c]),useEffect(function(){function e(e){t.current&&!t.current.contains(e.target)&&i(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[t=e]),createElement(Fragment,null,createElement("div",{className:"wprf-colorpicker-wrap",ref:e},createElement("input",{type:"hidden",value:n,name:r,id:o}),createElement("span",{className:"wprf-picker-display",style:{backgroundColor:n,borderColor:n},onClick:function(){return i(!a)}}),a&&createElement(Fragment,null,createElement("button",{className:"wprf-colorpicker-reset",onClick:function(e){e.preventDefault(),u(s),i(!1)}},__("Reset","notificationx")),createElement(ColorPicker$2,{color:n,onChangeComplete:function(e){return u(e.hex)}}))))},ColorPicker$1=withLabel(ColorPicker),Action=function(e){return createElement(Fragment,null,applyFilters(e.action,"",e))},Media=function(t){var e=_slicedToArray(useState(null!=(e=t.value)&&e.url?t.value:null),2),n=e[0],r=e[1];return useEffect(function(){t.onChange({target:{type:"media",name:t.name,value:n}})},[n]),createElement("div",{className:"wprf-control wprf-media"},null!=n&&!(null!=t&&t.notImage)&&createElement("div",{className:"wprf-image-preview"},null!=n&&(null==n?void 0:n.url)&&createElement("img",{src:n.url,alt:n.title})),createElement("div",{className:"wprf-image-uploader"},createElement(MediaUpload,{onSelect:function(e){r({id:e.id,title:e.title,url:e.url})},multiple:!1,allowedTypes:["image"],value:n,render:function(e){e=e.open;return createElement(Fragment,null,null!=n&&createElement("button",{className:"wprf-btn wprf-image-remove-btn",onClick:function(){return r(null)}},(null==t?void 0:t.remove)||"Remove"),createElement("button",{className:"wprf-btn wprf-image-upload-btn",onClick:e},null!=n?(null==t?void 0:t.reset)||"Change Image":(null==t?void 0:t.button)||"Upload"))}})))},Media$1=withLabel(Media),Editor=function(n){var e=_slicedToArray(useState(EditorState.createEmpty()),2),t=e[0],r=e[1];return useEffect(function(){var e,t;n.value&&(e=(t=htmlToDraft(n.value)).contentBlocks,t=t.entityMap,e=ContentState.createFromBlockArray(e,t),t=EditorState.createWithContent(e),r(t))},[]),useEffect(function(){var e=draftToHtml(convertToRaw(t.getCurrentContent()));n.onChange({target:{type:"editor",value:e,name:n.name}})},[t]),createElement(Editor$2,{placeholder:null==n?void 0:n.placeholder,toolbar:toolbarOptions,editorState:t,toolbarClassName:"wprf-editor-toolbar",wrapperClassName:"wprf-editor wprf-control",editorClassName:"wprf-editor-main",onEditorStateChange:r})},Editor$1=withLabel(Editor),Button=function(n){var e,t,r,o;if(null!=n&&n.text||!0===(null==n?void 0:n.group))return e=validFieldProps(n,["is_pro","visible","disable","parentIndex","context","onBlur","value","ajax","text"]),t=(o=_slicedToArray(useState(!1),2))[0],r=o[1],null!=n&&n.href?createElement("a",{href:-1===(null==n?void 0:n.href)?null==n?void 0:n.value:null==n?void 0:n.href,target:null==n?void 0:n.target,className:classNames("wprf-control wprf-button wprf-href-btn",null==n?void 0:n.classes)},null==n?void 0:n.text):null!=n&&n.group?(o=n.fields.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}),createElement("div",{className:"wprf-control wprf-button-group wprf-flex"},o)):createElement(Fragment,null,createElement("button",_extends$1({},e,{name:n.name,disabled:t,onClick:null!=(o=null==n?void 0:n.onClick)?o:function(e){null!=n&&n.ajax&&(r(!0),hitAAJX(n.ajax,n.context).then(function(e){var t;if(r(!1),"error"==(null==e?void 0:e.status))throw new Error(null==e?void 0:e.message);n.onChange({target:{type:"button",name:n.name,value:!0}}),null!=(e=n.ajax)&&e.hideSwal||(e=(null==(e=n.ajax)||null==(e=e.swal)?void 0:e.icon)||"success",t=(null==(t=n.ajax)||null==(t=t.swal)?void 0:t.text)||"Complete",n.context.alerts.toast(e,t,{autoClose:null==(e=n.ajax)||null==(t=e.swal)?void 0:t.autoClose})),null!=(e=n.ajax)&&e.reload&&setTimeout(function(){return window.location.reload()},1e3)}).catch(function(e){var t;console.error("Error In Button Called",n.name,e),r(!1),n.onChange({target:{type:"button",name:n.name,value:!1}}),null!=(t=n.ajax)&&t.hideSwal||n.context.alerts.toast("error",(null==e?void 0:e.message)||__("Something went wrong.","notificationx"))})),useTrigger(n)},className:classNames("wprf-control wprf-button wprf-btn",null==n?void 0:n.classes)}),isObject(null==n?void 0:n.text)&&null!=n&&n.ajax?t?null==n||null==(e=n.text)?void 0:e.loading:n.value?null==n||null==(o=n.text)?void 0:o.saved:null==n||null==(t=n.text)?void 0:t.normal:null==n?void 0:n.text));throw new Error(__("Button has a required params #text.","notificationx"))},Button$1=withLabel(Button);function ownKeys$1(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$1(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$1(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$1(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ResponsiveNumber=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","badge","popup"]),e=_slicedToArray(useState(Object.keys(t.controls)[0]),2),r=e[0],o=e[1],e=n.value;isObject(n.value)||Object.keys(t.controls).reduce(function(e,t){return _objectSpread$1(_objectSpread$1({},e),{},_defineProperty({},t,n.value))},{});var e=_slicedToArray(useState(e),2),l=e[0],a=e[1];return useEffect(function(){n.onChange({target:{type:"input",name:n.name,value:l,checked:null,multiple:null}})},[l]),createElement("div",{style:{display:"flex",alignItems:"center",rowGap:5,columnGap:10,flexWrap:"wrap"}},React.createElement("input",_objectSpread$1(_objectSpread$1({},n),{},{type:"number",value:null==l?void 0:l[r],onChange:function(e){a(_objectSpread$1(_objectSpread$1({},l),{},_defineProperty({},r,e.target.value)))}})),createElement("div",{style:{display:"flex",alignItems:"center"}},null==(e=Object.keys(t.controls))?void 0:e.map(function(e){return createElement("button",{type:"button",key:e,className:"responsive-button ".concat(r===e?"active":""),onClick:function(){return o(e)}},createElement("img",{src:t.controls[e].icon,alt:"desktop",style:{width:t.controls[e].size}}))})))},ResponsiveNumber$1=(ResponsiveNumber.defaultProps={type:"number"},withLabel(React.memo(ResponsiveNumber))),eligibleMessage=function(e){if(null!=e&&e.messages)for(var t in e.messages){t=e.messages[t];if(when(t.rules,e.context.values))return t}return{message:null==e?void 0:e.message,html:null==e?void 0:e.html,type:"normal"}},Message=function(e){var t=eligibleMessage(e),n=t.html,r=t.message,t=t.type;return r?createElement("div",{className:classNames("wprf-control","wprf-message","wprf-".concat(void 0===t?"warning":t,"-message"),"wprf-".concat(e.name,"-message"),null==e?void 0:e.classes)},n&&createElement("p",{dangerouslySetInnerHTML:{__html:r}}),!n&&createElement("p",null,r)):createElement(Fragment,null)},Modal=function(t){if(null==(null==t?void 0:t.body)||null==(null==t?void 0:t.button))throw new Error(__("Modal needs button/body with it.","notificationx"));function n(){return o(!1)}var e=_slicedToArray(useState(!1),2),r=e[0],o=e[1],e=_slicedToArray(useState(!1),2),l=e[0],e=(e[1],useCallback(function(){},[]));return createElement("div",{className:"wprf-control wprf-modal",id:"wprf-modal-".concat(t.name)},createElement(GenericField,_extends$1({type:"button"},null==t?void 0:t.button,{onClick:function(){return o(!0)}})),r&&createElement(SweetAlert$1,{customClass:"wprf-modal-inner",style:{maxWidth:"900px",width:"100%",overflowY:"scroll",margin:"50px auto"},closeBtnStyle:{top:"5px",right:"5px",color:"#f78c8c",fontSize:"18px",border:"1px solid #f78c8c",borderRadius:"50%",width:"30px",height:"30px",display:"inline-flex",alignItems:"center",justifyContent:"center"},title:createElement(ModalHeader,{content:null==t||null==(r=t.body)?void 0:r.header}),onConfirm:e,showConfirm:!1,showCloseButton:!0,closeOnClickOutside:!0,onCancel:n,afterUpdate:function(){var e;null!=t&&t.cancel&&null!=(e=t.context.values)&&e[t.cancel]&&n()}},createElement(ModalContent,_extends$1({},t,{isLoading:l,closeModal:n,context:t.context,onConfirm:e}))))},InnerContent=function(e){var t=e.fields,r=e.parentIndex,n=e.context,e=_slicedToArray(useState([]),2),o=e[0],l=e[1],e=_slicedToArray(useState([]),2),a=e[0],i=e[1];return useEffect(function(){var e=sortingFields(t);n.setFormField([r,"fields"],e),l(e)},[]),useEffect(function(){var e;isArray(o)&&0<o.length&&(e=o.map(function(e,t){var n=[].concat(_toConsumableArray(r),["fields",t]);return"section"===(null==e?void 0:e.type)?createElement(GenericField,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):e?createElement(Field$1,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):createElement(Fragment,null)}),i(e))},[o]),createElement(Fragment,null,a)};function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}var Submit=function(e){var e=_extends$1({},(_objectDestructuringEmpty(e),e)),n=useBuilderContext(),e=(null==e?void 0:e.label)||__("Save Changes","notificationx"),t=useCallback(function(e){var t;null!=(t=n.submit)&&t.onSubmit&&n.submit.onSubmit(e,n)},[n]);return createElement("div",{className:"wprf-submit wprf-control"},createElement(Button$2,{className:"wprf-submit-button",onClick:t},e))},SteppedButton=function(n){var e=_slicedToArray(useState(void 0),2),r=e[0],o=e[1],e=_slicedToArray(useState(void 0),2),l=e[0],a=e[1];return useBuilderContext(),useEffect(function(){var e=n.fields.map(function(e){return e.id}),t=e.findIndex(function(e){return e===n.active});-1!=t&&a(e[t-1]),t<=e.length&&o(e[t+1])},[n.active,n.fields]),createElement("div",{className:"wprf-stepped-button"},n.config.buttons&&Object.keys(n.config.buttons).map(function(e,t){return createElement(React.Fragment,{key:"button_".concat(e,"_").concat(t)},("next"===e&&void 0!==r||"prev"===e&&void 0!==l)&&createElement(Button$2,{className:"wprf-btn wprf-step-btn-".concat(e),onClick:function(){return n.setActive("next"===e?r:l)}},null==(t=n.config.buttons)?void 0:t[e]),null==r&&(null==(t=n.config.buttons)||null==(t=t[e])?void 0:t.type)&&createElement(Field$1,null==(t=n.config.buttons)?void 0:t[e]))}))},SteppedButton$1=React.memo(SteppedButton),_excluded=["fields","active","setActive","submit"],Content=function(e){var t=e.fields,r=e.active,n=e.setActive,o=e.submit,l=_objectWithoutProperties(e,_excluded);if(void 0===t)throw new Error(__("There are no #tabs args defined in props.","notificationx"));var a,i,c=useBuilderContext(),u=l.parentIndex||[];if(isArray(t))return a=(e=_slicedToArray(useState([]),2))[0],i=e[1],useEffect(function(){var e=t.filter(function(e){return isVisible(null==c?void 0:c.values,e)});i(e)},[t,null==c||null==(e=c.values)?void 0:e.source]),createElement("div",{className:classNames("wprf-tab-content-wrapper",null==c||null==(e=c.values)?void 0:e.source,null==c||null==(e=c.values)?void 0:e.themes)},createElement("div",{className:"wprf-tab-flex"},createElement("div",{className:"wprf-tab-contents"},t.map(function(e,t){var n;return isVisible(null==c?void 0:c.values,e)?(n=classNames("wprf-tab-content","wprf-tab-".concat(null==e?void 0:e.id),{"wprf-active":r===e.id}),createElement("div",{id:null==e?void 0:e.id,className:n,key:null==e?void 0:e.id},createElement("div",{className:"wprf-tab-heading-wrapper"},(null==e?void 0:e.label)&&(null==(n=null==l?void 0:l.title)||n)&&createElement("h4",null,e.label),createElement("div",null,(null==l?void 0:l.content_heading)&&Object.keys(l.content_heading).map(function(e,t){return createElement(React.Fragment,{key:"button_".concat(e,"_").concat(t)},createElement(Field$1,l.content_heading[e]))}))),createElement(InnerContent,{context:c,fields:null==e?void 0:e.fields,parentIndex:[].concat(_toConsumableArray(u),[t])}))):""})),applyFilters("wprf_tab_content","",l)),(null==l||null==(e=l.step)?void 0:e.show)&&createElement(SteppedButton$1,{fields:a,active:r,setActive:n,config:null!=(e=l.step)?e:{show:!1}}),(null==(a=null==o?void 0:o.show)||a)&&(null==o||!o.rules||when(null==o?void 0:o.rules,{rest:l}))&&createElement(Submit,o));throw new Error(__("Not an array.","notificationx"))},Tab=function(e){var t=useBuilderContext(),n=_slicedToArray(useState(e.value||e.active),2),r=n[0],o=n[1],n=classNames("wp-react-form wprf-tabs-wrapper",null==e?void 0:e.className,{"wprf-tab-menu-as-sidebar":null==e?void 0:e.sidebar});return useEffect(function(){e.value!==r&&o(e.value)},[e.value]),useEffect(function(){e.value!==r&&e.onChange({target:{type:"button",name:e.name,value:r}})},[r]),createElement("div",{className:n},createElement(Menu,_extends$1({},e,{active:r,setActive:function(e){return o(e)},fields:e.fields,context:t})),createElement(Content,_extends$1({},e,{fields:e.fields,active:r,setActive:function(e){return o(e)},submit:null==e?void 0:e.submit})))};function ownKeys(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}registerStore("formbuilder",store);var FormBuilder=function(e){var t,n=useBuilderContext(),r=e.tabs;return null!=(t=r)&&t.type||(r=_objectSpread(_objectSpread({},e.config),{},{value:e.config.active,fields:e.tabs,tabs:void 0,submit:null==e?void 0:e.submit,onChange:function(e){n.setActiveTab(null==e||null==(e=e.target)?void 0:e.value)}})),createElement(Fragment,null,createElement(Tab,r))};export{Action,BuilderConsumer,BuilderProvider,Button$1 as Button,CodeViewer$1 as CodeViewer,ColorPicker$1 as ColorPicker,Column,Date$1 as Date,Editor$1 as Editor,Field$1 as Field,FormBuilder,GenericField,GenericInput,Group$1 as Group,Image,Input$1 as Input,JsonUploader$1 as JsonUploader,Label,Media$1 as Media,Message,Modal,ObjectFilter,Radio,Repeater,ResponsiveNumber$1 as ResponsiveNumber,Row,Section$1 as Section,Select$1 as Select,SelectAsync$1 as SelectAsync,Slider,SweetAlert,Textarea$1 as Textarea,Toggle,_extends,builderReducer,executeChange,getIn,getSelectedValues,getStoreData,getTime,hitAAJX,isArray,isEmptyObj,isExists,isFunction,isNumber,isObject,isString,isVisible,merge,objectWithoutPropertiesLoose,processAjaxData,setIn,setStoreData,sortingFields,triggerDefaults,useBuilder,useBuilderContext,useDefaults,validFieldProps,when,withLabel,withProps,withState,wpFetch};
+import React,{useState,useEffect,createElement,useContext,createContext,useRef,useReducer,useCallback,useLayoutEffect,Fragment,useMemo}from"react";import{select,dispatch,registerStore}from"@wordpress/data";import{toPath,clone}from"lodash-es";import apiFetch from"@wordpress/api-fetch";import{__experimentalGetSettings,date}from"@wordpress/date";import moment from"moment";import intersect from"intersect";import{sprintf,__}from"@wordpress/i18n";import classNames from"classnames";import{doAction,applyFilters}from"@wordpress/hooks";import Swal from"sweetalert2";import{Dropdown,Button as Button$2,DateTimePicker,Icon,RangeControl,ColorPicker as ColorPicker$2}from"@wordpress/components";import copy from"copy-to-clipboard";import ReactSelect from"react-select";import{ReactSortable}from"react-sortablejs";import parse from"html-react-parser";import AsyncSelect from"react-select/async";import{MediaUpload}from"@wordpress/media-utils";import{Editor as Editor$2}from"react-draft-wysiwyg";import{EditorState,ContentState,convertToRaw}from"draft-js";import draftToHtml from"draftjs-to-html";import htmlToDraft from"html-to-draftjs";import"react-draft-wysiwyg/dist/react-draft-wysiwyg.css";import SweetAlert$1 from"react-bootstrap-sweetalert";function _typeof$1(e){return(_typeof$1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toPrimitive(e,t){if("object"!==_typeof$1(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!==_typeof$1(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"===_typeof$1(e)?e:String(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _arrayLikeToArray$2(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray$2(e)}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _unsupportedIterableToArray$2(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$2(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$2(e,t):void 0}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray$2(e)||_nonIterableSpread()}function ownKeys$f(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$f(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var wpFetch=function(e){e=_objectSpread$f(_objectSpread$f({},e),{},{method:"POST"});return apiFetch(e)},isString=function(e){return null!==e&&"string"==typeof e},isNumber=function(e){return null!==e&&"number"==typeof e},isInteger=function(e){return String(Math.floor(Number(e)))===e},isFunction=function(e){return null!==e&&"function"==typeof e},isArray=function(e){return null!==e&&"object"===_typeof$1(e)&&Array.isArray(e)},isObject=function(e){return null!==e&&"object"===_typeof$1(e)&&!isArray(e)},valueExists=function(e,t){return isArray(t)?e.some(function(e){return t.includes(e)}):e.includes(t)},isVisible=function(e,t){return null==t||!t.rules||null==t.name||(t=when(t.rules,e),Boolean(t))},withState=function(e){return Boolean(["group","section"].includes(e))},isEmptyObj=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},getIn=function(e,t,n,r){void 0===r&&(r=0);for(var o=toPath(t);e&&r<o.length;)e=e[o[r++]];return void 0===e?n:e},sortingFields=function(e){return[].concat(e).sort(function(e,t){return null==e.priority||null==t.priority?0:e.priority>t.priority?1:-1})},getSelectedValues=function(e){return Array.from(e).filter(function(e){return e.selected}).map(function(e){return e.value})},executeChange=function(e,t){var n=t,r=e;if(!isString(e)){e.persist&&e.persist();var e=e.target||e.currentTarget,o=e.type,l=e.name,a=e.value,i=e.checked,u=e.multiple,n=t||l;switch(o){case"number":case"range":r=parseFloat(a);break;case"checkbox":r=u?a:i;break;default:r=a}}return{field:n,val:r}},objectWithoutPropertiesLoose=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),l=0;l<o.length;l++)n=o[l],0<=t.indexOf(n)||(r[n]=e[n]);return r},setIn=function(e,t,n){for(var r=clone(e),o=r,l=0,a=toPath(t);l<a.length-1;l++){var i=a[l],u=getIn(e,a.slice(0,l+1));o=u&&(isObject(u)||Array.isArray(u))?o[i]=clone(u):(u=a[l+1],o[i]=isInteger(u)&&0<=Number(u)?[]:{})}return(0===l?e:o)[a[l]]===n?e:(void 0===n?delete o[a[l]]:o[a[l]]=n,0===l&&void 0===n&&delete r[a[l]],r)},validFieldProps=function(e){var t=e.type,n=["validation_rules","default","rules","meta","switch"].concat(_toConsumableArray(1<arguments.length&&void 0!==arguments[1]?arguments[1]:[])),t=("select"!==t&&"select-async"!==t&&"radio-card"!==t&&"checkbox"!==t&&"toggle"!==t&&e.multiple&&n.push("options"),"tab"!==t&&"group"!==t&&"repeater"!==t&&"section"!==t&&"button"!==t&&n.push("fields"),objectWithoutPropertiesLoose(e,n));return null==e||!e.label||null!=e&&e.placeholder||(t.placeholder=e.label),t},hitAAJX=function(o){var l=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;if(null!==l&&o){var r,e=!0;if(e=null!=o&&o.rules?when(null==o?void 0:o.rules,l.values):e)return r={},Object.keys(o.data).map(function(e){var t,n;-1<(null==(n=(t=o.data[e]).indexOf)?void 0:n.call(t,"@"))?(n=o.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=o.data[e]}),wpFetch({path:o.api,data:r}).then(function(e){"success"==(null==e?void 0:e.status)&&null!=e&&e.redirect&&(window.location=null==e?void 0:e.redirect);var t,n,r=null!=e&&null!=(t=e.data)&&t.context?e.data.context:!(null==e||!e.context)&&e.context;return r&&isObject(r)&&Object.keys(r).map(function(e){l.setFieldValue(e,r[e])}),null!=e&&null!=(t=e.data)&&t.download&&downloadFile({data:JSON.stringify(e.data.download),fileName:(null==e||null==(t=e.data)?void 0:t.filename)||"export.json",fileType:"text/json"}),null!=o&&o.trigger&&isString(null==o?void 0:o.trigger)&&(t=o.trigger.indexOf("@"),n=o.trigger.indexOf(":"),0===t)&&0<n&&(t=o.trigger.substr(1,n-1),"true"==(n=o.trigger.substr(n+1))?n=!0:"false"==n&&(n=!1),l.setFieldValue(t,n)),e})}return Promise.reject(!1)},getTime=function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=__experimentalGetSettings();return moment.utc(e||void 0).utcOffset(+(null==n||null==(n=n.timezone)?void 0:n.offset),t)},merge=function(e,t,n){var r=_toConsumableArray(e),e=t.filter(function(t){return r.findIndex(function(e){return e[n]===t[n]})<=-1});return[].concat(_toConsumableArray(r),_toConsumableArray(e))},downloadFile=function(e){var t=e.data,n=e.fileName,e=e.fileType,t=new Blob([t],{type:e}),e=document.createElement("a"),n=(e.download=n,e.href=window.URL.createObjectURL(t),new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}));e.dispatchEvent(n),e.remove()},_typeof=function(e){return("function"!=typeof Symbol||"symbol"!==_typeof$1(Symbol.iterator))&&e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":_typeof$1(e)},get=function(e,t){var n=!(2<(arguments.length<=2?0:arguments.length-2)&&void 0!==(arguments.length<=4?void 0:arguments[4]))||arguments.length<=4?void 0:arguments[4];return String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce(function(e,t){return e&&Object.hasOwnProperty.call(e,t)?e[t]:n},e)},rules={is:function(e,t,n){return get(n,e)==t},"!is":function(e,t,n){return!rules.is(e,t,n)},includes:function(e,t,n){if(!isEmptyObj(n)){n=get(n,e);if("function"!=_typeof(n)){if(isArray(t)&&isArray(n))return null==(e=intersect(n,t))?void 0:e.length;if(isArray(t)&&"string"==_typeof(n))return t.includes(n);if(isArray(n)&&"string"==_typeof(t))return n.includes(t)}}return!1},"!includes":function(e,t,n){return!rules.includes(e,t,n)},isOfType:function(e,t,n){return _typeof(get(n,e))===t},"!isOfType":function(e,t,n){return!rules.isOfType(e,t,n)},allOf:function(e,t,n){var r;if(Array.isArray(t))return r=get(n,e),t.every(function(e){return r.includes(e)});throw Error(__('"allOf" condition requires an array as #3 argument',"notificationx"))},anyOf:function(e,t,n){if(Array.isArray(t))return n=get(n,e),t.includes(n);throw Error(__('"anyOf" condition requires an array as #3 argument',"notificationx"))},gt:function(e,t,n){return get(n,e)>t},gte:function(e,t,n){return get(n,e)>=t},lt:function(e,t,n){return get(n,e)<t},lte:function(e,t,n){return get(n,e)<=t}},logicalRules={and:function(e){return!e.includes(!1)},or:function(e){return e.includes(!0)},not:function(e){if(1!==e.length)throw Error(__('"not" can have only one comparison rule, multiple rules given',"notificationx"));return!e[0]}},isValidCondition=function(e){return!!(Array.isArray(e)&&Array.isArray(e[1])&&e[0]&&logicalRules[e[0].toLowerCase()])},processRule=function(e,t){var n=e[0],r=e[1],e=e[2];if("string"!=typeof n||void 0===rules[n])throw Error(sprintf(__("Invalid comparison rule %s.","notificationx"),n));return rules[n](r,e,t)},processCondition=function(e,t){return logicalRules[e.toLowerCase()](t)},validate$1=function(e,n){var t,r;return isValidCondition(e)?(t=e.slice(0,1)[0],r=e.slice(1).map(function(e,t){return(isValidCondition(e)?when:processRule)(e,n)}),processCondition(t,r)):processRule(e,n)},when=function(e,t){return"function"==typeof e?Promise.resolve(e(t)):validate$1(e,t)};function ownKeys$e(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$e(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$e(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$e(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var DEFAULT_STATE={savedValues:{type:"conversions",source:"edd"},values:{},touched:{},errors:{}},actions={setSavedValues:function(e){return{type:"SET_SAVED_VALUES",payload:e}},setFieldValue:function(e){return{type:"FIELD_VALUE",name:e.name,payload:e.value}},removeFieldValue:function(e){return{type:"REMOVE_FIELD_VALUE",payload:e}},resetFieldValue:function(e){return{type:"RESET_FIELD_VALUE",payload:e}},setFieldTouched:function(e){return{type:"FIELD_TOUCHED",payload:e}},setError:function(e){return{type:"FIELD_ERROR",payload:e}},removeError:function(e){return{type:"REMOVE_FIELD_ERROR",payload:e}}},store={reducer:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:DEFAULT_STATE,t=1<arguments.length?arguments[1]:void 0;switch(t.type){case"SET_SAVED_VALUES":var n=_objectSpread$e({},e);return _objectSpread$e(_objectSpread$e({},n),{},{values:t.payload,savedValues:t.payload});case"FIELD_VALUE":var n=_objectSpread$e({},e),r=t.payload;return _objectSpread$e(_objectSpread$e({},n),{},{values:_objectSpread$e(_objectSpread$e({},null==(n=n)?void 0:n.values),r)});case"REMOVE_FIELD_VALUE":n=_objectSpread$e({},e),r=t.payload;return null!=(o=n.values)&&o[r]&&delete n.values[r],n;case"RESET_FIELD_VALUE":var o=_objectSpread$e({},e);return null!=(r=o.values)&&r[t.payload]&&(delete o.values[t.payload],null!=(n=o.savedValues))&&n[t.payload]&&(o.values[t.payload]=o.savedValues[t.payload]),o;case"FIELD_ERROR":return _objectSpread$e(_objectSpread$e({},e),{},{errors:_objectSpread$e(_objectSpread$e({},e.errors),t.payload)});case"REMOVE_FIELD_ERROR":r=_objectSpread$e({},e);return delete r.errors[t.payload],r;case"FIELD_TOUCHED":return _objectSpread$e(_objectSpread$e({},e),{},{touched:_objectSpread$e(_objectSpread$e({},e.touched),t.payload)})}return e},actions:actions,selectors:{getValues:function(e){return e.values},getFieldValue:function(e,t){return null==(e=e.values)?void 0:e[t]},getSavedFieldValue:function(e,t,n){var r;return(null===n||(null==(r=e.savedValues)?void 0:r[n])===(null==(r=e.values)?void 0:r[n]))&&(null==(r=e.savedValues)?void 0:r[t])},isTouched:function(e,t){return null==(e=e.touched)?void 0:e[t]},getError:function(e,t){return null==(e=e.errors)?void 0:e[t]},isVisible:function(e,t){return!t.rules||null==t.name||(t=when(t.rules,e.values),Boolean(t))}}};function _extends$1(){return(_extends$1=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray$2(e,t)||_nonIterableRest()}var Menu=function(r){if(void 0===r.fields)throw new Error(__("There are no tabs defined!","notificationx"));var o=r.active,l=r.setActive,t=r.fields,a=r.context,e=_slicedToArray(useState([]),2),n=e[0],i=e[1],e=(useEffect(function(){var e=t.filter(function(e){return isVisible(null==a?void 0:a.values,e)});i(e)},[t,null==a||null==(e=a.values)?void 0:e.source]),classNames("wprf-tab-menu-wrapper",null==r?void 0:r.className,{"wprf-tab-menu-sidebar":null==r?void 0:r.sidebar},null==a||null==(e=a.values)?void 0:e.source)),u=n.findIndex(function(e){return e.id===o});return createElement("div",{className:e},createElement("ul",{className:"wprf-tab-nav"},n.map(function(t,e){var n;return createElement("li",{className:classNames("wprf-tab-nav-item",(_defineProperty(n={},"".concat(t.classes),t.classes),_defineProperty(n,"wprf-active-nav",o===t.id),_defineProperty(n,"wprf-tab-complete",!(null==r||!r.completionTrack)&&e<=u),n)),"data-key":t.id,key:t.id,onClick:function(){var e;return(null==(e=null==r?void 0:r.clickable)||e)&&l(t.id)}},(null==t?void 0:t.icon)&&(isString(t.icon)&&!isObject(t.icon)?createElement("img",{src:t.icon,alt:null==t?void 0:t.label}):isObject(t.icon)?null==a||null==(e=a.icons)||null==(e=e[null==t||null==(n=t.icon)?void 0:n.type])?void 0:e[null==t||null==(n=t.icon)?void 0:n.name]:""),createElement("span",null,t.label))})))};function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),l=0;l<o.length;l++)n=o[l],0<=t.indexOf(n)||(r[n]=e[n]);return r}function _objectWithoutProperties(e,t){if(null==e)return{};var n,r=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),l=0;l<o.length;l++)n=o[l],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}var BuilderContext=createContext(void 0),BuilderProvider=(BuilderContext.displayName="production"===process.env.NODE_ENV?"Anonymous":"BuilderContext",BuilderContext.Provider),BuilderConsumer=BuilderContext.Consumer;function useBuilderContext(){return useContext(BuilderContext)}var useOptions=function(t){var n,r,o,l,e,a,i,u,c,s,d,p,f,m,v=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"fields";if(null!=t&&t[v])return n=t.value,r=t.multiple,o=useBuilderContext(),c=_slicedToArray(useState(t[v]),2),l=c[0],e=c[1],c=_slicedToArray(useState([]),2),a=c[0],i=c[1],c=_slicedToArray(useState({options:null,parentIndex:null}),2),u=c[0],c=c[1],p=_slicedToArray(useState(null),2),s=p[0],d=p[1],p=_slicedToArray(useState(null),2),f=p[0],m=p[1],useEffect(function(){var e=t.ajax&&(null==(e=o.getTabFields(null==t?void 0:t.parentIndex))?void 0:e[v])||l;i(o.eligibleOptions(e)),d(o.eligibleOption(e,n,null!=r&&r))},[n,l]),useEffect(function(){e(t[v]),i(o.eligibleOptions(t[v]))},[t]),useEffect(function(){i(o.eligibleOptions(l))},[l]),useEffect(function(){null!=u.options&&e(u.options)},[u]),useEffect(function(){var e;null!=s&&(e=r?isArray(s)&&s.map(function(e){return e.value})||n:s.value||n,m(e))},[s]),useEffect(function(){var e;0===a.filter(function(e){return e.value===f}).length&&(e=sortingFields(a),m((null==e||null==(e=e[0])?void 0:e.value)||n))},[f,a]),{options:sortingFields(a),option:f,selectedOption:s,setOptions:i,setData:c};throw new Error("#options param need to set in order to use useOptions hook.")},useTrigger=function(e){var o=e.context;null!=e&&e.trigger&&isArray(null==e?void 0:e.trigger)&&null!=e&&e.trigger.map(function(e){var t=(null==e?void 0:e.type)||"setFieldValue";if(null!=e&&e.action&&isObject(null==e?void 0:e.action))for(var n in null==e?void 0:e.action){var r=n,n=(-1<r.indexOf(".")&&(r=r.split(".")),null==e?void 0:e.action[n]);""!=r&&o[t](r,n)}})},useDefaults=function(e,t,n,r){if(null!=r&&null!=(null==r?void 0:r.defaults)&&!isEmptyObj(r.defaults)){var o=r.defaults;if(null!=o&&!isEmptyObj(o)){var l={};if(null!=o&&o[n]&&isString(null==o?void 0:o[n])){var a,r=o[n].indexOf("@"),i=o[n].indexOf(":");0===r&&0<i&&(r=o[n].substr(1,i-1),i=o[n].substr(i+1),a=t.getValueForDefault(r,e),""!=r)&&""!=i&&(i="false"!==i&&i,l[r]=a||i,t.setValue(r,a||i))}else if(null!=o&&o[n]&&(isArray(o[n])||isObject(o[n])))for(var u in o[n]){var c,s,d=o[n][u];d&&(isArray(d)||isObject(d))?(c=t.getValueForDefault(u,e),""!=u&&""!=d&&(d="false"!==d&&d,l[u]=c||d,t.setValue(u,c||d))):d&&(u=d.indexOf("@"),c=d.indexOf(":"),0===u)&&0<c&&(u=d.substr(1,c-1),s=d.substr(c+1),-1<d.indexOf(".")&&(u=u.split(".")),d=t.getValueForDefault(u,e),""!=u)&&""!=s&&(s="false"!==s&&s,l[u]=d||s,t.setValue(u,d||s))}return{defaultsData:l}}}};function ownKeys$d(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$d(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$d(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$d(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var SweetAlert=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return Swal.fire(_objectSpread$d({target:null!=(e=null==t?void 0:t.target)?e:"#notificationx",type:null!=(e=null==t?void 0:t.type)?e:"success",html:null==t?void 0:t.html,title:null!=(e=null==t?void 0:t.title)?e:__("Title Goes Here: title","notificationx"),text:null!=(e=null==t?void 0:t.text)?e:__("Test Goes Here: text","notificationx"),icon:null!=(e=null==t?void 0:t.icon)?e:(null==t?void 0:t.type)||"success",timer:null!=(e=null==t?void 0:t.timer)?e:null},t))},ObjectFilter=function(t,n){var r,e,o=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return!!t&&(r={},e=Object.keys(t).filter(function(e){return n(e)}),o?e:(e.map(function(e){r[e]=t[e]}),r))},isExists=function(e,t){var n=_typeof$1(e);switch(!0){case"object"===n&&isArray(e):return e.includes(t);case"object"===n&&!isArray(e):return void 0!==(null==e?void 0:e[t]);default:return e===t}},triggerDefaults=function(e,t){var n,r,o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!isEmptyObj(e)&&"object"===_typeof$1(e))for(var l in e)l===o&&(n=e[l].indexOf("@"),r=e[l].indexOf(":"),0===n)&&0<r&&(n=e[l].substr(1,r-1),l=e[l].substr(r+1),r=getStoreData().getSavedFieldValue(n,t),""!=n)&&""!=l&&setStoreData().setFieldValue({name:n,value:_defineProperty({},n,r||l)})},getStoreData=function(){return select("formbuilder")},setStoreData=function(){return dispatch("formbuilder")},processAjaxData=function(n){var r={};return Object.keys(n).map(function(e){var t;0===n[e].indexOf("@")?""!=(t=n[e].substr(1))&&(t=getStoreData().getFieldValue(t),r[e]=t||"undefined"):r[e]=n[e]}),r};function _extends(){for(var e=arguments.length,o=new Array(e),t=0;t<e;t++)o[t]=arguments[t];return(Object.assign||function(e){for(var t=1;t<o.length;t++){var n,r=o[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,o)}function ownKeys$c(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$c(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$c(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$c(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var builderReducer=function(e,t){switch(t.type){case"SET_CONTEXT":return _extends({},e,setIn(e,t.payload.field,t.payload.value));case"SET_ACTIVE_TAB":return _objectSpread$c(_objectSpread$c({},e),{},{config:_objectSpread$c(_objectSpread$c({},e.config),{},{active:t.payload})});case"SET_REDIRECT":return _objectSpread$c(_objectSpread$c({},e),{},{redirect:_objectSpread$c(_objectSpread$c({},e.redirect),t.payload)});case"SET_VALUES":return _extends({},e,setIn(e,"values",t.payload));case"SET_SAVED_VALUES":return _extends({},e,setIn(e,"savedValues",t.payload));case"SET_FIELD_VALUE":return _extends({},e,{values:setIn(e.values,t.payload.field,t.payload.value)});case"SET_TOUCHED":return _extends({},e,{touched:t.payload});case"SET_ERRORS":return _extends({},e,{errors:t.payload});case"SET_STATUS":return _extends({},e,{status:t.payload});case"SET_ISSUBMITTING":return _objectSpread$c(_objectSpread$c({},e),{},{isSubmitting:t.payload});case"SET_ISVALIDATING":return _extends({},e,{isValidating:t.payload});case"SET_FIELD_TOUCHED":return _objectSpread$c(_objectSpread$c({},e),{},{touched:_objectSpread$c(_objectSpread$c({},e.touched),{},_defineProperty({},t.payload.field,t.payload.value))});case"SET_FIELD_ERROR":case"RESET_FORM":return _extends({},e,t.payload);case"SUBMIT_ATTEMPT":return _extends({},e,{isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return _extends({},e,{isSubmitting:!1});case"SET_FORM_FIELD":return null===t.payload.field?_extends({},e,setIn(e,"tabs",t.payload.value)):_extends({},e,{tabs:setIn(e.tabs,t.payload.field,t.payload.value)});case"SET_ICONS":return _extends({},e,{icons:setIn(e.icons,t.payload.name,t.payload.icons)});case"SET_ALERTS":return _extends({},e,{alerts:setIn(e.alerts,t.payload.name,t.payload.value)});case"SET_COMMONS":return _extends({},e,{common:setIn(e.common,t.payload.name,t.payload.value)});default:return e}};function ownKeys$b(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$b(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$b(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var useBuilder=function(e){var t=useRef(!1);useEffect(function(){return t.current=!0,function(){t.current=!1}},[]);var n=_slicedToArray(useReducer(builderReducer,_objectSpread$b(_objectSpread$b({},e),{},{savedValues:e.savedValues||{},values:e.values||{},errors:e.initialErrors||{},touched:e.initialTouched||{},icons:e.initialIcons||{},common:{},alerts:{},tabs:sortingFields(e.tabs)})),2),u=n[0],r=n[1],n=useEventCallback(function(e,t,n){r({type:"SET_CONTEXT",payload:{field:e,value:t}})}),o=useEventCallback(function(e,t){e="function"==typeof e?e(u.values):e;return r({type:"SET_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),l=useEventCallback(function(e,t){e="function"==typeof e?e(u.values):e;return r({type:"SET_SAVED_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),a=useEventCallback(function(e,t,n){r({type:"SET_FIELD_VALUE",payload:{field:e,value:t}})}),i=useEventCallback(function(e,t){r({type:"SET_FORM_FIELD",payload:{field:e,value:t}})}),c=useCallback(function(e){return getIn(u.values,e)},[u]),s=useEventCallback(function(e,t,n){r({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t=t||!0}})}),d=useCallback(function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=(e.persist&&e.persist(),e.target),r=n.name,o=n.id;n.outerHTML,s(t||r||o,!0)},[s]),p=useEventCallback(function(t){if("string"==typeof t)return function(e){return d(e,t)};d(t)}),f=useCallback(function(e,t,n){null!=n&&n.isPro&&!1===Boolean(u.is_pro_active)||(t=(e=executeChange(e,t)).field,e=e.val,t&&(a(t,e),doAction("quickBuilder_setFieldValue",t,e,n)))},[a,u.values]),m=useEventCallback(function(t,n){var e;if(null!=n&&n.isPro&&!1===Boolean(u.is_pro_active)&&null!=(e=u.alerts)&&null!=(e=e.pro_alert(null==n?void 0:n.popup))&&e.fire(),"string"==typeof t)return function(e){return f(t,e,n)};f(t,null,n)}),v=useCallback(function(e){var t=_objectSpread$b({},e),n=validFieldProps(t),r=n.name,o=n.type,l=n.parent,a=n.parenttype,i=(null!=t&&t.is_pro&&(n.is_pro=!(null!=t&&t.is_pro&&!0===Boolean(u.is_pro_active))),l=l&&"group"===a?null!=(i=null==(i=null!=(i=getIn(u.values,l))?i:{})?void 0:i[r])?i:null==t?void 0:t.default:l&&"repeater"===a?null!=(i=null==(a=null!=(i=getIn(u.values,l))?i:[])||null==(l=a[n.index])?void 0:l[r])?i:null==t?void 0:t.default:null!=(a=getIn(u.values,r))?a:null==t?void 0:t.default,n.onChange=m,n.onBlur=p,n.value);return"checkbox"!==o||n.multiple?"radio"===o?(n.checked=l===i,n.value=i):n.value="date"===o&&null==l?getTime():l:(n.checked=!!l,n.value=!!l,isString(l)&&"0"===l?(n.checked=!1,n.value=!1):(n.checked=Boolean(l),n.value=Boolean(l))),n.visible=isVisible(u.values,e),n},[p,m,u.values]),b=useCallback(function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return n=null!==n?null==(n=getIn(u.values,n))?void 0:n[e]:getIn(u.values,e)||(null==(n=t.meta)?void 0:n.default),_objectSpread$b(_objectSpread$b({},t.meta),{},{value:n,error:getIn(u.errors,e),touched:!!getIn(u.touched,e),visible:isVisible(u.values,t),initialValue:"",initialTouched:"",initialError:""})},[u.errors,u.touched,u.values]),y=useCallback(function(e){return 0<e.length?e.filter(function(e){return null!=e&&e.rules?when(e.rules,u.values):e}):e},[u.errors,u.touched,u.values]),g=useCallback(function(e,t){var n;return e.length?(n=[],2<arguments.length&&void 0!==arguments[2]&&arguments[2]&&isArray(t)?e.filter(function(e){return t.includes(e.value)}):0<(n=e.filter(function(e){return e.value==t})).length?n[0]:""):e},[u.errors,u.touched,u.values]),w=useCallback(function(){return{setValue:function(e,t){return a(e,t)},getValue:function(e){return getIn(u.values,e)},getValueForDefault:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;return(null===t||getIn(u.savedValues,t)===getIn(u.values,t))&&getIn(u.savedValues,e)}}},[u.errors,u.touched,u.values,u.savedValues]),_=useCallback(function(e){return getIn(u.tabs,e)},[u]),h=useEventCallback(function(e){r({type:"SET_ISSUBMITTING",payload:e})}),E=useEventCallback(function(e){r({type:"SET_ACTIVE_TAB",payload:e})}),O=useEventCallback(function(e){r({type:"SET_REDIRECT",payload:e})}),j=useEventCallback(function(e,t){r({type:"SET_ICONS",payload:{name:e,icons:t}})}),S=useEventCallback(function(e,t){r({type:"SET_COMMONS",payload:{name:e,value:t}})}),x=useEventCallback(function(e,t){r({type:"SET_ALERTS",payload:{name:e,value:t}})});return _objectSpread$b(_objectSpread$b(_objectSpread$b({},e),u),{},{setContext:n,values:u.values,savedValues:u.savedValues,errors:u.errors,touched:u.touched,isSubmitting:null!=(e=null==u?void 0:u.isSubmitting)&&e,setActiveTab:E,setRedirect:O,setSubmitting:h,setValues:o,setSavedValues:l,setFieldValue:a,getFieldValue:c,handleBlur:p,handleChange:m,getFieldProps:v,getFieldMeta:b,getFieldHelpers:w,eligibleOptions:y,eligibleOption:g,getTabFields:_,setFormField:i,registerIcons:j,registerCommon:S,registerAlert:x})},useIsomorphicLayoutEffect="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?useLayoutEffect:useEffect,useEventCallback=function(e){var l=useRef(e);return useIsomorphicLayoutEffect(function(){l.current=e}),useCallback(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=arguments.length,t=new Array(r),o=0;o<r;o++)t[o]=arguments[o];return l.current.apply(void 0,t)},[])},Row=function(e){var t=classNames("wprf-row clearfix wprf-flex",null==e?void 0:e.className);return createElement("div",{className:t},null==e?void 0:e.children)},Column=function(e){var t=classNames("wprf-column",null==e?void 0:e.className,(_defineProperty(t={},"wprf-column-".concat(12/(null==e?void 0:e.column)),(null==e?void 0:e.column)&&12!==e.column),_defineProperty(t,"wprf-column-12",12===e.column),t));return createElement("div",{className:t},null==e?void 0:e.children)},Label=function(e){var t=classNames("wprf-input-label",null==e?void 0:e.className);return createElement("label",{htmlFor:null==e?void 0:e.htmlFor,className:t},(null==e||null==(t=e.badge)?void 0:t.value)&&createElement("div",{className:"wprf-badge"},createElement("sup",{className:classNames("wprf-badge-item",{"wprf-badge-active":null==e||null==(t=e.badge)?void 0:t.active})},null==e||null==(t=e.badge)?void 0:t.label)),!(null!=e&&e.src)&&(null==e?void 0:e.children),(null==e?void 0:e.src)&&createElement(Image,{className:"wprf-label-image",src:e.src,alt:null==e?void 0:e.label}))},Image=function(e){var t;return null!=e&&e.src?(t=classNames(["wprf-input-image",null==e?void 0:e.className]),createElement("img",{className:t,src:null==e?void 0:e.src,alt:null==e?void 0:e.alt})):createElement("p",null,"No Source( src ) Defined")},BadgeComp=function(e){var t=e.componentClasses,e=e.label;return createElement("div",{className:"wprf-badge"},createElement("sup",{className:t},e))},Badge=function(t){var n=useBuilderContext(),e=t.label,r=t.active,o=t.position,o=void 0===o?"right":o,l=t.renderLabel,a=t.renderComponent,r=(void 0===e&&(e="Pro"),classNames("wprf-badge-item",{"wprf-badge-active":r})),i={};return n.is_pro_active||(i={onClick:function(e){e.preventDefault(),n.alerts.pro_alert(null==t?void 0:t.popup).fire()}}),createElement("div",_extends$1({className:classNames("wprf-badge-wrapper",{"pro-deactivated":!n.is_pro_active})},i),"left"===o&&0<e.length&&createElement(Fragment,null,l(createElement(BadgeComp,{componentClasses:r,label:e}),"left")),"right"===o&&0<e.length&&createElement(Fragment,null,l(createElement(BadgeComp,{componentClasses:r,label:e}),"right")),a())},_excluded$4=["id","label","badge","badgePosition","context"],ControlLabel=function(e){var t=e.id,n=e.label,r=e.badge,o=e.badgePosition,l=e.context,e=_objectWithoutProperties(e,_excluded$4);return n&&0<n.length?createElement("div",{className:"wprf-control-label"},"left"==o&&r,createElement("label",{htmlFor:t},n),(null==e?void 0:e.label_subtitle)&&createElement("p",{className:"wprf-label-subtitle",dangerouslySetInnerHTML:{__html:null==e?void 0:e.label_subtitle}}),(null==e?void 0:e.link)&&createElement("a",{rel:"nofollow",target:"_blank",href:e.link},null==l||null==(t=l.icons)?void 0:t.link),"right"==o&&r):null},ControlField=function(e){var t=e.position,n=e.description,r=e.renderComponent,e=e.help;return createElement("div",{className:"wprf-control-field"},"left"===t&&n&&createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),r(),"right"===t&&n&&createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),e&&createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:e}}))},_excluded$3=["label","id","name","type","style","is_pro","badge"];function ownKeys$a(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$a(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$a(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var withLabel=function(p){return function(t){var n,r=t.label,o=t.id,e=t.name,l=t.type,a=t.style,i=t.is_pro,u=t.badge,c=_objectWithoutProperties(t,_excluded$3),s=(null==o&&(o=e),_objectSpread$a({description:{position:"right"}},a)),d=classNames((_defineProperty(a={},"wprf-style-".concat(null==s?void 0:s.type),(null==s?void 0:s.type)||!1),_defineProperty(a,"wprf-label-none",void 0===r||""===r||0===r.length),_defineProperty(a,"wprf-".concat((null==s||null==(d=s.label)?void 0:d.position)||"inline","-label"),(null==(d=null==s||null==(d=s.label)?void 0:d.position)||d)&&null!=r),a));return"hidden"===l?createElement(p,_extends$1({},t,{id:o})):(n=validFieldProps(t,["description","label","help","style"]),a=classNames("wprf-control-wrapper","wprf-type-".concat(l),d,null==t?void 0:t.classes,_defineProperty({},"wprf-name-".concat(e),e)),createElement("div",{className:a},1==i&&createElement(Fragment,null,createElement(Badge,_extends$1({},u,c,{renderLabel:function(e,t){return createElement(ControlLabel,_extends$1({},n,{context:null==c?void 0:c.context,id:o,label:r,badge:e,badgePosition:t}))},renderComponent:function(){var e;return createElement(ControlField,{help:null,description:null==t?void 0:t.description,position:null==s||null==(e=s.description)?void 0:e.position,renderComponent:function(){return createElement(p,_extends$1({},n,{disable:!0,id:o}))}})}})),(null==t?void 0:t.help)&&createElement("div",{className:"wprf-badge-wrapper"},createElement("div",{className:"wprf-control-label"}),createElement("div",{className:"wprf-control-field"},createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:t.help}})))),(0==i||null==i)&&createElement(Fragment,null,r&&0<r.length&&createElement(ControlLabel,_extends$1({},n,{context:null==c?void 0:c.context,label:r,id:o})),createElement(ControlField,{help:null==t?void 0:t.help,description:null==t?void 0:t.description,position:null==s||null==(l=s.description)?void 0:l.position,renderComponent:function(){return createElement(p,_extends$1({},n,{id:o}))}}))))}},withProps=function(u){var c=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return function(n){var e=useBuilderContext(),t=n.trigger,r=e.getFieldProps(n),o=e.getFieldMeta(r.name,n),l=e.getFieldHelpers(),a=(null!=e&&e.quickBuilder&&null!=e&&e.show&&(e.show.includes(n.name)||(r.classes=null!=r&&r.classes?r.classes+" hidden":" hidden")),null!=n&&n.parentIndex?_toConsumableArray(n.parentIndex):[]),i=(r.parentIndex=a,r.context=e,isFunction(n.onChange)&&(r.onChange=n.onChange),isFunction(n.onBlur)&&(r.onBlur=n.onBlur),useRef({}));return useEffect(function(){return i.current[n.name]=!0,function(){i.current[n.name]=!1}},[]),useEffect(function(){var e,t;o.visible&&i.current[n.name]&&(c||"group"===r.type?(e=null==n?void 0:n.parent,t=null==n?void 0:n.parenttype,e&&"group"===t&&r.value&&l.setValue([e,r.name],r.value)):l.setValue(r.name,r.value))},[o.visible]),useEffect(function(){i.current[n.name]&&isObject(t)&&!isEmptyObj(t)&&useDefaults(r.name,l,r.value,t)},[r.value,o.visible]),o.visible?createElement(u,r):createElement(Fragment,null)}};function _createForOfIteratorHelper$1(e,t){var n,r,o,l,a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(a)return r=!(n=!0),{s:function(){a=a.call(e)},n:function(){var e=a.next();return n=e.done,e},e:function(e){r=!0,o=e},f:function(){try{n||null==a.return||a.return()}finally{if(r)throw o}}};if(Array.isArray(e)||(a=_unsupportedIterableToArray$1(e))||t&&e&&"number"==typeof e.length)return a&&(e=a),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$1(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray$1(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray$1(e,t):void 0}function _arrayLikeToArray$1(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$9(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$9(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$9(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$9(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function GenericCheckbox(t){var e,n=_objectSpread$9({type:"",label:{position:"right"},column:4},t.style),r=useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames("wprf-checkbox-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return createElement("div",{className:n},createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"})),createElement("label",{htmlFor:t.id},t.label))}function Checkbox(t){var n,r,o,e=t.options,l=t.value,a=t.multiple,i=t.style,u=sortingFields(e),c=_objectSpread$9({column:4},i);return a?(e=_slicedToArray(useState({}),2),n=e[0],r=e[1],o=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$9(_objectSpread$9({},e),{},_defineProperty({},t.value,t.checked))})},useEffect(function(){t.onChange({target:{type:"checkbox",name:t.name,value:n,multiple:!0}})},[n]),useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper$1(u);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),createElement("div",{className:"wprf-checkbox-wrapper wprf-control"},createElement(Row,null,u.map(function(e){return createElement(Column,{key:e.value,column:c.column},createElement(GenericCheckbox,_objectSpread$9(_objectSpread$9({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:o,style:c})))})))):createElement(GenericInput,_objectSpread$9(_objectSpread$9({},t),{},{type:"checkbox"}))}var Checkbox$1=withLabel(Checkbox),Field=function(e){if(!e.type||0===e.type.length)throw console.error(e),new Error(__("Field must have a #type. see documentation.","notificationx"));switch(e.type){case"text":case"radio":case"email":case"range":case"number":case"hidden":return createElement(Input$1,e);case"checkbox":return createElement(Checkbox$1,e);case"textarea":return createElement(Textarea$1,e);case"codeviewer":return createElement(CodeViewer$1,e);case"message":return createElement(Message,e);case"select":return createElement(Select$1,e);case"select-async":return createElement(SelectAsync$1,e);case"slider":return createElement(Slider,e);case"group":return createElement(Group$1,e);case"radio-card":return createElement(Radio,e);case"section":return createElement(Section$1,e);case"date":return createElement(Date$1,e);case"toggle":return createElement(Toggle,e);case"colorpicker":return createElement(ColorPicker$1,e);case"jsonuploader":return createElement(JsonUploader$1,e);case"repeater":return createElement(Repeater,e);case"media":return createElement(Media$1,e);case"editor":return createElement(Editor$1,e);case"action":return createElement(Action,e);case"button":return createElement(Button$1,e);case"modal":return createElement(Modal,e);case"tab":return createElement(Tab,e);case"responsive-number":return createElement(ResponsiveNumber$1,e);default:var t=applyFilters("custom_field","",e.type,e);return createElement(Fragment,null,t)}},GenericField=withProps(Field,!0),Field$1=withProps(Field),DateControl=function(e){var t=e.name,n=e.value,r=e.onChange,o=e.position,l=__experimentalGetSettings(),a=null!=(e=null==e?void 0:e.format)?e:l.formats.datetime,i=getTime(n),u=/a(?!\\)/i.test(l.formats.datetime.toLowerCase().replace(/\\\\/g,"").split("").reverse().join(""));return useEffect(function(){r({target:{type:"date",name:t,value:i}})},[]),createElement(Dropdown,{className:"wprf-control-datetime",contentClassName:"wprf-control-datetime-content",position:o||"bottom right",renderToggle:function(e){e.isOpen;e=e.onToggle;return createElement(Button$2,{isTertiary:!0,onClick:e},date(a,i,-(new Date).getTimezoneOffset()))},renderContent:function(){return createElement(DateTimePicker,{__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,currentDate:getTime(i).toDate().toString(),onChange:function(e){r({target:{type:"date",name:t,value:moment(e).utc().format()}})},is12Hour:u})}})},Date$1=withLabel(DateControl);function ownKeys$8(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$8(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$8(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$8(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Input=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","copyOnClick","disable","parentIndex","context","badge","popup"]),e=useCallback(function(e){return n.onChange(e,{popup:null==t?void 0:t.popup,isPro:!!t.is_pro,originProps:t})},[null==n?void 0:n.value]);"checkbox"===n.type&&null!=n&&n.name&&(n.checked=(null==n?void 0:n.checked)||(null==n?void 0:n.value));var r,o=_slicedToArray(useState(!1),2),l=o[0],a=o[1];return useEffect(function(){var e;return l&&(e=setTimeout(function(){a(!1)},2e3)),function(){return e&&clearTimeout(e)}},[l]),!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value?(o=(null==t?void 0:t.copyMessage)||"Click To Copy!",r=(null==t?void 0:t.copiedMessage)||"Copied!",createElement("span",{className:"wprf-clipboard-wrapper"},React.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e})),createElement("span",{className:"wprf-clipboard-tooltip"},createElement("span",{className:"wprf-clipboard-tooltip-text"},l?r:o),createElement(Button$2,{className:"wprf-copy-icon",onClick:function(){copy(t.value,{format:"text/plain",onCopy:function(){a(!0)}})}},"Copy")))):React.createElement("input",_objectSpread$8(_objectSpread$8({},n),{},{onChange:e}))},GenericInput=(Input.defaultProps={type:"text"},React.memo(Input)),Input$1=withLabel(React.memo(Input));function ownKeys$7(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$7(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$7(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$7(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Textarea=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context"]),e=useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]);return React.createElement("textarea",_objectSpread$7(_objectSpread$7({},n),{},{onChange:e,rows:5}))},Textarea$1=withLabel(React.memo(Textarea));function ownKeys$6(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$6(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$6(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$6(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var CodeViewer=function(t){var e=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]),n={onChange:function(){},rows:5},r=(!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value&&(n.onClick=function(){var e=null!=t&&t.success_text?t.success_text:__("Copied to Clipboard.","notificationx");copy(t.value,{format:"text/plain",onCopy:function(){t.context.alerts.toast("success",e)}})}),null!=t&&t.button_text?t.button_text:__("Click to Copy","notificationx"));return createElement("span",{className:"wprf-code-viewer"},React.createElement("textarea",_objectSpread$6(_objectSpread$6({},e),n)),createElement(Button$2,{className:"wprf-copy-button"},r))},CodeViewer$1=withLabel(React.memo(CodeViewer)),JsonUploader=function(n){validFieldProps(n,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]);var e=_slicedToArray(useState(),2),t=e[0],r=e[1];return useEffect(function(){null!=n&&n.value||r(null)},[null==n?void 0:n.value]),createElement("span",{className:"wprf-json-uploader"},!t&&createElement("label",{className:"wprf-json-uploaderButton"},createElement("span",null,__("Upload")),createElement("input",{type:"file",accept:"application/JSON",onChange:function(e){var t;(e=e).target.files.length&&(0==(null==(e=e.target.files[0])?void 0:e.size)?n.context.alerts.toast("error",__("File can't be empty.","notificationx")):"application/json"!=(null==e?void 0:e.type)&&"text/json"!=(null==e?void 0:e.type)?n.context.alerts.toast("error",__("Invalid file type.","notificationx")):(r(e),(t=new FileReader).onload=function(e){e=null==e||null==(e=e.target)?void 0:e.result;n.onChange({target:{type:"jsonuploader",name:n.name,value:e}})},t.readAsText(e)))}})),t&&(null==t?void 0:t.name)&&createElement("span",{className:"wpfr-json-file-name-wrapper"},createElement("span",{className:"wpfr-json-file-name"},20<(null==t?void 0:t.name.length)?"".concat(null==t?void 0:t.name.substr(0,9),"...").concat(null==t?void 0:t.name.substr((null==t?void 0:t.name.length)-7)):null==t?void 0:t.name),createElement("span",{className:"wprf-json-file-delete-button",onClick:function(){r(null),n.onChange({target:{type:"jsonuploader",name:n.name,value:null}})}},"x")))},JsonUploader$1=withLabel(React.memo(JsonUploader)),_excluded$2=["name","fields"],Group=function(n){var r,o,e,t,l=n.name,a=n.fields,i=_objectWithoutProperties(n,_excluded$2);if(a&&isArray(a)&&0!==a.length)return r=useBuilderContext(),o=useCallback(function(e){e.persist&&e.persist();var e=executeChange(e),t=e.field,e=e.val;r.setFieldValue([l,t],e)},[n.value]),e=sortingFields(a),useEffect(function(){r.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e)},[]),a=e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(GenericField,_extends$1({},i,{key:e.name,index:n.index,onChange:o},e,{parenttype:"group",parent:l,parentIndex:t}))}),t=classNames("wprf-group-control-inner",{"wprf-display-inline":"inline"===(null==n?void 0:n.display)}),createElement("div",{className:"wprf-group-control"},createElement("div",{className:t},a));throw new Error(__("You should give a #fields arguments to a group field.","notificationx"))},Group$1=withLabel(Group),Select=function(l){function e(){if(l.ajax&&(!l.ajax.rules||when(l.ajax.rules,o.values))){y(!0);var r={};if(Object.keys(null==l?void 0:l.ajax.data).map(function(e){var t,n;-1<(null==l?void 0:l.ajax.data[e].indexOf("@"))?(n=null==l?void 0:l.ajax.data[e].substr(1),r[e]=null==(t=o.values)?void 0:t[n]):r[e]=null==l?void 0:l.ajax.data[e]}),!g)return wpFetch({path:null==l?void 0:l.ajax.api,data:r}).then(function(e){y(!1);var t=merge(l.options,e,"value");return o.setFormField([].concat(_toConsumableArray(c),["options"]),t),f({options:t,parentIndex:[].concat(_toConsumableArray(c),["options"])}),e})}}var o=useBuilderContext(),t=l.id,n=l.name,r=l.multiple,a=l.placeholder,i=l.search,i=void 0!==i&&i,u=l.onChange,c=l.parentIndex,s=useOptions(l,"options"),d=s.options,p=s.selectedOption,f=s.setData,s=_slicedToArray(useState(null),2),m=s[0],v=s[1],s=_slicedToArray(useState(!1),2),b=s[0],y=s[1],s=_slicedToArray(useState(!1),2),g=s[0],s=(s[1],useEffect(function(){!isArray(m)&&isObject(m)&&u({target:{type:"select",name:n,value:m.value,options:d,multiple:r}}),isArray(m)&&u({target:{type:"select",name:n,value:m.map(function(e){return e.value}),options:d,multiple:r}})},[m]),useEffect(function(){e()},[]),useEffect(function(){null!=l&&l.menuOpen&&e()},[null==l?void 0:l.menuOpen]),useCallback(function(e){var t,n,r,o;isArray(e)&&0<(null==l||null==(n=l.filterValue)?void 0:n.length)&&(r=n=e,o=null!=(t=null==l?void 0:l.filterValue)?t:["all"],isArray(o)||(o=[o]),e=r=1<(null==n?void 0:n.length)&&valueExists(n.map(function(e){return e.value}),o)?n.filter(function(e){return!o.includes(null==e?void 0:e.value)}):r),v(e)},[n,t,c]));return createElement("div",{className:"wprf-select-wrapper"},createElement(ReactSelect,{isDisabled:null==l?void 0:l.disable,classNamePrefix:"wprf-select",isSearchable:null!=i&&i,id:t,name:n,isMulti:null!=r&&r,placeholder:a,isLoading:b,options:d,value:p,onMenuOpen:e,onMenuClose:function(){y(!1)},isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:s}))},Select$1=withLabel(Select);const instanceMap=new WeakMap;function createId(e){var t=instanceMap.get(e)||0;return instanceMap.set(e,t+1),t}function useInstanceId(t,n,r){return useMemo(()=>{var e;return r||(e=createId(t),n?n+"-"+e:e)},[t])}var RepeaterField=function e(t){var n=useBuilderContext(),r=t.fields,o=t.onChange,l=t.index,a=t.parent,i=_slicedToArray(useState(t.isCollapsed),2),u=i[0],c=i[1],s=useInstanceId(e),i=null==(i=n.values)||null==(i=i[a])?void 0:i[l],i=(null==i?void 0:i.title)||(null==i?void 0:i.post_title)||(null==i?void 0:i.username)||(null==i?void 0:i.plugin_theme_name),i=i?i.length<40?i:i.substr(0,40)+"...":"";return useEffect(function(){n.setFieldValue([a,l,"isCollapsed"],u)},[u]),createElement("div",{className:"wprf-repeater-field"},createElement("div",{className:"wprf-repeater-field-title",onClick:function(){return c(!u)}},createElement("h4",null,createElement(Icon,{icon:"move"}),t.index+1,": ",i),createElement("div",{className:"wprf-repeater-field-controls"},createElement(Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.clone(t.index)},icon:"admin-page"}),createElement(Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.remove(t.index)},icon:"trash"}))),!u&&createElement("div",{className:"wprf-repeater-inner-field"},r.map(function(e,t){return createElement(GenericField,_extends$1({key:"field-".concat(l,"-").concat(t)},e,{id:"field-".concat(s,"-").concat(l,"-").concat(t),index:l,parenttype:"repeater",parent:a,onChange:function(e){return o(e,l)}}))})))};function ownKeys$5(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$5(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$5(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$5(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var GenericToggle=function(t){var e,n=_objectSpread$5({type:"",label:{position:"right"},column:4},t.style),r=useMemo(function(){var e=!1;return null!=t&&t.checked&&isObject(t.checked)&&isString(null==t?void 0:t.value)?e=t.checked[t.value]:isString(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=classNames("wprf-toggle-wrap",(_defineProperty(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),_defineProperty(e,"wprf-checked",Boolean(r)),_defineProperty(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return createElement("div",{className:n},createElement(GenericInput,_objectSpread$5(_objectSpread$5({},t),{},{type:"checkbox",placeholder:void 0})),createElement(Label,{htmlFor:t.id}))},GenericToggle$1=withLabel(GenericToggle),ModalContent=function(n){var e=n.isLoading;n.closeModal;var t=_slicedToArray(useState([]),2),r=t[0],o=t[1];return useEffect(function(){var e=sortingFields(n.body.fields).map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))});o(e)},[]),createElement("div",{className:"wprf-modal-body"},e&&createElement(Loading,null),!e&&createElement(Fragment,null,createElement("div",{className:"wprf-modal-content"},0<r.length&&r),createElement("div",{className:"wprf-modal-footer clearfix"},createElement("div",{className:"wprf-modal-footer-left"},(null==(t=n.body)?void 0:t.footer)&&isString(n.body.footer)&&createElement("p",null,n.body.footer),createElement(GenericField,_extends$1({type:"button"},null==n?void 0:n.confirm_button))))))},ModalHeader=function(e){e=e.content;return createElement("div",{className:"wprf-modal-header"},e&&isString(e)&&createElement("h3",null,e))},Loading=function(e){return createElement("p",null,__("Loading...","notificationx"))},toolbarOptions={options:["inline","blockType","textAlign","colorPicker","link"],inline:{options:["bold","italic","underline","strikethrough","monospace"]},blockType:{inDropdown:!0,options:["Normal","H1","H2","H3","H4","H5","H6","Blockquote","Code"],className:void 0,component:void 0,dropdownClassName:void 0}};function _createForOfIteratorHelper(e,t){var n,r,o,l,a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(a)return r=!(n=!0),{s:function(){a=a.call(e)},n:function(){var e=a.next();return n=e.done,e},e:function(e){r=!0,o=e},f:function(){try{n||null==a.return||a.return()}finally{if(r)throw o}}};if(Array.isArray(e)||(a=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return a&&(e=a),l=0,{s:t=function(){},n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys$4(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$4(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$4(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$4(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Toggle=function(t){var n,r,o,e=t.options,l=t.value,a=t.multiple,i=t.style,u=sortingFields(e),c=_objectSpread$4({column:4},i);return a?(e=_slicedToArray(useState({}),2),n=e[0],r=e[1],o=function(e){var t=e.target||e.currentTarget;r(function(e){return _objectSpread$4(_objectSpread$4({},e),{},_defineProperty({},t.value,t.checked))})},useEffect(function(){t.onChange({target:{type:"toggle",name:t.name,value:n}})},[n]),useEffect(function(){if(isObject(l))r(l);else{var e,t={},n=_createForOfIteratorHelper(u);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=l}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),createElement("div",{className:"wprf-toggle-wrapper wprf-control"},createElement(Row,null,u.map(function(e){return createElement(Column,{key:e.value,column:c.column},createElement(GenericToggle$1,_objectSpread$4(_objectSpread$4({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?l:!(null==n||!n[e.value])),type:"checkbox",onChange:o,style:c})))})))):createElement(GenericToggle$1,t)},_excluded$1=["label","value","icon","is_pro"];function ownKeys$3(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$3(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$3(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$3(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var getRandomValues,RadioCard=function e(t){var i,u,c,s=useBuilderContext(),n=useOptions(t,"options"),r=n.options,d=n.option;if(r)return i=useInstanceId(e),n=classNames(["wprf-control","wprf-radio-card","wprf-input-radio-set-wrap",null==t?void 0:t.className]),u=_objectSpread$3({},null==t?void 0:t.style),c=validFieldProps(t,["options","placeholder","style","trigger"]),useEffect(function(){d&&t.onChange({target:{type:"radio-card",name:t.name,value:d}})},[d]),createElement("div",{className:n},createElement(Row,null,r.map(function(e,t){var n,r=e.label,o=e.value,l=e.icon,a=e.is_pro,e=_objectWithoutProperties(e,_excluded$1);return createElement(Column,{column:+(null==e?void 0:e.column)||4,key:t},createElement("div",{className:classNames("wprf-input-radio-option",{"wprf-option-has-image":null!=l&&l,"wprf-option-selected":o==d})},createElement(Label,{className:classNames(_defineProperty({"wprf-label-has-image":null!=l&&l},"wprf-size-".concat(u.size),null!=(n=l&&(null==u?void 0:u.size))&&n)),htmlFor:"wprf-input-radio-".concat(i,"-").concat(t),src:l,badge:{label:a?"Pro":"Free",value:a,active:Boolean(s.is_pro_active)}},r),createElement(GenericInput,_extends$1({},e,c,{is_pro:a,type:"radio",value:o,checked:o===d,id:"wprf-input-radio-".concat(i,"-").concat(t)}))))})));throw new Error(__("#options is a required arguments for RadioCard field.","notificationx"))},Radio=withLabel(RadioCard),Section=function(n){var t=useBuilderContext(),e=_slicedToArray(useState(null!=(e=n.collapsed)&&e),2),r=e[0],o=e[1],e=_slicedToArray(useState([]),2),l=e[0],a=e[1],e=(useEffect(function(){var e=sortingFields(n.fields),e=(t.setFormField([].concat(_toConsumableArray(n.parentIndex),["fields"]),e),e.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}));a(e)},[]),classNames("wprf-control-section",null==n?void 0:n.classes,null==n?void 0:n.name,{"wprf-section-collapsed":(null==n?void 0:n.collapsible)&&r}));return createElement("div",{id:null==n?void 0:n.name,className:e},n.placeholder&&createElement("div",{className:"wprf-section-title"},createElement("h4",null,n.placeholder),n.collapsible&&createElement("button",{onClick:function(){return o(!r)}},"Icon")),createElement("div",{className:"wprf-section-fields"},l))},Section$1=React.memo(Section),rnds8=new Uint8Array(16);function rng(){if(getRandomValues=getRandomValues||"undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto))return getRandomValues(rnds8);throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}var REGEX=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function validate(e){return"string"==typeof e&&REGEX.test(e)}for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));function stringify(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,t=(byteToHex[e[t+0]]+byteToHex[e[t+1]]+byteToHex[e[t+2]]+byteToHex[e[t+3]]+"-"+byteToHex[e[t+4]]+byteToHex[e[t+5]]+"-"+byteToHex[e[t+6]]+byteToHex[e[t+7]]+"-"+byteToHex[e[t+8]]+byteToHex[e[t+9]]+"-"+byteToHex[e[t+10]]+byteToHex[e[t+11]]+byteToHex[e[t+12]]+byteToHex[e[t+13]]+byteToHex[e[t+14]]+byteToHex[e[t+15]]).toLowerCase();if(validate(t))return t;throw TypeError("Stringified UUID is invalid")}function v4(e,t,n){var r=(e=e||{}).random||(e.rng||rng)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=r[o];return t}return stringify(r)}function ownKeys$2(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$2(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$2(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$2(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Repeater=function(e){var o=e.name,t=(e.value,e.button),n=e.fields,l=useBuilderContext(),e=_slicedToArray(useState(null==(e=l.values)?void 0:e[o]),2),r=e[0],a=e[1],i=(useEffect(function(){var e;null!=(null==(e=l.values)?void 0:e[o])&&a(null==(e=l.values)?void 0:e[o])},[null==(e=l.values)?void 0:e[o]]),useCallback(function(e){var t=_toConsumableArray(r);t.splice(e,1),l.setFieldValue(o,t)},[r])),u=useCallback(function(e){var t=_toConsumableArray(r);0<t.length&&(null!=(e=t=null!=(e=t=null!=(e=t=null!=(e=t=(null==t?void 0:t[e])||{})&&e.title?_objectSpread$2(_objectSpread$2({},t),{},{title:t.title+" - Copy"}):t)&&e.post_title?_objectSpread$2(_objectSpread$2({},t),{},{post_title:t.post_title+" - Copy"}):t)&&e.username?_objectSpread$2(_objectSpread$2({},t),{},{username:t.username+" - Copy"}):t)&&e.plugin_theme_name&&(t=_objectSpread$2(_objectSpread$2({},t),{},{plugin_theme_name:t.plugin_theme_name+" - Copy"})),t=_objectSpread$2(_objectSpread$2({},t),{},{index:v4(),isCollapsed:!1}),l.setFieldValue([o,r.length],t))},[r]);return useEffect(function(){a(null==r||""==r?[{index:v4()}]:function(e){return e.map(function(e){return _objectSpread$2(_objectSpread$2({},e),{},{index:v4()})})})},[]),createElement("div",{className:"wprf-repeater-control"},r&&0<(null==r?void 0:r.length)&&createElement(ReactSortable,{className:"wprf-repeater-content",list:r,setList:function(e){l.setFieldValue(o,e)},handle:".wprf-repeater-field-title",filter:".wprf-repeater-field-controls",forceFallback:!0},r.map(function(e,r){return createElement(RepeaterField,{isCollapsed:null==e?void 0:e.isCollapsed,key:(null==e?void 0:e.index)||r,fields:n,index:r,parent:o,clone:u,remove:i,onChange:function(e){var t,n;t=r,(e=e).persist&&e.persist(),e=executeChange(e),n=e.field,e=e.val,l.setFieldValue([o,t,n],e)}})})),createElement("div",{className:"wprf-repeater-label"},createElement("button",{className:"wprf-repeater-button",onClick:function(){return l.setFieldValue(o,[].concat(_toConsumableArray(r),[{index:v4()}]))}},null==t?void 0:t.label)))},Slider=function(t){var n=t.name,e=t.id,r=t.label,o=t.units,l=t.value,a=t.min,i=t.max,u=t.unit,c=(t.tooltip,t.reset),l=_slicedToArray(useState(l||0),2),s=l[0],d=l[1],l=_slicedToArray(useState(u),2),p=l[0],f=l[1];return useEffect(function(){var e;s&&(isNumber(s)?e=p?"".concat(s).concat(p):"".concat(s):isString(s)&&(e=-1<s.indexOf(p)?"".concat(s):"".concat(s).concat(p)),t.onChange({target:{type:"slider",name:n,value:e}}))},[s,p]),createElement("div",{className:"wprf-slider-wrap"},createElement("div",{className:"wprf-slider-control-head"},createElement(Label,{htmlFor:e||n},r),isArray(o)&&0<o.length&&createElement("div",{className:"wprf-slider-units"},o.map(function(e,t){return createElement(Button$2,{key:t,isSmall:!0,isPrimary:!0,onClick:function(){return f(e)},className:e==p?"unit-active":""},e)}))),createElement("div",{className:"wprf-slider-control"},createElement(RangeControl,{allowReset:null==c||c,value:parseInt(s),min:a,max:i,onChange:function(e){return d(e)}})))},SelectAsync=function(o){var l=useBuilderContext(),e=o.id,t=o.name,n=o.multiple,r=o.placeholder,a=o.onChange;o.parentIndex;function i(t,n){var e;if(o.ajax&&(!o.ajax.rules||when(o.ajax.rules,l.values)))if(t)if(t.length<3)n([{label:__("Please input a minimum of 3 characters."),value:null,disabled:!0}]);else{var r={inputValue:t};if(null!=(e=Object.keys(o.ajax.data))&&e.map(function(e){var t,n;-1<o.ajax.data[e].indexOf("@")?(n=o.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=o.ajax.data[e]}),!f&&t)return m(!0),window.lastRequest=null,wpFetch({path:o.ajax.api,data:r}).then(function(e){return n(e),e}).finally(function(){var e;m(!1),window.lastRequest&&(e=window.lastRequest,window.lastRequest=null,i.apply(void 0,_toConsumableArray(e))),window.lastCompleteRequest=t});window.lastRequest=[t,n]}else n(c)}var u=_slicedToArray(useState(l.eligibleOptions(o.options)),2),c=u[0],s=u[1],u=_slicedToArray(useState(null==o?void 0:o.value),2),d=u[0],p=u[1],u=_slicedToArray(useState(!1),2),f=u[0],m=u[1];return useEffect(function(){s(l.eligibleOptions(o.options))},[l.values.source]),useEffect(function(){a({target:{type:"select",name:t,value:d,multiple:n}})},[d]),createElement("div",{className:"wprf-async-select-wrapper"},createElement(AsyncSelect,{cacheOptions:!0,loadOptions:i,defaultOptions:c,isDisabled:null==o?void 0:o.disable,isMulti:null!=n&&n,classNamePrefix:"wprf-async-select",id:e,name:t,placeholder:r,formatOptionLabel:function(e,t){var n,r;if(null!=t&&null!=(n=t.inputValue)&&n.length&&e.name&&e.name.toLowerCase().includes(null==t||null==(n=t.inputValue)?void 0:n.toLowerCase()))return null!=e&&e.name,n=new RegExp("(".concat(null==t?void 0:t.inputValue,")"),"gi"),t=null==(t=e.name)?void 0:t.replace(n,"<strong style={font-weight: 900}>$1</strong>"),r=null==(r=e.address)?void 0:r.replace(n,"<strong style={font-weight: 900}>$1</strong>"),createElement(Fragment,null,parse(t||"")," ",createElement("small",null,parse(r||"")));return createElement(Fragment,null,e.name?createElement(Fragment,null,createElement("b",null,e.name)," "):createElement(Fragment,null,e.label," "),e.address&&createElement("small",null,e.address))},value:d,isClearable:!0,isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return p(e)}}))},SelectAsync$1=withLabel(SelectAsync),ColorPicker=function(e){var t,n=e.value,r=e.name,o=e.id,l=e.onChange,e=_slicedToArray(useState(!1),2),a=e[0],i=e[1],e=_slicedToArray(useState(n||null),2),u=e[0],c=e[1],e=_slicedToArray(useState(null),2),s=e[0],d=e[1],e=useRef(null);useEffect(function(){d(n)},[]);return useEffect(function(){l({target:{type:"colorpicker",name:r,value:u}})},[u]),useEffect(function(){function e(e){t.current&&!t.current.contains(e.target)&&i(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[t=e]),createElement(Fragment,null,createElement("div",{className:"wprf-colorpicker-wrap",ref:e},createElement("input",{type:"hidden",value:n,name:r,id:o}),createElement("span",{className:"wprf-picker-display",style:{backgroundColor:n,borderColor:n},onClick:function(){return i(!a)}}),a&&createElement(Fragment,null,createElement("button",{className:"wprf-colorpicker-reset",onClick:function(e){e.preventDefault(),c(s),i(!1)}},__("Reset","notificationx")),createElement(ColorPicker$2,{color:n,onChangeComplete:function(e){return c(e.hex)}}))))},ColorPicker$1=withLabel(ColorPicker),Action=function(e){return createElement(Fragment,null,applyFilters(e.action,"",e))},Media=function(t){var e=_slicedToArray(useState(null!=(e=t.value)&&e.url?t.value:null),2),n=e[0],r=e[1];return useEffect(function(){t.onChange({target:{type:"media",name:t.name,value:n}})},[n]),createElement("div",{className:"wprf-control wprf-media"},null!=n&&!(null!=t&&t.notImage)&&createElement("div",{className:"wprf-image-preview"},null!=n&&(null==n?void 0:n.url)&&createElement("img",{src:n.url,alt:n.title})),createElement("div",{className:"wprf-image-uploader"},createElement(MediaUpload,{onSelect:function(e){r({id:e.id,title:e.title,url:e.url})},multiple:!1,allowedTypes:["image"],value:n,render:function(e){e=e.open;return createElement(Fragment,null,null!=n&&createElement("button",{className:"wprf-btn wprf-image-remove-btn",onClick:function(){return r(null)}},(null==t?void 0:t.remove)||"Remove"),createElement("button",{className:"wprf-btn wprf-image-upload-btn",onClick:e},null!=n?(null==t?void 0:t.reset)||"Change Image":(null==t?void 0:t.button)||"Upload"))}})))},Media$1=withLabel(Media),Editor=function(n){var e=_slicedToArray(useState(EditorState.createEmpty()),2),t=e[0],r=e[1];return useEffect(function(){var e,t;n.value&&(e=(t=htmlToDraft(n.value)).contentBlocks,t=t.entityMap,e=ContentState.createFromBlockArray(e,t),t=EditorState.createWithContent(e),r(t))},[]),useEffect(function(){var e=draftToHtml(convertToRaw(t.getCurrentContent()));n.onChange({target:{type:"editor",value:e,name:n.name}})},[t]),createElement(Editor$2,{placeholder:null==n?void 0:n.placeholder,toolbar:toolbarOptions,editorState:t,toolbarClassName:"wprf-editor-toolbar",wrapperClassName:"wprf-editor wprf-control",editorClassName:"wprf-editor-main",onEditorStateChange:r})},Editor$1=withLabel(Editor),Button=function(n){var e,t,r,o;if(null!=n&&n.text||!0===(null==n?void 0:n.group))return e=validFieldProps(n,["is_pro","visible","disable","parentIndex","context","onBlur","value","ajax","text"]),t=(o=_slicedToArray(useState(!1),2))[0],r=o[1],null!=n&&n.href?createElement("a",{href:-1===(null==n?void 0:n.href)?null==n?void 0:n.value:null==n?void 0:n.href,target:null==n?void 0:n.target,className:classNames("wprf-control wprf-button wprf-href-btn",null==n?void 0:n.classes)},null==n?void 0:n.text):null!=n&&n.group?(o=n.fields.map(function(e,t){t=[].concat(_toConsumableArray(n.parentIndex),["fields",t]);return createElement(Field$1,_extends$1({key:e.name},e,{parentIndex:t}))}),createElement("div",{className:"wprf-control wprf-button-group wprf-flex"},o)):createElement(Fragment,null,createElement("button",_extends$1({},e,{name:n.name,disabled:t,onClick:null!=(o=null==n?void 0:n.onClick)?o:function(e){null!=n&&n.ajax&&(r(!0),hitAAJX(n.ajax,n.context).then(function(e){var t;if(r(!1),"error"==(null==e?void 0:e.status))throw new Error(null==e?void 0:e.message);n.onChange({target:{type:"button",name:n.name,value:!0}}),null!=(e=n.ajax)&&e.hideSwal||(e=(null==(e=n.ajax)||null==(e=e.swal)?void 0:e.icon)||"success",t=(null==(t=n.ajax)||null==(t=t.swal)?void 0:t.text)||"Complete",n.context.alerts.toast(e,t,{autoClose:null==(e=n.ajax)||null==(e=e.swal)?void 0:e.autoClose})),null!=(t=n.ajax)&&t.reload&&setTimeout(function(){return window.location.reload()},1e3)}).catch(function(e){var t;console.error("Error In Button Called",n.name,e),r(!1),n.onChange({target:{type:"button",name:n.name,value:!1}}),null!=(t=n.ajax)&&t.hideSwal||n.context.alerts.toast("error",(null==e?void 0:e.message)||__("Something went wrong.","notificationx"))})),useTrigger(n)},className:classNames("wprf-control wprf-button wprf-btn",null==n?void 0:n.classes)}),isObject(null==n?void 0:n.text)&&null!=n&&n.ajax?t?null==n||null==(e=n.text)?void 0:e.loading:n.value?null==n||null==(o=n.text)?void 0:o.saved:null==n||null==(t=n.text)?void 0:t.normal:null==n?void 0:n.text));throw new Error(__("Button has a required params #text.","notificationx"))},Button$1=withLabel(Button);function ownKeys$1(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread$1(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys$1(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys$1(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ResponsiveNumber=function(t){var n=validFieldProps(t,["is_pro","visible","trigger","disable","parentIndex","context","badge","popup"]),e=_slicedToArray(useState(Object.keys(t.controls)[0]),2),r=e[0],o=e[1],e=n.value;isObject(n.value)||Object.keys(t.controls).reduce(function(e,t){return _objectSpread$1(_objectSpread$1({},e),{},_defineProperty({},t,n.value))},{});var e=_slicedToArray(useState(e),2),l=e[0],a=e[1];return useEffect(function(){n.onChange({target:{type:"input",name:n.name,value:l,checked:null,multiple:null}})},[l]),createElement("div",{style:{display:"flex",alignItems:"center",rowGap:5,columnGap:10,flexWrap:"wrap"}},React.createElement("input",_objectSpread$1(_objectSpread$1({},n),{},{type:"number",value:null==l?void 0:l[r],onChange:function(e){a(_objectSpread$1(_objectSpread$1({},l),{},_defineProperty({},r,e.target.value)))}})),createElement("div",{style:{display:"flex",alignItems:"center"}},null==(e=Object.keys(t.controls))?void 0:e.map(function(e){return createElement("button",{type:"button",key:e,className:"responsive-button ".concat(r===e?"active":""),onClick:function(){return o(e)}},createElement("img",{src:t.controls[e].icon,alt:"desktop",style:{width:t.controls[e].size}}))})))},ResponsiveNumber$1=(ResponsiveNumber.defaultProps={type:"number"},withLabel(React.memo(ResponsiveNumber))),eligibleMessage=function(e){if(null!=e&&e.messages)for(var t in e.messages){t=e.messages[t];if(when(t.rules,e.context.values))return t}return{message:null==e?void 0:e.message,html:null==e?void 0:e.html,type:"normal"}},Message=function(e){var t=eligibleMessage(e),n=t.html,r=t.message,t=t.type;return r?createElement("div",{className:classNames("wprf-control","wprf-message","wprf-".concat(void 0===t?"warning":t,"-message"),"wprf-".concat(e.name,"-message"),null==e?void 0:e.classes)},n&&createElement("p",{dangerouslySetInnerHTML:{__html:r}}),!n&&createElement("p",null,r)):createElement(Fragment,null)},Modal=function(t){if(null==(null==t?void 0:t.body)||null==(null==t?void 0:t.button))throw new Error(__("Modal needs button/body with it.","notificationx"));function n(){return o(!1)}var e=_slicedToArray(useState(!1),2),r=e[0],o=e[1],e=_slicedToArray(useState(!1),2),l=e[0],e=(e[1],useCallback(function(){},[]));return createElement("div",{className:"wprf-control wprf-modal",id:"wprf-modal-".concat(t.name)},createElement(GenericField,_extends$1({type:"button"},null==t?void 0:t.button,{onClick:function(){return o(!0)}})),r&&createElement(SweetAlert$1,{customClass:"wprf-modal-inner",style:{maxWidth:"900px",width:"100%",overflowY:"scroll",margin:"50px auto"},closeBtnStyle:{top:"5px",right:"5px",color:"#f78c8c",fontSize:"18px",border:"1px solid #f78c8c",borderRadius:"50%",width:"30px",height:"30px",display:"inline-flex",alignItems:"center",justifyContent:"center"},title:createElement(ModalHeader,{content:null==t||null==(r=t.body)?void 0:r.header}),onConfirm:e,showConfirm:!1,showCloseButton:!0,closeOnClickOutside:!0,onCancel:n,afterUpdate:function(){var e;null!=t&&t.cancel&&null!=(e=t.context.values)&&e[t.cancel]&&n()}},createElement(ModalContent,_extends$1({},t,{isLoading:l,closeModal:n,context:t.context,onConfirm:e}))))},InnerContent=function(e){var t=e.fields,r=e.parentIndex,n=e.context,e=_slicedToArray(useState([]),2),o=e[0],l=e[1],e=_slicedToArray(useState([]),2),a=e[0],i=e[1];return useEffect(function(){var e=sortingFields(t);n.setFormField([r,"fields"],e),l(e)},[]),useEffect(function(){var e;isArray(o)&&0<o.length&&(e=o.map(function(e,t){var n=[].concat(_toConsumableArray(r),["fields",t]);return"section"===(null==e?void 0:e.type)?createElement(GenericField,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):e?createElement(Field$1,_extends$1({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):createElement(Fragment,null)}),i(e))},[o]),createElement(Fragment,null,a)};function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}var Submit=function(e){var e=_extends$1({},(_objectDestructuringEmpty(e),e)),n=useBuilderContext(),t=(null==e?void 0:e.label)||__("Save Changes","notificationx"),e=(n.isSubmitting&&(t=null!=(e=null==e?void 0:e.loadingLabel)?e:"Saving..."),useCallback(function(e){var t;null!=(t=n.submit)&&t.onSubmit&&n.submit.onSubmit(e,n)},[n]));return createElement("div",{className:"wprf-submit wprf-control"},createElement(Button$2,{disabled:null==n?void 0:n.isSubmitting,className:"wprf-submit-button",onClick:e},t))},SteppedButton=function(n){var e=_slicedToArray(useState(void 0),2),r=e[0],o=e[1],e=_slicedToArray(useState(void 0),2),l=e[0],a=e[1];return useBuilderContext(),useEffect(function(){var e=n.fields.map(function(e){return e.id}),t=e.findIndex(function(e){return e===n.active});-1!=t&&a(e[t-1]),t<=e.length&&o(e[t+1])},[n.active,n.fields]),createElement("div",{className:"wprf-stepped-button"},n.config.buttons&&Object.keys(n.config.buttons).map(function(e,t){return createElement(React.Fragment,{key:"button_".concat(e,"_").concat(t)},("next"===e&&void 0!==r||"prev"===e&&void 0!==l)&&createElement(Button$2,{className:"wprf-btn wprf-step-btn-".concat(e),onClick:function(){return n.setActive("next"===e?r:l)}},null==(t=n.config.buttons)?void 0:t[e]),null==r&&(null==(t=n.config.buttons)||null==(t=t[e])?void 0:t.type)&&createElement(Field$1,null==(t=n.config.buttons)?void 0:t[e]))}))},SteppedButton$1=React.memo(SteppedButton),_excluded=["fields","active","setActive","submit"],Content=function(e){var t=e.fields,r=e.active,n=e.setActive,o=e.submit,l=_objectWithoutProperties(e,_excluded);if(void 0===t)throw new Error(__("There are no #tabs args defined in props.","notificationx"));var a,i,u=useBuilderContext(),c=l.parentIndex||[];if(isArray(t))return a=(e=_slicedToArray(useState([]),2))[0],i=e[1],useEffect(function(){var e=t.filter(function(e){return isVisible(null==u?void 0:u.values,e)});i(e)},[t,null==u||null==(e=u.values)?void 0:e.source]),createElement("div",{className:classNames("wprf-tab-content-wrapper",null==u||null==(e=u.values)?void 0:e.source,null==u||null==(e=u.values)?void 0:e.themes)},createElement("div",{className:"wprf-tab-flex"},createElement("div",{className:"wprf-tab-contents"},t.map(function(e,t){var n;return isVisible(null==u?void 0:u.values,e)?(n=classNames("wprf-tab-content","wprf-tab-".concat(null==e?void 0:e.id),{"wprf-active":r===e.id}),createElement("div",{id:null==e?void 0:e.id,className:n,key:null==e?void 0:e.id},createElement("div",{className:"wprf-tab-heading-wrapper"},(null==e?void 0:e.label)&&(null==(n=null==l?void 0:l.title)||n)&&createElement("h4",null,e.label),createElement("div",null,(null==l?void 0:l.content_heading)&&Object.keys(l.content_heading).map(function(e,t){return createElement(React.Fragment,{key:"button_".concat(e,"_").concat(t)},createElement(Field$1,l.content_heading[e]))}))),createElement(InnerContent,{context:u,fields:null==e?void 0:e.fields,parentIndex:[].concat(_toConsumableArray(c),[t])}))):""})),applyFilters("wprf_tab_content","",l)),(null==l||null==(e=l.step)?void 0:e.show)&&createElement(SteppedButton$1,{fields:a,active:r,setActive:n,config:null!=(e=l.step)?e:{show:!1}}),(null==(a=null==o?void 0:o.show)||a)&&(null==o||!o.rules||when(null==o?void 0:o.rules,{rest:l,config:{active:r}}))&&createElement(Submit,o));throw new Error(__("Not an array.","notificationx"))},Tab=function(t){var e=useBuilderContext(),n=_slicedToArray(useState((null==t?void 0:t.value)||(null==t?void 0:t.active)),2),r=n[0],o=n[1],n=classNames("wp-react-form wprf-tabs-wrapper",null==t?void 0:t.className,{"wprf-tab-menu-as-sidebar":null==t?void 0:t.sidebar});return useEffect(function(){var e=null!=(e=t.value)?e:t.active;e!=r&&o(e)},[null==t?void 0:t.value]),useEffect(function(){t.value!==r&&t.onChange({target:{type:"button",name:t.name,value:r}})},[r]),createElement("div",{className:n},createElement(Menu,_extends$1({},t,{active:r,setActive:function(e){return o(e)},fields:t.fields,context:e})),createElement(Content,_extends$1({},t,{fields:t.fields,active:r,setActive:function(e){return o(e)},submit:null==t?void 0:t.submit})))};function ownKeys(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}registerStore("formbuilder",store);var FormBuilder=function(e){var t,n=useBuilderContext(),r=e.tabs;return null!=(t=r)&&t.type||(r=_objectSpread(_objectSpread({},e.config),{},{value:null==e||null==(t=e.config)?void 0:t.active,fields:e.tabs,tabs:void 0,submit:null==e?void 0:e.submit,onChange:function(e){n.setActiveTab(null==e||null==(e=e.target)?void 0:e.value)}})),createElement(Fragment,null,createElement(Tab,r))};export{Action,BuilderConsumer,BuilderProvider,Button$1 as Button,CodeViewer$1 as CodeViewer,ColorPicker$1 as ColorPicker,Column,Date$1 as Date,Editor$1 as Editor,Field$1 as Field,FormBuilder,GenericField,GenericInput,Group$1 as Group,Image,Input$1 as Input,JsonUploader$1 as JsonUploader,Label,Media$1 as Media,Message,Modal,ObjectFilter,Radio,Repeater,ResponsiveNumber$1 as ResponsiveNumber,Row,Section$1 as Section,Select$1 as Select,SelectAsync$1 as SelectAsync,Slider,SweetAlert,Textarea$1 as Textarea,Toggle,_extends,builderReducer,executeChange,getIn,getSelectedValues,getStoreData,getTime,hitAAJX,isArray,isEmptyObj,isExists,isFunction,isNumber,isObject,isString,isVisible,merge,objectWithoutPropertiesLoose,processAjaxData,setIn,setStoreData,sortingFields,triggerDefaults,useBuilder,useBuilderContext,useDefaults,validFieldProps,valueExists,when,withLabel,withProps,withState,wpFetch};
diff --git a/dist/src/quickbuilder.umd.min.js b/dist/src/quickbuilder.umd.min.js
index 3aeee03..9b603cf 100644
--- a/dist/src/quickbuilder.umd.min.js
+++ b/dist/src/quickbuilder.umd.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@wordpress/data"),require("lodash-es"),require("@wordpress/api-fetch"),require("@wordpress/date"),require("moment"),require("intersect"),require("@wordpress/i18n"),require("classnames"),require("@wordpress/hooks"),require("sweetalert2"),require("@wordpress/components"),require("copy-to-clipboard"),require("react-select"),require("react-sortablejs"),require("html-react-parser"),require("react-select/async"),require("@wordpress/media-utils"),require("react-draft-wysiwyg"),require("draft-js"),require("draftjs-to-html"),require("html-to-draftjs"),require("react-draft-wysiwyg/dist/react-draft-wysiwyg.css"),require("react-bootstrap-sweetalert")):"function"==typeof define&&define.amd?define(["exports","react","@wordpress/data","lodash-es","@wordpress/api-fetch","@wordpress/date","moment","intersect","@wordpress/i18n","classnames","@wordpress/hooks","sweetalert2","@wordpress/components","copy-to-clipboard","react-select","react-sortablejs","html-react-parser","react-select/async","@wordpress/media-utils","react-draft-wysiwyg","draft-js","draftjs-to-html","html-to-draftjs","react-draft-wysiwyg/dist/react-draft-wysiwyg.css","react-bootstrap-sweetalert"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).quickbuilder={},e.React,e.wpData,e.lodashEs,e.wpApiFetch,e.wpDate,e.momentLib,e.intersect,e.wpI18n,e.classNames,e.wpHooks,e.sweetalert2,e.wpComponents,e.copy,e.reactSelect,e.reactSortablejs,e.parse,e.AsyncSelect,e.wpMedia,e.reactDraftWysiwyg,e.draftJs,e.draftjsToHtml,e.htmlToDraftjs,0,e.sweetalert)}(this,function(e,C,S,_,L,B,M,U,d,q,H,G,m,z,W,$,J,X,Y,K,Q,Z,ee,te,ne){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(C),re=t(L),le=t(M),ae=t(U),p=t(q),oe=t(G),ie=t(z),ue=t(W),ce=t(J),se=t(X),fe=t(Z),de=t(ee),pe=t(ne);function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function me(e){e=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!==o(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"===o(e)?e:String(e)}function v(e,t,n){return(t=me(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function be(e,t){var n;if(e)return"string"==typeof e?ve(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ve(e,t):void 0}function w(e){return function(e){if(Array.isArray(e))return ve(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||be(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ye(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function ge(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ye(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function we(e){return null!==e&&"number"==typeof e}function Ee(e){return null!==e&&"function"==typeof e}function he(e,t){var n=t,r=e;if(!k(e)){e.persist&&e.persist();var e=e.target||e.currentTarget,l=e.type,a=e.name,o=e.value,i=e.checked,u=e.multiple,n=t||a;switch(l){case"number":case"range":r=parseFloat(o);break;case"checkbox":r=u?o:i;break;default:r=o}}return{field:n,val:r}}function n(e,t,n){for(var r=_.clone(e),l=r,a=0,o=_.toPath(t);a<o.length-1;a++){var i=o[a],u=T(e,o.slice(0,a+1));l=u&&(E(u)||Array.isArray(u))?l[i]=_.clone(u):(u=o[a+1],l[i]=Ce(u)&&0<=Number(u)?[]:{})}return(0===a?e:l)[o[a]]===n?e:(void 0===n?delete l[o[a]]:l[o[a]]=n,0===a&&void 0===n&&delete r[o[a]],r)}function P(e){var t=e.type,n=["validation_rules","default","rules","meta","switch"].concat(w(1<arguments.length&&void 0!==arguments[1]?arguments[1]:[])),t=("select"!==t&&"select-async"!==t&&"radio-card"!==t&&"checkbox"!==t&&"toggle"!==t&&e.multiple&&n.push("options"),"tab"!==t&&"group"!==t&&"repeater"!==t&&"section"!==t&&"button"!==t&&n.push("fields"),Pe(e,n));return null==e||!e.label||null!=e&&e.placeholder||(t.placeholder=e.label),t}function Oe(l){var a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;if(null!==a&&l){var r,e=!0;if(e=null!=l&&l.rules?I(null==l?void 0:l.rules,a.values):e)return r={},Object.keys(l.data).map(function(e){var t,n;-1<(null==(n=(t=l.data[e]).indexOf)?void 0:n.call(t,"@"))?(n=l.data[e].substr(1),r[e]=null==(t=a.values)?void 0:t[n]):r[e]=l.data[e]}),_e({path:l.api,data:r}).then(function(e){"success"==(null==e?void 0:e.status)&&null!=e&&e.redirect&&(window.location=null==e?void 0:e.redirect);var t,n,r=null!=e&&null!=(t=e.data)&&t.context?e.data.context:!(null==e||!e.context)&&e.context;return r&&E(r)&&Object.keys(r).map(function(e){a.setFieldValue(e,r[e])}),null!=e&&null!=(t=e.data)&&t.download&&ke({data:JSON.stringify(e.data.download),fileName:(null==e||null==(t=e.data)?void 0:t.filename)||"export.json",fileType:"text/json"}),null!=l&&l.trigger&&k(null==l?void 0:l.trigger)&&(t=l.trigger.indexOf("@"),n=l.trigger.indexOf(":"),0===t)&&0<n&&(t=l.trigger.substr(1,n-1),"true"==(n=l.trigger.substr(n+1))?n=!0:"false"==n&&(n=!1),a.setFieldValue(t,n)),e})}return Promise.reject(!1)}function je(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=B.__experimentalGetSettings();return le.default.utc(e||void 0).utcOffset(+(null==n||null==(e=n.timezone)?void 0:e.offset),t)}function xe(e,t,n){var r=w(e),e=t.filter(function(t){return r.findIndex(function(e){return e[n]===t[n]})<=-1});return[].concat(w(r),w(e))}function Se(e){return("function"!=typeof Symbol||"symbol"!==o(Symbol.iterator))&&e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":o(e)}function l(e,t){var n=!(2<(arguments.length<=2?0:arguments.length-2)&&void 0!==(arguments.length<=4?void 0:arguments[4]))||arguments.length<=4?void 0:arguments[4];return String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce(function(e,t){return e&&Object.hasOwnProperty.call(e,t)?e[t]:n},e)}var _e=function(e){e=ge(ge({},e),{},{method:"POST"});return re.default(e)},k=function(e){return null!==e&&"string"==typeof e},Ce=function(e){return String(Math.floor(Number(e)))===e},N=function(e){return null!==e&&"object"===o(e)&&Array.isArray(e)},E=function(e){return null!==e&&"object"===o(e)&&!N(e)},D=function(e,t){return null==t||!t.rules||null==t.name||(t=I(t.rules,e),Boolean(t))},b=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},T=function(e,t,n,r){void 0===r&&(r=0);for(var l=_.toPath(t);e&&r<l.length;)e=e[l[r++]];return void 0===e?n:e},F=function(e){return[].concat(e).sort(function(e,t){return null==e.priority||null==t.priority?0:e.priority>t.priority?1:-1})},Pe=function(e,t){if(null==e)return{};for(var n,r={},l=Object.keys(e),a=0;a<l.length;a++)n=l[a],0<=t.indexOf(n)||(r[n]=e[n]);return r},ke=function(e){var t=e.data,n=e.fileName,e=e.fileType,t=new Blob([t],{type:e}),e=document.createElement("a"),n=(e.download=n,e.href=window.URL.createObjectURL(t),new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}));e.dispatchEvent(n),e.remove()},Ne={is:function(e,t,n){return l(n,e)==t},"!is":function(e,t,n){return!Ne.is(e,t,n)},includes:function(e,t,n){if(!b(n)){n=l(n,e);if("function"!=Se(n)){if(N(t)&&N(n))return null==(e=ae.default(n,t))?void 0:e.length;if(N(t)&&"string"==Se(n))return t.includes(n);if(N(n)&&"string"==Se(t))return n.includes(t)}}return!1},"!includes":function(e,t,n){return!Ne.includes(e,t,n)},isOfType:function(e,t,n){return Se(l(n,e))===t},"!isOfType":function(e,t,n){return!Ne.isOfType(e,t,n)},allOf:function(e,t,n){var r;if(Array.isArray(t))return r=l(n,e),t.every(function(e){return r.includes(e)});throw Error(d.__('"allOf" condition requires an array as #3 argument',"notificationx"))},anyOf:function(e,t,n){if(Array.isArray(t))return n=l(n,e),t.includes(n);throw Error(d.__('"anyOf" condition requires an array as #3 argument',"notificationx"))},gt:function(e,t,n){return l(n,e)>t},gte:function(e,t,n){return l(n,e)>=t},lt:function(e,t,n){return l(n,e)<t},lte:function(e,t,n){return l(n,e)<=t}},De={and:function(e){return!e.includes(!1)},or:function(e){return e.includes(!0)},not:function(e){if(1!==e.length)throw Error(d.__('"not" can have only one comparison rule, multiple rules given',"notificationx"));return!e[0]}},Te=function(e){return!!(Array.isArray(e)&&Array.isArray(e[1])&&e[0]&&De[e[0].toLowerCase()])},Fe=function(e,t){var n=e[0],r=e[1],e=e[2];if("string"!=typeof n||void 0===Ne[n])throw Error(d.sprintf(d.__("Invalid comparison rule %s.","notificationx"),n));return Ne[n](r,e,t)},Ie=function(e,t){return De[e.toLowerCase()](t)},I=function(e,t){return"function"==typeof e?Promise.resolve(e(t)):(n=t,Te(t=e)?(e=t.slice(0,1)[0],r=t.slice(1).map(function(e,t){return(Te(e)?I:Fe)(e,n)}),Ie(e,r)):Fe(t,n));var n,r};function Ae(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ae(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ae(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Ve={savedValues:{type:"conversions",source:"edd"},values:{},touched:{},errors:{}},L={reducer:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:Ve,t=1<arguments.length?arguments[1]:void 0;switch(t.type){case"SET_SAVED_VALUES":var n=a({},e);return a(a({},n),{},{values:t.payload,savedValues:t.payload});case"FIELD_VALUE":var n=a({},e),r=t.payload;return a(a({},n),{},{values:a(a({},null==(n=n)?void 0:n.values),r)});case"REMOVE_FIELD_VALUE":n=a({},e),r=t.payload;return null!=(l=n.values)&&l[r]&&delete n.values[r],n;case"RESET_FIELD_VALUE":var l=a({},e);return null!=(r=l.values)&&r[t.payload]&&(delete l.values[t.payload],null!=(n=l.savedValues))&&n[t.payload]&&(l.values[t.payload]=l.savedValues[t.payload]),l;case"FIELD_ERROR":return a(a({},e),{},{errors:a(a({},e.errors),t.payload)});case"REMOVE_FIELD_ERROR":r=a({},e);return delete r.errors[t.payload],r;case"FIELD_TOUCHED":return a(a({},e),{},{touched:a(a({},e.touched),t.payload)})}return e},actions:{setSavedValues:function(e){return{type:"SET_SAVED_VALUES",payload:e}},setFieldValue:function(e){return{type:"FIELD_VALUE",name:e.name,payload:e.value}},removeFieldValue:function(e){return{type:"REMOVE_FIELD_VALUE",payload:e}},resetFieldValue:function(e){return{type:"RESET_FIELD_VALUE",payload:e}},setFieldTouched:function(e){return{type:"FIELD_TOUCHED",payload:e}},setError:function(e){return{type:"FIELD_ERROR",payload:e}},removeError:function(e){return{type:"REMOVE_FIELD_ERROR",payload:e}}},selectors:{getValues:function(e){return e.values},getFieldValue:function(e,t){return null==(e=e.values)?void 0:e[t]},getSavedFieldValue:function(e,t,n){var r;return(null===n||(null==(r=e.savedValues)?void 0:r[n])===(null==(r=e.values)?void 0:r[n]))&&(null==(r=e.savedValues)?void 0:r[t])},isTouched:function(e,t){return null==(e=e.touched)?void 0:e[t]},getError:function(e,t){return null==(e=e.errors)?void 0:e[t]},isVisible:function(e,t){return!t.rules||null==t.name||(t=I(t.rules,e.values),Boolean(t))}}};function y(){return(y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}(e,t)||be(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Re(r){if(void 0===r.fields)throw new Error(d.__("There are no tabs defined!","notificationx"));var l=r.active,a=r.setActive,t=r.fields,o=r.context,e=(i=A(C.useState([]),2))[0],n=i[1],i=(C.useEffect(function(){var e=t.filter(function(e){return D(null==o?void 0:o.values,e)});n(e)},[t,null==o||null==(i=o.values)?void 0:i.source]),p.default("wprf-tab-menu-wrapper",null==r?void 0:r.className,{"wprf-tab-menu-sidebar":null==r?void 0:r.sidebar},null==o||null==(i=o.values)?void 0:i.source)),u=e.findIndex(function(e){return e.id===l});return C.createElement("div",{className:i},C.createElement("ul",{className:"wprf-tab-nav"},e.map(function(t,e){var n;return C.createElement("li",{className:p.default("wprf-tab-nav-item",(v(n={},"".concat(t.classes),t.classes),v(n,"wprf-active-nav",l===t.id),v(n,"wprf-tab-complete",!(null==r||!r.completionTrack)&&e<=u),n)),"data-key":t.id,key:t.id,onClick:function(){var e;return(null==(e=null==r?void 0:r.clickable)||e)&&a(t.id)}},(null==t?void 0:t.icon)&&(k(t.icon)&&!E(t.icon)?C.createElement("img",{src:t.icon,alt:null==t?void 0:t.label}):E(t.icon)?null==o||null==(e=o.icons)||null==(e=e[null==t||null==(n=t.icon)?void 0:n.type])?void 0:e[null==t||null==(n=t.icon)?void 0:n.name]:""),C.createElement("span",null,t.label))})))}function Le(e,t){if(null==e)return{};var n,r=function(e,t){if(null==e)return{};for(var n,r={},l=Object.keys(e),a=0;a<l.length;a++)n=l[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols)for(var l=Object.getOwnPropertySymbols(e),a=0;a<l.length;a++)n=l[a],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}var Be=C.createContext(void 0),M=(Be.displayName="production"===process.env.NODE_ENV?"Anonymous":"BuilderContext",Be.Provider),U=Be.Consumer;function h(){return C.useContext(Be)}function Me(t){var n,r,l,a,e,o,i,u,c,s,f,d,p,m,v=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"fields";if(null!=t&&t[v])return n=t.value,r=t.multiple,l=h(),c=A(C.useState(t[v]),2),a=c[0],e=c[1],c=A(C.useState([]),2),o=c[0],i=c[1],c=A(C.useState({options:null,parentIndex:null}),2),u=c[0],c=c[1],d=A(C.useState(null),2),s=d[0],f=d[1],d=A(C.useState(null),2),p=d[0],m=d[1],C.useEffect(function(){var e=t.ajax&&(null==(e=l.getTabFields(null==t?void 0:t.parentIndex))?void 0:e[v])||a;i(l.eligibleOptions(e)),f(l.eligibleOption(e,n,null!=r&&r))},[n,a]),C.useEffect(function(){e(t[v]),i(l.eligibleOptions(t[v]))},[t]),C.useEffect(function(){i(l.eligibleOptions(a))},[a]),C.useEffect(function(){null!=u.options&&e(u.options)},[u]),C.useEffect(function(){var e;null!=s&&(e=r?N(s)&&s.map(function(e){return e.value})||n:s.value||n,m(e))},[s]),C.useEffect(function(){var e;0===o.filter(function(e){return e.value===p}).length&&(e=F(o),m((null==e||null==(e=e[0])?void 0:e.value)||n))},[p,o]),{options:F(o),option:p,selectedOption:s,setOptions:i,setData:c};throw new Error("#options param need to set in order to use useOptions hook.")}function Ue(e,t,n,r){if(null!=r&&null!=(null==r?void 0:r.defaults)&&!b(r.defaults)){var l=r.defaults;if(null!=l&&!b(l)){var a={};if(null!=l&&l[n]&&k(null==l?void 0:l[n])){var o,r=l[n].indexOf("@"),i=l[n].indexOf(":");0===r&&0<i&&(r=l[n].substr(1,i-1),i=l[n].substr(i+1),o=t.getValueForDefault(r,e),""!=r)&&""!=i&&(i="false"!==i&&i,a[r]=o||i,t.setValue(r,o||i))}else if(null!=l&&l[n]&&(N(l[n])||E(l[n])))for(var u in l[n]){var c,s,f=l[n][u];f&&(N(f)||E(f))?(c=t.getValueForDefault(u,e),""!=u&&""!=f&&(f="false"!==f&&f,a[u]=c||f,t.setValue(u,c||f))):f&&(u=f.indexOf("@"),c=f.indexOf(":"),0===u)&&0<c&&(u=f.substr(1,c-1),s=f.substr(c+1),-1<f.indexOf(".")&&(u=u.split(".")),f=t.getValueForDefault(u,e),""!=u)&&""!=s&&(s="false"!==s&&s,a[u]=f||s,t.setValue(u,f||s))}return{defaultsData:a}}}}function qe(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function He(){return S.select("formbuilder")}function Ge(){return S.dispatch("formbuilder")}function r(){for(var e=arguments.length,l=new Array(e),t=0;t<e;t++)l[t]=arguments[t];return(Object.assign||function(e){for(var t=1;t<l.length;t++){var n,r=l[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,l)}function ze(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function i(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ze(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ze(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function We(e,t){switch(t.type){case"SET_CONTEXT":return r({},e,n(e,t.payload.field,t.payload.value));case"SET_ACTIVE_TAB":return i(i({},e),{},{config:i(i({},e.config),{},{active:t.payload})});case"SET_REDIRECT":return i(i({},e),{},{redirect:i(i({},e.redirect),t.payload)});case"SET_VALUES":return r({},e,n(e,"values",t.payload));case"SET_SAVED_VALUES":return r({},e,n(e,"savedValues",t.payload));case"SET_FIELD_VALUE":return r({},e,{values:n(e.values,t.payload.field,t.payload.value)});case"SET_TOUCHED":return r({},e,{touched:t.payload});case"SET_ERRORS":return r({},e,{errors:t.payload});case"SET_STATUS":return r({},e,{status:t.payload});case"SET_ISSUBMITTING":return i(i({},e),{},{isSubmitting:t.payload});case"SET_ISVALIDATING":return r({},e,{isValidating:t.payload});case"SET_FIELD_TOUCHED":return i(i({},e),{},{touched:i(i({},e.touched),{},v({},t.payload.field,t.payload.value))});case"SET_FIELD_ERROR":case"RESET_FORM":return r({},e,t.payload);case"SUBMIT_ATTEMPT":return r({},e,{isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return r({},e,{isSubmitting:!1});case"SET_FORM_FIELD":return null===t.payload.field?r({},e,n(e,"tabs",t.payload.value)):r({},e,{tabs:n(e.tabs,t.payload.field,t.payload.value)});case"SET_ICONS":return r({},e,{icons:n(e.icons,t.payload.name,t.payload.icons)});case"SET_ALERTS":return r({},e,{alerts:n(e.alerts,t.payload.name,t.payload.value)});case"SET_COMMONS":return r({},e,{common:n(e.common,t.payload.name,t.payload.value)});default:return e}}function $e(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function V(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$e(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$e(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function R(e){var a=C.useRef(e);return et(function(){a.current=e}),C.useCallback(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=arguments.length,t=new Array(r),l=0;l<r;l++)t[l]=arguments[l];return a.current.apply(void 0,t)},[])}function Je(e){var t=p.default("wprf-row clearfix wprf-flex",null==e?void 0:e.className);return C.createElement("div",{className:t},null==e?void 0:e.children)}function Xe(e){var t=p.default("wprf-column",null==e?void 0:e.className,(v(t={},"wprf-column-".concat(12/(null==e?void 0:e.column)),(null==e?void 0:e.column)&&12!==e.column),v(t,"wprf-column-12",12===e.column),t));return C.createElement("div",{className:t},null==e?void 0:e.children)}function Ye(e){var t=p.default("wprf-input-label",null==e?void 0:e.className);return C.createElement("label",{htmlFor:null==e?void 0:e.htmlFor,className:t},(null==e||null==(t=e.badge)?void 0:t.value)&&C.createElement("div",{className:"wprf-badge"},C.createElement("sup",{className:p.default("wprf-badge-item",{"wprf-badge-active":null==e||null==(t=e.badge)?void 0:t.active})},null==e||null==(t=e.badge)?void 0:t.label)),!(null!=e&&e.src)&&(null==e?void 0:e.children),(null==e?void 0:e.src)&&C.createElement(tt,{className:"wprf-label-image",src:e.src,alt:null==e?void 0:e.label}))}function Ke(t){var n=h(),e=t.label,r=t.active,l=void 0===(l=t.position)?"right":l,a=t.renderLabel,o=t.renderComponent,r=(void 0===e&&(e="Pro"),p.default("wprf-badge-item",{"wprf-badge-active":r})),i={};return n.is_pro_active||(i={onClick:function(e){e.preventDefault(),n.alerts.pro_alert(null==t?void 0:t.popup).fire()}}),C.createElement("div",y({className:p.default("wprf-badge-wrapper",{"pro-deactivated":!n.is_pro_active})},i),"left"===l&&0<e.length&&C.createElement(C.Fragment,null,a(C.createElement(nt,{componentClasses:r,label:e}),"left")),"right"===l&&0<e.length&&C.createElement(C.Fragment,null,a(C.createElement(nt,{componentClasses:r,label:e}),"right")),o())}function Qe(e){var t=e.id,n=e.label,r=e.badge,l=e.badgePosition,a=e.context,e=Le(e,rt);return n&&0<n.length?C.createElement("div",{className:"wprf-control-label"},"left"==l&&r,C.createElement("label",{htmlFor:t},n),(null==e?void 0:e.link)&&C.createElement("a",{rel:"nofollow",target:"_blank",href:e.link},null==a||null==(t=a.icons)?void 0:t.link),"right"==l&&r):null}function Ze(e){var t=e.position,n=e.description,r=e.renderComponent,e=e.help;return C.createElement("div",{className:"wprf-control-field"},"left"===t&&n&&C.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),r(),"right"===t&&n&&C.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),e&&C.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:e}}))}var et="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?C.useLayoutEffect:C.useEffect,tt=function(e){var t;return null!=e&&e.src?(t=p.default(["wprf-input-image",null==e?void 0:e.className]),C.createElement("img",{className:t,src:null==e?void 0:e.src,alt:null==e?void 0:e.alt})):C.createElement("p",null,"No Source( src ) Defined")},nt=function(e){var t=e.componentClasses,e=e.label;return C.createElement("div",{className:"wprf-badge"},C.createElement("sup",{className:t},e))},rt=["id","label","badge","badgePosition","context"],lt=["label","id","name","type","style","is_pro","badge"];function at(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function u(d){return function(t){var n,r=t.label,l=t.id,e=t.name,a=t.type,o=t.style,i=t.is_pro,u=t.badge,c=Le(t,lt),s=(null==l&&(l=e),function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?at(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):at(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({description:{position:"right"}},o)),f=p.default((v(o={},"wprf-style-".concat(null==s?void 0:s.type),(null==s?void 0:s.type)||!1),v(o,"wprf-label-none",void 0===r||""===r||0===r.length),v(o,"wprf-".concat((null==s||null==(f=s.label)?void 0:f.position)||"inline","-label"),(null==(f=null==s||null==(f=s.label)?void 0:f.position)||f)&&null!=r),o));return"hidden"===a?C.createElement(d,y({},t,{id:l})):(n=P(t,["description","label","help","style"]),o=p.default("wprf-control-wrapper","wprf-type-".concat(a),f,null==t?void 0:t.classes,v({},"wprf-name-".concat(e),e)),C.createElement("div",{className:o},1==i&&C.createElement(C.Fragment,null,C.createElement(Ke,y({},u,c,{renderLabel:function(e,t){return C.createElement(Qe,y({},n,{context:null==c?void 0:c.context,id:l,label:r,badge:e,badgePosition:t}))},renderComponent:function(){var e;return C.createElement(Ze,{help:null,description:null==t?void 0:t.description,position:null==s||null==(e=s.description)?void 0:e.position,renderComponent:function(){return C.createElement(d,y({},n,{disable:!0,id:l}))}})}})),(null==t?void 0:t.help)&&C.createElement("div",{className:"wprf-badge-wrapper"},C.createElement("div",{className:"wprf-control-label"}),C.createElement("div",{className:"wprf-control-field"},C.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:t.help}})))),(0==i||null==i)&&C.createElement(C.Fragment,null,r&&0<r.length&&C.createElement(Qe,y({},n,{context:null==c?void 0:c.context,label:r,id:l})),C.createElement(Ze,{help:null==t?void 0:t.help,description:null==t?void 0:t.description,position:null==s||null==(a=s.description)?void 0:a.position,renderComponent:function(){return C.createElement(d,y({},n,{id:l}))}}))))}}function ot(u){var c=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return function(n){var e=h(),t=n.trigger,r=e.getFieldProps(n),l=e.getFieldMeta(r.name,n),a=e.getFieldHelpers(),o=(null!=e&&e.quickBuilder&&null!=e&&e.show&&(e.show.includes(n.name)||(r.classes=null!=r&&r.classes?r.classes+" hidden":" hidden")),null!=n&&n.parentIndex?w(n.parentIndex):[]),i=(r.parentIndex=o,r.context=e,Ee(n.onChange)&&(r.onChange=n.onChange),Ee(n.onBlur)&&(r.onBlur=n.onBlur),C.useRef({}));return C.useEffect(function(){return i.current[n.name]=!0,function(){i.current[n.name]=!1}},[]),C.useEffect(function(){var e,t;l.visible&&i.current[n.name]&&(c||"group"===r.type?(e=null==n?void 0:n.parent,t=null==n?void 0:n.parenttype,e&&"group"===t&&r.value&&a.setValue([e,r.name],r.value)):a.setValue(r.name,r.value))},[l.visible]),C.useEffect(function(){i.current[n.name]&&E(t)&&!b(t)&&Ue(r.name,a,r.value,t)},[r.value,l.visible]),l.visible?C.createElement(u,r):C.createElement(C.Fragment,null)}}function it(e,t){var n,r,l,a,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,l=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw l}}};if(Array.isArray(e)||(o=function(e,t){var n;if(e)return"string"==typeof e?ut(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ut(e,t):void 0}(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),a=0,{s:t=function(){},n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function ut(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ct(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ct(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ct(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function st(t){var e,n=f({type:"",label:{position:"right"},column:4},t.style),r=C.useMemo(function(){var e=!1;return null!=t&&t.checked&&E(t.checked)&&k(null==t?void 0:t.value)?e=t.checked[t.value]:k(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=p.default("wprf-checkbox-wrap",(v(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),v(e,"wprf-checked",Boolean(r)),v(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return C.createElement("div",{className:n},C.createElement(yt,f(f({},t),{},{type:"checkbox"})),C.createElement("label",{htmlFor:t.id},t.label))}function ft(e){if(!e.type||0===e.type.length)throw console.error(e),new Error(d.__("Field must have a #type. see documentation.","notificationx"));switch(e.type){case"text":case"radio":case"email":case"range":case"number":case"hidden":return C.createElement(gt,e);case"checkbox":return C.createElement(dt,e);case"textarea":return C.createElement(ht,e);case"codeviewer":return C.createElement(xt,e);case"message":return C.createElement(pn,e);case"select":return C.createElement(Pt,e);case"select-async":return C.createElement(rn,e);case"slider":return C.createElement(nn,e);case"group":return C.createElement(Ct,e);case"radio-card":return C.createElement($t,e);case"section":return C.createElement(Jt,e);case"date":return C.createElement(pt,e);case"toggle":return C.createElement(Ht,e);case"colorpicker":return C.createElement(ln,e);case"jsonuploader":return C.createElement(St,e);case"repeater":return C.createElement(tn,e);case"media":return C.createElement(on,e);case"editor":return C.createElement(un,e);case"action":return C.createElement(an,e);case"button":return C.createElement(cn,e);case"modal":return C.createElement(mn,e);case"tab":return C.createElement(En,e);case"responsive-number":return C.createElement(dn,e);default:var t=H.applyFilters("custom_field","",e.type,e);return C.createElement(C.Fragment,null,t)}}var dt=u(function(t){var n,r,l,e=t.options,a=t.value,o=t.multiple,i=t.style,u=F(e),c=f({column:4},i);return o?(e=A(C.useState({}),2),n=e[0],r=e[1],l=function(e){var t=e.target||e.currentTarget;r(function(e){return f(f({},e),{},v({},t.value,t.checked))})},C.useEffect(function(){t.onChange({target:{type:"checkbox",name:t.name,value:n,multiple:!0}})},[n]),C.useEffect(function(){if(E(a))r(a);else{var e,t={},n=it(u);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=a}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),C.createElement("div",{className:"wprf-checkbox-wrapper wprf-control"},C.createElement(Je,null,u.map(function(e){return C.createElement(Xe,{key:e.value,column:c.column},C.createElement(st,f(f({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?a:!(null==n||!n[e.value])),type:"checkbox",onChange:l,style:c})))})))):C.createElement(yt,f(f({},t),{},{type:"checkbox"}))}),g=ot(ft,!0),O=ot(ft),pt=u(function(e){var t=e.name,n=e.value,r=e.onChange,l=e.position,a=B.__experimentalGetSettings(),o=null!=(e=null==e?void 0:e.format)?e:a.formats.datetime,i=je(n),u=/a(?!\\)/i.test(a.formats.datetime.toLowerCase().replace(/\\\\/g,"").split("").reverse().join(""));return C.useEffect(function(){r({target:{type:"date",name:t,value:i}})},[]),C.createElement(m.Dropdown,{className:"wprf-control-datetime",contentClassName:"wprf-control-datetime-content",position:l||"bottom right",renderToggle:function(e){e.isOpen;e=e.onToggle;return C.createElement(m.Button,{isTertiary:!0,onClick:e},B.date(o,i,-(new Date).getTimezoneOffset()))},renderContent:function(){return C.createElement(m.DateTimePicker,{__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,currentDate:je(i).toDate().toString(),onChange:function(e){r({target:{type:"date",name:t,value:le.default(e).utc().format()}})},is12Hour:u})}})});function mt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function vt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mt(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function bt(t){var n=P(t,["is_pro","visible","trigger","copyOnClick","disable","parentIndex","context","badge","popup"]),e=C.useCallback(function(e){return n.onChange(e,{popup:null==t?void 0:t.popup,isPro:!!t.is_pro})},[null==n?void 0:n.value]);"checkbox"===n.type&&null!=n&&n.name&&(n.checked=(null==n?void 0:n.checked)||(null==n?void 0:n.value));var r,l=A(C.useState(!1),2),a=l[0],o=l[1];return C.useEffect(function(){var e;return a&&(e=setTimeout(function(){o(!1)},2e3)),function(){return e&&clearTimeout(e)}},[a]),!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value?(l=(null==t?void 0:t.copyMessage)||"Click To Copy!",r=(null==t?void 0:t.copiedMessage)||"Copied!",C.createElement("span",{className:"wprf-clipboard-wrapper"},s.default.createElement("input",vt(vt({},n),{},{onChange:e})),C.createElement("span",{className:"wprf-clipboard-tooltip"},C.createElement("span",{className:"wprf-clipboard-tooltip-text"},a?r:l),C.createElement(m.Button,{className:"wprf-copy-icon",onClick:function(){ie.default(t.value,{format:"text/plain",onCopy:function(){o(!0)}})}},"Copy")))):s.default.createElement("input",vt(vt({},n),{},{onChange:e}))}bt.defaultProps={type:"text"};var yt=s.default.memo(bt),gt=u(s.default.memo(bt));function wt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function Et(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wt(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ht=u(s.default.memo(function(t){var n=P(t,["is_pro","visible","trigger","disable","parentIndex","context"]),e=C.useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]);return s.default.createElement("textarea",Et(Et({},n),{},{onChange:e,rows:5}))}));function Ot(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function jt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ot(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ot(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var xt=u(s.default.memo(function(t){var n=P(t,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]),e={onChange:C.useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]),rows:5},r=(!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value&&(e.onClick=function(){var e=null!=t&&t.success_text?t.success_text:d.__("Copied to Clipboard.","notificationx");ie.default(t.value,{format:"text/plain",onCopy:function(){t.context.alerts.toast("success",e)}})}),null!=t&&t.button_text?t.button_text:d.__("Click to Copy","notificationx"));return C.createElement("span",{className:"wprf-code-viewer"},s.default.createElement("textarea",jt(jt({},n),e)),C.createElement(m.Button,{className:"wprf-copy-button"},r))})),St=u(s.default.memo(function(n){P(n,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]);var e=A(C.useState(),2),t=e[0],r=e[1];return C.useEffect(function(){null!=n&&n.value||r(null)},[null==n?void 0:n.value]),C.createElement("span",{className:"wprf-json-uploader"},!t&&C.createElement("label",{className:"wprf-json-uploaderButton"},C.createElement("span",null,d.__("Upload")),C.createElement("input",{type:"file",accept:"application/JSON",onChange:function(e){var t;(e=e).target.files.length&&(0==(null==(e=e.target.files[0])?void 0:e.size)?n.context.alerts.toast("error",d.__("File can't be empty.","notificationx")):"application/json"!=(null==e?void 0:e.type)&&"text/json"!=(null==e?void 0:e.type)?n.context.alerts.toast("error",d.__("Invalid file type.","notificationx")):(r(e),(t=new FileReader).onload=function(e){e=null==e||null==(e=e.target)?void 0:e.result;n.onChange({target:{type:"jsonuploader",name:n.name,value:e}})},t.readAsText(e)))}})),t&&(null==t?void 0:t.name)&&C.createElement("span",{className:"wpfr-json-file-name-wrapper"},C.createElement("span",{className:"wpfr-json-file-name"},20<(null==t?void 0:t.name.length)?"".concat(null==t?void 0:t.name.substr(0,9),"...").concat(null==t?void 0:t.name.substr((null==t?void 0:t.name.length)-7)):null==t?void 0:t.name),C.createElement("span",{className:"wprf-json-file-delete-button",onClick:function(){r(null),n.onChange({target:{type:"jsonuploader",name:n.name,value:null}})}},"x")))})),_t=["name","fields"],Ct=u(function(n){var r,l,e,t,a=n.name,o=n.fields,i=Le(n,_t);if(o&&N(o)&&0!==o.length)return r=h(),l=C.useCallback(function(e){e.persist&&e.persist();var e=he(e),t=e.field,e=e.val;r.setFieldValue([a,t],e)},[n.value]),e=F(o),C.useEffect(function(){r.setFormField([].concat(w(n.parentIndex),["fields"]),e)},[]),o=e.map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(g,y({},i,{key:e.name,index:n.index,onChange:l},e,{parenttype:"group",parent:a,parentIndex:t}))}),t=p.default("wprf-group-control-inner",{"wprf-display-inline":"inline"===(null==n?void 0:n.display)}),C.createElement("div",{className:"wprf-group-control"},C.createElement("div",{className:t},o));throw new Error(d.__("You should give a #fields arguments to a group field.","notificationx"))}),Pt=u(function(l){function e(){if(l.ajax&&(!l.ajax.rules||I(l.ajax.rules,a.values))){y(!0);var r={};if(Object.keys(null==l?void 0:l.ajax.data).map(function(e){var t,n;-1<(null==l?void 0:l.ajax.data[e].indexOf("@"))?(n=null==l?void 0:l.ajax.data[e].substr(1),r[e]=null==(t=a.values)?void 0:t[n]):r[e]=null==l?void 0:l.ajax.data[e]}),!g)return _e({path:null==l?void 0:l.ajax.api,data:r}).then(function(e){y(!1);var t=xe(l.options,e,"value");return a.setFormField([].concat(w(c),["options"]),t),p({options:t,parentIndex:[].concat(w(c),["options"])}),e})}}var a=h(),t=l.id,n=l.name,r=l.multiple,o=l.placeholder,i=l.search,i=void 0!==i&&i,u=l.onChange,c=l.parentIndex,s=Me(l,"options"),f=s.options,d=s.selectedOption,p=s.setData,s=A(C.useState(null),2),m=s[0],v=s[1],s=A(C.useState(!1),2),b=s[0],y=s[1],s=A(C.useState(!1),2),g=s[0];s[1];return C.useEffect(function(){!N(m)&&E(m)&&u({target:{type:"select",name:n,value:m.value,options:f,multiple:r}}),N(m)&&u({target:{type:"select",name:n,value:m.map(function(e){return e.value}),options:f,multiple:r}})},[m]),C.useEffect(function(){e()},[]),C.useEffect(function(){null!=l&&l.menuOpen&&e()},[null==l?void 0:l.menuOpen]),C.createElement("div",{className:"wprf-select-wrapper"},C.createElement(ue.default,{isDisabled:null==l?void 0:l.disable,classNamePrefix:"wprf-select",isSearchable:null!=i&&i,id:t,name:n,isMulti:null!=r&&r,placeholder:o,isLoading:b,options:f,value:d,onMenuOpen:e,onMenuClose:function(){y(!1)},isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return v(e)}}))});const kt=new WeakMap;function Nt(n,r,l){return C.useMemo(()=>{var e,t;return l||(e=n,t=kt.get(e)||0,kt.set(e,t+1),r?r+"-"+t:t)},[n])}function Dt(t){var e=h(),n=t.fields,r=t.onChange,l=t.index,a=t.parent,o=(c=A(C.useState(t.isCollapsed),2))[0],i=c[1],u=Nt(Dt),c=(c=(null==(c=null==(c=e.values)||null==(c=c[a])?void 0:c[l])?void 0:c.title)||(null==c?void 0:c.post_title)||(null==c?void 0:c.username)||(null==c?void 0:c.plugin_theme_name))?c.length<40?c:c.substr(0,40)+"...":"";return C.useEffect(function(){e.setFieldValue([a,l,"isCollapsed"],o)},[o]),C.createElement("div",{className:"wprf-repeater-field"},C.createElement("div",{className:"wprf-repeater-field-title",onClick:function(){return i(!o)}},C.createElement("h4",null,C.createElement(m.Icon,{icon:"move"}),t.index+1,": ",c),C.createElement("div",{className:"wprf-repeater-field-controls"},C.createElement(m.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.clone(t.index)},icon:"admin-page"}),C.createElement(m.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.remove(t.index)},icon:"trash"}))),!o&&C.createElement("div",{className:"wprf-repeater-inner-field"},n.map(function(e,t){return C.createElement(g,y({key:"field-".concat(l,"-").concat(t)},e,{id:"field-".concat(u,"-").concat(l,"-").concat(t),index:l,parenttype:"repeater",parent:a,onChange:function(e){return r(e,l)}}))})))}function Tt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function Ft(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tt(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function It(n){var e=n.isLoading,t=(n.closeModal,A(C.useState([]),2)),r=t[0],l=t[1];return C.useEffect(function(){var e=F(n.body.fields).map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(O,y({key:e.name},e,{parentIndex:t}))});l(e)},[]),C.createElement("div",{className:"wprf-modal-body"},e&&C.createElement(Rt,null),!e&&C.createElement(C.Fragment,null,C.createElement("div",{className:"wprf-modal-content"},0<r.length&&r),C.createElement("div",{className:"wprf-modal-footer clearfix"},C.createElement("div",{className:"wprf-modal-footer-left"},(null==(t=n.body)?void 0:t.footer)&&k(n.body.footer)&&C.createElement("p",null,n.body.footer),C.createElement(g,y({type:"button"},null==n?void 0:n.confirm_button))))))}function At(e){return e=e.content,C.createElement("div",{className:"wprf-modal-header"},e&&k(e)&&C.createElement("h3",null,e))}var Vt=u(function(t){var e,n=Ft({type:"",label:{position:"right"},column:4},t.style),r=C.useMemo(function(){var e=!1;return null!=t&&t.checked&&E(t.checked)&&k(null==t?void 0:t.value)?e=t.checked[t.value]:k(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=p.default("wprf-toggle-wrap",(v(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),v(e,"wprf-checked",Boolean(r)),v(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return C.createElement("div",{className:n},C.createElement(yt,Ft(Ft({},t),{},{type:"checkbox",placeholder:void 0})),C.createElement(Ye,{htmlFor:t.id}))}),Rt=function(e){return C.createElement("p",null,d.__("Loading...","notificationx"))},Lt={options:["inline","blockType","textAlign","colorPicker","link"],inline:{options:["bold","italic","underline","strikethrough","monospace"]},blockType:{inDropdown:!0,options:["Normal","H1","H2","H3","H4","H5","H6","Blockquote","Code"],className:void 0,component:void 0,dropdownClassName:void 0}};function Bt(e,t){var n,r,l,a,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,l=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw l}}};if(Array.isArray(e)||(o=function(e,t){var n;if(e)return"string"==typeof e?Mt(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Mt(e,t):void 0}(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),a=0,{s:t=function(){},n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Mt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ut(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function qt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ut(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ut(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Ht=function(t){var n,r,l,e=t.options,a=t.value,o=t.multiple,i=t.style,u=F(e),c=qt({column:4},i);return o?(e=A(C.useState({}),2),n=e[0],r=e[1],l=function(e){var t=e.target||e.currentTarget;r(function(e){return qt(qt({},e),{},v({},t.value,t.checked))})},C.useEffect(function(){t.onChange({target:{type:"toggle",name:t.name,value:n}})},[n]),C.useEffect(function(){if(E(a))r(a);else{var e,t={},n=Bt(u);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=a}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),C.createElement("div",{className:"wprf-toggle-wrapper wprf-control"},C.createElement(Je,null,u.map(function(e){return C.createElement(Xe,{key:e.value,column:c.column},C.createElement(Vt,qt(qt({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?a:!(null==n||!n[e.value])),type:"checkbox",onChange:l,style:c})))})))):C.createElement(Vt,t)},Gt=["label","value","icon","is_pro"];function zt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}var Wt,$t=u(function e(t){var i,u,c,s=h(),n=Me(t,"options"),r=n.options,f=n.option;if(r)return i=Nt(e),n=p.default(["wprf-control","wprf-radio-card","wprf-input-radio-set-wrap",null==t?void 0:t.className]),u=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zt(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},null==t?void 0:t.style),c=P(t,["options","placeholder","style","trigger"]),C.useEffect(function(){f&&t.onChange({target:{type:"radio-card",name:t.name,value:f}})},[f]),C.createElement("div",{className:n},C.createElement(Je,null,r.map(function(e,t){var n,r=e.label,l=e.value,a=e.icon,o=e.is_pro,e=Le(e,Gt);return C.createElement(Xe,{column:+(null==e?void 0:e.column)||4,key:t},C.createElement("div",{className:p.default("wprf-input-radio-option",{"wprf-option-has-image":null!=a&&a,"wprf-option-selected":l==f})},C.createElement(Ye,{className:p.default(v({"wprf-label-has-image":null!=a&&a},"wprf-size-".concat(u.size),null!=(n=a&&(null==u?void 0:u.size))&&n)),htmlFor:"wprf-input-radio-".concat(i,"-").concat(t),src:a,badge:{label:o?"Pro":"Free",value:o,active:Boolean(s.is_pro_active)}},r),C.createElement(yt,y({},e,c,{is_pro:o,type:"radio",value:l,checked:l===f,id:"wprf-input-radio-".concat(i,"-").concat(t)}))))})));throw new Error(d.__("#options is a required arguments for RadioCard field.","notificationx"))}),Jt=s.default.memo(function(n){var t=h(),e=A(C.useState(null!=(e=n.collapsed)&&e),2),r=e[0],l=e[1],e=A(C.useState([]),2),a=e[0],o=e[1],e=(C.useEffect(function(){var e=F(n.fields),e=(t.setFormField([].concat(w(n.parentIndex),["fields"]),e),e.map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(O,y({key:e.name},e,{parentIndex:t}))}));o(e)},[]),p.default("wprf-control-section",null==n?void 0:n.classes,null==n?void 0:n.name,{"wprf-section-collapsed":(null==n?void 0:n.collapsible)&&r}));return C.createElement("div",{id:null==n?void 0:n.name,className:e},n.placeholder&&C.createElement("div",{className:"wprf-section-title"},C.createElement("h4",null,n.placeholder),n.collapsible&&C.createElement("button",{onClick:function(){return l(!r)}},"Icon")),C.createElement("div",{className:"wprf-section-fields"},a))}),Xt=new Uint8Array(16);var Yt=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;for(var c=[],Kt=0;Kt<256;++Kt)c.push((Kt+256).toString(16).substr(1));function Qt(e,t){var t=1<arguments.length&&void 0!==t?t:0,e=(c[e[t+0]]+c[e[t+1]]+c[e[t+2]]+c[e[t+3]]+"-"+c[e[t+4]]+c[e[t+5]]+"-"+c[e[t+6]]+c[e[t+7]]+"-"+c[e[t+8]]+c[e[t+9]]+"-"+c[e[t+10]]+c[e[t+11]]+c[e[t+12]]+c[e[t+13]]+c[e[t+14]]+c[e[t+15]]).toLowerCase();if("string"==typeof(t=e)&&Yt.test(t))return e;throw TypeError("Stringified UUID is invalid")}function Zt(e,t,n){var r=(e=e||{}).random||(e.rng||function(){if(Wt=Wt||"undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto))return Wt(Xt);throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")})();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var l=0;l<16;++l)t[n+l]=r[l];return t}return Qt(r)}function en(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?en(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):en(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var tn=function(e){var l=e.name,t=(e.value,e.button),n=e.fields,a=h(),e=A(C.useState(null==(e=a.values)?void 0:e[l]),2),r=e[0],o=e[1],i=(C.useEffect(function(){var e;null!=(null==(e=a.values)?void 0:e[l])&&o(null==(e=a.values)?void 0:e[l])},[null==(e=a.values)?void 0:e[l]]),C.useCallback(function(e){var t=w(r);t.splice(e,1),a.setFieldValue(l,t)},[r])),u=C.useCallback(function(e){var t=w(r);0<t.length&&(null!=(e=t=null!=(e=t=null!=(e=t=null!=(e=t=(null==t?void 0:t[e])||{})&&e.title?j(j({},t),{},{title:t.title+" - Copy"}):t)&&e.post_title?j(j({},t),{},{post_title:t.post_title+" - Copy"}):t)&&e.username?j(j({},t),{},{username:t.username+" - Copy"}):t)&&e.plugin_theme_name&&(t=j(j({},t),{},{plugin_theme_name:t.plugin_theme_name+" - Copy"})),t=j(j({},t),{},{index:Zt(),isCollapsed:!1}),a.setFieldValue([l,r.length],t))},[r]);return C.useEffect(function(){o(null==r||""==r?[{index:Zt()}]:function(e){return e.map(function(e){return j(j({},e),{},{index:Zt()})})})},[]),C.createElement("div",{className:"wprf-repeater-control"},r&&0<(null==r?void 0:r.length)&&C.createElement($.ReactSortable,{className:"wprf-repeater-content",list:r,setList:function(e){a.setFieldValue(l,e)},handle:".wprf-repeater-field-title",filter:".wprf-repeater-field-controls",forceFallback:!0},r.map(function(e,r){return C.createElement(Dt,{isCollapsed:null==e?void 0:e.isCollapsed,key:(null==e?void 0:e.index)||r,fields:n,index:r,parent:l,clone:u,remove:i,onChange:function(e){var t,n;t=r,(e=e).persist&&e.persist(),e=he(e),n=e.field,e=e.val,a.setFieldValue([l,t,n],e)}})})),C.createElement("div",{className:"wprf-repeater-label"},C.createElement("button",{className:"wprf-repeater-button",onClick:function(){return a.setFieldValue(l,[].concat(w(r),[{index:Zt()}]))}},null==t?void 0:t.label)))},nn=function(t){var n=t.name,e=t.id,r=t.label,l=t.units,a=t.value,o=t.min,i=t.max,u=t.unit,c=(t.tooltip,t.reset),a=A(C.useState(a||0),2),s=a[0],f=a[1],a=A(C.useState(u),2),d=a[0],p=a[1];return C.useEffect(function(){var e;s&&(we(s)?e=d?"".concat(s).concat(d):"".concat(s):k(s)&&(e=-1<s.indexOf(d)?"".concat(s):"".concat(s).concat(d)),t.onChange({target:{type:"slider",name:n,value:e}}))},[s,d]),C.createElement("div",{className:"wprf-slider-wrap"},C.createElement("div",{className:"wprf-slider-control-head"},C.createElement(Ye,{htmlFor:e||n},r),N(l)&&0<l.length&&C.createElement("div",{className:"wprf-slider-units"},l.map(function(e,t){return C.createElement(m.Button,{key:t,isSmall:!0,isPrimary:!0,onClick:function(){return p(e)},className:e==d?"unit-active":""},e)}))),C.createElement("div",{className:"wprf-slider-control"},C.createElement(m.RangeControl,{allowReset:null==c||c,value:parseInt(s),min:o,max:i,onChange:function(e){return f(e)}})))},rn=u(function(l){var a=h(),e=l.id,t=l.name,n=l.multiple,r=l.placeholder,o=l.onChange;l.parentIndex;function i(t,n){var e;if(l.ajax&&(!l.ajax.rules||I(l.ajax.rules,a.values)))if(t)if(t.length<3)n([{label:"Please type 3 or more characters.",value:null,disabled:!0}]);else{var r={inputValue:t};if(null!=(e=Object.keys(l.ajax.data))&&e.map(function(e){var t,n;-1<l.ajax.data[e].indexOf("@")?(n=l.ajax.data[e].substr(1),r[e]=null==(t=a.values)?void 0:t[n]):r[e]=l.ajax.data[e]}),!p&&t)return m(!0),window.lastRequest=null,_e({path:l.ajax.api,data:r}).then(function(e){return n(e),e}).finally(function(){var e;m(!1),window.lastRequest&&(e=window.lastRequest,window.lastRequest=null,i.apply(void 0,w(e))),window.lastCompleteRequest=t});window.lastRequest=[t,n]}else n(c)}var u=A(C.useState(a.eligibleOptions(l.options)),2),c=u[0],s=u[1],u=A(C.useState(null==l?void 0:l.value),2),f=u[0],d=u[1],u=A(C.useState(!1),2),p=u[0],m=u[1];return C.useEffect(function(){s(a.eligibleOptions(l.options))},[a.values.source]),C.useEffect(function(){o({target:{type:"select",name:t,value:f,multiple:n}})},[f]),C.createElement("div",{className:"wprf-async-select-wrapper"},C.createElement(se.default,{cacheOptions:!0,loadOptions:i,defaultOptions:c,isDisabled:null==l?void 0:l.disable,isMulti:null!=n&&n,classNamePrefix:"wprf-async-select",id:e,name:t,placeholder:r,formatOptionLabel:function(e,t){var n,r;if(null!=t&&null!=(n=t.inputValue)&&n.length&&e.name&&e.name.toLowerCase().includes(null==t||null==(n=t.inputValue)?void 0:n.toLowerCase()))return null!=e&&e.name,n=new RegExp("(".concat(null==t?void 0:t.inputValue,")"),"gi"),t=null==(t=e.name)?void 0:t.replace(n,"<strong style={font-weight: 900}>$1</strong>"),r=null==(r=e.address)?void 0:r.replace(n,"<strong style={font-weight: 900}>$1</strong>"),C.createElement(C.Fragment,null,ce.default(t||"")," ",C.createElement("small",null,ce.default(r||"")));return C.createElement(C.Fragment,null,e.name?C.createElement(C.Fragment,null,C.createElement("b",null,e.name)," "):C.createElement(C.Fragment,null,e.label," "),e.address&&C.createElement("small",null,e.address))},value:f,isClearable:!0,isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return d(e)}}))}),ln=u(function(e){var t,n=e.value,r=e.name,l=e.id,a=e.onChange,e=A(C.useState(!1),2),o=e[0],i=e[1],e=A(C.useState(n||null),2),u=e[0],c=e[1],e=A(C.useState(null),2),s=e[0],f=e[1],e=C.useRef(null);C.useEffect(function(){f(n)},[]);return C.useEffect(function(){a({target:{type:"colorpicker",name:r,value:u}})},[u]),t=e,C.useEffect(function(){function e(e){t.current&&!t.current.contains(e.target)&&i(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[t]),C.createElement(C.Fragment,null,C.createElement("div",{className:"wprf-colorpicker-wrap",ref:e},C.createElement("input",{type:"hidden",value:n,name:r,id:l}),C.createElement("span",{className:"wprf-picker-display",style:{backgroundColor:n,borderColor:n},onClick:function(){return i(!o)}}),o&&C.createElement(C.Fragment,null,C.createElement("button",{className:"wprf-colorpicker-reset",onClick:function(e){e.preventDefault(),c(s),i(!1)}},d.__("Reset","notificationx")),C.createElement(m.ColorPicker,{color:n,onChangeComplete:function(e){return c(e.hex)}}))))}),an=function(e){return C.createElement(C.Fragment,null,H.applyFilters(e.action,"",e))},on=u(function(t){var e=A(C.useState(null!=(e=t.value)&&e.url?t.value:null),2),n=e[0],r=e[1];return C.useEffect(function(){t.onChange({target:{type:"media",name:t.name,value:n}})},[n]),C.createElement("div",{className:"wprf-control wprf-media"},null!=n&&!(null!=t&&t.notImage)&&C.createElement("div",{className:"wprf-image-preview"},null!=n&&(null==n?void 0:n.url)&&C.createElement("img",{src:n.url,alt:n.title})),C.createElement("div",{className:"wprf-image-uploader"},C.createElement(Y.MediaUpload,{onSelect:function(e){r({id:e.id,title:e.title,url:e.url})},multiple:!1,allowedTypes:["image"],value:n,render:function(e){e=e.open;return C.createElement(C.Fragment,null,null!=n&&C.createElement("button",{className:"wprf-btn wprf-image-remove-btn",onClick:function(){return r(null)}},(null==t?void 0:t.remove)||"Remove"),C.createElement("button",{className:"wprf-btn wprf-image-upload-btn",onClick:e},null!=n?(null==t?void 0:t.reset)||"Change Image":(null==t?void 0:t.button)||"Upload"))}})))}),un=u(function(n){var e=A(C.useState(Q.EditorState.createEmpty()),2),t=e[0],r=e[1];return C.useEffect(function(){var e,t;n.value&&(e=(t=de.default(n.value)).contentBlocks,t=t.entityMap,e=Q.ContentState.createFromBlockArray(e,t),t=Q.EditorState.createWithContent(e),r(t))},[]),C.useEffect(function(){var e=fe.default(Q.convertToRaw(t.getCurrentContent()));n.onChange({target:{type:"editor",value:e,name:n.name}})},[t]),C.createElement(K.Editor,{placeholder:null==n?void 0:n.placeholder,toolbar:Lt,editorState:t,toolbarClassName:"wprf-editor-toolbar",wrapperClassName:"wprf-editor wprf-control",editorClassName:"wprf-editor-main",onEditorStateChange:r})}),cn=u(function(n){var e,t,r,l;if(null!=n&&n.text||!0===(null==n?void 0:n.group))return e=P(n,["is_pro","visible","disable","parentIndex","context","onBlur","value","ajax","text"]),t=(l=A(C.useState(!1),2))[0],r=l[1],null!=n&&n.href?C.createElement("a",{href:-1===(null==n?void 0:n.href)?null==n?void 0:n.value:null==n?void 0:n.href,target:null==n?void 0:n.target,className:p.default("wprf-control wprf-button wprf-href-btn",null==n?void 0:n.classes)},null==n?void 0:n.text):null!=n&&n.group?(l=n.fields.map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(O,y({key:e.name},e,{parentIndex:t}))}),C.createElement("div",{className:"wprf-control wprf-button-group wprf-flex"},l)):C.createElement(C.Fragment,null,C.createElement("button",y({},e,{name:n.name,disabled:t,onClick:null!=(l=null==n?void 0:n.onClick)?l:function(e){var t,l;null!=n&&n.ajax&&(r(!0),Oe(n.ajax,n.context).then(function(e){var t;if(r(!1),"error"==(null==e?void 0:e.status))throw new Error(null==e?void 0:e.message);n.onChange({target:{type:"button",name:n.name,value:!0}}),null!=(e=n.ajax)&&e.hideSwal||(e=(null==(e=n.ajax)||null==(e=e.swal)?void 0:e.icon)||"success",t=(null==(t=n.ajax)||null==(t=t.swal)?void 0:t.text)||"Complete",n.context.alerts.toast(e,t,{autoClose:null==(e=n.ajax)||null==(t=e.swal)?void 0:t.autoClose})),null!=(e=n.ajax)&&e.reload&&setTimeout(function(){return window.location.reload()},1e3)}).catch(function(e){var t;console.error("Error In Button Called",n.name,e),r(!1),n.onChange({target:{type:"button",name:n.name,value:!1}}),null!=(t=n.ajax)&&t.hideSwal||n.context.alerts.toast("error",(null==e?void 0:e.message)||d.__("Something went wrong.","notificationx"))})),l=(t=n).context,null!=t&&t.trigger&&N(null==t?void 0:t.trigger)&&null!=t&&t.trigger.map(function(e){var t=(null==e?void 0:e.type)||"setFieldValue";if(null!=e&&e.action&&E(null==e?void 0:e.action))for(var n in null==e?void 0:e.action){var r=n,n=(-1<r.indexOf(".")&&(r=r.split(".")),null==e?void 0:e.action[n]);""!=r&&l[t](r,n)}})},className:p.default("wprf-control wprf-button wprf-btn",null==n?void 0:n.classes)}),E(null==n?void 0:n.text)&&null!=n&&n.ajax?t?null==n||null==(e=n.text)?void 0:e.loading:n.value?null==n||null==(l=n.text)?void 0:l.saved:null==n||null==(t=n.text)?void 0:t.normal:null==n?void 0:n.text));throw new Error(d.__("Button has a required params #text.","notificationx"))});function sn(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function x(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sn(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sn(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function fn(t){var n=P(t,["is_pro","visible","trigger","disable","parentIndex","context","badge","popup"]),r=(e=A(C.useState(Object.keys(t.controls)[0]),2))[0],l=e[1],e=n.value;E(n.value)||Object.keys(t.controls).reduce(function(e,t){return x(x({},e),{},v({},t,n.value))},{});var a=(e=A(C.useState(e),2))[0],o=e[1];return C.useEffect(function(){n.onChange({target:{type:"input",name:n.name,value:a,checked:null,multiple:null}})},[a]),C.createElement("div",{style:{display:"flex",alignItems:"center",rowGap:5,columnGap:10,flexWrap:"wrap"}},s.default.createElement("input",x(x({},n),{},{type:"number",value:null==a?void 0:a[r],onChange:function(e){o(x(x({},a),{},v({},r,e.target.value)))}})),C.createElement("div",{style:{display:"flex",alignItems:"center"}},null==(e=Object.keys(t.controls))?void 0:e.map(function(e){return C.createElement("button",{type:"button",key:e,className:"responsive-button ".concat(r===e?"active":""),onClick:function(){return l(e)}},C.createElement("img",{src:t.controls[e].icon,alt:"desktop",style:{width:t.controls[e].size}}))})))}fn.defaultProps={type:"number"};var dn=u(s.default.memo(fn)),pn=function(e){var t=function(e){if(null!=e&&e.messages)for(var t in e.messages){t=e.messages[t];if(I(t.rules,e.context.values))return t}return{message:null==e?void 0:e.message,html:null==e?void 0:e.html,type:"normal"}}(e),n=t.html,r=t.message,t=t.type;return r?C.createElement("div",{className:p.default("wprf-control","wprf-message","wprf-".concat(void 0===t?"warning":t,"-message"),"wprf-".concat(e.name,"-message"),null==e?void 0:e.classes)},n&&C.createElement("p",{dangerouslySetInnerHTML:{__html:r}}),!n&&C.createElement("p",null,r)):C.createElement(C.Fragment,null)},mn=function(t){if(null==(null==t?void 0:t.body)||null==(null==t?void 0:t.button))throw new Error(d.__("Modal needs button/body with it.","notificationx"));function n(){return l(!1)}var e=A(C.useState(!1),2),r=e[0],l=e[1],e=A(C.useState(!1),2),a=e[0],e=(e[1],C.useCallback(function(){},[]));return C.createElement("div",{className:"wprf-control wprf-modal",id:"wprf-modal-".concat(t.name)},C.createElement(g,y({type:"button"},null==t?void 0:t.button,{onClick:function(){return l(!0)}})),r&&C.createElement(pe.default,{customClass:"wprf-modal-inner",style:{maxWidth:"900px",width:"100%",overflowY:"scroll",margin:"50px auto"},closeBtnStyle:{top:"5px",right:"5px",color:"#f78c8c",fontSize:"18px",border:"1px solid #f78c8c",borderRadius:"50%",width:"30px",height:"30px",display:"inline-flex",alignItems:"center",justifyContent:"center"},title:C.createElement(At,{content:null==t||null==(r=t.body)?void 0:r.header}),onConfirm:e,showConfirm:!1,showCloseButton:!0,closeOnClickOutside:!0,onCancel:n,afterUpdate:function(){var e;null!=t&&t.cancel&&null!=(e=t.context.values)&&e[t.cancel]&&n()}},C.createElement(It,y({},t,{isLoading:a,closeModal:n,context:t.context,onConfirm:e}))))},vn=function(e){var t=e.fields,r=e.parentIndex,n=e.context,e=A(C.useState([]),2),l=e[0],a=e[1],e=A(C.useState([]),2),o=e[0],i=e[1];return C.useEffect(function(){var e=F(t);n.setFormField([r,"fields"],e),a(e)},[]),C.useEffect(function(){var e;N(l)&&0<l.length&&(e=l.map(function(e,t){var n=[].concat(w(r),["fields",t]);return"section"===(null==e?void 0:e.type)?C.createElement(g,y({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):e?C.createElement(O,y({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):C.createElement(C.Fragment,null)}),i(e))},[l]),C.createElement(C.Fragment,null,o)};function bn(e){var t=e.fields,r=e.active,n=e.setActive,l=e.submit,a=Le(e,wn);if(void 0===t)throw new Error(d.__("There are no #tabs args defined in props.","notificationx"));var o,i,u=h(),c=a.parentIndex||[];if(N(t))return o=(e=A(C.useState([]),2))[0],i=e[1],C.useEffect(function(){var e=t.filter(function(e){return D(null==u?void 0:u.values,e)});i(e)},[t,null==u||null==(e=u.values)?void 0:e.source]),C.createElement("div",{className:p.default("wprf-tab-content-wrapper",null==u||null==(e=u.values)?void 0:e.source,null==u||null==(e=u.values)?void 0:e.themes)},C.createElement("div",{className:"wprf-tab-flex"},C.createElement("div",{className:"wprf-tab-contents"},t.map(function(e,t){var n;return D(null==u?void 0:u.values,e)?(n=p.default("wprf-tab-content","wprf-tab-".concat(null==e?void 0:e.id),{"wprf-active":r===e.id}),C.createElement("div",{id:null==e?void 0:e.id,className:n,key:null==e?void 0:e.id},C.createElement("div",{className:"wprf-tab-heading-wrapper"},(null==e?void 0:e.label)&&(null==(n=null==a?void 0:a.title)||n)&&C.createElement("h4",null,e.label),C.createElement("div",null,(null==a?void 0:a.content_heading)&&Object.keys(a.content_heading).map(function(e,t){return C.createElement(s.default.Fragment,{key:"button_".concat(e,"_").concat(t)},C.createElement(O,a.content_heading[e]))}))),C.createElement(vn,{context:u,fields:null==e?void 0:e.fields,parentIndex:[].concat(w(c),[t])}))):""})),H.applyFilters("wprf_tab_content","",a)),(null==a||null==(e=a.step)?void 0:e.show)&&C.createElement(gn,{fields:o,active:r,setActive:n,config:null!=(e=a.step)?e:{show:!1}}),(null==(o=null==l?void 0:l.show)||o)&&(null==l||!l.rules||I(null==l?void 0:l.rules,{rest:a}))&&C.createElement(yn,l));throw new Error(d.__("Not an array.","notificationx"))}var yn=function(e){var e=y({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e),e)),n=h(),e=(null==e?void 0:e.label)||d.__("Save Changes","notificationx"),t=C.useCallback(function(e){var t;null!=(t=n.submit)&&t.onSubmit&&n.submit.onSubmit(e,n)},[n]);return C.createElement("div",{className:"wprf-submit wprf-control"},C.createElement(m.Button,{className:"wprf-submit-button",onClick:t},e))},gn=s.default.memo(function(n){var e=A(C.useState(void 0),2),r=e[0],l=e[1],e=A(C.useState(void 0),2),a=e[0],o=e[1];return h(),C.useEffect(function(){var e=n.fields.map(function(e){return e.id}),t=e.findIndex(function(e){return e===n.active});-1!=t&&o(e[t-1]),t<=e.length&&l(e[t+1])},[n.active,n.fields]),C.createElement("div",{className:"wprf-stepped-button"},n.config.buttons&&Object.keys(n.config.buttons).map(function(e,t){return C.createElement(s.default.Fragment,{key:"button_".concat(e,"_").concat(t)},("next"===e&&void 0!==r||"prev"===e&&void 0!==a)&&C.createElement(m.Button,{className:"wprf-btn wprf-step-btn-".concat(e),onClick:function(){return n.setActive("next"===e?r:a)}},null==(t=n.config.buttons)?void 0:t[e]),null==r&&(null==(t=n.config.buttons)||null==(t=t[e])?void 0:t.type)&&C.createElement(O,null==(t=n.config.buttons)?void 0:t[e]))}))}),wn=["fields","active","setActive","submit"],En=function(e){var t=h(),n=A(C.useState(e.value||e.active),2),r=n[0],l=n[1],n=p.default("wp-react-form wprf-tabs-wrapper",null==e?void 0:e.className,{"wprf-tab-menu-as-sidebar":null==e?void 0:e.sidebar});return C.useEffect(function(){e.value!==r&&l(e.value)},[e.value]),C.useEffect(function(){e.value!==r&&e.onChange({target:{type:"button",name:e.name,value:r}})},[r]),C.createElement("div",{className:n},C.createElement(Re,y({},e,{active:r,setActive:function(e){return l(e)},fields:e.fields,context:t})),C.createElement(bn,y({},e,{fields:e.fields,active:r,setActive:function(e){return l(e)},submit:null==e?void 0:e.submit})))};function hn(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function On(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hn(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hn(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}S.registerStore("formbuilder",L);e.Action=an,e.BuilderConsumer=U,e.BuilderProvider=M,e.Button=cn,e.CodeViewer=xt,e.ColorPicker=ln,e.Column=Xe,e.Date=pt,e.Editor=un,e.Field=O,e.FormBuilder=function(e){var t,n=h(),r=e.tabs;return null!=(t=r)&&t.type||(r=On(On({},e.config),{},{value:e.config.active,fields:e.tabs,tabs:void 0,submit:null==e?void 0:e.submit,onChange:function(e){n.setActiveTab(null==e||null==(e=e.target)?void 0:e.value)}})),C.createElement(C.Fragment,null,C.createElement(En,r))},e.GenericField=g,e.GenericInput=yt,e.Group=Ct,e.Image=tt,e.Input=gt,e.JsonUploader=St,e.Label=Ye,e.Media=on,e.Message=pn,e.Modal=mn,e.ObjectFilter=function(t,n){var r,e,l=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return!!t&&(r={},e=Object.keys(t).filter(function(e){return n(e)}),l?e:(e.map(function(e){r[e]=t[e]}),r))},e.Radio=$t,e.Repeater=tn,e.ResponsiveNumber=dn,e.Row=Je,e.Section=Jt,e.Select=Pt,e.SelectAsync=rn,e.Slider=nn,e.SweetAlert=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return oe.default.fire(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qe(Object(n),!0).forEach(function(e){v(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qe(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({target:null!=(e=null==t?void 0:t.target)?e:"#notificationx",type:null!=(e=null==t?void 0:t.type)?e:"success",html:null==t?void 0:t.html,title:null!=(e=null==t?void 0:t.title)?e:d.__("Title Goes Here: title","notificationx"),text:null!=(e=null==t?void 0:t.text)?e:d.__("Test Goes Here: text","notificationx"),icon:null!=(e=null==t?void 0:t.icon)?e:(null==t?void 0:t.type)||"success",timer:null!=(e=null==t?void 0:t.timer)?e:null},t))},e.Textarea=ht,e.Toggle=Ht,e._extends=r,e.builderReducer=We,e.executeChange=he,e.getIn=T,e.getSelectedValues=function(e){return Array.from(e).filter(function(e){return e.selected}).map(function(e){return e.value})},e.getStoreData=He,e.getTime=je,e.hitAAJX=Oe,e.isArray=N,e.isEmptyObj=b,e.isExists=function(e,t){var n=o(e);switch(!0){case"object"===n&&N(e):return e.includes(t);case"object"===n&&!N(e):return void 0!==(null==e?void 0:e[t]);default:return e===t}},e.isFunction=Ee,e.isNumber=we,e.isObject=E,e.isString=k,e.isVisible=D,e.merge=xe,e.objectWithoutPropertiesLoose=Pe,e.processAjaxData=function(n){var r={};return Object.keys(n).map(function(e){var t;0===n[e].indexOf("@")?""!=(t=n[e].substr(1))&&(t=He().getFieldValue(t),r[e]=t||"undefined"):r[e]=n[e]}),r},e.setIn=n,e.setStoreData=Ge,e.sortingFields=F,e.triggerDefaults=function(e,t){var n,r,l=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!b(e)&&"object"===o(e))for(var a in e)a===l&&(n=e[a].indexOf("@"),r=e[a].indexOf(":"),0===n)&&0<r&&(n=e[a].substr(1,r-1),a=e[a].substr(r+1),r=He().getSavedFieldValue(n,t),""!=n)&&""!=a&&Ge().setFieldValue({name:n,value:v({},n,r||a)})},e.useBuilder=function(e){var t=C.useRef(!1);C.useEffect(function(){return t.current=!0,function(){t.current=!1}},[]);var n=A(C.useReducer(We,V(V({},e),{},{savedValues:e.savedValues||{},values:e.values||{},errors:e.initialErrors||{},touched:e.initialTouched||{},icons:e.initialIcons||{},common:{},alerts:{},tabs:F(e.tabs)})),2),u=n[0],r=n[1],n=R(function(e,t,n){r({type:"SET_CONTEXT",payload:{field:e,value:t}})}),l=R(function(e,t){e="function"==typeof e?e(u.values):e;return r({type:"SET_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),a=R(function(e,t){e="function"==typeof e?e(u.values):e;return r({type:"SET_SAVED_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),o=R(function(e,t,n){r({type:"SET_FIELD_VALUE",payload:{field:e,value:t}})}),i=R(function(e,t){r({type:"SET_FORM_FIELD",payload:{field:e,value:t}})}),c=C.useCallback(function(e){return T(u.values,e)},[u]),s=R(function(e,t,n){r({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t=t||!0}})}),f=C.useCallback(function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],e=(e.persist&&e.persist(),e.target),n=e.name,r=e.id;e.outerHTML,s(t||n||r,!0)},[s]),d=R(function(t){if("string"==typeof t)return function(e){return f(e,t)};f(t)}),p=C.useCallback(function(e,t,n){null!=n&&n.isPro&&!1===Boolean(u.is_pro_active)||(e=(n=he(e,t)).field,t=n.val,e&&o(e,t))},[o,u.values]),m=R(function(t,n){var e;if(null!=n&&n.isPro&&!1===Boolean(u.is_pro_active)&&null!=(e=u.alerts)&&null!=(e=e.pro_alert(null==n?void 0:n.popup))&&e.fire(),"string"==typeof t)return function(e){return p(t,e,n)};p(t,null,n)}),v=C.useCallback(function(e){var t=V({},e),n=P(t),r=n.name,l=n.type,a=n.parent,o=n.parenttype,i=(null!=t&&t.is_pro&&(n.is_pro=!(null!=t&&t.is_pro&&!0===Boolean(u.is_pro_active))),a=a&&"group"===o?null!=(i=null==(i=null!=(i=T(u.values,a))?i:{})?void 0:i[r])?i:null==t?void 0:t.default:a&&"repeater"===o?null!=(i=null==(o=null!=(i=T(u.values,a))?i:[])||null==(a=o[n.index])?void 0:a[r])?i:null==t?void 0:t.default:null!=(o=T(u.values,r))?o:null==t?void 0:t.default,n.onChange=m,n.onBlur=d,n.value);return"checkbox"!==l||n.multiple?"radio"===l?(n.checked=a===i,n.value=i):n.value="date"===l&&null==a?je():a:(n.checked=!!a,n.value=!!a,k(a)&&"0"===a?(n.checked=!1,n.value=!1):(n.checked=Boolean(a),n.value=Boolean(a))),n.visible=D(u.values,e),n},[d,m,u.values]),b=C.useCallback(function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return n=null!==n?null==(n=T(u.values,n))?void 0:n[e]:T(u.values,e)||(null==(n=t.meta)?void 0:n.default),V(V({},t.meta),{},{value:n,error:T(u.errors,e),touched:!!T(u.touched,e),visible:D(u.values,t),initialValue:"",initialTouched:"",initialError:""})},[u.errors,u.touched,u.values]),y=C.useCallback(function(e){return 0<e.length?e.filter(function(e){return null!=e&&e.rules?I(e.rules,u.values):e}):e},[u.errors,u.touched,u.values]),g=C.useCallback(function(e,t){var n;return e.length?(n=[],2<arguments.length&&void 0!==arguments[2]&&arguments[2]&&N(t)?e.filter(function(e){return t.includes(e.value)}):0<(n=e.filter(function(e){return e.value==t})).length?n[0]:""):e},[u.errors,u.touched,u.values]),w=C.useCallback(function(){return{setValue:function(e,t){return o(e,t)},getValue:function(e){return T(u.values,e)},getValueForDefault:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;return(null===t||T(u.savedValues,t)===T(u.values,t))&&T(u.savedValues,e)}}},[u.errors,u.touched,u.values,u.savedValues]),E=C.useCallback(function(e){return T(u.tabs,e)},[u]),h=R(function(e){r({type:"SET_ISSUBMITTING",payload:e})}),O=R(function(e){r({type:"SET_ACTIVE_TAB",payload:e})}),j=R(function(e){r({type:"SET_REDIRECT",payload:e})}),x=R(function(e,t){r({type:"SET_ICONS",payload:{name:e,icons:t}})}),S=R(function(e,t){r({type:"SET_COMMONS",payload:{name:e,value:t}})}),_=R(function(e,t){r({type:"SET_ALERTS",payload:{name:e,value:t}})});return V(V(V({},e),u),{},{setContext:n,values:u.values,savedValues:u.savedValues,errors:u.errors,touched:u.touched,isSubmitting:!1,setActiveTab:O,setRedirect:j,setSubmitting:h,setValues:l,setSavedValues:a,setFieldValue:o,getFieldValue:c,handleBlur:d,handleChange:m,getFieldProps:v,getFieldMeta:b,getFieldHelpers:w,eligibleOptions:y,eligibleOption:g,getTabFields:E,setFormField:i,registerIcons:x,registerCommon:S,registerAlert:_})},e.useBuilderContext=h,e.useDefaults=Ue,e.validFieldProps=P,e.when=I,e.withLabel=u,e.withProps=ot,e.withState=function(e){return Boolean(["group","section"].includes(e))},e.wpFetch=_e,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@wordpress/data"),require("lodash-es"),require("@wordpress/api-fetch"),require("@wordpress/date"),require("moment"),require("intersect"),require("@wordpress/i18n"),require("classnames"),require("@wordpress/hooks"),require("sweetalert2"),require("@wordpress/components"),require("copy-to-clipboard"),require("react-select"),require("react-sortablejs"),require("html-react-parser"),require("react-select/async"),require("@wordpress/media-utils"),require("react-draft-wysiwyg"),require("draft-js"),require("draftjs-to-html"),require("html-to-draftjs"),require("react-draft-wysiwyg/dist/react-draft-wysiwyg.css"),require("react-bootstrap-sweetalert")):"function"==typeof define&&define.amd?define(["exports","react","@wordpress/data","lodash-es","@wordpress/api-fetch","@wordpress/date","moment","intersect","@wordpress/i18n","classnames","@wordpress/hooks","sweetalert2","@wordpress/components","copy-to-clipboard","react-select","react-sortablejs","html-react-parser","react-select/async","@wordpress/media-utils","react-draft-wysiwyg","draft-js","draftjs-to-html","html-to-draftjs","react-draft-wysiwyg/dist/react-draft-wysiwyg.css","react-bootstrap-sweetalert"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).quickbuilder={},e.React,e.wpData,e.lodashEs,e.wpApiFetch,e.wpDate,e.momentLib,e.intersect,e.wpI18n,e.classNames,e.wpHooks,e.sweetalert2,e.wpComponents,e.copy,e.reactSelect,e.reactSortablejs,e.parse,e.AsyncSelect,e.wpMedia,e.reactDraftWysiwyg,e.draftJs,e.draftjsToHtml,e.htmlToDraftjs,0,e.sweetalert)}(this,function(e,C,S,_,L,B,M,U,v,q,H,G,m,z,W,$,J,X,Y,K,Q,Z,ee,te,ne){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(C),re=t(L),le=t(M),ae=t(U),p=t(q),oe=t(G),ie=t(z),ue=t(W),ce=t(J),se=t(X),fe=t(Z),de=t(ee),pe=t(ne);function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function me(e){e=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!==o(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"===o(e)?e:String(e)}function b(e,t,n){return(t=me(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function be(e,t){var n;if(e)return"string"==typeof e?ve(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ve(e,t):void 0}function w(e){return function(e){if(Array.isArray(e))return ve(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||be(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ye(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function ge(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ye(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ye(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function we(e){return null!==e&&"number"==typeof e}function Ee(e){return null!==e&&"function"==typeof e}function he(e,t){return N(t)?e.some(function(e){return t.includes(e)}):e.includes(t)}function Oe(e,t){var n=t,r=e;if(!k(e)){e.persist&&e.persist();var e=e.target||e.currentTarget,l=e.type,a=e.name,o=e.value,i=e.checked,u=e.multiple,n=t||a;switch(l){case"number":case"range":r=parseFloat(o);break;case"checkbox":r=u?o:i;break;default:r=o}}return{field:n,val:r}}function n(e,t,n){for(var r=_.clone(e),l=r,a=0,o=_.toPath(t);a<o.length-1;a++){var i=o[a],u=T(e,o.slice(0,a+1));l=u&&(E(u)||Array.isArray(u))?l[i]=_.clone(u):(u=o[a+1],l[i]=Pe(u)&&0<=Number(u)?[]:{})}return(0===a?e:l)[o[a]]===n?e:(void 0===n?delete l[o[a]]:l[o[a]]=n,0===a&&void 0===n&&delete r[o[a]],r)}function P(e){var t=e.type,n=["validation_rules","default","rules","meta","switch"].concat(w(1<arguments.length&&void 0!==arguments[1]?arguments[1]:[])),t=("select"!==t&&"select-async"!==t&&"radio-card"!==t&&"checkbox"!==t&&"toggle"!==t&&e.multiple&&n.push("options"),"tab"!==t&&"group"!==t&&"repeater"!==t&&"section"!==t&&"button"!==t&&n.push("fields"),ke(e,n));return null==e||!e.label||null!=e&&e.placeholder||(t.placeholder=e.label),t}function je(l){var a=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;if(null!==a&&l){var r,e=!0;if(e=null!=l&&l.rules?I(null==l?void 0:l.rules,a.values):e)return r={},Object.keys(l.data).map(function(e){var t,n;-1<(null==(n=(t=l.data[e]).indexOf)?void 0:n.call(t,"@"))?(n=l.data[e].substr(1),r[e]=null==(t=a.values)?void 0:t[n]):r[e]=l.data[e]}),Ce({path:l.api,data:r}).then(function(e){"success"==(null==e?void 0:e.status)&&null!=e&&e.redirect&&(window.location=null==e?void 0:e.redirect);var t,n,r=null!=e&&null!=(t=e.data)&&t.context?e.data.context:!(null==e||!e.context)&&e.context;return r&&E(r)&&Object.keys(r).map(function(e){a.setFieldValue(e,r[e])}),null!=e&&null!=(t=e.data)&&t.download&&Ne({data:JSON.stringify(e.data.download),fileName:(null==e||null==(t=e.data)?void 0:t.filename)||"export.json",fileType:"text/json"}),null!=l&&l.trigger&&k(null==l?void 0:l.trigger)&&(t=l.trigger.indexOf("@"),n=l.trigger.indexOf(":"),0===t)&&0<n&&(t=l.trigger.substr(1,n-1),"true"==(n=l.trigger.substr(n+1))?n=!0:"false"==n&&(n=!1),a.setFieldValue(t,n)),e})}return Promise.reject(!1)}function xe(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=B.__experimentalGetSettings();return le.default.utc(e||void 0).utcOffset(+(null==n||null==(e=n.timezone)?void 0:e.offset),t)}function Se(e,t,n){var r=w(e),e=t.filter(function(t){return r.findIndex(function(e){return e[n]===t[n]})<=-1});return[].concat(w(r),w(e))}function _e(e){return("function"!=typeof Symbol||"symbol"!==o(Symbol.iterator))&&e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":o(e)}function l(e,t){var n=!(2<(arguments.length<=2?0:arguments.length-2)&&void 0!==(arguments.length<=4?void 0:arguments[4]))||arguments.length<=4?void 0:arguments[4];return String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce(function(e,t){return e&&Object.hasOwnProperty.call(e,t)?e[t]:n},e)}var Ce=function(e){e=ge(ge({},e),{},{method:"POST"});return re.default(e)},k=function(e){return null!==e&&"string"==typeof e},Pe=function(e){return String(Math.floor(Number(e)))===e},N=function(e){return null!==e&&"object"===o(e)&&Array.isArray(e)},E=function(e){return null!==e&&"object"===o(e)&&!N(e)},D=function(e,t){return null==t||!t.rules||null==t.name||(t=I(t.rules,e),Boolean(t))},d=function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},T=function(e,t,n,r){void 0===r&&(r=0);for(var l=_.toPath(t);e&&r<l.length;)e=e[l[r++]];return void 0===e?n:e},F=function(e){return[].concat(e).sort(function(e,t){return null==e.priority||null==t.priority?0:e.priority>t.priority?1:-1})},ke=function(e,t){if(null==e)return{};for(var n,r={},l=Object.keys(e),a=0;a<l.length;a++)n=l[a],0<=t.indexOf(n)||(r[n]=e[n]);return r},Ne=function(e){var t=e.data,n=e.fileName,e=e.fileType,t=new Blob([t],{type:e}),e=document.createElement("a"),n=(e.download=n,e.href=window.URL.createObjectURL(t),new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}));e.dispatchEvent(n),e.remove()},De={is:function(e,t,n){return l(n,e)==t},"!is":function(e,t,n){return!De.is(e,t,n)},includes:function(e,t,n){if(!d(n)){n=l(n,e);if("function"!=_e(n)){if(N(t)&&N(n))return null==(e=ae.default(n,t))?void 0:e.length;if(N(t)&&"string"==_e(n))return t.includes(n);if(N(n)&&"string"==_e(t))return n.includes(t)}}return!1},"!includes":function(e,t,n){return!De.includes(e,t,n)},isOfType:function(e,t,n){return _e(l(n,e))===t},"!isOfType":function(e,t,n){return!De.isOfType(e,t,n)},allOf:function(e,t,n){var r;if(Array.isArray(t))return r=l(n,e),t.every(function(e){return r.includes(e)});throw Error(v.__('"allOf" condition requires an array as #3 argument',"notificationx"))},anyOf:function(e,t,n){if(Array.isArray(t))return n=l(n,e),t.includes(n);throw Error(v.__('"anyOf" condition requires an array as #3 argument',"notificationx"))},gt:function(e,t,n){return l(n,e)>t},gte:function(e,t,n){return l(n,e)>=t},lt:function(e,t,n){return l(n,e)<t},lte:function(e,t,n){return l(n,e)<=t}},Te={and:function(e){return!e.includes(!1)},or:function(e){return e.includes(!0)},not:function(e){if(1!==e.length)throw Error(v.__('"not" can have only one comparison rule, multiple rules given',"notificationx"));return!e[0]}},Fe=function(e){return!!(Array.isArray(e)&&Array.isArray(e[1])&&e[0]&&Te[e[0].toLowerCase()])},Ie=function(e,t){var n=e[0],r=e[1],e=e[2];if("string"!=typeof n||void 0===De[n])throw Error(v.sprintf(v.__("Invalid comparison rule %s.","notificationx"),n));return De[n](r,e,t)},Ve=function(e,t){return Te[e.toLowerCase()](t)},I=function(e,t){return"function"==typeof e?Promise.resolve(e(t)):(n=t,Fe(t=e)?(e=t.slice(0,1)[0],r=t.slice(1).map(function(e,t){return(Fe(e)?I:Ie)(e,n)}),Ve(e,r)):Ie(t,n));var n,r};function Ae(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ae(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ae(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Re={savedValues:{type:"conversions",source:"edd"},values:{},touched:{},errors:{}},L={reducer:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:Re,t=1<arguments.length?arguments[1]:void 0;switch(t.type){case"SET_SAVED_VALUES":var n=a({},e);return a(a({},n),{},{values:t.payload,savedValues:t.payload});case"FIELD_VALUE":var n=a({},e),r=t.payload;return a(a({},n),{},{values:a(a({},null==(n=n)?void 0:n.values),r)});case"REMOVE_FIELD_VALUE":n=a({},e),r=t.payload;return null!=(l=n.values)&&l[r]&&delete n.values[r],n;case"RESET_FIELD_VALUE":var l=a({},e);return null!=(r=l.values)&&r[t.payload]&&(delete l.values[t.payload],null!=(n=l.savedValues))&&n[t.payload]&&(l.values[t.payload]=l.savedValues[t.payload]),l;case"FIELD_ERROR":return a(a({},e),{},{errors:a(a({},e.errors),t.payload)});case"REMOVE_FIELD_ERROR":r=a({},e);return delete r.errors[t.payload],r;case"FIELD_TOUCHED":return a(a({},e),{},{touched:a(a({},e.touched),t.payload)})}return e},actions:{setSavedValues:function(e){return{type:"SET_SAVED_VALUES",payload:e}},setFieldValue:function(e){return{type:"FIELD_VALUE",name:e.name,payload:e.value}},removeFieldValue:function(e){return{type:"REMOVE_FIELD_VALUE",payload:e}},resetFieldValue:function(e){return{type:"RESET_FIELD_VALUE",payload:e}},setFieldTouched:function(e){return{type:"FIELD_TOUCHED",payload:e}},setError:function(e){return{type:"FIELD_ERROR",payload:e}},removeError:function(e){return{type:"REMOVE_FIELD_ERROR",payload:e}}},selectors:{getValues:function(e){return e.values},getFieldValue:function(e,t){return null==(e=e.values)?void 0:e[t]},getSavedFieldValue:function(e,t,n){var r;return(null===n||(null==(r=e.savedValues)?void 0:r[n])===(null==(r=e.values)?void 0:r[n]))&&(null==(r=e.savedValues)?void 0:r[t])},isTouched:function(e,t){return null==(e=e.touched)?void 0:e[t]},getError:function(e,t){return null==(e=e.errors)?void 0:e[t]},isVisible:function(e,t){return!t.rules||null==t.name||(t=I(t.rules,e.values),Boolean(t))}}};function y(){return(y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function V(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}(e,t)||be(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(r){if(void 0===r.fields)throw new Error(v.__("There are no tabs defined!","notificationx"));var l=r.active,a=r.setActive,t=r.fields,o=r.context,e=(i=V(C.useState([]),2))[0],n=i[1],i=(C.useEffect(function(){var e=t.filter(function(e){return D(null==o?void 0:o.values,e)});n(e)},[t,null==o||null==(i=o.values)?void 0:i.source]),p.default("wprf-tab-menu-wrapper",null==r?void 0:r.className,{"wprf-tab-menu-sidebar":null==r?void 0:r.sidebar},null==o||null==(i=o.values)?void 0:i.source)),u=e.findIndex(function(e){return e.id===l});return C.createElement("div",{className:i},C.createElement("ul",{className:"wprf-tab-nav"},e.map(function(t,e){var n;return C.createElement("li",{className:p.default("wprf-tab-nav-item",(b(n={},"".concat(t.classes),t.classes),b(n,"wprf-active-nav",l===t.id),b(n,"wprf-tab-complete",!(null==r||!r.completionTrack)&&e<=u),n)),"data-key":t.id,key:t.id,onClick:function(){var e;return(null==(e=null==r?void 0:r.clickable)||e)&&a(t.id)}},(null==t?void 0:t.icon)&&(k(t.icon)&&!E(t.icon)?C.createElement("img",{src:t.icon,alt:null==t?void 0:t.label}):E(t.icon)?null==o||null==(e=o.icons)||null==(e=e[null==t||null==(n=t.icon)?void 0:n.type])?void 0:e[null==t||null==(n=t.icon)?void 0:n.name]:""),C.createElement("span",null,t.label))})))}function Be(e,t){if(null==e)return{};var n,r=function(e,t){if(null==e)return{};for(var n,r={},l=Object.keys(e),a=0;a<l.length;a++)n=l[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols)for(var l=Object.getOwnPropertySymbols(e),a=0;a<l.length;a++)n=l[a],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}var Me=C.createContext(void 0),M=(Me.displayName="production"===process.env.NODE_ENV?"Anonymous":"BuilderContext",Me.Provider),U=Me.Consumer;function h(){return C.useContext(Me)}function Ue(t){var n,r,l,a,e,o,i,u,c,s,f,d,p,m,v=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"fields";if(null!=t&&t[v])return n=t.value,r=t.multiple,l=h(),c=V(C.useState(t[v]),2),a=c[0],e=c[1],c=V(C.useState([]),2),o=c[0],i=c[1],c=V(C.useState({options:null,parentIndex:null}),2),u=c[0],c=c[1],d=V(C.useState(null),2),s=d[0],f=d[1],d=V(C.useState(null),2),p=d[0],m=d[1],C.useEffect(function(){var e=t.ajax&&(null==(e=l.getTabFields(null==t?void 0:t.parentIndex))?void 0:e[v])||a;i(l.eligibleOptions(e)),f(l.eligibleOption(e,n,null!=r&&r))},[n,a]),C.useEffect(function(){e(t[v]),i(l.eligibleOptions(t[v]))},[t]),C.useEffect(function(){i(l.eligibleOptions(a))},[a]),C.useEffect(function(){null!=u.options&&e(u.options)},[u]),C.useEffect(function(){var e;null!=s&&(e=r?N(s)&&s.map(function(e){return e.value})||n:s.value||n,m(e))},[s]),C.useEffect(function(){var e;0===o.filter(function(e){return e.value===p}).length&&(e=F(o),m((null==e||null==(e=e[0])?void 0:e.value)||n))},[p,o]),{options:F(o),option:p,selectedOption:s,setOptions:i,setData:c};throw new Error("#options param need to set in order to use useOptions hook.")}function qe(e,t,n,r){if(null!=r&&null!=(null==r?void 0:r.defaults)&&!d(r.defaults)){var l=r.defaults;if(null!=l&&!d(l)){var a={};if(null!=l&&l[n]&&k(null==l?void 0:l[n])){var o,r=l[n].indexOf("@"),i=l[n].indexOf(":");0===r&&0<i&&(r=l[n].substr(1,i-1),i=l[n].substr(i+1),o=t.getValueForDefault(r,e),""!=r)&&""!=i&&(i="false"!==i&&i,a[r]=o||i,t.setValue(r,o||i))}else if(null!=l&&l[n]&&(N(l[n])||E(l[n])))for(var u in l[n]){var c,s,f=l[n][u];f&&(N(f)||E(f))?(c=t.getValueForDefault(u,e),""!=u&&""!=f&&(f="false"!==f&&f,a[u]=c||f,t.setValue(u,c||f))):f&&(u=f.indexOf("@"),c=f.indexOf(":"),0===u)&&0<c&&(u=f.substr(1,c-1),s=f.substr(c+1),-1<f.indexOf(".")&&(u=u.split(".")),f=t.getValueForDefault(u,e),""!=u)&&""!=s&&(s="false"!==s&&s,a[u]=f||s,t.setValue(u,f||s))}return{defaultsData:a}}}}function He(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function Ge(){return S.select("formbuilder")}function ze(){return S.dispatch("formbuilder")}function r(){for(var e=arguments.length,l=new Array(e),t=0;t<e;t++)l[t]=arguments[t];return(Object.assign||function(e){for(var t=1;t<l.length;t++){var n,r=l[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,l)}function We(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function i(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?We(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):We(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function $e(e,t){switch(t.type){case"SET_CONTEXT":return r({},e,n(e,t.payload.field,t.payload.value));case"SET_ACTIVE_TAB":return i(i({},e),{},{config:i(i({},e.config),{},{active:t.payload})});case"SET_REDIRECT":return i(i({},e),{},{redirect:i(i({},e.redirect),t.payload)});case"SET_VALUES":return r({},e,n(e,"values",t.payload));case"SET_SAVED_VALUES":return r({},e,n(e,"savedValues",t.payload));case"SET_FIELD_VALUE":return r({},e,{values:n(e.values,t.payload.field,t.payload.value)});case"SET_TOUCHED":return r({},e,{touched:t.payload});case"SET_ERRORS":return r({},e,{errors:t.payload});case"SET_STATUS":return r({},e,{status:t.payload});case"SET_ISSUBMITTING":return i(i({},e),{},{isSubmitting:t.payload});case"SET_ISVALIDATING":return r({},e,{isValidating:t.payload});case"SET_FIELD_TOUCHED":return i(i({},e),{},{touched:i(i({},e.touched),{},b({},t.payload.field,t.payload.value))});case"SET_FIELD_ERROR":case"RESET_FORM":return r({},e,t.payload);case"SUBMIT_ATTEMPT":return r({},e,{isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return r({},e,{isSubmitting:!1});case"SET_FORM_FIELD":return null===t.payload.field?r({},e,n(e,"tabs",t.payload.value)):r({},e,{tabs:n(e.tabs,t.payload.field,t.payload.value)});case"SET_ICONS":return r({},e,{icons:n(e.icons,t.payload.name,t.payload.icons)});case"SET_ALERTS":return r({},e,{alerts:n(e.alerts,t.payload.name,t.payload.value)});case"SET_COMMONS":return r({},e,{common:n(e.common,t.payload.name,t.payload.value)});default:return e}}function Je(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Je(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Je(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function R(e){var a=C.useRef(e);return tt(function(){a.current=e}),C.useCallback(function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=arguments.length,t=new Array(r),l=0;l<r;l++)t[l]=arguments[l];return a.current.apply(void 0,t)},[])}function Xe(e){var t=p.default("wprf-row clearfix wprf-flex",null==e?void 0:e.className);return C.createElement("div",{className:t},null==e?void 0:e.children)}function Ye(e){var t=p.default("wprf-column",null==e?void 0:e.className,(b(t={},"wprf-column-".concat(12/(null==e?void 0:e.column)),(null==e?void 0:e.column)&&12!==e.column),b(t,"wprf-column-12",12===e.column),t));return C.createElement("div",{className:t},null==e?void 0:e.children)}function Ke(e){var t=p.default("wprf-input-label",null==e?void 0:e.className);return C.createElement("label",{htmlFor:null==e?void 0:e.htmlFor,className:t},(null==e||null==(t=e.badge)?void 0:t.value)&&C.createElement("div",{className:"wprf-badge"},C.createElement("sup",{className:p.default("wprf-badge-item",{"wprf-badge-active":null==e||null==(t=e.badge)?void 0:t.active})},null==e||null==(t=e.badge)?void 0:t.label)),!(null!=e&&e.src)&&(null==e?void 0:e.children),(null==e?void 0:e.src)&&C.createElement(nt,{className:"wprf-label-image",src:e.src,alt:null==e?void 0:e.label}))}function Qe(t){var n=h(),e=t.label,r=t.active,l=void 0===(l=t.position)?"right":l,a=t.renderLabel,o=t.renderComponent,r=(void 0===e&&(e="Pro"),p.default("wprf-badge-item",{"wprf-badge-active":r})),i={};return n.is_pro_active||(i={onClick:function(e){e.preventDefault(),n.alerts.pro_alert(null==t?void 0:t.popup).fire()}}),C.createElement("div",y({className:p.default("wprf-badge-wrapper",{"pro-deactivated":!n.is_pro_active})},i),"left"===l&&0<e.length&&C.createElement(C.Fragment,null,a(C.createElement(rt,{componentClasses:r,label:e}),"left")),"right"===l&&0<e.length&&C.createElement(C.Fragment,null,a(C.createElement(rt,{componentClasses:r,label:e}),"right")),o())}function Ze(e){var t=e.id,n=e.label,r=e.badge,l=e.badgePosition,a=e.context,e=Be(e,lt);return n&&0<n.length?C.createElement("div",{className:"wprf-control-label"},"left"==l&&r,C.createElement("label",{htmlFor:t},n),(null==e?void 0:e.label_subtitle)&&C.createElement("p",{className:"wprf-label-subtitle",dangerouslySetInnerHTML:{__html:null==e?void 0:e.label_subtitle}}),(null==e?void 0:e.link)&&C.createElement("a",{rel:"nofollow",target:"_blank",href:e.link},null==a||null==(t=a.icons)?void 0:t.link),"right"==l&&r):null}function et(e){var t=e.position,n=e.description,r=e.renderComponent,e=e.help;return C.createElement("div",{className:"wprf-control-field"},"left"===t&&n&&C.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),r(),"right"===t&&n&&C.createElement("p",{className:"wprf-description",dangerouslySetInnerHTML:{__html:n}}),e&&C.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:e}}))}var tt="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?C.useLayoutEffect:C.useEffect,nt=function(e){var t;return null!=e&&e.src?(t=p.default(["wprf-input-image",null==e?void 0:e.className]),C.createElement("img",{className:t,src:null==e?void 0:e.src,alt:null==e?void 0:e.alt})):C.createElement("p",null,"No Source( src ) Defined")},rt=function(e){var t=e.componentClasses,e=e.label;return C.createElement("div",{className:"wprf-badge"},C.createElement("sup",{className:t},e))},lt=["id","label","badge","badgePosition","context"],at=["label","id","name","type","style","is_pro","badge"];function ot(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function u(d){return function(t){var n,r=t.label,l=t.id,e=t.name,a=t.type,o=t.style,i=t.is_pro,u=t.badge,c=Be(t,at),s=(null==l&&(l=e),function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ot(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ot(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({description:{position:"right"}},o)),f=p.default((b(o={},"wprf-style-".concat(null==s?void 0:s.type),(null==s?void 0:s.type)||!1),b(o,"wprf-label-none",void 0===r||""===r||0===r.length),b(o,"wprf-".concat((null==s||null==(f=s.label)?void 0:f.position)||"inline","-label"),(null==(f=null==s||null==(f=s.label)?void 0:f.position)||f)&&null!=r),o));return"hidden"===a?C.createElement(d,y({},t,{id:l})):(n=P(t,["description","label","help","style"]),o=p.default("wprf-control-wrapper","wprf-type-".concat(a),f,null==t?void 0:t.classes,b({},"wprf-name-".concat(e),e)),C.createElement("div",{className:o},1==i&&C.createElement(C.Fragment,null,C.createElement(Qe,y({},u,c,{renderLabel:function(e,t){return C.createElement(Ze,y({},n,{context:null==c?void 0:c.context,id:l,label:r,badge:e,badgePosition:t}))},renderComponent:function(){var e;return C.createElement(et,{help:null,description:null==t?void 0:t.description,position:null==s||null==(e=s.description)?void 0:e.position,renderComponent:function(){return C.createElement(d,y({},n,{disable:!0,id:l}))}})}})),(null==t?void 0:t.help)&&C.createElement("div",{className:"wprf-badge-wrapper"},C.createElement("div",{className:"wprf-control-label"}),C.createElement("div",{className:"wprf-control-field"},C.createElement("p",{className:"wprf-help",dangerouslySetInnerHTML:{__html:t.help}})))),(0==i||null==i)&&C.createElement(C.Fragment,null,r&&0<r.length&&C.createElement(Ze,y({},n,{context:null==c?void 0:c.context,label:r,id:l})),C.createElement(et,{help:null==t?void 0:t.help,description:null==t?void 0:t.description,position:null==s||null==(a=s.description)?void 0:a.position,renderComponent:function(){return C.createElement(d,y({},n,{id:l}))}}))))}}function it(u){var c=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return function(n){var e=h(),t=n.trigger,r=e.getFieldProps(n),l=e.getFieldMeta(r.name,n),a=e.getFieldHelpers(),o=(null!=e&&e.quickBuilder&&null!=e&&e.show&&(e.show.includes(n.name)||(r.classes=null!=r&&r.classes?r.classes+" hidden":" hidden")),null!=n&&n.parentIndex?w(n.parentIndex):[]),i=(r.parentIndex=o,r.context=e,Ee(n.onChange)&&(r.onChange=n.onChange),Ee(n.onBlur)&&(r.onBlur=n.onBlur),C.useRef({}));return C.useEffect(function(){return i.current[n.name]=!0,function(){i.current[n.name]=!1}},[]),C.useEffect(function(){var e,t;l.visible&&i.current[n.name]&&(c||"group"===r.type?(e=null==n?void 0:n.parent,t=null==n?void 0:n.parenttype,e&&"group"===t&&r.value&&a.setValue([e,r.name],r.value)):a.setValue(r.name,r.value))},[l.visible]),C.useEffect(function(){i.current[n.name]&&E(t)&&!d(t)&&qe(r.name,a,r.value,t)},[r.value,l.visible]),l.visible?C.createElement(u,r):C.createElement(C.Fragment,null)}}function ut(e,t){var n,r,l,a,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,l=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw l}}};if(Array.isArray(e)||(o=function(e,t){var n;if(e)return"string"==typeof e?ct(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ct(e,t):void 0}(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),a=0,{s:t=function(){},n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function ct(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function st(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?st(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function ft(t){var e,n=f({type:"",label:{position:"right"},column:4},t.style),r=C.useMemo(function(){var e=!1;return null!=t&&t.checked&&E(t.checked)&&k(null==t?void 0:t.value)?e=t.checked[t.value]:k(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=p.default("wprf-checkbox-wrap",(b(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),b(e,"wprf-checked",Boolean(r)),b(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return C.createElement("div",{className:n},C.createElement(gt,f(f({},t),{},{type:"checkbox"})),C.createElement("label",{htmlFor:t.id},t.label))}function dt(e){if(!e.type||0===e.type.length)throw console.error(e),new Error(v.__("Field must have a #type. see documentation.","notificationx"));switch(e.type){case"text":case"radio":case"email":case"range":case"number":case"hidden":return C.createElement(wt,e);case"checkbox":return C.createElement(pt,e);case"textarea":return C.createElement(Ot,e);case"codeviewer":return C.createElement(St,e);case"message":return C.createElement(mn,e);case"select":return C.createElement(kt,e);case"select-async":return C.createElement(ln,e);case"slider":return C.createElement(rn,e);case"group":return C.createElement(Pt,e);case"radio-card":return C.createElement(Jt,e);case"section":return C.createElement(Xt,e);case"date":return C.createElement(mt,e);case"toggle":return C.createElement(Gt,e);case"colorpicker":return C.createElement(an,e);case"jsonuploader":return C.createElement(_t,e);case"repeater":return C.createElement(nn,e);case"media":return C.createElement(un,e);case"editor":return C.createElement(cn,e);case"action":return C.createElement(on,e);case"button":return C.createElement(sn,e);case"modal":return C.createElement(vn,e);case"tab":return C.createElement(hn,e);case"responsive-number":return C.createElement(pn,e);default:var t=H.applyFilters("custom_field","",e.type,e);return C.createElement(C.Fragment,null,t)}}var pt=u(function(t){var n,r,l,e=t.options,a=t.value,o=t.multiple,i=t.style,u=F(e),c=f({column:4},i);return o?(e=V(C.useState({}),2),n=e[0],r=e[1],l=function(e){var t=e.target||e.currentTarget;r(function(e){return f(f({},e),{},b({},t.value,t.checked))})},C.useEffect(function(){t.onChange({target:{type:"checkbox",name:t.name,value:n,multiple:!0}})},[n]),C.useEffect(function(){if(E(a))r(a);else{var e,t={},n=ut(u);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=a}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),C.createElement("div",{className:"wprf-checkbox-wrapper wprf-control"},C.createElement(Xe,null,u.map(function(e){return C.createElement(Ye,{key:e.value,column:c.column},C.createElement(ft,f(f({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?a:!(null==n||!n[e.value])),type:"checkbox",onChange:l,style:c})))})))):C.createElement(gt,f(f({},t),{},{type:"checkbox"}))}),g=it(dt,!0),O=it(dt),mt=u(function(e){var t=e.name,n=e.value,r=e.onChange,l=e.position,a=B.__experimentalGetSettings(),o=null!=(e=null==e?void 0:e.format)?e:a.formats.datetime,i=xe(n),u=/a(?!\\)/i.test(a.formats.datetime.toLowerCase().replace(/\\\\/g,"").split("").reverse().join(""));return C.useEffect(function(){r({target:{type:"date",name:t,value:i}})},[]),C.createElement(m.Dropdown,{className:"wprf-control-datetime",contentClassName:"wprf-control-datetime-content",position:l||"bottom right",renderToggle:function(e){e.isOpen;e=e.onToggle;return C.createElement(m.Button,{isTertiary:!0,onClick:e},B.date(o,i,-(new Date).getTimezoneOffset()))},renderContent:function(){return C.createElement(m.DateTimePicker,{__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,currentDate:xe(i).toDate().toString(),onChange:function(e){r({target:{type:"date",name:t,value:le.default(e).utc().format()}})},is12Hour:u})}})});function vt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function bt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vt(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function yt(t){var n=P(t,["is_pro","visible","trigger","copyOnClick","disable","parentIndex","context","badge","popup"]),e=C.useCallback(function(e){return n.onChange(e,{popup:null==t?void 0:t.popup,isPro:!!t.is_pro,originProps:t})},[null==n?void 0:n.value]);"checkbox"===n.type&&null!=n&&n.name&&(n.checked=(null==n?void 0:n.checked)||(null==n?void 0:n.value));var r,l=V(C.useState(!1),2),a=l[0],o=l[1];return C.useEffect(function(){var e;return a&&(e=setTimeout(function(){o(!1)},2e3)),function(){return e&&clearTimeout(e)}},[a]),!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value?(l=(null==t?void 0:t.copyMessage)||"Click To Copy!",r=(null==t?void 0:t.copiedMessage)||"Copied!",C.createElement("span",{className:"wprf-clipboard-wrapper"},s.default.createElement("input",bt(bt({},n),{},{onChange:e})),C.createElement("span",{className:"wprf-clipboard-tooltip"},C.createElement("span",{className:"wprf-clipboard-tooltip-text"},a?r:l),C.createElement(m.Button,{className:"wprf-copy-icon",onClick:function(){ie.default(t.value,{format:"text/plain",onCopy:function(){o(!0)}})}},"Copy")))):s.default.createElement("input",bt(bt({},n),{},{onChange:e}))}yt.defaultProps={type:"text"};var gt=s.default.memo(yt),wt=u(s.default.memo(yt));function Et(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function ht(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Et(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Et(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Ot=u(s.default.memo(function(t){var n=P(t,["is_pro","visible","trigger","disable","parentIndex","context"]),e=C.useCallback(function(e){return n.onChange(e,{isPro:!!t.is_pro})},[null==n?void 0:n.value]);return s.default.createElement("textarea",ht(ht({},n),{},{onChange:e,rows:5}))}));function jt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function xt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jt(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var St=u(s.default.memo(function(t){var e=P(t,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]),n={onChange:function(){},rows:5},r=(!t.is_pro&&null!=t&&t.copyOnClick&&null!=t&&t.value&&(n.onClick=function(){var e=null!=t&&t.success_text?t.success_text:v.__("Copied to Clipboard.","notificationx");ie.default(t.value,{format:"text/plain",onCopy:function(){t.context.alerts.toast("success",e)}})}),null!=t&&t.button_text?t.button_text:v.__("Click to Copy","notificationx"));return C.createElement("span",{className:"wprf-code-viewer"},s.default.createElement("textarea",xt(xt({},e),n)),C.createElement(m.Button,{className:"wprf-copy-button"},r))})),_t=u(s.default.memo(function(n){P(n,["is_pro","visible","trigger","disable","parentIndex","context","copyOnClick"]);var e=V(C.useState(),2),t=e[0],r=e[1];return C.useEffect(function(){null!=n&&n.value||r(null)},[null==n?void 0:n.value]),C.createElement("span",{className:"wprf-json-uploader"},!t&&C.createElement("label",{className:"wprf-json-uploaderButton"},C.createElement("span",null,v.__("Upload")),C.createElement("input",{type:"file",accept:"application/JSON",onChange:function(e){var t;(e=e).target.files.length&&(0==(null==(e=e.target.files[0])?void 0:e.size)?n.context.alerts.toast("error",v.__("File can't be empty.","notificationx")):"application/json"!=(null==e?void 0:e.type)&&"text/json"!=(null==e?void 0:e.type)?n.context.alerts.toast("error",v.__("Invalid file type.","notificationx")):(r(e),(t=new FileReader).onload=function(e){e=null==e||null==(e=e.target)?void 0:e.result;n.onChange({target:{type:"jsonuploader",name:n.name,value:e}})},t.readAsText(e)))}})),t&&(null==t?void 0:t.name)&&C.createElement("span",{className:"wpfr-json-file-name-wrapper"},C.createElement("span",{className:"wpfr-json-file-name"},20<(null==t?void 0:t.name.length)?"".concat(null==t?void 0:t.name.substr(0,9),"...").concat(null==t?void 0:t.name.substr((null==t?void 0:t.name.length)-7)):null==t?void 0:t.name),C.createElement("span",{className:"wprf-json-file-delete-button",onClick:function(){r(null),n.onChange({target:{type:"jsonuploader",name:n.name,value:null}})}},"x")))})),Ct=["name","fields"],Pt=u(function(n){var r,l,e,t,a=n.name,o=n.fields,i=Be(n,Ct);if(o&&N(o)&&0!==o.length)return r=h(),l=C.useCallback(function(e){e.persist&&e.persist();var e=Oe(e),t=e.field,e=e.val;r.setFieldValue([a,t],e)},[n.value]),e=F(o),C.useEffect(function(){r.setFormField([].concat(w(n.parentIndex),["fields"]),e)},[]),o=e.map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(g,y({},i,{key:e.name,index:n.index,onChange:l},e,{parenttype:"group",parent:a,parentIndex:t}))}),t=p.default("wprf-group-control-inner",{"wprf-display-inline":"inline"===(null==n?void 0:n.display)}),C.createElement("div",{className:"wprf-group-control"},C.createElement("div",{className:t},o));throw new Error(v.__("You should give a #fields arguments to a group field.","notificationx"))}),kt=u(function(a){function e(){if(a.ajax&&(!a.ajax.rules||I(a.ajax.rules,l.values))){y(!0);var r={};if(Object.keys(null==a?void 0:a.ajax.data).map(function(e){var t,n;-1<(null==a?void 0:a.ajax.data[e].indexOf("@"))?(n=null==a?void 0:a.ajax.data[e].substr(1),r[e]=null==(t=l.values)?void 0:t[n]):r[e]=null==a?void 0:a.ajax.data[e]}),!g)return Ce({path:null==a?void 0:a.ajax.api,data:r}).then(function(e){y(!1);var t=Se(a.options,e,"value");return l.setFormField([].concat(w(c),["options"]),t),p({options:t,parentIndex:[].concat(w(c),["options"])}),e})}}var l=h(),t=a.id,n=a.name,r=a.multiple,o=a.placeholder,i=a.search,i=void 0!==i&&i,u=a.onChange,c=a.parentIndex,s=Ue(a,"options"),f=s.options,d=s.selectedOption,p=s.setData,s=V(C.useState(null),2),m=s[0],v=s[1],s=V(C.useState(!1),2),b=s[0],y=s[1],s=V(C.useState(!1),2),g=s[0],s=(s[1],C.useEffect(function(){!N(m)&&E(m)&&u({target:{type:"select",name:n,value:m.value,options:f,multiple:r}}),N(m)&&u({target:{type:"select",name:n,value:m.map(function(e){return e.value}),options:f,multiple:r}})},[m]),C.useEffect(function(){e()},[]),C.useEffect(function(){null!=a&&a.menuOpen&&e()},[null==a?void 0:a.menuOpen]),C.useCallback(function(e){var t,n,r,l;N(e)&&0<(null==a||null==(n=a.filterValue)?void 0:n.length)&&(r=n=e,l=null!=(t=null==a?void 0:a.filterValue)?t:["all"],N(l)||(l=[l]),e=r=1<(null==n?void 0:n.length)&&he(n.map(function(e){return e.value}),l)?n.filter(function(e){return!l.includes(null==e?void 0:e.value)}):r),v(e)},[n,t,c]));return C.createElement("div",{className:"wprf-select-wrapper"},C.createElement(ue.default,{isDisabled:null==a?void 0:a.disable,classNamePrefix:"wprf-select",isSearchable:null!=i&&i,id:t,name:n,isMulti:null!=r&&r,placeholder:o,isLoading:b,options:f,value:d,onMenuOpen:e,onMenuClose:function(){y(!1)},isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:s}))});const Nt=new WeakMap;function Dt(n,r,l){return C.useMemo(()=>{var e,t;return l||(e=n,t=Nt.get(e)||0,Nt.set(e,t+1),r?r+"-"+t:t)},[n])}function Tt(t){var e=h(),n=t.fields,r=t.onChange,l=t.index,a=t.parent,o=(c=V(C.useState(t.isCollapsed),2))[0],i=c[1],u=Dt(Tt),c=(c=(null==(c=null==(c=e.values)||null==(c=c[a])?void 0:c[l])?void 0:c.title)||(null==c?void 0:c.post_title)||(null==c?void 0:c.username)||(null==c?void 0:c.plugin_theme_name))?c.length<40?c:c.substr(0,40)+"...":"";return C.useEffect(function(){e.setFieldValue([a,l,"isCollapsed"],o)},[o]),C.createElement("div",{className:"wprf-repeater-field"},C.createElement("div",{className:"wprf-repeater-field-title",onClick:function(){return i(!o)}},C.createElement("h4",null,C.createElement(m.Icon,{icon:"move"}),t.index+1,": ",c),C.createElement("div",{className:"wprf-repeater-field-controls"},C.createElement(m.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.clone(t.index)},icon:"admin-page"}),C.createElement(m.Icon,{onClick:function(e){null!=e&&e.stopPropagation(),t.remove(t.index)},icon:"trash"}))),!o&&C.createElement("div",{className:"wprf-repeater-inner-field"},n.map(function(e,t){return C.createElement(g,y({key:"field-".concat(l,"-").concat(t)},e,{id:"field-".concat(u,"-").concat(l,"-").concat(t),index:l,parenttype:"repeater",parent:a,onChange:function(e){return r(e,l)}}))})))}function Ft(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function It(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ft(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ft(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function Vt(n){var e=n.isLoading,t=(n.closeModal,V(C.useState([]),2)),r=t[0],l=t[1];return C.useEffect(function(){var e=F(n.body.fields).map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(O,y({key:e.name},e,{parentIndex:t}))});l(e)},[]),C.createElement("div",{className:"wprf-modal-body"},e&&C.createElement(Lt,null),!e&&C.createElement(C.Fragment,null,C.createElement("div",{className:"wprf-modal-content"},0<r.length&&r),C.createElement("div",{className:"wprf-modal-footer clearfix"},C.createElement("div",{className:"wprf-modal-footer-left"},(null==(t=n.body)?void 0:t.footer)&&k(n.body.footer)&&C.createElement("p",null,n.body.footer),C.createElement(g,y({type:"button"},null==n?void 0:n.confirm_button))))))}function At(e){return e=e.content,C.createElement("div",{className:"wprf-modal-header"},e&&k(e)&&C.createElement("h3",null,e))}var Rt=u(function(t){var e,n=It({type:"",label:{position:"right"},column:4},t.style),r=C.useMemo(function(){var e=!1;return null!=t&&t.checked&&E(t.checked)&&k(null==t?void 0:t.value)?e=t.checked[t.value]:k(t.value)||(e=t.value),e},[null==t?void 0:t.checked,t.value]),n=p.default("wprf-toggle-wrap",(b(e={},"wprf-".concat(null==n?void 0:n.type),0<(null==n?void 0:n.type.length)),b(e,"wprf-checked",Boolean(r)),b(e,"wprf-label-position-".concat(null==n||null==(r=n.label)?void 0:r.position),null==n||null==(r=n.label)?void 0:r.position),e),null==t?void 0:t.classes);return C.createElement("div",{className:n},C.createElement(gt,It(It({},t),{},{type:"checkbox",placeholder:void 0})),C.createElement(Ke,{htmlFor:t.id}))}),Lt=function(e){return C.createElement("p",null,v.__("Loading...","notificationx"))},Bt={options:["inline","blockType","textAlign","colorPicker","link"],inline:{options:["bold","italic","underline","strikethrough","monospace"]},blockType:{inDropdown:!0,options:["Normal","H1","H2","H3","H4","H5","H6","Blockquote","Code"],className:void 0,component:void 0,dropdownClassName:void 0}};function Mt(e,t){var n,r,l,a,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return r=!(n=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return n=e.done,e},e:function(e){r=!0,l=e},f:function(){try{n||null==o.return||o.return()}finally{if(r)throw l}}};if(Array.isArray(e)||(o=function(e,t){var n;if(e)return"string"==typeof e?Ut(e,t):"Map"===(n="Object"===(n=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ut(e,t):void 0}(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),a=0,{s:t=function(){},n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Ut(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function qt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function Ht(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qt(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Gt=function(t){var n,r,l,e=t.options,a=t.value,o=t.multiple,i=t.style,u=F(e),c=Ht({column:4},i);return o?(e=V(C.useState({}),2),n=e[0],r=e[1],l=function(e){var t=e.target||e.currentTarget;r(function(e){return Ht(Ht({},e),{},b({},t.value,t.checked))})},C.useEffect(function(){t.onChange({target:{type:"toggle",name:t.name,value:n}})},[n]),C.useEffect(function(){if(E(a))r(a);else{var e,t={},n=Mt(u);try{for(n.s();!(e=n.n()).done;)t[e.value.value]=a}catch(e){n.e(e)}finally{n.f()}r(t)}},[]),C.createElement("div",{className:"wprf-toggle-wrapper wprf-control"},C.createElement(Xe,null,u.map(function(e){return C.createElement(Ye,{key:e.value,column:c.column},C.createElement(Rt,Ht(Ht({},e),{},{context:null==t?void 0:t.context,id:e.value,checked:void 0===n[e.value]||(null!=n&&n[e.value]?a:!(null==n||!n[e.value])),type:"checkbox",onChange:l,style:c})))})))):C.createElement(Rt,t)},zt=["label","value","icon","is_pro"];function Wt(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}var $t,Jt=u(function e(t){var i,u,c,s=h(),n=Ue(t,"options"),r=n.options,f=n.option;if(r)return i=Dt(e),n=p.default(["wprf-control","wprf-radio-card","wprf-input-radio-set-wrap",null==t?void 0:t.className]),u=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wt(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wt(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},null==t?void 0:t.style),c=P(t,["options","placeholder","style","trigger"]),C.useEffect(function(){f&&t.onChange({target:{type:"radio-card",name:t.name,value:f}})},[f]),C.createElement("div",{className:n},C.createElement(Xe,null,r.map(function(e,t){var n,r=e.label,l=e.value,a=e.icon,o=e.is_pro,e=Be(e,zt);return C.createElement(Ye,{column:+(null==e?void 0:e.column)||4,key:t},C.createElement("div",{className:p.default("wprf-input-radio-option",{"wprf-option-has-image":null!=a&&a,"wprf-option-selected":l==f})},C.createElement(Ke,{className:p.default(b({"wprf-label-has-image":null!=a&&a},"wprf-size-".concat(u.size),null!=(n=a&&(null==u?void 0:u.size))&&n)),htmlFor:"wprf-input-radio-".concat(i,"-").concat(t),src:a,badge:{label:o?"Pro":"Free",value:o,active:Boolean(s.is_pro_active)}},r),C.createElement(gt,y({},e,c,{is_pro:o,type:"radio",value:l,checked:l===f,id:"wprf-input-radio-".concat(i,"-").concat(t)}))))})));throw new Error(v.__("#options is a required arguments for RadioCard field.","notificationx"))}),Xt=s.default.memo(function(n){var t=h(),e=V(C.useState(null!=(e=n.collapsed)&&e),2),r=e[0],l=e[1],e=V(C.useState([]),2),a=e[0],o=e[1],e=(C.useEffect(function(){var e=F(n.fields),e=(t.setFormField([].concat(w(n.parentIndex),["fields"]),e),e.map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(O,y({key:e.name},e,{parentIndex:t}))}));o(e)},[]),p.default("wprf-control-section",null==n?void 0:n.classes,null==n?void 0:n.name,{"wprf-section-collapsed":(null==n?void 0:n.collapsible)&&r}));return C.createElement("div",{id:null==n?void 0:n.name,className:e},n.placeholder&&C.createElement("div",{className:"wprf-section-title"},C.createElement("h4",null,n.placeholder),n.collapsible&&C.createElement("button",{onClick:function(){return l(!r)}},"Icon")),C.createElement("div",{className:"wprf-section-fields"},a))}),Yt=new Uint8Array(16);var Kt=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;for(var c=[],Qt=0;Qt<256;++Qt)c.push((Qt+256).toString(16).substr(1));function Zt(e,t){var t=1<arguments.length&&void 0!==t?t:0,e=(c[e[t+0]]+c[e[t+1]]+c[e[t+2]]+c[e[t+3]]+"-"+c[e[t+4]]+c[e[t+5]]+"-"+c[e[t+6]]+c[e[t+7]]+"-"+c[e[t+8]]+c[e[t+9]]+"-"+c[e[t+10]]+c[e[t+11]]+c[e[t+12]]+c[e[t+13]]+c[e[t+14]]+c[e[t+15]]).toLowerCase();if("string"==typeof(t=e)&&Kt.test(t))return e;throw TypeError("Stringified UUID is invalid")}function en(e,t,n){var r=(e=e||{}).random||(e.rng||function(){if($t=$t||"undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto))return $t(Yt);throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")})();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var l=0;l<16;++l)t[n+l]=r[l];return t}return Zt(r)}function tn(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tn(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tn(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var nn=function(e){var l=e.name,t=(e.value,e.button),n=e.fields,a=h(),e=V(C.useState(null==(e=a.values)?void 0:e[l]),2),r=e[0],o=e[1],i=(C.useEffect(function(){var e;null!=(null==(e=a.values)?void 0:e[l])&&o(null==(e=a.values)?void 0:e[l])},[null==(e=a.values)?void 0:e[l]]),C.useCallback(function(e){var t=w(r);t.splice(e,1),a.setFieldValue(l,t)},[r])),u=C.useCallback(function(e){var t=w(r);0<t.length&&(null!=(e=t=null!=(e=t=null!=(e=t=null!=(e=t=(null==t?void 0:t[e])||{})&&e.title?j(j({},t),{},{title:t.title+" - Copy"}):t)&&e.post_title?j(j({},t),{},{post_title:t.post_title+" - Copy"}):t)&&e.username?j(j({},t),{},{username:t.username+" - Copy"}):t)&&e.plugin_theme_name&&(t=j(j({},t),{},{plugin_theme_name:t.plugin_theme_name+" - Copy"})),t=j(j({},t),{},{index:en(),isCollapsed:!1}),a.setFieldValue([l,r.length],t))},[r]);return C.useEffect(function(){o(null==r||""==r?[{index:en()}]:function(e){return e.map(function(e){return j(j({},e),{},{index:en()})})})},[]),C.createElement("div",{className:"wprf-repeater-control"},r&&0<(null==r?void 0:r.length)&&C.createElement($.ReactSortable,{className:"wprf-repeater-content",list:r,setList:function(e){a.setFieldValue(l,e)},handle:".wprf-repeater-field-title",filter:".wprf-repeater-field-controls",forceFallback:!0},r.map(function(e,r){return C.createElement(Tt,{isCollapsed:null==e?void 0:e.isCollapsed,key:(null==e?void 0:e.index)||r,fields:n,index:r,parent:l,clone:u,remove:i,onChange:function(e){var t,n;t=r,(e=e).persist&&e.persist(),e=Oe(e),n=e.field,e=e.val,a.setFieldValue([l,t,n],e)}})})),C.createElement("div",{className:"wprf-repeater-label"},C.createElement("button",{className:"wprf-repeater-button",onClick:function(){return a.setFieldValue(l,[].concat(w(r),[{index:en()}]))}},null==t?void 0:t.label)))},rn=function(t){var n=t.name,e=t.id,r=t.label,l=t.units,a=t.value,o=t.min,i=t.max,u=t.unit,c=(t.tooltip,t.reset),a=V(C.useState(a||0),2),s=a[0],f=a[1],a=V(C.useState(u),2),d=a[0],p=a[1];return C.useEffect(function(){var e;s&&(we(s)?e=d?"".concat(s).concat(d):"".concat(s):k(s)&&(e=-1<s.indexOf(d)?"".concat(s):"".concat(s).concat(d)),t.onChange({target:{type:"slider",name:n,value:e}}))},[s,d]),C.createElement("div",{className:"wprf-slider-wrap"},C.createElement("div",{className:"wprf-slider-control-head"},C.createElement(Ke,{htmlFor:e||n},r),N(l)&&0<l.length&&C.createElement("div",{className:"wprf-slider-units"},l.map(function(e,t){return C.createElement(m.Button,{key:t,isSmall:!0,isPrimary:!0,onClick:function(){return p(e)},className:e==d?"unit-active":""},e)}))),C.createElement("div",{className:"wprf-slider-control"},C.createElement(m.RangeControl,{allowReset:null==c||c,value:parseInt(s),min:o,max:i,onChange:function(e){return f(e)}})))},ln=u(function(l){var a=h(),e=l.id,t=l.name,n=l.multiple,r=l.placeholder,o=l.onChange;l.parentIndex;function i(t,n){var e;if(l.ajax&&(!l.ajax.rules||I(l.ajax.rules,a.values)))if(t)if(t.length<3)n([{label:v.__("Please input a minimum of 3 characters."),value:null,disabled:!0}]);else{var r={inputValue:t};if(null!=(e=Object.keys(l.ajax.data))&&e.map(function(e){var t,n;-1<l.ajax.data[e].indexOf("@")?(n=l.ajax.data[e].substr(1),r[e]=null==(t=a.values)?void 0:t[n]):r[e]=l.ajax.data[e]}),!p&&t)return m(!0),window.lastRequest=null,Ce({path:l.ajax.api,data:r}).then(function(e){return n(e),e}).finally(function(){var e;m(!1),window.lastRequest&&(e=window.lastRequest,window.lastRequest=null,i.apply(void 0,w(e))),window.lastCompleteRequest=t});window.lastRequest=[t,n]}else n(c)}var u=V(C.useState(a.eligibleOptions(l.options)),2),c=u[0],s=u[1],u=V(C.useState(null==l?void 0:l.value),2),f=u[0],d=u[1],u=V(C.useState(!1),2),p=u[0],m=u[1];return C.useEffect(function(){s(a.eligibleOptions(l.options))},[a.values.source]),C.useEffect(function(){o({target:{type:"select",name:t,value:f,multiple:n}})},[f]),C.createElement("div",{className:"wprf-async-select-wrapper"},C.createElement(se.default,{cacheOptions:!0,loadOptions:i,defaultOptions:c,isDisabled:null==l?void 0:l.disable,isMulti:null!=n&&n,classNamePrefix:"wprf-async-select",id:e,name:t,placeholder:r,formatOptionLabel:function(e,t){var n,r;if(null!=t&&null!=(n=t.inputValue)&&n.length&&e.name&&e.name.toLowerCase().includes(null==t||null==(n=t.inputValue)?void 0:n.toLowerCase()))return null!=e&&e.name,n=new RegExp("(".concat(null==t?void 0:t.inputValue,")"),"gi"),t=null==(t=e.name)?void 0:t.replace(n,"<strong style={font-weight: 900}>$1</strong>"),r=null==(r=e.address)?void 0:r.replace(n,"<strong style={font-weight: 900}>$1</strong>"),C.createElement(C.Fragment,null,ce.default(t||"")," ",C.createElement("small",null,ce.default(r||"")));return C.createElement(C.Fragment,null,e.name?C.createElement(C.Fragment,null,C.createElement("b",null,e.name)," "):C.createElement(C.Fragment,null,e.label," "),e.address&&C.createElement("small",null,e.address))},value:f,isClearable:!0,isOptionDisabled:function(e){return null==e?void 0:e.disabled},onChange:function(e){return d(e)}}))}),an=u(function(e){var t,n=e.value,r=e.name,l=e.id,a=e.onChange,e=V(C.useState(!1),2),o=e[0],i=e[1],e=V(C.useState(n||null),2),u=e[0],c=e[1],e=V(C.useState(null),2),s=e[0],f=e[1],e=C.useRef(null);C.useEffect(function(){f(n)},[]);return C.useEffect(function(){a({target:{type:"colorpicker",name:r,value:u}})},[u]),t=e,C.useEffect(function(){function e(e){t.current&&!t.current.contains(e.target)&&i(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[t]),C.createElement(C.Fragment,null,C.createElement("div",{className:"wprf-colorpicker-wrap",ref:e},C.createElement("input",{type:"hidden",value:n,name:r,id:l}),C.createElement("span",{className:"wprf-picker-display",style:{backgroundColor:n,borderColor:n},onClick:function(){return i(!o)}}),o&&C.createElement(C.Fragment,null,C.createElement("button",{className:"wprf-colorpicker-reset",onClick:function(e){e.preventDefault(),c(s),i(!1)}},v.__("Reset","notificationx")),C.createElement(m.ColorPicker,{color:n,onChangeComplete:function(e){return c(e.hex)}}))))}),on=function(e){return C.createElement(C.Fragment,null,H.applyFilters(e.action,"",e))},un=u(function(t){var e=V(C.useState(null!=(e=t.value)&&e.url?t.value:null),2),n=e[0],r=e[1];return C.useEffect(function(){t.onChange({target:{type:"media",name:t.name,value:n}})},[n]),C.createElement("div",{className:"wprf-control wprf-media"},null!=n&&!(null!=t&&t.notImage)&&C.createElement("div",{className:"wprf-image-preview"},null!=n&&(null==n?void 0:n.url)&&C.createElement("img",{src:n.url,alt:n.title})),C.createElement("div",{className:"wprf-image-uploader"},C.createElement(Y.MediaUpload,{onSelect:function(e){r({id:e.id,title:e.title,url:e.url})},multiple:!1,allowedTypes:["image"],value:n,render:function(e){e=e.open;return C.createElement(C.Fragment,null,null!=n&&C.createElement("button",{className:"wprf-btn wprf-image-remove-btn",onClick:function(){return r(null)}},(null==t?void 0:t.remove)||"Remove"),C.createElement("button",{className:"wprf-btn wprf-image-upload-btn",onClick:e},null!=n?(null==t?void 0:t.reset)||"Change Image":(null==t?void 0:t.button)||"Upload"))}})))}),cn=u(function(n){var e=V(C.useState(Q.EditorState.createEmpty()),2),t=e[0],r=e[1];return C.useEffect(function(){var e,t;n.value&&(e=(t=de.default(n.value)).contentBlocks,t=t.entityMap,e=Q.ContentState.createFromBlockArray(e,t),t=Q.EditorState.createWithContent(e),r(t))},[]),C.useEffect(function(){var e=fe.default(Q.convertToRaw(t.getCurrentContent()));n.onChange({target:{type:"editor",value:e,name:n.name}})},[t]),C.createElement(K.Editor,{placeholder:null==n?void 0:n.placeholder,toolbar:Bt,editorState:t,toolbarClassName:"wprf-editor-toolbar",wrapperClassName:"wprf-editor wprf-control",editorClassName:"wprf-editor-main",onEditorStateChange:r})}),sn=u(function(n){var e,t,r,l;if(null!=n&&n.text||!0===(null==n?void 0:n.group))return e=P(n,["is_pro","visible","disable","parentIndex","context","onBlur","value","ajax","text"]),t=(l=V(C.useState(!1),2))[0],r=l[1],null!=n&&n.href?C.createElement("a",{href:-1===(null==n?void 0:n.href)?null==n?void 0:n.value:null==n?void 0:n.href,target:null==n?void 0:n.target,className:p.default("wprf-control wprf-button wprf-href-btn",null==n?void 0:n.classes)},null==n?void 0:n.text):null!=n&&n.group?(l=n.fields.map(function(e,t){t=[].concat(w(n.parentIndex),["fields",t]);return C.createElement(O,y({key:e.name},e,{parentIndex:t}))}),C.createElement("div",{className:"wprf-control wprf-button-group wprf-flex"},l)):C.createElement(C.Fragment,null,C.createElement("button",y({},e,{name:n.name,disabled:t,onClick:null!=(l=null==n?void 0:n.onClick)?l:function(e){var t,l;null!=n&&n.ajax&&(r(!0),je(n.ajax,n.context).then(function(e){var t;if(r(!1),"error"==(null==e?void 0:e.status))throw new Error(null==e?void 0:e.message);n.onChange({target:{type:"button",name:n.name,value:!0}}),null!=(e=n.ajax)&&e.hideSwal||(e=(null==(e=n.ajax)||null==(e=e.swal)?void 0:e.icon)||"success",t=(null==(t=n.ajax)||null==(t=t.swal)?void 0:t.text)||"Complete",n.context.alerts.toast(e,t,{autoClose:null==(e=n.ajax)||null==(e=e.swal)?void 0:e.autoClose})),null!=(t=n.ajax)&&t.reload&&setTimeout(function(){return window.location.reload()},1e3)}).catch(function(e){var t;console.error("Error In Button Called",n.name,e),r(!1),n.onChange({target:{type:"button",name:n.name,value:!1}}),null!=(t=n.ajax)&&t.hideSwal||n.context.alerts.toast("error",(null==e?void 0:e.message)||v.__("Something went wrong.","notificationx"))})),l=(t=n).context,null!=t&&t.trigger&&N(null==t?void 0:t.trigger)&&null!=t&&t.trigger.map(function(e){var t=(null==e?void 0:e.type)||"setFieldValue";if(null!=e&&e.action&&E(null==e?void 0:e.action))for(var n in null==e?void 0:e.action){var r=n,n=(-1<r.indexOf(".")&&(r=r.split(".")),null==e?void 0:e.action[n]);""!=r&&l[t](r,n)}})},className:p.default("wprf-control wprf-button wprf-btn",null==n?void 0:n.classes)}),E(null==n?void 0:n.text)&&null!=n&&n.ajax?t?null==n||null==(e=n.text)?void 0:e.loading:n.value?null==n||null==(l=n.text)?void 0:l.saved:null==n||null==(t=n.text)?void 0:t.normal:null==n?void 0:n.text));throw new Error(v.__("Button has a required params #text.","notificationx"))});function fn(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function x(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fn(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fn(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function dn(t){var n=P(t,["is_pro","visible","trigger","disable","parentIndex","context","badge","popup"]),r=(e=V(C.useState(Object.keys(t.controls)[0]),2))[0],l=e[1],e=n.value;E(n.value)||Object.keys(t.controls).reduce(function(e,t){return x(x({},e),{},b({},t,n.value))},{});var a=(e=V(C.useState(e),2))[0],o=e[1];return C.useEffect(function(){n.onChange({target:{type:"input",name:n.name,value:a,checked:null,multiple:null}})},[a]),C.createElement("div",{style:{display:"flex",alignItems:"center",rowGap:5,columnGap:10,flexWrap:"wrap"}},s.default.createElement("input",x(x({},n),{},{type:"number",value:null==a?void 0:a[r],onChange:function(e){o(x(x({},a),{},b({},r,e.target.value)))}})),C.createElement("div",{style:{display:"flex",alignItems:"center"}},null==(e=Object.keys(t.controls))?void 0:e.map(function(e){return C.createElement("button",{type:"button",key:e,className:"responsive-button ".concat(r===e?"active":""),onClick:function(){return l(e)}},C.createElement("img",{src:t.controls[e].icon,alt:"desktop",style:{width:t.controls[e].size}}))})))}dn.defaultProps={type:"number"};var pn=u(s.default.memo(dn)),mn=function(e){var t=function(e){if(null!=e&&e.messages)for(var t in e.messages){t=e.messages[t];if(I(t.rules,e.context.values))return t}return{message:null==e?void 0:e.message,html:null==e?void 0:e.html,type:"normal"}}(e),n=t.html,r=t.message,t=t.type;return r?C.createElement("div",{className:p.default("wprf-control","wprf-message","wprf-".concat(void 0===t?"warning":t,"-message"),"wprf-".concat(e.name,"-message"),null==e?void 0:e.classes)},n&&C.createElement("p",{dangerouslySetInnerHTML:{__html:r}}),!n&&C.createElement("p",null,r)):C.createElement(C.Fragment,null)},vn=function(t){if(null==(null==t?void 0:t.body)||null==(null==t?void 0:t.button))throw new Error(v.__("Modal needs button/body with it.","notificationx"));function n(){return l(!1)}var e=V(C.useState(!1),2),r=e[0],l=e[1],e=V(C.useState(!1),2),a=e[0],e=(e[1],C.useCallback(function(){},[]));return C.createElement("div",{className:"wprf-control wprf-modal",id:"wprf-modal-".concat(t.name)},C.createElement(g,y({type:"button"},null==t?void 0:t.button,{onClick:function(){return l(!0)}})),r&&C.createElement(pe.default,{customClass:"wprf-modal-inner",style:{maxWidth:"900px",width:"100%",overflowY:"scroll",margin:"50px auto"},closeBtnStyle:{top:"5px",right:"5px",color:"#f78c8c",fontSize:"18px",border:"1px solid #f78c8c",borderRadius:"50%",width:"30px",height:"30px",display:"inline-flex",alignItems:"center",justifyContent:"center"},title:C.createElement(At,{content:null==t||null==(r=t.body)?void 0:r.header}),onConfirm:e,showConfirm:!1,showCloseButton:!0,closeOnClickOutside:!0,onCancel:n,afterUpdate:function(){var e;null!=t&&t.cancel&&null!=(e=t.context.values)&&e[t.cancel]&&n()}},C.createElement(Vt,y({},t,{isLoading:a,closeModal:n,context:t.context,onConfirm:e}))))},bn=function(e){var t=e.fields,r=e.parentIndex,n=e.context,e=V(C.useState([]),2),l=e[0],a=e[1],e=V(C.useState([]),2),o=e[0],i=e[1];return C.useEffect(function(){var e=F(t);n.setFormField([r,"fields"],e),a(e)},[]),C.useEffect(function(){var e;N(l)&&0<l.length&&(e=l.map(function(e,t){var n=[].concat(w(r),["fields",t]);return"section"===(null==e?void 0:e.type)?C.createElement(g,y({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):e?C.createElement(O,y({key:"input-".concat(e.name,"-").concat(t)},e,{parentIndex:n})):C.createElement(C.Fragment,null)}),i(e))},[l]),C.createElement(C.Fragment,null,o)};function yn(e){var t=e.fields,r=e.active,n=e.setActive,l=e.submit,a=Be(e,En);if(void 0===t)throw new Error(v.__("There are no #tabs args defined in props.","notificationx"));var o,i,u=h(),c=a.parentIndex||[];if(N(t))return o=(e=V(C.useState([]),2))[0],i=e[1],C.useEffect(function(){var e=t.filter(function(e){return D(null==u?void 0:u.values,e)});i(e)},[t,null==u||null==(e=u.values)?void 0:e.source]),C.createElement("div",{className:p.default("wprf-tab-content-wrapper",null==u||null==(e=u.values)?void 0:e.source,null==u||null==(e=u.values)?void 0:e.themes)},C.createElement("div",{className:"wprf-tab-flex"},C.createElement("div",{className:"wprf-tab-contents"},t.map(function(e,t){var n;return D(null==u?void 0:u.values,e)?(n=p.default("wprf-tab-content","wprf-tab-".concat(null==e?void 0:e.id),{"wprf-active":r===e.id}),C.createElement("div",{id:null==e?void 0:e.id,className:n,key:null==e?void 0:e.id},C.createElement("div",{className:"wprf-tab-heading-wrapper"},(null==e?void 0:e.label)&&(null==(n=null==a?void 0:a.title)||n)&&C.createElement("h4",null,e.label),C.createElement("div",null,(null==a?void 0:a.content_heading)&&Object.keys(a.content_heading).map(function(e,t){return C.createElement(s.default.Fragment,{key:"button_".concat(e,"_").concat(t)},C.createElement(O,a.content_heading[e]))}))),C.createElement(bn,{context:u,fields:null==e?void 0:e.fields,parentIndex:[].concat(w(c),[t])}))):""})),H.applyFilters("wprf_tab_content","",a)),(null==a||null==(e=a.step)?void 0:e.show)&&C.createElement(wn,{fields:o,active:r,setActive:n,config:null!=(e=a.step)?e:{show:!1}}),(null==(o=null==l?void 0:l.show)||o)&&(null==l||!l.rules||I(null==l?void 0:l.rules,{rest:a,config:{active:r}}))&&C.createElement(gn,l));throw new Error(v.__("Not an array.","notificationx"))}var gn=function(e){var e=y({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e),e)),n=h(),t=(null==e?void 0:e.label)||v.__("Save Changes","notificationx"),e=(n.isSubmitting&&(t=null!=(e=null==e?void 0:e.loadingLabel)?e:"Saving..."),C.useCallback(function(e){var t;null!=(t=n.submit)&&t.onSubmit&&n.submit.onSubmit(e,n)},[n]));return C.createElement("div",{className:"wprf-submit wprf-control"},C.createElement(m.Button,{disabled:null==n?void 0:n.isSubmitting,className:"wprf-submit-button",onClick:e},t))},wn=s.default.memo(function(n){var e=V(C.useState(void 0),2),r=e[0],l=e[1],e=V(C.useState(void 0),2),a=e[0],o=e[1];return h(),C.useEffect(function(){var e=n.fields.map(function(e){return e.id}),t=e.findIndex(function(e){return e===n.active});-1!=t&&o(e[t-1]),t<=e.length&&l(e[t+1])},[n.active,n.fields]),C.createElement("div",{className:"wprf-stepped-button"},n.config.buttons&&Object.keys(n.config.buttons).map(function(e,t){return C.createElement(s.default.Fragment,{key:"button_".concat(e,"_").concat(t)},("next"===e&&void 0!==r||"prev"===e&&void 0!==a)&&C.createElement(m.Button,{className:"wprf-btn wprf-step-btn-".concat(e),onClick:function(){return n.setActive("next"===e?r:a)}},null==(t=n.config.buttons)?void 0:t[e]),null==r&&(null==(t=n.config.buttons)||null==(t=t[e])?void 0:t.type)&&C.createElement(O,null==(t=n.config.buttons)?void 0:t[e]))}))}),En=["fields","active","setActive","submit"],hn=function(t){var e=h(),n=V(C.useState((null==t?void 0:t.value)||(null==t?void 0:t.active)),2),r=n[0],l=n[1],n=p.default("wp-react-form wprf-tabs-wrapper",null==t?void 0:t.className,{"wprf-tab-menu-as-sidebar":null==t?void 0:t.sidebar});return C.useEffect(function(){var e=null!=(e=t.value)?e:t.active;e!=r&&l(e)},[null==t?void 0:t.value]),C.useEffect(function(){t.value!==r&&t.onChange({target:{type:"button",name:t.name,value:r}})},[r]),C.createElement("div",{className:n},C.createElement(Le,y({},t,{active:r,setActive:function(e){return l(e)},fields:t.fields,context:e})),C.createElement(yn,y({},t,{fields:t.fields,active:r,setActive:function(e){return l(e)},submit:null==t?void 0:t.submit})))};function On(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function jn(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?On(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):On(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}S.registerStore("formbuilder",L);e.Action=on,e.BuilderConsumer=U,e.BuilderProvider=M,e.Button=sn,e.CodeViewer=St,e.ColorPicker=an,e.Column=Ye,e.Date=mt,e.Editor=cn,e.Field=O,e.FormBuilder=function(e){var t,n=h(),r=e.tabs;return null!=(t=r)&&t.type||(r=jn(jn({},e.config),{},{value:null==e||null==(t=e.config)?void 0:t.active,fields:e.tabs,tabs:void 0,submit:null==e?void 0:e.submit,onChange:function(e){n.setActiveTab(null==e||null==(e=e.target)?void 0:e.value)}})),C.createElement(C.Fragment,null,C.createElement(hn,r))},e.GenericField=g,e.GenericInput=gt,e.Group=Pt,e.Image=nt,e.Input=wt,e.JsonUploader=_t,e.Label=Ke,e.Media=un,e.Message=mn,e.Modal=vn,e.ObjectFilter=function(t,n){var r,e,l=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return!!t&&(r={},e=Object.keys(t).filter(function(e){return n(e)}),l?e:(e.map(function(e){r[e]=t[e]}),r))},e.Radio=Jt,e.Repeater=nn,e.ResponsiveNumber=pn,e.Row=Xe,e.Section=Xt,e.Select=kt,e.SelectAsync=ln,e.Slider=rn,e.SweetAlert=function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return oe.default.fire(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?He(Object(n),!0).forEach(function(e){b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({target:null!=(e=null==t?void 0:t.target)?e:"#notificationx",type:null!=(e=null==t?void 0:t.type)?e:"success",html:null==t?void 0:t.html,title:null!=(e=null==t?void 0:t.title)?e:v.__("Title Goes Here: title","notificationx"),text:null!=(e=null==t?void 0:t.text)?e:v.__("Test Goes Here: text","notificationx"),icon:null!=(e=null==t?void 0:t.icon)?e:(null==t?void 0:t.type)||"success",timer:null!=(e=null==t?void 0:t.timer)?e:null},t))},e.Textarea=Ot,e.Toggle=Gt,e._extends=r,e.builderReducer=$e,e.executeChange=Oe,e.getIn=T,e.getSelectedValues=function(e){return Array.from(e).filter(function(e){return e.selected}).map(function(e){return e.value})},e.getStoreData=Ge,e.getTime=xe,e.hitAAJX=je,e.isArray=N,e.isEmptyObj=d,e.isExists=function(e,t){var n=o(e);switch(!0){case"object"===n&&N(e):return e.includes(t);case"object"===n&&!N(e):return void 0!==(null==e?void 0:e[t]);default:return e===t}},e.isFunction=Ee,e.isNumber=we,e.isObject=E,e.isString=k,e.isVisible=D,e.merge=Se,e.objectWithoutPropertiesLoose=ke,e.processAjaxData=function(n){var r={};return Object.keys(n).map(function(e){var t;0===n[e].indexOf("@")?""!=(t=n[e].substr(1))&&(t=Ge().getFieldValue(t),r[e]=t||"undefined"):r[e]=n[e]}),r},e.setIn=n,e.setStoreData=ze,e.sortingFields=F,e.triggerDefaults=function(e,t){var n,r,l=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!d(e)&&"object"===o(e))for(var a in e)a===l&&(n=e[a].indexOf("@"),r=e[a].indexOf(":"),0===n)&&0<r&&(n=e[a].substr(1,r-1),a=e[a].substr(r+1),r=Ge().getSavedFieldValue(n,t),""!=n)&&""!=a&&ze().setFieldValue({name:n,value:b({},n,r||a)})},e.useBuilder=function(e){var t=C.useRef(!1);C.useEffect(function(){return t.current=!0,function(){t.current=!1}},[]);var n=V(C.useReducer($e,A(A({},e),{},{savedValues:e.savedValues||{},values:e.values||{},errors:e.initialErrors||{},touched:e.initialTouched||{},icons:e.initialIcons||{},common:{},alerts:{},tabs:F(e.tabs)})),2),u=n[0],r=n[1],n=R(function(e,t,n){r({type:"SET_CONTEXT",payload:{field:e,value:t}})}),l=R(function(e,t){e="function"==typeof e?e(u.values):e;return r({type:"SET_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),a=R(function(e,t){e="function"==typeof e?e(u.values):e;return r({type:"SET_SAVED_VALUES",payload:e}),void 0!==t&&t?e:Promise.resolve()}),o=R(function(e,t,n){r({type:"SET_FIELD_VALUE",payload:{field:e,value:t}})}),i=R(function(e,t){r({type:"SET_FORM_FIELD",payload:{field:e,value:t}})}),c=C.useCallback(function(e){return T(u.values,e)},[u]),s=R(function(e,t,n){r({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t=t||!0}})}),f=C.useCallback(function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],e=(e.persist&&e.persist(),e.target),n=e.name,r=e.id;e.outerHTML,s(t||n||r,!0)},[s]),d=R(function(t){if("string"==typeof t)return function(e){return f(e,t)};f(t)}),p=C.useCallback(function(e,t,n){null!=n&&n.isPro&&!1===Boolean(u.is_pro_active)||(t=(e=Oe(e,t)).field,e=e.val,t&&(o(t,e),H.doAction("quickBuilder_setFieldValue",t,e,n)))},[o,u.values]),m=R(function(t,n){var e;if(null!=n&&n.isPro&&!1===Boolean(u.is_pro_active)&&null!=(e=u.alerts)&&null!=(e=e.pro_alert(null==n?void 0:n.popup))&&e.fire(),"string"==typeof t)return function(e){return p(t,e,n)};p(t,null,n)}),v=C.useCallback(function(e){var t=A({},e),n=P(t),r=n.name,l=n.type,a=n.parent,o=n.parenttype,i=(null!=t&&t.is_pro&&(n.is_pro=!(null!=t&&t.is_pro&&!0===Boolean(u.is_pro_active))),a=a&&"group"===o?null!=(i=null==(i=null!=(i=T(u.values,a))?i:{})?void 0:i[r])?i:null==t?void 0:t.default:a&&"repeater"===o?null!=(i=null==(o=null!=(i=T(u.values,a))?i:[])||null==(a=o[n.index])?void 0:a[r])?i:null==t?void 0:t.default:null!=(o=T(u.values,r))?o:null==t?void 0:t.default,n.onChange=m,n.onBlur=d,n.value);return"checkbox"!==l||n.multiple?"radio"===l?(n.checked=a===i,n.value=i):n.value="date"===l&&null==a?xe():a:(n.checked=!!a,n.value=!!a,k(a)&&"0"===a?(n.checked=!1,n.value=!1):(n.checked=Boolean(a),n.value=Boolean(a))),n.visible=D(u.values,e),n},[d,m,u.values]),b=C.useCallback(function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return n=null!==n?null==(n=T(u.values,n))?void 0:n[e]:T(u.values,e)||(null==(n=t.meta)?void 0:n.default),A(A({},t.meta),{},{value:n,error:T(u.errors,e),touched:!!T(u.touched,e),visible:D(u.values,t),initialValue:"",initialTouched:"",initialError:""})},[u.errors,u.touched,u.values]),y=C.useCallback(function(e){return 0<e.length?e.filter(function(e){return null!=e&&e.rules?I(e.rules,u.values):e}):e},[u.errors,u.touched,u.values]),g=C.useCallback(function(e,t){var n;return e.length?(n=[],2<arguments.length&&void 0!==arguments[2]&&arguments[2]&&N(t)?e.filter(function(e){return t.includes(e.value)}):0<(n=e.filter(function(e){return e.value==t})).length?n[0]:""):e},[u.errors,u.touched,u.values]),w=C.useCallback(function(){return{setValue:function(e,t){return o(e,t)},getValue:function(e){return T(u.values,e)},getValueForDefault:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null;return(null===t||T(u.savedValues,t)===T(u.values,t))&&T(u.savedValues,e)}}},[u.errors,u.touched,u.values,u.savedValues]),E=C.useCallback(function(e){return T(u.tabs,e)},[u]),h=R(function(e){r({type:"SET_ISSUBMITTING",payload:e})}),O=R(function(e){r({type:"SET_ACTIVE_TAB",payload:e})}),j=R(function(e){r({type:"SET_REDIRECT",payload:e})}),x=R(function(e,t){r({type:"SET_ICONS",payload:{name:e,icons:t}})}),S=R(function(e,t){r({type:"SET_COMMONS",payload:{name:e,value:t}})}),_=R(function(e,t){r({type:"SET_ALERTS",payload:{name:e,value:t}})});return A(A(A({},e),u),{},{setContext:n,values:u.values,savedValues:u.savedValues,errors:u.errors,touched:u.touched,isSubmitting:null!=(e=null==u?void 0:u.isSubmitting)&&e,setActiveTab:O,setRedirect:j,setSubmitting:h,setValues:l,setSavedValues:a,setFieldValue:o,getFieldValue:c,handleBlur:d,handleChange:m,getFieldProps:v,getFieldMeta:b,getFieldHelpers:w,eligibleOptions:y,eligibleOption:g,getTabFields:E,setFormField:i,registerIcons:x,registerCommon:S,registerAlert:_})},e.useBuilderContext=h,e.useDefaults=qe,e.validFieldProps=P,e.valueExists=he,e.when=I,e.withLabel=u,e.withProps=it,e.withState=function(e){return Boolean(["group","section"].includes(e))},e.wpFetch=Ce,Object.defineProperty(e,"__esModule",{value:!0})});
diff --git a/package.json b/package.json
index 8124458..aa75f8b 100755
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
   "devDependencies": {
     "@wordpress/babel-preset-default": "7.6.0",
     "@wordpress/eslint-plugin": "13.6.0",
-    "@wordpress/scripts": "^24.6.0",
+    "@wordpress/scripts": "^26.7.0",
     "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/plugin-transform-runtime": "^7.13.10",
     "@babel/runtime": "^7.13.17",
@@ -98,7 +98,6 @@
     "@wordpress/date": "^4.22.0",
     "@wordpress/i18n": "^4.22.0",
     "@wordpress/media-utils": "^4.13.0",
-    "@wordpress/scripts": "^24.6.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
     "classnames": "^2.2.6",
diff --git a/src/FormBuilder.tsx b/src/FormBuilder.tsx
index ad308da..7f29dc1 100644
--- a/src/FormBuilder.tsx
+++ b/src/FormBuilder.tsx
@@ -14,12 +14,13 @@ import { TabProps } from "./types/Tabs";
 
 
 const FormBuilder: React.FC<BuilderProps | TabProps> = (props) => {
-    const builderContext = useBuilderContext();
+	const builderContext = useBuilderContext();
 	let tabs = props.tabs;
-	if(!tabs?.type){
+
+	if (!tabs?.type) {
 		tabs = {
 			...props.config,
-			value: props.config.active,
+			value: props?.config?.active,
 			fields: props.tabs,
 			tabs: undefined,
 			submit: props?.submit,
diff --git a/src/core/components/ControlLabel.tsx b/src/core/components/ControlLabel.tsx
index 18118d7..b7206cd 100644
--- a/src/core/components/ControlLabel.tsx
+++ b/src/core/components/ControlLabel.tsx
@@ -1,22 +1,32 @@
-import React from 'react'
+import React from "react";
 const ControlLabel = (props) => {
-    const { id, label, badge, badgePosition, context, ...rest } = props;
-    if (!(label && label.length > 0)) {
-        return null;
-    }
+	const { id, label, badge, badgePosition, context, ...rest } = props;
+	if (!(label && label.length > 0)) {
+		return null;
+	}
 
-    /**
-     * Icon need to be fixed
-     * context?.icons?.[rest?.icon] through context
-     */
+	/**
+	 * Icon need to be fixed
+	 * context?.icons?.[rest?.icon] through context
+	 */
 
-    return (
-        <div className="wprf-control-label">
-            {badgePosition == 'left' && badge}
-            <label htmlFor={id}>{label}</label>
-            {rest?.link && <a rel="nofollow" target="_blank" href={rest.link}>{context?.icons?.link}</a>}
-            {badgePosition == 'right' && badge}
-        </div>
-    )
-}
-export default ControlLabel;
\ No newline at end of file
+	return (
+		<div className="wprf-control-label">
+			{badgePosition == "left" && badge}
+			<label htmlFor={id}>{label}</label>
+			{rest?.label_subtitle && (
+				<p
+					className="wprf-label-subtitle"
+					dangerouslySetInnerHTML={{ __html: rest?.label_subtitle }}
+				></p>
+			)}
+			{rest?.link && (
+				<a rel="nofollow" target="_blank" href={rest.link}>
+					{context?.icons?.link}
+				</a>
+			)}
+			{badgePosition == "right" && badge}
+		</div>
+	);
+};
+export default ControlLabel;
diff --git a/src/core/hooks/useBuilder.tsx b/src/core/hooks/useBuilder.tsx
index 07fe0bd..c36ba65 100644
--- a/src/core/hooks/useBuilder.tsx
+++ b/src/core/hooks/useBuilder.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useReducer, useRef, useCallback, useLayoutEffect } from "react";
 import { builderReducer, when } from '../index'
 import { getIn, executeChange as eChange, isVisible, isArray, validFieldProps, isString, getTime, sortingFields } from "../utils";
+import { doAction } from '@wordpress/hooks'
 
 const useBuilder = (props) => {
 	// Set is Mounted or NOT
@@ -122,6 +123,7 @@ const useBuilder = (props) => {
 		const { field, val: value } = eChange(eventOrTextValue, maybePath);
 		if (field) {
 			setFieldValue(field, value);
+			doAction( 'quickBuilder_setFieldValue', field, value, validProps )
 		}
 	}, [setFieldValue, state.values]);
 
@@ -337,7 +339,7 @@ const useBuilder = (props) => {
 		savedValues: state.savedValues,
 		errors: state.errors,
 		touched: state.touched,
-		isSubmitting: false,
+		isSubmitting: state?.isSubmitting ?? false,
 		setActiveTab: setActiveTab,
 		setRedirect: setRedirect,
 		setSubmitting: setSubmitting,
diff --git a/src/core/utils.ts b/src/core/utils.ts
index 6e673cc..2cdbecb 100644
--- a/src/core/utils.ts
+++ b/src/core/utils.ts
@@ -1,294 +1,302 @@
-import { clone, toPath } from "lodash-es";
-import apiFetch from "@wordpress/api-fetch";
-import when from "./when";
-// @ts-ignore
-import { __experimentalGetSettings } from "@wordpress/date";
-import moment from "moment";
-
-export const wpFetch = (params) => {
-	let args = { ...params, method: "POST" };
-	return apiFetch(args);
-};
-
-export const isString = (args) => {
-    return args !== null && typeof args === "string";
-};
-
-export const isNumber = (args) => {
-    return args !== null && typeof args === "number";
-};
-
-var isInteger = function isInteger(obj) {
-    return String(Math.floor(Number(obj))) === obj;
-};
-
-export const isFunction = ( functionName ) => {
-    return functionName !== null && typeof functionName === "function";
-};
-
-export const isArray = (args) => {
-    return args !== null && typeof args === "object" && Array.isArray(args);
-};
-
-export const isObject = (obj) => {
-    return obj !== null && typeof obj === 'object' && !isArray(obj)
-}
-
-export const isVisible = (values, props) => {
-    if (!props?.rules || props.name == undefined) {
-        return true;
-    }
-
-    let whenVar = when(props.rules, values);
-    return Boolean(whenVar);
-}
-
-export const withState = (type) => {
-    return Boolean( ["group", "section"].includes(type) )
-}
-
-export const isEmptyObj = (obj) => {
-	for (let k in obj) {
-		if (obj.hasOwnProperty(k)) {
-			return false;
-		}
-	}
-	return true;
-};
-
-export const getIn = (obj, key, def?, p?) => {
-    if (p === void 0) {
-        p = 0;
-    }
-    const path = toPath(key);
-    while (obj && p < path.length) {
-        obj = obj[path[p++]];
-    }
-    return obj === undefined ? def : obj;
-}
-
-export const sortingFields = ( fields ) => [].concat(fields).sort(function (a, b) {
-	if (a.priority == undefined || b.priority == undefined) return 0;
-	return a.priority > b.priority ? 1 : -1;
-});
-
-export const getSelectedValues = (options: []) => {
-    return Array.from(options).filter(function (el: any) {
-        return el.selected;
-    }).map(function (el: any) {
-        return el.value;
-    });
-}
-
-export const executeChange = (eventOrTextValue, maybePath?) =>  {
-        var field = maybePath;
-        var val = eventOrTextValue;
-        var parsed;
-
-        if (!isString(eventOrTextValue)) {
-            if (eventOrTextValue.persist) {
-                eventOrTextValue.persist();
-            }
-
-            const target = eventOrTextValue.target ? eventOrTextValue.target : eventOrTextValue.currentTarget;
-
-            const type = target.type,
-                name = target.name,
-                value = target.value,
-                checked = target.checked,
-                multiple = target.multiple;
-
-
-            field = maybePath ? maybePath : name;
-
-            // val = /number|range/.test(type) ? (parsed = parseFloat(value), isNaN(parsed) ? '' : parsed) : /checkbox/.test(type) // checkboxes
-            //     ? checked : !!multiple ? value : value;
-
-            switch( type ) {
-                case 'number':
-                case 'range':
-                    parsed = parseFloat(value), isNaN(parsed) ? '' : parsed;
-                    val = parsed;
-                    break;
-                case 'checkbox':
-                    val = !!multiple ? value : checked;
-                    break;
-                case 'toggle':
-                default:
-                    val = value;
-                    break;
-            }
-        }
-
-    return { field, val };
-}
-
-export const objectWithoutPropertiesLoose = (source, excluded) => {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-
-export const setIn = (obj, path, value) => {
-    var res = clone(obj); // this keeps inheritance when obj is a class
-
-    var resVal = res;
-    var i = 0;
-    var pathArray = toPath(path);
-
-    for (; i < pathArray.length - 1; i++) {
-        var currentPath = pathArray[i];
-        var currentObj = getIn(obj, pathArray.slice(0, i + 1));
-
-        if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
-            resVal = resVal[currentPath] = clone(currentObj);
-        } else {
-            var nextPath = pathArray[i + 1];
-            resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
-        }
-    } // Return original object if new value is the same as current
-
-
-    if ((i === 0 ? obj : resVal)[pathArray[i]] === value) {
-        return obj;
-    }
-
-    if (value === undefined) {
-        delete resVal[pathArray[i]];
-    } else {
-        resVal[pathArray[i]] = value;
-    } // If the path array has a single element, the loop did not run.
-    // Deleting on `resVal` had no effect in this scenario, so we delete on the result instead.
-
-
-    if (i === 0 && value === undefined) {
-        delete res[pathArray[i]];
-    }
-
-    return res;
-}
-
-export const validFieldProps = ( defaultProps, exclude: string[] = [] ) => {
-    const type = defaultProps.type;
-    let filterOutArray = [ 'validation_rules', 'default', 'rules', 'meta', 'switch', ...exclude ];
-    if( type !== 'select' && type !== 'select-async' && type !== 'radio-card' && type !== 'checkbox' && ( type !== 'toggle' && defaultProps.multiple ) ) {
-        filterOutArray.push( 'options' );
-    }
-    if( type !== 'tab' && type !== 'group' && type !== 'repeater' && type !== 'section' && type !== 'button' ) {
-        filterOutArray.push( 'fields' );
-    }
-
-    let validProps: any = objectWithoutPropertiesLoose( defaultProps, filterOutArray );
-    if( defaultProps?.label && ! defaultProps?.placeholder ) {
-        validProps.placeholder = defaultProps.label;
-    }
-    return validProps;
-}
-
-export const hitAAJX = ( ajax, context = null ) => {
-    if( context !== null && ajax ) {
-        let isEligible = true;
-        if( ajax?.rules ) {
-            isEligible = when(ajax?.rules, context.values);
-        }
-        if( isEligible ) {
-            let data = {}
-            Object.keys(ajax.data).map(singleData => {
-                if (ajax.data[singleData].indexOf?.('@') > -1) {
-                    let eligibleKey = ajax.data[singleData].substr(1);
-                    data[singleData] = context.values?.[eligibleKey]
-                } else {
-                    data[singleData] = ajax.data[singleData]
-                }
-            })
-            return wpFetch({
-                path: ajax.api,
-                data
-            }).then( (response: any) => {
-                if (response?.status == "success" && response?.redirect) {
-                    window.location = response?.redirect;
-                }
-                const dataContext = response?.data?.context ? response.data.context : (response?.context ? response.context : false);
-                if (dataContext && isObject(dataContext)) {
-                    Object.keys(dataContext).map((eligibleKey) => {
-                        context.setFieldValue(eligibleKey, dataContext[eligibleKey]);
-                    });
-                }
-                if(response?.data?.download){
-                    downloadFile({
-                        data: JSON.stringify(response.data.download),
-                        fileName: response?.data?.filename || 'export.json',
-                        fileType: 'text/json',
-                      })
-                }
-
-                if( ajax?.trigger && isString(ajax?.trigger) ) {
-                    let at = ajax.trigger.indexOf('@');
-                    let colon = ajax.trigger.indexOf(":");
-                    if (at === 0 && colon > 0) {
-                        let eligibleKey = ajax.trigger.substr(1, colon - 1);
-                        let eligibleDataToSet = ajax.trigger.substr(colon + 1);
-                        if (eligibleDataToSet == 'true'){
-                            eligibleDataToSet = true;
-                        }
-                        else if (eligibleDataToSet == 'false'){
-                            eligibleDataToSet = false;
-                        }
-
-                        context.setFieldValue(
-                            eligibleKey,
-                            eligibleDataToSet
-                        );
-                    }
-                }
-                return response;
-            })
-        }
-    }
-    return Promise.reject( false );
-}
-
-export const getTime = ( value?, keepLocalTime: boolean = false ) => {
-    const settings: any = __experimentalGetSettings();
-    const _value = moment.utc(value ? value : undefined).utcOffset(+settings?.timezone?.offset, keepLocalTime);
-    return _value;
-}
-
-export const merge = (array_one: Array<object>, array_two: Array<object>, key: string) => {
-    // if( ! isArray(array_one) && ! isArray( array_two ) && isObject( array_one ) && isObject( array_two ) ) {
-    //     return { ...array_one, ...array_two }
-    // }
-    const data = [...array_one];
-    const _array_two = array_two.filter(
-        (element: any) =>
-            data.findIndex(
-                (_element: any) =>
-                    _element[key] === element[key]) <= -1
-        );
-    return [...data, ..._array_two];
-}
-
-
-const downloadFile = ({ data, fileName, fileType }) => {
-    // Create a blob with the data we want to download as a file
-    const blob = new Blob([data], { type: fileType })
-    // Create an anchor element and dispatch a click event on it
-    // to trigger a download
-    const a = document.createElement('a')
-    a.download = fileName
-    a.href = window.URL.createObjectURL(blob)
-    const clickEvt = new MouseEvent('click', {
-      view: window,
-      bubbles: true,
-      cancelable: true,
-    })
-    a.dispatchEvent(clickEvt)
-    a.remove()
-  }
\ No newline at end of file
+import { clone, toPath } from "lodash-es";
+import apiFetch from "@wordpress/api-fetch";
+import when from "./when";
+// @ts-ignore
+import { __experimentalGetSettings } from "@wordpress/date";
+import moment from "moment";
+
+export const wpFetch = (params) => {
+	let args = { ...params, method: "POST" };
+	return apiFetch(args);
+};
+
+export const isString = (args) => {
+	return args !== null && typeof args === "string";
+};
+
+export const isNumber = (args) => {
+	return args !== null && typeof args === "number";
+};
+
+var isInteger = function isInteger(obj) {
+	return String(Math.floor(Number(obj))) === obj;
+};
+
+export const isFunction = (functionName) => {
+	return functionName !== null && typeof functionName === "function";
+};
+
+export const isArray = (args) => {
+	return args !== null && typeof args === "object" && Array.isArray(args);
+};
+
+export const isObject = (obj) => {
+	return obj !== null && typeof obj === 'object' && !isArray(obj)
+}
+
+export const valueExists = (arrayOptions, needles) => {
+	if (isArray(needles)) {
+		return arrayOptions.some(value => needles.includes(value));
+	}
+
+	return arrayOptions.includes(needles);
+};
+
+export const isVisible = (values, props) => {
+	if (!props?.rules || props.name == undefined) {
+		return true;
+	}
+
+	let whenVar = when(props.rules, values);
+	return Boolean(whenVar);
+}
+
+export const withState = (type) => {
+	return Boolean(["group", "section"].includes(type))
+}
+
+export const isEmptyObj = (obj) => {
+	for (let k in obj) {
+		if (obj.hasOwnProperty(k)) {
+			return false;
+		}
+	}
+	return true;
+};
+
+export const getIn = (obj, key, def?, p?) => {
+	if (p === void 0) {
+		p = 0;
+	}
+	const path = toPath(key);
+	while (obj && p < path.length) {
+		obj = obj[path[p++]];
+	}
+	return obj === undefined ? def : obj;
+}
+
+export const sortingFields = (fields) => [].concat(fields).sort(function (a, b) {
+	if (a.priority == undefined || b.priority == undefined) return 0;
+	return a.priority > b.priority ? 1 : -1;
+});
+
+export const getSelectedValues = (options: []) => {
+	return Array.from(options).filter(function (el: any) {
+		return el.selected;
+	}).map(function (el: any) {
+		return el.value;
+	});
+}
+
+export const executeChange = (eventOrTextValue, maybePath?) => {
+	var field = maybePath;
+	var val = eventOrTextValue;
+	var parsed;
+
+	if (!isString(eventOrTextValue)) {
+		if (eventOrTextValue.persist) {
+			eventOrTextValue.persist();
+		}
+
+		const target = eventOrTextValue.target ? eventOrTextValue.target : eventOrTextValue.currentTarget;
+
+		const type = target.type,
+			name = target.name,
+			value = target.value,
+			checked = target.checked,
+			multiple = target.multiple;
+
+
+		field = maybePath ? maybePath : name;
+
+		// val = /number|range/.test(type) ? (parsed = parseFloat(value), isNaN(parsed) ? '' : parsed) : /checkbox/.test(type) // checkboxes
+		//     ? checked : !!multiple ? value : value;
+
+		switch (type) {
+			case 'number':
+			case 'range':
+				parsed = parseFloat(value), isNaN(parsed) ? '' : parsed;
+				val = parsed;
+				break;
+			case 'checkbox':
+				val = !!multiple ? value : checked;
+				break;
+			case 'toggle':
+			default:
+				val = value;
+				break;
+		}
+	}
+
+	return { field, val };
+}
+
+export const objectWithoutPropertiesLoose = (source, excluded) => {
+	if (source == null) return {};
+	var target = {};
+	var sourceKeys = Object.keys(source);
+	var key, i;
+	for (i = 0; i < sourceKeys.length; i++) {
+		key = sourceKeys[i];
+		if (excluded.indexOf(key) >= 0) continue;
+		target[key] = source[key];
+	}
+	return target;
+}
+
+export const setIn = (obj, path, value) => {
+	var res = clone(obj); // this keeps inheritance when obj is a class
+
+	var resVal = res;
+	var i = 0;
+	var pathArray = toPath(path);
+
+	for (; i < pathArray.length - 1; i++) {
+		var currentPath = pathArray[i];
+		var currentObj = getIn(obj, pathArray.slice(0, i + 1));
+
+		if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
+			resVal = resVal[currentPath] = clone(currentObj);
+		} else {
+			var nextPath = pathArray[i + 1];
+			resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
+		}
+	} // Return original object if new value is the same as current
+
+
+	if ((i === 0 ? obj : resVal)[pathArray[i]] === value) {
+		return obj;
+	}
+
+	if (value === undefined) {
+		delete resVal[pathArray[i]];
+	} else {
+		resVal[pathArray[i]] = value;
+	} // If the path array has a single element, the loop did not run.
+	// Deleting on `resVal` had no effect in this scenario, so we delete on the result instead.
+
+
+	if (i === 0 && value === undefined) {
+		delete res[pathArray[i]];
+	}
+
+	return res;
+}
+
+export const validFieldProps = (defaultProps, exclude: string[] = []) => {
+	const type = defaultProps.type;
+	let filterOutArray = ['validation_rules', 'default', 'rules', 'meta', 'switch', ...exclude];
+	if (type !== 'select' && type !== 'select-async' && type !== 'radio-card' && type !== 'checkbox' && (type !== 'toggle' && defaultProps.multiple)) {
+		filterOutArray.push('options');
+	}
+	if (type !== 'tab' && type !== 'group' && type !== 'repeater' && type !== 'section' && type !== 'button') {
+		filterOutArray.push('fields');
+	}
+
+	let validProps: any = objectWithoutPropertiesLoose(defaultProps, filterOutArray);
+	if (defaultProps?.label && !defaultProps?.placeholder) {
+		validProps.placeholder = defaultProps.label;
+	}
+	return validProps;
+}
+
+export const hitAAJX = (ajax, context = null) => {
+	if (context !== null && ajax) {
+		let isEligible = true;
+		if (ajax?.rules) {
+			isEligible = when(ajax?.rules, context.values);
+		}
+		if (isEligible) {
+			let data = {}
+			Object.keys(ajax.data).map(singleData => {
+				if (ajax.data[singleData].indexOf?.('@') > -1) {
+					let eligibleKey = ajax.data[singleData].substr(1);
+					data[singleData] = context.values?.[eligibleKey]
+				} else {
+					data[singleData] = ajax.data[singleData]
+				}
+			})
+			return wpFetch({
+				path: ajax.api,
+				data
+			}).then((response: any) => {
+				if (response?.status == "success" && response?.redirect) {
+					window.location = response?.redirect;
+				}
+				const dataContext = response?.data?.context ? response.data.context : (response?.context ? response.context : false);
+				if (dataContext && isObject(dataContext)) {
+					Object.keys(dataContext).map((eligibleKey) => {
+						context.setFieldValue(eligibleKey, dataContext[eligibleKey]);
+					});
+				}
+				if (response?.data?.download) {
+					downloadFile({
+						data: JSON.stringify(response.data.download),
+						fileName: response?.data?.filename || 'export.json',
+						fileType: 'text/json',
+					})
+				}
+
+				if (ajax?.trigger && isString(ajax?.trigger)) {
+					let at = ajax.trigger.indexOf('@');
+					let colon = ajax.trigger.indexOf(":");
+					if (at === 0 && colon > 0) {
+						let eligibleKey = ajax.trigger.substr(1, colon - 1);
+						let eligibleDataToSet = ajax.trigger.substr(colon + 1);
+						if (eligibleDataToSet == 'true') {
+							eligibleDataToSet = true;
+						}
+						else if (eligibleDataToSet == 'false') {
+							eligibleDataToSet = false;
+						}
+
+						context.setFieldValue(
+							eligibleKey,
+							eligibleDataToSet
+						);
+					}
+				}
+				return response;
+			})
+		}
+	}
+	return Promise.reject(false);
+}
+
+export const getTime = (value?, keepLocalTime: boolean = false) => {
+	const settings: any = __experimentalGetSettings();
+	const _value = moment.utc(value ? value : undefined).utcOffset(+settings?.timezone?.offset, keepLocalTime);
+	return _value;
+}
+
+export const merge = (array_one: Array<object>, array_two: Array<object>, key: string) => {
+	// if( ! isArray(array_one) && ! isArray( array_two ) && isObject( array_one ) && isObject( array_two ) ) {
+	//     return { ...array_one, ...array_two }
+	// }
+	const data = [...array_one];
+	const _array_two = array_two.filter(
+		(element: any) =>
+			data.findIndex(
+				(_element: any) =>
+					_element[key] === element[key]) <= -1
+	);
+	return [...data, ..._array_two];
+}
+
+
+const downloadFile = ({ data, fileName, fileType }) => {
+	// Create a blob with the data we want to download as a file
+	const blob = new Blob([data], { type: fileType })
+	// Create an anchor element and dispatch a click event on it
+	// to trigger a download
+	const a = document.createElement('a')
+	a.download = fileName
+	a.href = window.URL.createObjectURL(blob)
+	const clickEvt = new MouseEvent('click', {
+		view: window,
+		bubbles: true,
+		cancelable: true,
+	})
+	a.dispatchEvent(clickEvt)
+	a.remove()
+}
diff --git a/src/fields/Input.tsx b/src/fields/Input.tsx
index 8aeefa5..2e89a9f 100644
--- a/src/fields/Input.tsx
+++ b/src/fields/Input.tsx
@@ -1,14 +1,11 @@
 import { Button } from "@wordpress/components";
 import copy from "copy-to-clipboard";
-import React, { useCallback, useEffect, useState, useRef } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { withLabel } from '../core/hooks';
 import { validFieldProps } from '../core/utils';
-const Input = (props, ref?) => {
-	const type = props.type ? props.type : 'text';
-	const validProps = validFieldProps({...props, type}, ['is_pro', 'visible', 'trigger', 'copyOnClick', 'disable', 'parentIndex', 'context', 'badge', 'popup', 'tags']);
-	const handleChange = useCallback((event) => validProps.onChange(event, { popup: props?.popup, isPro: !!props.is_pro }), [validProps?.value]);
-	const localRef = useRef(null);
-	const inputRef = ref?.current ? ref : localRef;
+const Input = (props) => {
+	const validProps = validFieldProps(props, ['is_pro', 'visible', 'trigger', 'copyOnClick', 'disable', 'parentIndex', 'context', 'badge', 'popup']);
+	const handleChange = useCallback((event) => validProps.onChange(event, { popup: props?.popup, isPro: !!props.is_pro, originProps: props }), [validProps?.value]);
 
 	if (validProps.type === 'checkbox') {
 		if (validProps?.name) {
@@ -30,6 +27,7 @@ const Input = (props, ref?) => {
 
 
 
+
 	if (!props.is_pro && props?.copyOnClick && props?.value) {
 		const copyMessage = props?.copyMessage || "Click To Copy!";
 		const copiedMessage = props?.copiedMessage || "Copied!";
@@ -51,11 +49,15 @@ const Input = (props, ref?) => {
 		</span>;
 	}
 
+
 	return React.createElement('input', {
-		...validProps, onChange: handleChange, ref: inputRef,
+		...validProps, onChange: handleChange
 	})
 }
 
+Input.defaultProps = {
+	type: 'text'
+}
 
-export const GenericInput = React.memo(React.forwardRef(Input));
+export const GenericInput = React.memo(Input);
 export default withLabel(React.memo(Input));
diff --git a/src/fields/Select.tsx b/src/fields/Select.tsx
index 45164de..437f306 100644
--- a/src/fields/Select.tsx
+++ b/src/fields/Select.tsx
@@ -1,107 +1,127 @@
-import React, { useEffect, useState } from 'react'
-import ReactSelect from "react-select";
-import { isArray, isObject, merge, wpFetch } from '../core/utils';
-import { withLabel, useOptions, useBuilderContext } from '../core/hooks';
-import { when } from '../core';
-
-const Select = (props) => {
-    const builderContext = useBuilderContext();
-    let { id, name, multiple, placeholder, search = false, onChange, parentIndex } = props;
-    const { options, selectedOption, setOptions, setData } = useOptions(props, 'options');
-    const [sOption, setSOption] = useState(null);
-    const [isLoading, setIsLoading] = useState(false)
-    const [isAjaxComplete, setIsAjaxComplete] = useState(false)
-
-    const handleMenuOpen = () => {
-        // AJAX
-        if (props.ajax && (!props.ajax.rules || when(props.ajax.rules, builderContext.values))) {
-            setIsLoading(true);
-            let data = {};
-            Object.keys(props?.ajax.data).map(singleData => {
-                if (props?.ajax.data[singleData].indexOf('@') > -1) {
-                    let eligibleKey = props?.ajax.data[singleData].substr(1);
-                    data[singleData] = builderContext.values?.[eligibleKey]
-                } else {
-                    data[singleData] = props?.ajax.data[singleData]
-                }
-            })
-            if (!isAjaxComplete) {
-                return wpFetch({
-                    path: props?.ajax.api,
-                    data: data
-                }).then((response: any) => {
-                    setIsLoading(false);
-                    const arrayMerge = merge(props.options, response, 'value');
-                    builderContext.setFormField([...parentIndex, 'options'], arrayMerge)
-                    setData({
-                        options: arrayMerge,
-                        parentIndex: [...parentIndex, 'options']
-                    });
-                    // setIsAjaxComplete(true);
-                    return response;
-                })
-            }
-        }
-    }
-    const handleMenuClose = () => {
-        setIsLoading(false);
-    }
-
-    useEffect(() => {
-        if (!isArray(sOption) && isObject(sOption)) {
-            onChange({
-                target: {
-                    type: 'select',
-                    name,
-                    value: sOption.value,
-                    options,
-                    multiple
-                },
-            });
-        }
-        if (isArray(sOption)) {
-            onChange({
-                target: {
-                    type: 'select',
-                    name,
-                    value: sOption.map(item => item.value),
-                    options,
-                    multiple
-                },
-            });
-        }
-    }, [sOption])
-
-    useEffect(() => {
-        handleMenuOpen();
-    }, [])
-
-    useEffect(() => {
-        if (props?.menuOpen) {
-            handleMenuOpen();
-        }
-    }, [props?.menuOpen])
-
-    return (
-        <div className="wprf-select-wrapper">
-            <ReactSelect
-                isDisabled={props?.disable}
-                classNamePrefix="wprf-select"
-                isSearchable={search ?? false}
-                id={id}
-                name={name}
-                isMulti={multiple ?? false}
-                placeholder={placeholder}
-                isLoading={isLoading}
-                options={options}
-                value={selectedOption}
-                onMenuOpen={handleMenuOpen}
-                onMenuClose={handleMenuClose}
-                isOptionDisabled={(option) => option?.disabled}
-                onChange={(option) => setSOption(option)} // option or options
-            />
-        </div>
-    )
-}
-
-export default withLabel(Select);
\ No newline at end of file
+import React, { useCallback, useEffect, useState } from 'react'
+import ReactSelect from "react-select";
+import { isArray, isObject, merge, wpFetch, valueExists } from '../core/utils';
+import { withLabel, useOptions, useBuilderContext } from '../core/hooks';
+import { when } from '../core';
+
+const Select = (props) => {
+	const builderContext = useBuilderContext();
+	let { id, name, multiple, placeholder, search = false, onChange, parentIndex } = props;
+	const { options, selectedOption, setOptions, setData } = useOptions(props, 'options');
+	const [sOption, setSOption] = useState(null);
+	const [isLoading, setIsLoading] = useState(false)
+	const [isAjaxComplete, setIsAjaxComplete] = useState(false)
+
+	const handleMenuOpen = () => {
+		// AJAX
+		if (props.ajax && (!props.ajax.rules || when(props.ajax.rules, builderContext.values))) {
+			setIsLoading(true);
+			let data = {};
+			Object.keys(props?.ajax.data).map(singleData => {
+				if (props?.ajax.data[singleData].indexOf('@') > -1) {
+					let eligibleKey = props?.ajax.data[singleData].substr(1);
+					data[singleData] = builderContext.values?.[eligibleKey]
+				} else {
+					data[singleData] = props?.ajax.data[singleData]
+				}
+			})
+			if (!isAjaxComplete) {
+				return wpFetch({
+					path: props?.ajax.api,
+					data: data
+				}).then((response: any) => {
+					setIsLoading(false);
+					const arrayMerge = merge(props.options, response, 'value');
+					builderContext.setFormField([...parentIndex, 'options'], arrayMerge)
+					setData({
+						options: arrayMerge,
+						parentIndex: [...parentIndex, 'options']
+					});
+					// setIsAjaxComplete(true);
+					return response;
+				})
+			}
+		}
+	}
+	const handleMenuClose = () => {
+		setIsLoading(false);
+	}
+
+	useEffect(() => {
+		if (!isArray(sOption) && isObject(sOption)) {
+			onChange({
+				target: {
+					type: 'select',
+					name,
+					value: sOption.value,
+					options,
+					multiple
+				},
+			});
+		}
+		if (isArray(sOption)) {
+			onChange({
+				target: {
+					type: 'select',
+					name,
+					value: sOption.map(item => item.value),
+					options,
+					multiple
+				},
+			});
+		}
+	}, [sOption])
+
+	useEffect(() => {
+		handleMenuOpen();
+	}, [])
+
+	useEffect(() => {
+		if (props?.menuOpen) {
+			handleMenuOpen();
+		}
+	}, [props?.menuOpen])
+
+	const handleOptionChange = useCallback((option) => {
+		if (isArray(option) && props?.filterValue?.length > 0) {
+			const origialValues = option;
+			let values = origialValues;
+
+			let filterValue = props?.filterValue ?? ['all'];
+			if (!isArray(filterValue)) {
+				filterValue = [filterValue];
+			}
+
+			if (origialValues?.length > 1 && valueExists(origialValues.map(item => item.value), filterValue)) {
+				values = origialValues.filter((item) => !filterValue.includes(item?.value));
+			}
+
+			option = values;
+		}
+
+		setSOption(option);
+	}, [name, id, parentIndex]);
+
+	return (
+		<div className="wprf-select-wrapper">
+			<ReactSelect
+				isDisabled={props?.disable}
+				classNamePrefix="wprf-select"
+				isSearchable={search ?? false}
+				id={id}
+				name={name}
+				isMulti={multiple ?? false}
+				placeholder={placeholder}
+				isLoading={isLoading}
+				options={options}
+				value={selectedOption}
+				onMenuOpen={handleMenuOpen}
+				onMenuClose={handleMenuClose}
+				isOptionDisabled={(option) => option?.disabled}
+				onChange={handleOptionChange} // option or options
+			/>
+		</div>
+	)
+}
+
+export default withLabel(Select);
diff --git a/src/fields/SelectAsync.tsx b/src/fields/SelectAsync.tsx
index a10d04c..df7ed3b 100644
--- a/src/fields/SelectAsync.tsx
+++ b/src/fields/SelectAsync.tsx
@@ -4,6 +4,7 @@ import AsyncSelect from "react-select/async";
 import { when } from "../core";
 import { useBuilderContext, withLabel } from "../core/hooks";
 import { wpFetch } from "../core/utils";
+import { __ } from "@wordpress/i18n";
 
 const SelectAsync = (props) => {
 	const builderContext = useBuilderContext();
@@ -27,7 +28,7 @@ const SelectAsync = (props) => {
 			if (inputValue.length < 3) {
 				callback([
 					{
-						'label'   : "Please type 3 or more characters.",
+						'label'   : __("Please input a minimum of 3 characters."),
 						'value'   : null,
 						'disabled': true,
 					}
diff --git a/src/fields/Tab.tsx b/src/fields/Tab.tsx
index 60ed8e4..e69da15 100644
--- a/src/fields/Tab.tsx
+++ b/src/fields/Tab.tsx
@@ -12,8 +12,9 @@ import classNames from 'classnames';
 
 const Tab: React.FC<TabConfig> = (props) => {
     // const builderContextState = useBuilder(props);
+
     const builderContext = useBuilderContext();
-    const [activeTab, setActiveTab] = useState(props.value || props.active);
+    const [activeTab, setActiveTab] = useState(props?.value || props?.active);
 
 	const componentClasses = classNames(
 		"wp-react-form wprf-tabs-wrapper",
@@ -23,13 +24,13 @@ const Tab: React.FC<TabConfig> = (props) => {
 		}
 	);
 
-    // console.log(props.value, props);
-
     useEffect(() => {
-        if(props.value !== activeTab){
-            setActiveTab(props.value);
+		const _activeTab = props.value ?? props.active;
+
+        if(_activeTab != activeTab){
+            setActiveTab(_activeTab);
         }
-    }, [props.value])
+    }, [props?.value])
 
     useEffect(() => {
         if(props.value !== activeTab){
@@ -65,4 +66,4 @@ const Tab: React.FC<TabConfig> = (props) => {
     )
 }
 
-export default Tab;
\ No newline at end of file
+export default Tab;
diff --git a/src/fields/tabs/Content.tsx b/src/fields/tabs/Content.tsx
index 1a8a006..3c0b7b8 100644
--- a/src/fields/tabs/Content.tsx
+++ b/src/fields/tabs/Content.tsx
@@ -72,9 +72,9 @@ const Content: React.FC<TabContentConfig> = ({ fields: tabs, active, setActive,
                 rest?.step?.show &&
                 <SteppedButton fields={tabsFields} active={active} setActive={setActive} config={rest.step ?? {show: false}} />
             }
-            {(submit?.show ?? true) && (submit?.rules ? when(submit?.rules, { rest }) : true) && <Submit {...submit} />}
+            {(submit?.show ?? true) && (submit?.rules ? when(submit?.rules, { rest, config: { active } }) : true) && <Submit {...submit} />}
         </div>
     );
 };
 
-export default Content;
\ No newline at end of file
+export default Content;
diff --git a/src/fields/tabs/Submit.tsx b/src/fields/tabs/Submit.tsx
index 8f73fc1..cd95a26 100644
--- a/src/fields/tabs/Submit.tsx
+++ b/src/fields/tabs/Submit.tsx
@@ -5,23 +5,27 @@ import { __ } from '@wordpress/i18n';
 
 const Submit = ({ ...props }) => {
     const context = useBuilderContext();
-    const label = props?.label || __('Save Changes', 'notificationx');
+    let label = props?.label || __('Save Changes', 'notificationx');
+
+	if( context.isSubmitting ) {
+		label = props?.loadingLabel ?? 'Saving...';
+	}
+
     const handleSubmit = useCallback(
         (event) => {
             if (context.submit?.onSubmit) {
                 context.submit.onSubmit(event, context);
                 return;
             }
-            // console.log('on submit wprf.');
         },
         [context],
     )
 
     return (
         <div className="wprf-submit wprf-control">
-            <Button className="wprf-submit-button" onClick={handleSubmit}>{label}</Button>
+            <Button disabled={context?.isSubmitting} className="wprf-submit-button" onClick={handleSubmit}>{label}</Button>
         </div>
     )
 }
 
-export default Submit;
\ No newline at end of file
+export default Submit;