diff --git a/.browserslistrc b/.browserslistrc new file mode 100644 index 0000000000..0152f61ef0 --- /dev/null +++ b/.browserslistrc @@ -0,0 +1 @@ +extends @wordpress/browserslist-config diff --git a/.eslintignore b/.eslintignore index e919e75fd9..b505f64e4b 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,11 +1,18 @@ # Exclude auto generated files. **/*.min.js **/*.js.map -**/formidable_blocks.js -**/formidable_overlay.js -**/formidable_dashboard.js -**/formidable-templates.js -**/formidable_styles.js +js/formidable_blocks.js +js/formidable_overlay.js +js/form-templates.js +js/formidable_dashboard.js +js/onboarding-wizard.js +js/addons-page.js +js/formidable_styles.js +js/formidable_admin.js +js/bootstrap-multiselect.js + +# Config files +*.config.js **/node_modules/** **/vendor/** diff --git a/.eslintrc.json b/.eslintrc.json index 391958cbbc..861d81ed76 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -38,7 +38,7 @@ "settings": { "import/resolver": { "webpack": { - "config": "webpack.config.js" + "config": "./webpack.config.js" } }, "react": { @@ -48,7 +48,24 @@ "rules": { "cypress/unsafe-to-chain-command": "off", "cypress/no-assigning-return-values": "off", - "camelcase": ["error", { "properties": "never" }], + "camelcase": [ + "error", + { + "properties": "never", + "allow": [ + "frm_admin_js", + "frm_stripe_vars", + "frm_trans_vars", + "formidable_form_selector", + "frm_js", + "frm_password_checks", + "formidable_block_calculator", + "formidable_view_selector", + "frmdates_admin_js", + "frm_abdn" + ] + } + ], "lines-around-comment": "off", "react/display-name": "off", "react/jsx-curly-spacing": [ @@ -128,6 +145,9 @@ "no-jquery/no-trim": "error", "no-jquery/no-type": "error", "no-jquery/no-unique": "error", - "no-jquery/no-when": "error" + "no-jquery/no-when": "error", + "react/jsx-no-target-blank": "off", + "comma-dangle": "off", + "arrow-parens": ["error", "as-needed"] } } diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml index 9c891aa858..e41b129d1f 100644 --- a/.github/workflows/cypress.yml +++ b/.github/workflows/cypress.yml @@ -27,7 +27,7 @@ jobs: node-version: 20 - name: Install dependencies - run: npm ci --include=dev + run: npm ci --legacy-peer-deps --include=dev - name: Set up WP environment run: npm run env start diff --git a/.github/workflows/jscs.yml b/.github/workflows/jscs.yml index b497c348e6..ee6b147527 100644 --- a/.github/workflows/jscs.yml +++ b/.github/workflows/jscs.yml @@ -5,12 +5,12 @@ on: branches: - master pull_request: - branches: - - master + types: [ opened, labeled, synchronize ] name: Inspections jobs: runPHPCSInspection: + if: contains(github.event.pull_request.labels.*.name, 'run analysis') name: Run ESLint runs-on: ubuntu-latest steps: @@ -18,7 +18,5 @@ jobs: uses: actions/checkout@master - name: Analyze js code style run: | - npm install eslint - wget https://develop.svn.wordpress.org/trunk/.jshintrc - ./node_modules/.bin/eslint ./js/formidable* - ./node_modules/.bin/eslint ./tests/cypress/e2e/* + npm ci --legacy-peer-deps --include=dev + ./node_modules/.bin/eslint . diff --git a/classes/controllers/FrmEntriesController.php b/classes/controllers/FrmEntriesController.php index 95ee8f2429..55603eec64 100644 --- a/classes/controllers/FrmEntriesController.php +++ b/classes/controllers/FrmEntriesController.php @@ -393,6 +393,8 @@ private static function field_supports_sorting( $field ) { * @return array */ public static function hidden_columns( $result ) { + global $frm_vars; + if ( ! is_array( $result ) ) { // Force an unexpected value to be an array. // Since $result is a filtered option and gets saved to the database, it's possible it could be a string. @@ -400,13 +402,9 @@ public static function hidden_columns( $result ) { $result = array(); } - $form_id = FrmForm::get_current_form_id(); - - $hidden = self::user_hidden_columns_for_form( $form_id, $result ); - - global $frm_vars; - $i = isset( $frm_vars['cols'] ) ? count( $frm_vars['cols'] ) : 0; - + $form_id = FrmForm::get_current_form_id(); + $hidden = self::user_hidden_columns_for_form( $form_id, $result ); + $i = isset( $frm_vars['cols'] ) ? count( $frm_vars['cols'] ) : 0; $max_columns = 11; if ( ! empty( $hidden ) ) { @@ -447,6 +445,10 @@ private static function user_hidden_columns_for_form( $form_id, $result ) { * Remove some columns by default when there are too many * * @since 2.05.07 + * + * @param array $atts + * @param array $result + * @return void */ private static function remove_excess_cols( $atts, &$result ) { global $frm_vars; diff --git a/js/addons-page.js b/js/addons-page.js index db4e2548c8..01189001d5 100644 --- a/js/addons-page.js +++ b/js/addons-page.js @@ -1 +1 @@ -!function(){var t={616:function(t){t.exports=function(t,e){var n,r,o=0;function i(){var i,a,c=n,l=arguments.length;t:for(;c;){if(c.args.length===arguments.length){for(a=0;a=0),c.type){case"b":n=parseInt(n,10).toString(2);break;case"c":n=String.fromCharCode(parseInt(n,10));break;case"d":case"i":n=parseInt(n,10);break;case"j":n=JSON.stringify(n,null,c.width?parseInt(c.width):0);break;case"e":n=c.precision?parseFloat(n).toExponential(c.precision):parseFloat(n).toExponential();break;case"f":n=c.precision?parseFloat(n).toFixed(c.precision):parseFloat(n);break;case"g":n=c.precision?String(Number(n.toPrecision(c.precision))):parseFloat(n);break;case"o":n=(parseInt(n,10)>>>0).toString(8);break;case"s":n=String(n),n=c.precision?n.substring(0,c.precision):n;break;case"t":n=String(!!n),n=c.precision?n.substring(0,c.precision):n;break;case"T":n=Object.prototype.toString.call(n).slice(8,-1).toLowerCase(),n=c.precision?n.substring(0,c.precision):n;break;case"u":n=parseInt(n,10)>>>0;break;case"v":n=n.valueOf(),n=c.precision?n.substring(0,c.precision):n;break;case"x":n=(parseInt(n,10)>>>0).toString(16);break;case"X":n=(parseInt(n,10)>>>0).toString(16).toUpperCase()}o.json.test(c.type)?m+=n:(!o.number.test(c.type)||f&&!c.sign?d="":(d=f?"+":"-",n=n.toString().replace(o.sign,"")),s=c.pad_char?"0"===c.pad_char?"0":c.pad_char.charAt(1):" ",u=c.width-(d+n).length,l=c.width&&u>0?s.repeat(u):"",m+=c.align?d+n+l:"0"===s?d+l+n:l+d+n)}return m}(function(t){if(c[t])return c[t];for(var e,n=t,r=[],i=0;n;){if(null!==(e=o.text.exec(n)))r.push(e[0]);else if(null!==(e=o.modulo.exec(n)))r.push("%");else{if(null===(e=o.placeholder.exec(n)))throw new SyntaxError("[sprintf] unexpected placeholder");if(e[2]){i|=1;var a=[],l=e[2],s=[];if(null===(s=o.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(s[1]);""!==(l=l.substring(s[0].length));)if(null!==(s=o.key_access.exec(l)))a.push(s[1]);else{if(null===(s=o.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(s[1])}e[2]=a}else i|=2;if(3===i)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");r.push({placeholder:e[0],param_no:e[1],keys:e[2],sign:e[3],pad_char:e[4],align:e[5],width:e[6],precision:e[7],type:e[8]})}n=n.substring(e[0].length)}return c[t]=r}(t),arguments)}function a(t,e){return i.apply(null,[t].concat(e||[]))}var c=Object.create(null);"undefined"!=typeof window&&(window.sprintf=i,window.vsprintf=a,void 0===(r=function(){return{sprintf:i,vsprintf:a}}.call(e,n,e,t))||(t.exports=r))}()}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){"use strict";var t=window.frmGlobal,e=t.url,r=(t.nonce,"frm_hidden"),o="frm-hide-js",i="frm-current";function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:"default";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.elements=e,this.type=n,this.prepareElements()},e=[{key:"fadeIn",value:function(){var t=this;this.applyStyleToElements((function(e){e.classList.add("frm-fadein-up"),e.addEventListener("animationend",(function(){t.resetOpacity(),e.classList.remove("frm-fadein-up")}),{once:!0})}))}},{key:"cascadeFadeIn",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.03;setTimeout((function(){t.applyStyleToElements((function(t,n){t.classList.remove("frm-animate"),t.style.transitionDelay=(n+1)*e+"s"}))}),200)}},{key:"prepareElements",value:function(){var t=this;this.applyStyleToElements((function(e){"default"===t.type&&(e.style.opacity="0.0"),"cascade"===t.type&&e.classList.add("frm-init-cascade-animation"),"cascade-3d"===t.type&&e.classList.add("frm-init-fadein-3d"),e.classList.add("frm-animate")}))}},{key:"resetOpacity",value:function(){this.applyStyleToElements((function(t){return t.style.opacity="1.0"}))}},{key:"applyStyleToElements",value:function(t){this.elements instanceof Element?t(this.elements,0):0":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},x=["(","?"],O={")":["("],":":["?","?:"]},_=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var A={"!":function(t){return!t},"*":function(t,e){return t*e},"/":function(t,e){return t/e},"%":function(t,e){return t%e},"+":function(t,e){return t+e},"-":function(t,e){return t-e},"<":function(t,e){return t":function(t,e){return t>e},">=":function(t,e){return t>=e},"==":function(t,e){return t===e},"!=":function(t,e){return t!==e},"&&":function(t,e){return t&&e},"||":function(t,e){return t||e},"?:":function(t,e,n){if(t)throw e;return n}};var C={contextDelimiter:"",onMissingKey:null};function T(t,e){var n;for(n in this.data=t,this.pluralForms={},this.options={},C)this.options[n]=void 0!==e&&n in e?e[n]:C[n]}function F(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function I(t){for(var e=1;e=0||w[o]3&&void 0!==arguments[3]?arguments[3]:10,a=t[e];if(R(n)&&q(r))if("function"==typeof o)if("number"==typeof i){var c={callback:o,priority:i,namespace:r};if(a[n]){var l,s=a[n].handlers;for(l=s.length;l>0&&!(i>=s[l-1].priority);l--);l===s.length?s[l]=c:s.splice(l,0,c),a.__current.forEach((function(t){t.name===n&&t.currentIndex>=l&&t.currentIndex++}))}else a[n]={handlers:[c],runs:0};"hookAdded"!==n&&t.doAction("hookAdded",n,r,o,i)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},z=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r,o){var i=t[e];if(R(r)&&(n||q(o))){if(!i[r])return 0;var a=0;if(n)a=i[r].handlers.length,i[r]={runs:i[r].runs,handlers:[]};else for(var c=i[r].handlers,l=function(t){c[t].namespace===o&&(c.splice(t,1),a++,i.__current.forEach((function(e){e.name===r&&e.currentIndex>=t&&e.currentIndex--})))},s=c.length-1;s>=0;s--)l(s);return"hookRemoved"!==r&&t.doAction("hookRemoved",r,o),a}}},B=function(t,e){return function(n,r){var o=t[e];return void 0!==r?n in o&&o[n].handlers.some((function(t){return t.namespace===r})):n in o}},M=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r){var o=t[e];o[r]||(o[r]={handlers:[],runs:0}),o[r].runs++;for(var i=o[r].handlers,a=arguments.length,c=new Array(a>1?a-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";r.data[e]=I(I(I({},D),r.data[e]),t),r.data[e][""]=I(I({},D[""]),r.data[e][""])},c=function(t,e){a(t,e),i()},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0;return r.data[t]||a(void 0,t),r.dcnpgettext(t,e,n,o,i)},s=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},u=function(t,e,r){var o=l(r,e,t);return n?(o=n.applyFilters("i18n.gettext_with_context",o,t,e,r),n.applyFilters("i18n.gettext_with_context_"+s(r),o,t,e,r)):o};if(n){var f=function(t){L.test(t)&&i()};n.addAction("hookAdded","core/i18n",f),n.addAction("hookRemoved","core/i18n",f)}return{getLocaleData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return r.data[t]},setLocaleData:c,resetLocaleData:function(t,e){r.data={},r.pluralForms={},c(t,e)},subscribe:function(t){return o.add(t),function(){return o.delete(t)}},__:function(t,e){var r=l(e,void 0,t);return n?(r=n.applyFilters("i18n.gettext",r,t,e),n.applyFilters("i18n.gettext_"+s(e),r,t,e)):r},_x:u,_n:function(t,e,r,o){var i=l(o,void 0,t,e,r);return n?(i=n.applyFilters("i18n.ngettext",i,t,e,r,o),n.applyFilters("i18n.ngettext_"+s(o),i,t,e,r,o)):i},_nx:function(t,e,r,o,i){var a=l(i,o,t,e,r);return n?(a=n.applyFilters("i18n.ngettext_with_context",a,t,e,r,o,i),n.applyFilters("i18n.ngettext_with_context_"+s(i),a,t,e,r,o,i)):a},isRTL:function(){return"rtl"===u("ltr","text direction")},hasTranslation:function(t,e,o){var i,a,c=e?e+""+t:t,l=!(null===(i=r.data)||void 0===i||null===(a=i[null!=o?o:"default"])||void 0===a||!a[c]);return n&&(l=n.applyFilters("i18n.has_translation",l,t,e,o),l=n.applyFilters("i18n.has_translation_"+s(o),l,t,e,o)),l}}}(0,0,X)),G=(V.getLocaleData.bind(V),V.setLocaleData.bind(V),V.resetLocaleData.bind(V),V.subscribe.bind(V),V.__.bind(V)),J=(V._x.bind(V),V._n.bind(V),V._nx.bind(V),V.isRTL.bind(V),V.hasTranslation.bind(V),window.frmDom),H=J.tag,Q=J.div,W=J.a,Y=J.img;function tt(t){return tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},tt(t)}function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return(e=function(t){var e=function(t){if("object"!=tt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=tt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==tt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var rt,ot=document.getElementById("post-body-content"),it=document.getElementById("".concat(m,"-sidebar")),at=((rt=W({className:"button button-primary frm-button-primary"})).setAttribute("role","button"),Q({id:"".concat(m,"-empty-state"),className:"frm-flex-col frm-flex-center frm-gap-md ".concat(r),children:[Y({src:"".concat(e,"/images/page-skeleton/empty-state.svg"),alt:G("Empty State","formidable")}),Q({className:"frmcenter",children:[H("h2",{className:"".concat(m,"-title frm-mb-0")}),H("p",{className:"".concat(m,"-text frm-mb-0")})]}),rt]}));null==ot||ot.appendChild(at);var ct=function(){var t=document.querySelector("#".concat(m,"-empty-state"));return{emptyState:t,emptyStateTitle:null==t?void 0:t.querySelector(".".concat(m,"-title")),emptyStateText:null==t?void 0:t.querySelector(".".concat(m,"-text")),emptyStateButton:null==t?void 0:t.querySelector(".button")}}(),lt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==S(t)||null===t)throw new Error("createPageElements: initialElements must be a non-null object");var e=t;return{getElements:function(){return e},addElements:function(t){if("object"!==S(t)||null===t)throw new Error("addElements: newElements must be a non-null object");e=h(h({},e),t)}}}(function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==yt(t)||null===t)throw new Error("createPageState: initialState must be a non-null object");var e=t;return{getState:function(){return e},getSingleState:function(t){var n=Reflect.get(e,t);return void 0===n?null:n},setState:function(t){if("object"!==yt(t)||null===t)throw new Error("setState: newState must be a non-null object");e=dt(dt({},e),t)},setSingleState:function(t,n){Reflect.has(e,t)&&Reflect.set(e,t,n)}}}({notEmptySearchText:!1,selectedCategory:v,selectedCategoryEl:mt}),bt=vt.getState,ht=vt.getSingleState,gt=vt.setState,St=vt.setSingleState,wt=function(t){var e,n=t.currentTarget,r=n.getAttribute("data-category"),o=bt(),a=o.selectedCategory,c=o.selectedCategoryEl,l=o.notEmptySearchText;if(a!==r){a=wp.hooks.applyFilters("frmPage.selectedCategory",r),c.classList.remove(i),(c=n).classList.add(i),gt({selectedCategory:a,selectedCategoryEl:c}),l&&((e=st().searchInput).value="",e.dispatchEvent(new Event("input",{bubbles:!0}))),wp.hooks.doAction("frmPage.onCategoryClick",a);var u=st().bodyContent;new s(u).fadeIn()}};function xt(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),wt(t))}var Ot=window.frmAddonsVars.addonRequestURL,_t="frm-addons",jt="available-addons",Et="active-addons",Pt="basic",kt="plus",At="business",Ct="elite",Tt=st(),Ft=Tt.bodyContent,It=Tt.sidebar;Ft.querySelectorAll(".frm-card-item:not(.plugin-card-formidable-pro)").forEach((function(t){var e=t.dataset.categories;switch(!0){case e.includes(At):t.setAttribute("data-categories","".concat(e,",").concat(Ct));break;case e.includes(kt):t.setAttribute("data-categories","".concat(e,",").concat(At,",").concat(Ct));break;case e.includes(Pt):t.setAttribute("data-categories","".concat(e,",").concat(kt,",").concat(At,",").concat(Ct))}})),ut({upgradeBanner:document.getElementById("frm-upgrade-banner"),availableCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(jt,'"]')),activeCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(Et,'"]')),categoriesTopDivider:It.querySelector(".".concat(m,"-divider")),basicPlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(Pt,'"]')),plusPlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(kt,'"]')),businessPlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(At,'"]')),elitePlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(Ct,'"]')),addonsList:document.getElementById("".concat(_t,"-list")),addons:Ft.querySelectorAll(".frm-card-item"),availableAddons:Ft.querySelectorAll(".frm-card-item:not(.frm-locked-item)"),addonsToggle:Ft.querySelectorAll(".frm_toggle_block"),bodyContentChildren:null==Ft?void 0:Ft.children});var Dt={};Dt[jt]=[],Dt[Et]=[];var Lt,qt=".".concat(m,"-cat-count");function Rt(){var t=st(),e=t.activeCategory,n=t.availableCategory,r=t.categoriesTopDivider,o=document.querySelectorAll(".frm-addon-active:not(.frm-locked-item)");0!==o.length?(Dt[Et]=o,e.querySelector(qt).textContent=o.length):d([e,n,r])}function Nt(){var t=bt().selectedCategory,e=st(),n=e.emptyState,r=e.emptyStateButton,o=e.emptyStateTitle,i=e.emptyStateText;n.setAttribute("data-view",t),o.textContent=G("No add-ons found","formidable"),i.textContent=G("Sorry, we didn't find any add-ons that match your criteria.","formidable"),r.textContent=G("Request Add-On","formidable"),r.href=Ot,r.setAttribute("target","_blank"),f([n,r])}function zt(t,e){if(t){if("string"==typeof t)return Bt(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Bt(t,e):void 0}}function Bt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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 o,i=!0,a=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return i=t.done,t},e:function(t){a=!0,o=t},f:function(){try{i||null==e.return||e.return()}finally{if(a)throw o}}}}(new Map([["frm-addon-not-installed",".frm-install-addon"],["frm-addon-installed",".frm-activate-addon"],["frm-addon-active",".frm-deactivate-addon"]]).entries());try{for(a.s();!(o=a.n()).done;){var c=(n=o.value,r=2,function(t){if(Array.isArray(t))return t}(n)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);l=!0);}catch(t){s=!0,o=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(n,r)||zt(n,r)||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.")}()),l=c[0],s=c[1];if(i.classList.contains(l)){(Lt=i.querySelector(s)).click();break}}}catch(t){a.e(t)}finally{a.f()}}},$t=window.frmDom.search.init;function Ut(t,e){var n=t.foundSomething,r=t.notEmptySearchText;if(!e||"search"!==e.type||""!==e.target.value){var o=bt(),a=st().allItemsCategory;St("notEmptySearchText",r),o.notEmptySearchText||o.selectedCategory?(o.selectedCategory&&(function(t){var e=st(),n=e.bodyContent,r=e.bodyContentChildren,o=e.addonsList;t&&ht("selectedCategoryEl").classList.remove(i),d(r),p(o),new s(n).fadeIn()}(r),r&&St("selectedCategory","")),function(t){if(t){var e,n=st().emptyState;e=n,"none"!==window.getComputedStyle(e).getPropertyValue("display")&&y(n)}else Nt()}(n)):a.dispatchEvent(new Event("click",{bubbles:!0}))}}var Zt;function Kt(){var t;st().categoryItems.forEach((function(t){u(t,wt),t.addEventListener("keydown",xt)})),wp.hooks.addAction("frmPage.onCategoryClick","frmAddonsPage",(function(t){!function(t){var e=st(),n=e.bodyContent,r=e.addons,o=e.emptyState,i=e.upgradeBanner;y(o),p(i),n.dataset.category=t,v!==t?(d(r),0===Dt[t].length?(Nt(),y(i)):f(Dt[t])):f(r)}(t)})),st().addonsToggle.forEach((function(t){return t.addEventListener("click",Mt)})),wp.hooks.addAction("frm_update_addon_state","frmAddonPage",(function(){Rt()})),t=st().searchInput,$t(t,"frm-card-item",{handleSearchResult:Ut})}Zt=function(){(function(){var t,e,n,r,i,a,c,l,u,f,d=st(),y=d.sidebar,m=d.searchInput,v=d.bodyContent,b=new s(v);m.value="",Rt(),function(){var t=st(),e=t.bodyContent,n=t.availableCategory,r=t.availableAddons;if(Dt[jt]=r,n){n.querySelector(qt).textContent=r.length;var o=e.querySelector(".".concat(_t,"-available-count"));o&&(o.textContent=r.length)}}(),function(){var t=st(),e=t.allItemsCategory,n=t.addons;e.querySelector(qt).textContent=n.length}(),e=(t=st()).basicPlanCategory,n=t.plusPlanCategory,r=t.businessPlanCategory,i=t.elitePlanCategory,c=(a=function(t){return parseInt(t.querySelector(qt).textContent,10)||0})(e),l=a(n)-1,u=a(r)-1,f=a(i)-1,n.querySelector(qt).textContent=c+l,r.querySelector(qt).textContent=c+l+u,i.querySelector(qt).textContent=c+l+u+f,v.classList.remove(o),y.classList.remove(o),b.fadeIn(),p(y)})(),st().addons.forEach((function(t){var e=t.getAttribute("data-categories");e&&e.split(",").forEach((function(e){Dt[e]||(Dt[e]=[]),Dt[e].push(t)}))})),Kt()},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",Zt):Zt())}()}(); \ No newline at end of file +(()=>{var t={616:t=>{t.exports=function(t,e){var n,r,o=0;function i(){var i,a,c=n,l=arguments.length;t:for(;c;){if(c.args.length===arguments.length){for(a=0;a{var r;!function(){"use strict";var o={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function i(t){return function(t,e){var n,r,a,c,l,s,u,f,d,p=1,y=t.length,m="";for(r=0;r=0),c.type){case"b":n=parseInt(n,10).toString(2);break;case"c":n=String.fromCharCode(parseInt(n,10));break;case"d":case"i":n=parseInt(n,10);break;case"j":n=JSON.stringify(n,null,c.width?parseInt(c.width):0);break;case"e":n=c.precision?parseFloat(n).toExponential(c.precision):parseFloat(n).toExponential();break;case"f":n=c.precision?parseFloat(n).toFixed(c.precision):parseFloat(n);break;case"g":n=c.precision?String(Number(n.toPrecision(c.precision))):parseFloat(n);break;case"o":n=(parseInt(n,10)>>>0).toString(8);break;case"s":n=String(n),n=c.precision?n.substring(0,c.precision):n;break;case"t":n=String(!!n),n=c.precision?n.substring(0,c.precision):n;break;case"T":n=Object.prototype.toString.call(n).slice(8,-1).toLowerCase(),n=c.precision?n.substring(0,c.precision):n;break;case"u":n=parseInt(n,10)>>>0;break;case"v":n=n.valueOf(),n=c.precision?n.substring(0,c.precision):n;break;case"x":n=(parseInt(n,10)>>>0).toString(16);break;case"X":n=(parseInt(n,10)>>>0).toString(16).toUpperCase()}o.json.test(c.type)?m+=n:(!o.number.test(c.type)||f&&!c.sign?d="":(d=f?"+":"-",n=n.toString().replace(o.sign,"")),s=c.pad_char?"0"===c.pad_char?"0":c.pad_char.charAt(1):" ",u=c.width-(d+n).length,l=c.width&&u>0?s.repeat(u):"",m+=c.align?d+n+l:"0"===s?d+l+n:l+d+n)}return m}(function(t){if(c[t])return c[t];for(var e,n=t,r=[],i=0;n;){if(null!==(e=o.text.exec(n)))r.push(e[0]);else if(null!==(e=o.modulo.exec(n)))r.push("%");else{if(null===(e=o.placeholder.exec(n)))throw new SyntaxError("[sprintf] unexpected placeholder");if(e[2]){i|=1;var a=[],l=e[2],s=[];if(null===(s=o.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(s[1]);""!==(l=l.substring(s[0].length));)if(null!==(s=o.key_access.exec(l)))a.push(s[1]);else{if(null===(s=o.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(s[1])}e[2]=a}else i|=2;if(3===i)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");r.push({placeholder:e[0],param_no:e[1],keys:e[2],sign:e[3],pad_char:e[4],align:e[5],width:e[6],precision:e[7],type:e[8]})}n=n.substring(e[0].length)}return c[t]=r}(t),arguments)}function a(t,e){return i.apply(null,[t].concat(e||[]))}var c=Object.create(null);"undefined"!=typeof window&&(window.sprintf=i,window.vsprintf=a,void 0===(r=function(){return{sprintf:i,vsprintf:a}}.call(e,n,e,t))||(t.exports=r))}()}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";var t=window.frmGlobal,e=t.url,r=(t.nonce,"frm_hidden"),o="frm-hide-js",i="frm-current";function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:"default";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.elements=e,this.type=n,this.prepareElements()},e=[{key:"fadeIn",value:function(){var t=this;this.applyStyleToElements((function(e){e.classList.add("frm-fadein-up"),e.addEventListener("animationend",(function(){t.resetOpacity(),e.classList.remove("frm-fadein-up")}),{once:!0})}))}},{key:"cascadeFadeIn",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.03;setTimeout((function(){t.applyStyleToElements((function(t,n){t.classList.remove("frm-animate"),t.style.transitionDelay=(n+1)*e+"s"}))}),200)}},{key:"prepareElements",value:function(){var t=this;this.applyStyleToElements((function(e){"default"===t.type&&(e.style.opacity="0.0"),"cascade"===t.type&&e.classList.add("frm-init-cascade-animation"),"cascade-3d"===t.type&&e.classList.add("frm-init-fadein-3d"),e.classList.add("frm-animate")}))}},{key:"resetOpacity",value:function(){this.applyStyleToElements((function(t){return t.style.opacity="1.0"}))}},{key:"applyStyleToElements",value:function(t){this.elements instanceof Element?t(this.elements,0):0":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},x=["(","?"],O={")":["("],":":["?","?:"]},_=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var A={"!":function(t){return!t},"*":function(t,e){return t*e},"/":function(t,e){return t/e},"%":function(t,e){return t%e},"+":function(t,e){return t+e},"-":function(t,e){return t-e},"<":function(t,e){return t":function(t,e){return t>e},">=":function(t,e){return t>=e},"==":function(t,e){return t===e},"!=":function(t,e){return t!==e},"&&":function(t,e){return t&&e},"||":function(t,e){return t||e},"?:":function(t,e,n){if(t)throw e;return n}};var C={contextDelimiter:"",onMissingKey:null};function T(t,e){var n;for(n in this.data=t,this.pluralForms={},this.options={},C)this.options[n]=void 0!==e&&n in e?e[n]:C[n]}function F(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function I(t){for(var e=1;e=0||w[o]3&&void 0!==arguments[3]?arguments[3]:10,a=t[e];if(R(n)&&q(r))if("function"==typeof o)if("number"==typeof i){var c={callback:o,priority:i,namespace:r};if(a[n]){var l,s=a[n].handlers;for(l=s.length;l>0&&!(i>=s[l-1].priority);l--);l===s.length?s[l]=c:s.splice(l,0,c),a.__current.forEach((function(t){t.name===n&&t.currentIndex>=l&&t.currentIndex++}))}else a[n]={handlers:[c],runs:0};"hookAdded"!==n&&t.doAction("hookAdded",n,r,o,i)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},z=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r,o){var i=t[e];if(R(r)&&(n||q(o))){if(!i[r])return 0;var a=0;if(n)a=i[r].handlers.length,i[r]={runs:i[r].runs,handlers:[]};else for(var c=i[r].handlers,l=function(t){c[t].namespace===o&&(c.splice(t,1),a++,i.__current.forEach((function(e){e.name===r&&e.currentIndex>=t&&e.currentIndex--})))},s=c.length-1;s>=0;s--)l(s);return"hookRemoved"!==r&&t.doAction("hookRemoved",r,o),a}}},B=function(t,e){return function(n,r){var o=t[e];return void 0!==r?n in o&&o[n].handlers.some((function(t){return t.namespace===r})):n in o}},M=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(r){var o=t[e];o[r]||(o[r]={handlers:[],runs:0}),o[r].runs++;for(var i=o[r].handlers,a=arguments.length,c=new Array(a>1?a-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";r.data[e]=I(I(I({},D),r.data[e]),t),r.data[e][""]=I(I({},D[""]),r.data[e][""])},c=function(t,e){a(t,e),i()},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0;return r.data[t]||a(void 0,t),r.dcnpgettext(t,e,n,o,i)},s=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},u=function(t,e,r){var o=l(r,e,t);return n?(o=n.applyFilters("i18n.gettext_with_context",o,t,e,r),n.applyFilters("i18n.gettext_with_context_"+s(r),o,t,e,r)):o};if(n){var f=function(t){L.test(t)&&i()};n.addAction("hookAdded","core/i18n",f),n.addAction("hookRemoved","core/i18n",f)}return{getLocaleData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return r.data[t]},setLocaleData:c,resetLocaleData:function(t,e){r.data={},r.pluralForms={},c(t,e)},subscribe:function(t){return o.add(t),function(){return o.delete(t)}},__:function(t,e){var r=l(e,void 0,t);return n?(r=n.applyFilters("i18n.gettext",r,t,e),n.applyFilters("i18n.gettext_"+s(e),r,t,e)):r},_x:u,_n:function(t,e,r,o){var i=l(o,void 0,t,e,r);return n?(i=n.applyFilters("i18n.ngettext",i,t,e,r,o),n.applyFilters("i18n.ngettext_"+s(o),i,t,e,r,o)):i},_nx:function(t,e,r,o,i){var a=l(i,o,t,e,r);return n?(a=n.applyFilters("i18n.ngettext_with_context",a,t,e,r,o,i),n.applyFilters("i18n.ngettext_with_context_"+s(i),a,t,e,r,o,i)):a},isRTL:function(){return"rtl"===u("ltr","text direction")},hasTranslation:function(t,e,o){var i,a,c=e?e+""+t:t,l=!(null===(i=r.data)||void 0===i||null===(a=i[null!=o?o:"default"])||void 0===a||!a[c]);return n&&(l=n.applyFilters("i18n.has_translation",l,t,e,o),l=n.applyFilters("i18n.has_translation_"+s(o),l,t,e,o)),l}}}(0,0,X));V.getLocaleData.bind(V),V.setLocaleData.bind(V),V.resetLocaleData.bind(V),V.subscribe.bind(V);var G=V.__.bind(V),J=(V._x.bind(V),V._n.bind(V),V._nx.bind(V),V.isRTL.bind(V),V.hasTranslation.bind(V),window.frmDom),H=J.tag,Q=J.div,W=J.a,Y=J.img;function tt(t){return tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},tt(t)}function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return(e=function(t){var e=function(t){if("object"!=tt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=tt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==tt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var rt,ot=document.getElementById("post-body-content"),it=document.getElementById("".concat(m,"-sidebar")),at=((rt=W({className:"button button-primary frm-button-primary"})).setAttribute("role","button"),Q({id:"".concat(m,"-empty-state"),className:"frm-flex-col frm-flex-center frm-gap-md ".concat(r),children:[Y({src:"".concat(e,"/images/page-skeleton/empty-state.svg"),alt:G("Empty State","formidable")}),Q({className:"frmcenter",children:[H("h2",{className:"".concat(m,"-title frm-mb-0")}),H("p",{className:"".concat(m,"-text frm-mb-0")})]}),rt]}));null==ot||ot.appendChild(at);var ct=function(){var t=document.querySelector("#".concat(m,"-empty-state"));return{emptyState:t,emptyStateTitle:null==t?void 0:t.querySelector(".".concat(m,"-title")),emptyStateText:null==t?void 0:t.querySelector(".".concat(m,"-text")),emptyStateButton:null==t?void 0:t.querySelector(".button")}}(),lt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==S(t)||null===t)throw new Error("createPageElements: initialElements must be a non-null object");var e=t;return{getElements:function(){return e},addElements:function(t){if("object"!==S(t)||null===t)throw new Error("addElements: newElements must be a non-null object");e=h(h({},e),t)}}}(function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==yt(t)||null===t)throw new Error("createPageState: initialState must be a non-null object");var e=t;return{getState:function(){return e},getSingleState:function(t){var n=Reflect.get(e,t);return void 0===n?null:n},setState:function(t){if("object"!==yt(t)||null===t)throw new Error("setState: newState must be a non-null object");e=dt(dt({},e),t)},setSingleState:function(t,n){Reflect.has(e,t)&&Reflect.set(e,t,n)}}}({notEmptySearchText:!1,selectedCategory:v,selectedCategoryEl:mt}),bt=vt.getState,ht=vt.getSingleState,gt=vt.setState,St=vt.setSingleState,wt=function(t){var e,n=t.currentTarget,r=n.getAttribute("data-category"),o=bt(),a=o.selectedCategory,c=o.selectedCategoryEl,l=o.notEmptySearchText;if(a!==r){a=wp.hooks.applyFilters("frmPage.selectedCategory",r),c.classList.remove(i),(c=n).classList.add(i),gt({selectedCategory:a,selectedCategoryEl:c}),l&&((e=st().searchInput).value="",e.dispatchEvent(new Event("input",{bubbles:!0}))),wp.hooks.doAction("frmPage.onCategoryClick",a);var u=st().bodyContent;new s(u).fadeIn()}};function xt(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),wt(t))}var Ot=window.frmAddonsVars.addonRequestURL,_t="frm-addons",jt="available-addons",Et="active-addons",Pt="basic",kt="plus",At="business",Ct="elite",Tt=st(),Ft=Tt.bodyContent,It=Tt.sidebar;Ft.querySelectorAll(".frm-card-item:not(.plugin-card-formidable-pro)").forEach((function(t){var e=t.dataset.categories;switch(!0){case e.includes(At):t.setAttribute("data-categories","".concat(e,",").concat(Ct));break;case e.includes(kt):t.setAttribute("data-categories","".concat(e,",").concat(At,",").concat(Ct));break;case e.includes(Pt):t.setAttribute("data-categories","".concat(e,",").concat(kt,",").concat(At,",").concat(Ct))}})),ut({upgradeBanner:document.getElementById("frm-upgrade-banner"),availableCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(jt,'"]')),activeCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(Et,'"]')),categoriesTopDivider:It.querySelector(".".concat(m,"-divider")),basicPlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(Pt,'"]')),plusPlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(kt,'"]')),businessPlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(At,'"]')),elitePlanCategory:It.querySelector(".".concat(m,'-cat[data-category="').concat(Ct,'"]')),addonsList:document.getElementById("".concat(_t,"-list")),addons:Ft.querySelectorAll(".frm-card-item"),availableAddons:Ft.querySelectorAll(".frm-card-item:not(.frm-locked-item)"),addonsToggle:Ft.querySelectorAll(".frm_toggle_block"),bodyContentChildren:null==Ft?void 0:Ft.children});var Dt={};Dt[jt]=[],Dt[Et]=[];var Lt,qt=".".concat(m,"-cat-count");function Rt(){var t=st(),e=t.activeCategory,n=t.availableCategory,r=t.categoriesTopDivider,o=document.querySelectorAll(".frm-addon-active:not(.frm-locked-item)");0!==o.length?(Dt[Et]=o,e.querySelector(qt).textContent=o.length):d([e,n,r])}function Nt(){var t=bt().selectedCategory,e=st(),n=e.emptyState,r=e.emptyStateButton,o=e.emptyStateTitle,i=e.emptyStateText;n.setAttribute("data-view",t),o.textContent=G("No add-ons found","formidable"),i.textContent=G("Sorry, we didn't find any add-ons that match your criteria.","formidable"),r.textContent=G("Request Add-On","formidable"),r.href=Ot,r.setAttribute("target","_blank"),f([n,r])}function zt(t,e){if(t){if("string"==typeof t)return Bt(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Bt(t,e):void 0}}function Bt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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 o,i=!0,a=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return i=t.done,t},e:function(t){a=!0,o=t},f:function(){try{i||null==e.return||e.return()}finally{if(a)throw o}}}}(new Map([["frm-addon-not-installed",".frm-install-addon"],["frm-addon-installed",".frm-activate-addon"],["frm-addon-active",".frm-deactivate-addon"]]).entries());try{for(a.s();!(o=a.n()).done;){var c=(n=o.value,r=2,function(t){if(Array.isArray(t))return t}(n)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);l=!0);}catch(t){s=!0,o=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(n,r)||zt(n,r)||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.")}()),l=c[0],s=c[1];if(i.classList.contains(l)){(Lt=i.querySelector(s)).click();break}}}catch(t){a.e(t)}finally{a.f()}}};var $t=window.frmDom.search.init;function Ut(t,e){var n=t.foundSomething,r=t.notEmptySearchText;if(!e||"search"!==e.type||""!==e.target.value){var o=bt(),a=st().allItemsCategory;St("notEmptySearchText",r),o.notEmptySearchText||o.selectedCategory?(o.selectedCategory&&(function(t){var e=st(),n=e.bodyContent,r=e.bodyContentChildren,o=e.addonsList;t&&ht("selectedCategoryEl").classList.remove(i),d(r),p(o),new s(n).fadeIn()}(r),r&&St("selectedCategory","")),function(t){if(t){var e,n=st().emptyState;e=n,"none"!==window.getComputedStyle(e).getPropertyValue("display")&&y(n)}else Nt()}(n)):a.dispatchEvent(new Event("click",{bubbles:!0}))}}function Zt(){var t;st().categoryItems.forEach((function(t){u(t,wt),t.addEventListener("keydown",xt)})),wp.hooks.addAction("frmPage.onCategoryClick","frmAddonsPage",(function(t){!function(t){var e=st(),n=e.bodyContent,r=e.addons,o=e.emptyState,i=e.upgradeBanner;y(o),p(i),n.dataset.category=t,v!==t?(d(r),0===Dt[t].length?(Nt(),y(i)):f(Dt[t])):f(r)}(t)})),st().addonsToggle.forEach((function(t){return t.addEventListener("click",Mt)})),wp.hooks.addAction("frm_update_addon_state","frmAddonPage",(function(){Rt()})),t=st().searchInput,$t(t,"frm-card-item",{handleSearchResult:Ut})}var Kt;Kt=function(){(function(){var t,e,n,r,i,a,c,l,u,f,d=st(),y=d.sidebar,m=d.searchInput,v=d.bodyContent,b=new s(v);m.value="",Rt(),function(){var t=st(),e=t.bodyContent,n=t.availableCategory,r=t.availableAddons;if(Dt[jt]=r,n){n.querySelector(qt).textContent=r.length;var o=e.querySelector(".".concat(_t,"-available-count"));o&&(o.textContent=r.length)}}(),function(){var t=st(),e=t.allItemsCategory,n=t.addons;e.querySelector(qt).textContent=n.length}(),e=(t=st()).basicPlanCategory,n=t.plusPlanCategory,r=t.businessPlanCategory,i=t.elitePlanCategory,c=(a=function(t){return parseInt(t.querySelector(qt).textContent,10)||0})(e),l=a(n)-1,u=a(r)-1,f=a(i)-1,n.querySelector(qt).textContent=c+l,r.querySelector(qt).textContent=c+l+u,i.querySelector(qt).textContent=c+l+u+f,v.classList.remove(o),y.classList.remove(o),b.fadeIn(),p(y)})(),st().addons.forEach((function(t){var e=t.getAttribute("data-categories");e&&e.split(",").forEach((function(e){Dt[e]||(Dt[e]=[]),Dt[e].push(t)}))})),Zt()},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",Kt):Kt())})()})(); \ No newline at end of file diff --git a/js/admin/addons.js b/js/admin/addons.js index 7087f836f2..0d9efe4266 100644 --- a/js/admin/addons.js +++ b/js/admin/addons.js @@ -5,13 +5,12 @@ */ wp.domReady( () => { - /** * Internal dependencies */ const { toggleAddonState } = window.frmAdminBuild; - document.addEventListener( 'click', ( event ) => { + document.addEventListener( 'click', event => { if ( event.target.matches( '.frm-uninstall-addon' ) ) { event.preventDefault(); toggleAddonState( event.target, 'frm_uninstall_addon' ); @@ -19,5 +18,5 @@ wp.domReady( () => { event.preventDefault(); toggleAddonState( event.target, 'frm_deactivate_addon' ); } - }); -}); + } ); +} ); diff --git a/js/admin/applications.js b/js/admin/applications.js index 055daed078..42935a02f7 100644 --- a/js/admin/applications.js +++ b/js/admin/applications.js @@ -39,8 +39,8 @@ getApplicationDataAndLoadPage(); } - function getUrlParamsAndMaybeOpenTemplateModal( _, { data } = {}) { - const url = new URL( window.location.href ); + function getUrlParamsAndMaybeOpenTemplateModal( _, { data } = {} ) { + const url = new URL( window.location.href ); const urlParams = url.searchParams; if ( ! urlParams.get( 'triggerViewApplicationModal' ) ) { return; @@ -67,7 +67,7 @@ container.innerHTML = ''; - const contentWrapper = div({ className: 'frm-applications-index-content' }); + const contentWrapper = div( { className: 'frm-applications-index-content' } ); container.appendChild( contentWrapper ); const customTemplatesNav = getCustomTemplatesNav(); @@ -85,7 +85,7 @@ } function getCustomTemplatesNav() { - return div({ + return div( { className: 'frm-application-templates-nav wrap', children: [ tag( @@ -96,35 +96,35 @@ } ) ] - }); + } ); } function addCustomApplicationsPlaceholder( customTemplatesNav ) { - const placeholder = div({ + const placeholder = div( { id: 'frm_custom_applications_placeholder', className: 'frm_placeholder_block', - child: div({ + child: div( { className: 'frm_grid_container', children: [ - div({ + div( { className: 'frm10 frm_clearfix', children: [ - img({ src: getUrlToApplicationsImages() + 'folder.svg' }), + img( { src: getUrlToApplicationsImages() + 'folder.svg' } ), tag( 'h3', __( 'Improve your workflow with applications', 'formidable' ) ), div( __( 'Applications help to organize your workspace by combining forms, Views, and pages into a full solution.', 'formidable' ) ), ] - }), - div({ + } ), + div( { className: 'frm2', - child: a({ + child: a( { className: 'frm-button-primary frm-gradient', text: __( 'Upgrade to Pro', 'formidable' ), href: frmApplicationsVars.proUpgradeUrl - }) - }) + } ) + } ) ] - }) - }); + } ) + } ); customTemplatesNav.parentNode.insertBefore( placeholder, customTemplatesNav.nextElementSibling ); } @@ -133,10 +133,10 @@ } function renderFormidableTemplates( contentWrapper, templates ) { - elements.templatesGrid = div({ + elements.templatesGrid = div( { id: 'frm_application_templates_grid', className: 'frm_grid_container frm-application-cards-grid' - }); + } ); addTemplatesToGrid( templates ); contentWrapper.appendChild( getTemplatesNav() ); contentWrapper.appendChild( elements.templatesGrid ); @@ -159,7 +159,7 @@ } function getTemplatesNav() { - return div({ + return div( { className: 'frm-application-templates-nav wrap', children: [ tag( @@ -172,7 +172,7 @@ getCategoryOptions(), getTemplateSearch() ] - }); + } ); } function getCategoryOptions() { @@ -182,7 +182,7 @@ } const categories = [ getAllItemsCategory() ].concat( state.categories ); - const wrapper = div({ id: 'frm_application_category_filter', className: 'subsubsub' }); + const wrapper = div( { id: 'frm_application_category_filter', className: 'subsubsub' } ); categories.forEach( addCategoryToWrapper ); function addCategoryToWrapper( category, index ) { @@ -241,11 +241,10 @@ const placeholder = __( 'Search Templates', 'formidable' ); const targetClassName = 'frm-application-template-card'; const args = { handleSearchResult: handleTemplateSearch }; - const wrappedInput = newSearchInput( id, placeholder, targetClassName, args ); - return wrappedInput; + return newSearchInput( id, placeholder, targetClassName, args ); } - function handleTemplateSearch({ foundSomething, notEmptySearchText }) { + function handleTemplateSearch( { foundSomething, notEmptySearchText } ) { if ( false === elements.noTemplateSearchResultsPlaceholder ) { elements.noTemplateSearchResultsPlaceholder = getNoResultsPlaceholder(); elements.templatesGrid.appendChild( elements.noTemplateSearchResultsPlaceholder ); @@ -263,13 +262,13 @@ function createApplicationCard( data ) { const isTemplate = ! data.termId; - const card = div({ + const card = div( { className: 'frm-application-card frm-card-item', children: [ getCardHeader(), - div({ className: 'frm-flex' }) + div( { className: 'frm-flex' } ) ] - }); + } ); if ( isTemplate ) { card.classList.add( 'frm-application-template-card' ); @@ -284,7 +283,7 @@ } const hookName = 'frm_application_index_card'; - const args = { data }; + const args = { data }; wp.hooks.doAction( hookName, card, args ); function getCardHeader() { @@ -292,25 +291,25 @@ 'h3', { children: [ - svg({ href: '#frm_lock_icon' }), - span({ className: 'frm-inner-text', text: data.name }) + svg( { href: '#frm_lock_icon' } ), + span( { className: 'frm-inner-text', text: data.name } ) ] } ); - const header = div({ + const header = div( { children: [ titleWrapper ] - }); + } ); const templateControl = getUseThisTemplateControl( data ); - if ( templateControl.classList.contains('frm-delete-application-trigger' ) ) { + if ( templateControl.classList.contains( 'frm-delete-application-trigger' ) ) { header.appendChild( templateControl ); } else { titleWrapper.appendChild( templateControl ); } if ( data.isNew ) { - titleWrapper.appendChild( span({ className: 'frm-new-pill frm-meta-tag frm-fadein', text: __( 'NEW', 'formidable' ) }) ); + titleWrapper.appendChild( span( { className: 'frm-new-pill frm-meta-tag frm-fadein', text: __( 'NEW', 'formidable' ) } ) ); } const counter = getItemCounter(); @@ -329,17 +328,17 @@ function getCardContent() { const thumbnailFolderUrl = getUrlToApplicationsImages() + 'thumbnails/'; - const filenameToUse = data.hasLiteThumbnail ? data.key + ( data.isWebp ? '.webp' : '.png' ) : 'placeholder.svg'; - return div({ + const filenameToUse = data.hasLiteThumbnail ? data.key + ( data.isWebp ? '.webp' : '.png' ) : 'placeholder.svg'; + return div( { className: 'frm-application-card-image-wrapper', - child: img({ src: thumbnailFolderUrl + filenameToUse }) - }); + child: img( { src: thumbnailFolderUrl + filenameToUse } ) + } ); } return card; } - function filterItemCount( counter, { data }) { + function filterItemCount( counter, { data } ) { const hasForms = 'undefined' !== typeof data.formCount && '0' !== data.formCount; const hasViews = 'undefined' !== typeof data.viewCount && '0' !== data.viewCount; const hasPages = 'undefined' !== typeof data.pageCount && '0' !== data.pageCount; @@ -348,7 +347,7 @@ return counter; } - counter = div({ className: 'frm-application-item-count' }); + counter = div( { className: 'frm-application-item-count' } ); if ( hasForms ) { addCount( data.formCount, __( 'Forms', 'formidable' ), __( 'Form', 'formidable' ) ); @@ -377,10 +376,10 @@ } function getUseThisTemplateControl( data ) { - let control = a({ + let control = a( { className: 'button frm-button-secondary frm-button-sm frm-fadein', text: __( 'Learn More', 'formidable' ) - }); + } ); control.setAttribute( 'role', 'button' ); /* translators: %s: Application Template Name */ const ariaDescription = sprintf( __( '%s Template', 'formidable' ), data.name ); @@ -423,24 +422,24 @@ if ( data.upgradeUrl ) { children.push( - div({ + div( { className: 'frm_note_style2', children: [ span( /* translators: %s: The required license type (ie. Plus, Business, or Elite) */ sprintf( __( 'Access to this application requires the %s plan.', 'formidable' ), data.requires ) ), - a({ + a( { className: 'frm-gradient frm-button-primary frm-button-sm', text: getUpgradeNowText(), href: data.upgradeUrl - }) + } ) ] - }) + } ) ); } - const placeholderImage = img({ src: getUrlToApplicationsImages() + 'placeholder.png' }); + const placeholderImage = img( { src: getUrlToApplicationsImages() + 'placeholder.png' } ); if ( placeholderImage.complete ) { setTimeout( maybeCenterViewApplicationModal, 0 ); } else { @@ -448,38 +447,38 @@ } const detailsChildren = [ - div({ + div( { className: 'frm-application-modal-label', text: __( 'Description', 'formidable' ) - }), + } ), div( data.description ) ]; if ( data.usedAddons && data.usedAddons.length ) { detailsChildren.push( - div({ + div( { className: 'frm-application-modal-label', text: __( 'Required Add-ons', 'formidable-pro' ) - }), + } ), getBasicList( data.usedAddons ) ); } children.push( - div({ + div( { className: 'frm-application-image-wrapper', child: placeholderImage - }), - div({ + } ), + div( { className: 'frm-application-modal-details', children: detailsChildren - }) + } ) ); - const output = div({ children }); + const output = div( { children } ); const hookName = 'frm_view_application_modal_content'; - const args = { data }; + const args = { data }; wp.hooks.doAction( hookName, output, args ); return output; @@ -507,21 +506,21 @@ at: 'center', of: window }; - jQuery( modal ).dialog({ position }); + jQuery( modal ).dialog( { position } ); } function getViewApplicationModalFooter( data ) { - const viewDemoSiteButton = footerButton({ + const viewDemoSiteButton = footerButton( { text: __( 'Learn More', 'formidable' ), buttonType: 'secondary' - }); + } ); viewDemoSiteButton.href = data.link; viewDemoSiteButton.target = '_blank'; - let primaryActionButton = footerButton({ + let primaryActionButton = footerButton( { text: getUpgradeNowText(), buttonType: 'primary' - }); + } ); if ( data.upgradeUrl ) { primaryActionButton.classList.remove( 'dismiss' ); @@ -529,11 +528,11 @@ } const hookName = 'frm_view_application_modal_primary_action_button'; - const args = { data }; + const args = { data }; primaryActionButton = wp.hooks.applyFilters( hookName, primaryActionButton, args ); - return div({ + return div( { children: [ viewDemoSiteButton, primaryActionButton ] - }); + } ); } }() ); diff --git a/js/admin/deactivation-feedback.js b/js/admin/deactivation-feedback.js index 5c99b8c74e..0318a4a0d0 100644 --- a/js/admin/deactivation-feedback.js +++ b/js/admin/deactivation-feedback.js @@ -8,7 +8,7 @@ const Modal = { init: function( id, width ) { const $info = jQuery( id ); - const self = this; + const self = this; if ( ! $info.length ) { return false; @@ -64,7 +64,7 @@ text: FrmDeactivationFeedbackI18n.skip_text, href: deactivationUrl, className: 'frm-skip-link' - }); + } ); formEl.querySelector( '.frm_submit' ).prepend( btn ); }; @@ -87,22 +87,22 @@ const response = fetch( url, { method: 'GET' - }); + } ); response .then( response => response.json() ) .then( response => { const wrapper = document.getElementById( 'frm-deactivation-form-wrapper' ); - const form = response.renderedHtml.replace( /]*(formidableforms.css|action=frmpro_css)[^>]*>/gi, '' ); + const form = response.renderedHtml.replace( /]*(formidableforms.css|action=frmpro_css)[^>]*>/gi, '' ); jQuery( wrapper ).html( form ); wrapper.setAttribute( 'data-slug', pluginSlug ); addSkipBtn( wrapper ); deactivationModal.dialog( 'open' ); - }) + } ) .catch( error => { console.error( error ); - }); + } ); }; frmDom.util.documentOn( 'click', selectors, onClickDeactivate ); @@ -110,5 +110,5 @@ document.addEventListener( 'frmFormCompleteBeforeReplace', function( event ) { document.getElementById( 'frm-deactivation-modal-icon' ).remove(); window.location.href = deactivationUrl; - }); + } ); }() ); diff --git a/js/admin/dom.js b/js/admin/dom.js index 0444a25455..e9264fa7e7 100644 --- a/js/admin/dom.js +++ b/js/admin/dom.js @@ -10,15 +10,15 @@ } const modal = { - maybeCreateModal: ( id, { title, content, footer, width } = {}) => { + maybeCreateModal: ( id, { title, content, footer, width } = {} ) => { let modal = document.getElementById( id ); if ( ! modal ) { modal = createEmptyModal( id ); - const titleElement = div({ + const titleElement = div( { className: 'frm-modal-title' - }); + } ); if ( 'string' === typeof title ) { titleElement.textContent = title; @@ -27,28 +27,28 @@ const a = tag( 'a', { - child: svg({ href: '#frm_close_icon' }), + child: svg( { href: '#frm_close_icon' } ), className: 'dismiss' } ); const postbox = modal.querySelector( '.postbox' ); postbox.appendChild( - div({ + div( { className: 'frm_modal_top', children: [ titleElement, - div({ child: a }) + div( { child: a } ) ] - }) + } ) ); postbox.appendChild( - div({ className: 'frm_modal_content' }) + div( { className: 'frm_modal_content' } ) ); if ( footer ) { postbox.appendChild( - div({ className: 'frm_modal_footer' }) + div( { className: 'frm_modal_footer' } ) ); } } else if ( 'string' === typeof title ) { @@ -57,7 +57,7 @@ } if ( ! content && ! footer ) { - makeModalIntoADialogAndOpen( modal, { width }); + makeModalIntoADialogAndOpen( modal, { width } ); return modal; } @@ -121,7 +121,7 @@ } return Promise.resolve( json.data ); }, - doJsonPost: async function( action, formData, { signal } = {}) { + doJsonPost: async function( action, formData, { signal } = {} ) { formData.append( 'nonce', frmGlobal.nonce ); const init = { method: 'POST', @@ -131,7 +131,7 @@ init.signal = signal; } const response = await fetch( ajaxurl + '?action=frm_' + action, init ); - const json = await response.json(); + const json = await response.json(); if ( ! json.success ) { return Promise.reject( json.data || 'JSON result is not successful' ); } @@ -145,11 +145,11 @@ const id = $select.is( '[id]' ) ? $select.attr( 'id' ).replace( '[]', '' ) : false; let labelledBy = id ? jQuery( '#for_' + id ) : false; - labelledBy = id && labelledBy.length ? 'aria-labelledby="' + labelledBy.attr( 'id' ) + '"' : ''; + labelledBy = id && labelledBy.length ? 'aria-labelledby="' + labelledBy.attr( 'id' ) + '"' : ''; // Set empty title attributes so that none of the dropdown options include title attributes. $select.find( 'option' ).attr( 'title', ' ' ); - $select.multiselect({ + $select.multiselect( { templates: { popupContainer: '
', option: '', @@ -171,14 +171,14 @@ if ( jQuery( '.multiselect-container.frm-dropdown-menu' ).is( ':visible' ) ) { jQuery( event.currentTarget ).removeClass( 'open' ); } - }); + } ); } const $dropdown = $select.next( '.frm-btn-group.dropdown' ); $dropdown.find( '.dropdown-item' ).each( function() { - const option = this; - const dropdownInput = option.querySelector( 'input[type="checkbox"], input[type="radio"]' ); + const option = this; + const dropdownInput = option.querySelector( 'input[type="checkbox"], input[type="radio"]' ); if ( dropdownInput ) { option.setAttribute( 'role', 'checkbox' ); option.setAttribute( 'aria-checked', dropdownInput.checked ? 'true' : 'false' ); @@ -189,8 +189,8 @@ onChange: function( $option, checked ) { $select.trigger( 'frm-multiselect-changed', $option, checked ); - const $dropdown = $select.next( '.frm-btn-group.dropdown' ); - const optionValue = $option.val(); + const $dropdown = $select.next( '.frm-btn-group.dropdown' ); + const optionValue = $option.val(); const $dropdownItem = $dropdown.find( 'input[value="' + optionValue + '"]' ).closest( 'button.dropdown-item' ); if ( $dropdownItem.length ) { $dropdownItem.attr( 'aria-checked', checked ? 'true' : 'false' ); @@ -200,7 +200,7 @@ setTimeout( () => $dropdownItem.get( 0 ).focus(), 0 ); } } - }); + } ); } }; @@ -261,12 +261,12 @@ * * @since 4.10.01 Add container param to init autocomplete elements inside an element. * - * @param {String} type Type of data. Accepts `page` or `user`. - * @param {String|Object} container Container class or element. Default is null. + * @param {string} type Type of data. Accepts `page` or `user`. + * @param {string|Object} container Container class or element. Default is null. */ initAutocomplete: function( type, container ) { const basedUrlParams = '?action=frm_' + type + '_search&nonce=' + frmGlobal.nonce; - const elements = ! container ? jQuery( '.frm-' + type + '-search' ) : jQuery( container ).find( '.frm-' + type + '-search' ); + const elements = ! container ? jQuery( '.frm-' + type + '-search' ) : jQuery( container ).find( '.frm-' + type + '-search' ); elements.each( initAutocompleteForElement ); @@ -288,7 +288,7 @@ } } - element.autocomplete({ + element.autocomplete( { delay: 100, minLength: 0, source: source, @@ -318,19 +318,19 @@ jQuery( this ).autocomplete( 'option', 'appendTo', $container ); } - }) - .on( 'focus', function() { + } ) + .on( 'focus', function() { // Show options on click to make it work more like a dropdown. - if ( this.value === '' || this.nextElementSibling.value < 1 ) { - jQuery( this ).autocomplete( 'search', this.value ); - } - }) - .data( 'ui-autocomplete' )._renderItem = function( ul, item ) { - return jQuery( '
  • ' ) - .attr( 'aria-label', item.label ) - .append( jQuery( '
    ' ).text( item.label ) ) - .appendTo( ul ); - }; + if ( this.value === '' || this.nextElementSibling.value < 1 ) { + jQuery( this ).autocomplete( 'search', this.value ); + } + } ) + .data( 'ui-autocomplete' )._renderItem = function( ul, item ) { + return jQuery( '
  • ' ) + .attr( 'aria-label', item.label ) + .append( jQuery( '
    ' ).text( item.label ) ) + .appendTo( ul ); + }; } }, @@ -377,13 +377,13 @@ className: 'frm-search', children: [ label, - span({ className: 'frmfont frm_search_icon' }), + span( { className: 'frmfont frm_search_icon' } ), searchInput ] } ); }, - newSearchInput: ( id, placeholder, targetClassName, args = {}) => { + newSearchInput: ( id, placeholder, targetClassName, args = {} ) => { const input = getAutoSearchInput( id, placeholder ); const wrappedSearch = search.wrapInput( input, placeholder ); search.init( input, targetClassName, args ); @@ -398,7 +398,7 @@ return wrappedSearch; }, - init: ( input, targetClassName, { handleSearchResult } = {}) => { + init: ( input, targetClassName, { handleSearchResult } = {} ) => { input.setAttribute( 'type', 'search' ); input.setAttribute( 'autocomplete', 'off' ); @@ -414,7 +414,7 @@ let foundSomething = false; items.forEach( toggleSearchClassesForItem ); if ( 'function' === typeof handleSearchResult ) { - handleSearchResult({ foundSomething, notEmptySearchText }, event ); + handleSearchResult( { foundSomething, notEmptySearchText }, event ); } function toggleSearchClassesForItem( item ) { @@ -464,10 +464,10 @@ * * @since 6.0 * - * @param {String} event Event name. - * @param {String} selector Selector. + * @param {string} event Event name. + * @param {string} selector Selector. * @param {Function} handler Handler. - * @param {Boolean|Object} options Options to be added to `addEventListener()` method. Default is `false`. + * @param {boolean|Object} options Options to be added to `addEventListener()` method. Default is `false`. */ documentOn: ( event, selector, handler, options ) => { if ( 'undefined' === typeof options ) { @@ -493,11 +493,11 @@ * @param {string} name - The name of the cookie. * @return {string|null} The value of the cookie, or undefined if the cookie does not exist. */ - getCookie: ( name ) => { - const cookie = document.cookie.split('; ').find( cookie => cookie.startsWith( `${name}=` ) ); + getCookie: name => { + const cookie = document.cookie.split( '; ' ).find( cookie => cookie.startsWith( `${ name }=` ) ); if ( cookie ) { - return cookie.split( '=' )[1]; + return cookie.split( '=' )[ 1 ]; } return null; }, @@ -512,12 +512,12 @@ setCookie: ( name, value, minutes ) => { const expires = new Date(); expires.setTime( expires.getTime() + ( minutes * 60 * 1000 ) ); - document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`; + document.cookie = `${ name }=${ value };expires=${ expires.toUTCString() };path=/`; } }; const wysiwyg = { - init( editor, { setupCallback, height, addFocusEvents } = {}) { + init( editor, { setupCallback, height, addFocusEvents } = {} ) { if ( isTinyMceActive() ) { setTimeout( resetTinyMce, 0 ); } else { @@ -533,18 +533,18 @@ } const id = editor.id; - window.quicktags({ + window.quicktags( { name: 'qt_' + id, id: id, canvas: editor, settings: { id }, toolbar: document.getElementById( 'qt_' + id + '_toolbar' ), theButtons: {} - }); + } ); } function initRichText() { - const key = Object.keys( tinyMCEPreInit.mceInit )[0]; + const key = Object.keys( tinyMCEPreInit.mceInit )[ 0 ]; const orgSettings = tinyMCEPreInit.mceInit[ key ]; const settings = Object.assign( @@ -567,7 +567,7 @@ editor.on( 'focusout', function() { editor.on( 'focusin', focusInCallback ); - }); + } ); } if ( setupCallback ) { setupCallback( editor ); @@ -628,10 +628,10 @@ return function( child, uniqueClassName ) { let element = modal.querySelector( '.' + uniqueClassName ); if ( null === element ) { - element = div({ + element = div( { child: child, className: uniqueClassName - }); + } ); appendTo.appendChild( element ); } else { redraw( element, child ); @@ -640,20 +640,20 @@ } function createEmptyModal( id ) { - const modal = div({ id, className: 'frm-modal' }); - const postbox = div({ className: 'postbox' }); - const metaboxHolder = div({ className: 'metabox-holder', child: postbox }); + const modal = div( { id, className: 'frm-modal' } ); + const postbox = div( { className: 'postbox' } ); + const metaboxHolder = div( { className: 'metabox-holder', child: postbox } ); modal.appendChild( metaboxHolder ); document.body.appendChild( modal ); return modal; } - function makeModalIntoADialogAndOpen( modal, { width } = {}) { + function makeModalIntoADialogAndOpen( modal, { width } = {} ) { const bodyWithModalClassName = 'frm-body-with-open-modal'; const $modal = jQuery( modal ); if ( ! $modal.hasClass( 'frm-dialog' ) ) { - $modal.dialog({ + $modal.dialog( { dialogClass: 'frm-dialog', modal: true, autoOpen: false, @@ -671,7 +671,7 @@ $modal.on( 'click', 'a.dismiss', function( event ) { event.preventDefault(); $modal.dialog( 'close' ); - }); + } ); const overlay = document.querySelector( '.ui-widget-overlay' ); if ( overlay ) { @@ -689,7 +689,7 @@ jQuery( '#wpwrap' ).removeClass( 'frm_overlay' ); jQuery( '.spinner' ).css( 'visibility', 'hidden' ); } - }); + } ); } document.body.classList.add( bodyWithModalClassName ); @@ -706,7 +706,7 @@ return tag( 'span', args ); } - function a( args = {}) { + function a( args = {} ) { const anchor = tag( 'a', args ); anchor.setAttribute( 'href', 'string' === typeof args.href ? args.href : '#' ); if ( 'string' === typeof args.target ) { @@ -715,7 +715,7 @@ return anchor; } - function img( args = {}) { + function img( args = {} ) { const output = tag( 'img', args ); if ( 'string' === typeof args.src ) { output.setAttribute( 'src', args.src ); @@ -731,10 +731,10 @@ * * @since 6.0 * - * @param {String} inputId - * @param {String} labelText - * @param {String} inputName - * @returns {Element} + * @param {string} inputId + * @param {string} labelText + * @param {string} inputName + * @return {Element} The div element containing the label and input. */ function labelledTextInput( inputId, labelText, inputName ) { const label = tag( 'label', labelText ); @@ -750,7 +750,7 @@ input.type = 'text'; input.setAttribute( 'name', inputName ); - return div({ children: [ label, input ] }); + return div( { children: [ label, input ] } ); } /** @@ -758,11 +758,11 @@ * * @since 6.4.1 Accept a string as one of `children` to append a text node inside the element. * - * @param {String} type Element tag name. + * @param {string} type Element tag name. * @param {Object} args The args. - * @return {Object} + * @return {Object} The created DOM element. */ - function tag( type, args = {}) { + function tag( type, args = {} ) { const output = document.createElement( type ); if ( 'string' === typeof args ) { @@ -784,7 +784,7 @@ if ( 'string' === typeof child ) { output.appendChild( document.createTextNode( child ) ); } else { - output.appendChild( child ) + output.appendChild( child ); } } ); } else if ( child ) { @@ -794,13 +794,13 @@ } if ( data ) { Object.keys( data ).forEach( function( dataKey ) { - output.setAttribute( 'data-' + dataKey, data[dataKey] ); - }); + output.setAttribute( 'data-' + dataKey, data[ dataKey ] ); + } ); } return output; } - function svg({ href, classList } = {}) { + function svg( { href, classList } = {} ) { const namespace = 'http://www.w3.org/2000/svg'; const output = document.createElementNS( namespace, 'svg' ); if ( classList ) { @@ -820,18 +820,18 @@ * Pop up a success message in the lower right corner. * It then fades out and gets deleted automatically. * - * @param {HTMLElement|String} content - * @returns {void} + * @param {HTMLElement|string} content + * @return {void} */ function success( content ) { - const container = document.getElementById( 'wpbody' ); - const notice = div({ + const container = document.getElementById( 'wpbody' ); + const notice = div( { className: 'frm_updated_message frm-floating-success-message', - child: div({ + child: div( { className: 'frm-satisfied', child: 'string' === typeof content ? document.createTextNode( content ) : content - }) - }); + } ) + } ); container.appendChild( notice ); setTimeout( @@ -842,7 +842,7 @@ function setAttributes( element, attrs ) { Object.entries( attrs ).forEach( - ([ key, value ]) => element.setAttribute( key, value ) + ( [ key, value ] ) => element.setAttribute( key, value ) ); } @@ -887,13 +887,13 @@ return svg( svgArgs ); } - const newNode = document.createElement( tagType ); - - if ( 'undefined' === typeof allowedHtml[ tagType ]) { + if ( 'undefined' === typeof allowedHtml[ tagType ] ) { // Tag type is not allowed. return document.createTextNode( '' ); } + const newNode = document.createElement( tagType ); + allowedHtml[ tagType ].forEach( allowedTag => { if ( node.hasAttribute( allowedTag ) ) { diff --git a/js/admin/embed.js b/js/admin/embed.js index 92175f41d9..3f1472c1a8 100644 --- a/js/admin/embed.js +++ b/js/admin/embed.js @@ -93,15 +93,15 @@ } function getModalFooter() { - const doneButton = footerButton({ + const doneButton = footerButton( { text: __( 'Done', 'formidable' ), buttonType: 'primary' - }); + } ); - const cancelButton = footerButton({ + const cancelButton = footerButton( { text: __( 'Back', 'formidable' ), buttonType: 'cancel' - }); + } ); cancelButton.addEventListener( 'click', function( event ) { @@ -110,9 +110,9 @@ } ); - return div({ + return div( { children: [ doneButton, cancelButton ] - }); + } ); } function offsetModalY( $modal, amount ) { @@ -125,7 +125,7 @@ } function getModalOptions() { - const content = div({ className: 'frm-embed-modal-content frm_wrap' }); + const content = div( { className: 'frm-embed-modal-content frm_wrap' } ); const typeDescription = getTypeDescription(); /* translators: %s type: ie form, view. */ @@ -156,7 +156,7 @@ content.classList.add( 'frm-loading-page-options' ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -165,7 +165,7 @@ }, dataType: 'json', success: addExistingPageDropdown - }); + } ); function addExistingPageDropdown( response ) { if ( 'object' !== typeof response || 'string' !== typeof response.html ) { @@ -222,7 +222,7 @@ const pageId = pageDropdown.value; if ( '0' === pageId || '' === pageId ) { - const error = div({ className: 'frm_error_style' }); + const error = div( { className: 'frm_error_style' } ); error.setAttribute( 'role', 'alert' ); error.textContent = __( 'Please select a page', 'formidable' ); content.insertBefore( error, title.nextElementSibling ); @@ -241,7 +241,7 @@ callback: () => { content.innerHTML = ''; - const wrapper = div({ className: 'field-group' }); + const wrapper = div( { className: 'field-group' } ); const form = tag( 'form' ); const createPageWithShortcode = () => { @@ -256,7 +256,7 @@ nonce: frmGlobal.nonce } ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data, @@ -266,7 +266,7 @@ window.location.href = response.redirect; } } - }); + } ); }; form.addEventListener( @@ -346,7 +346,7 @@ } } - function getModalOption({ icon, label, description, callback }) { + function getModalOption( { icon, label, description, callback } ) { const output = div(); output.appendChild( wrapModalOptionIcon( icon ) ); output.className = 'frm-embed-modal-option'; @@ -358,7 +358,7 @@ textWrapper.appendChild( div( description ) ); output.appendChild( textWrapper ); - output.appendChild( div({ className: 'caret' }) ); + output.appendChild( div( { className: 'caret' } ) ); output.addEventListener( 'click', @@ -371,10 +371,10 @@ } function wrapModalOptionIcon( iconHref ) { - return div({ + return div( { className: 'frm-icon-wrapper', - child: svg({ href: iconHref }) - }); + child: svg( { href: iconHref } ) + } ); } function getEmbedFormManualExamples() { @@ -400,16 +400,16 @@ return examples; } - function getEmbedExample({ label, example, link, linkLabel }) { - let unique, element, labelElement, exampleElement, linkElement; + function getEmbedExample( { label, example, link, linkLabel } ) { + const unique = getAutoId(); - unique = getAutoId(); - element = div(); - - labelElement = getLabel( label ); + const labelElement = getLabel( label ); labelElement.id = 'frm_embed_example_label_' + unique; + + const element = div(); element.appendChild( labelElement ); + let exampleElement; if ( example.length > 80 ) { exampleElement = tag( 'textarea' ); } else { @@ -424,7 +424,7 @@ exampleElement.setAttribute( 'tabindex', -1 ); if ( 'undefined' !== typeof link && 'undefined' !== typeof linkLabel ) { - linkElement = tag( 'a' ); + const linkElement = tag( 'a' ); linkElement.href = link; linkElement.textContent = linkLabel; linkElement.setAttribute( 'target', '_blank' ); @@ -443,7 +443,7 @@ } function getCopyIcon( label ) { - const icon = svg({ href: '#frm_clone_icon' }); + const icon = svg( { href: '#frm_clone_icon' } ); icon.id = 'frm_copy_embed_' + getAutoId(); icon.setAttribute( 'tabindex', 0 ); icon.setAttribute( 'role', 'button' ); @@ -503,7 +503,7 @@ * Can be used for any UI that requires a unique id. * Not to be used in data. * - * @returns {integer} + * @return {integer} The unique id. */ function getAutoId() { return ++autoId; diff --git a/js/admin/entries.js b/js/admin/entries.js index 2d173bb132..cb5556e9d2 100644 --- a/js/admin/entries.js +++ b/js/admin/entries.js @@ -5,7 +5,6 @@ */ wp.domReady( () => { - /** * Internal dependencies */ @@ -46,6 +45,6 @@ wp.domReady( () => { setTimeout( () => { applyZebraStriping( '.frm-alt-table', newShowState === 'true' ? '' : 'frm-empty-row' ); }, newShowState === 'true' ? 0 : 200 ); - }); + } ); } -}); +} ); diff --git a/js/admin/legacy-views.js b/js/admin/legacy-views.js index ac624cbecb..e818d4a989 100644 --- a/js/admin/legacy-views.js +++ b/js/admin/legacy-views.js @@ -15,13 +15,11 @@ document.addEventListener( 'frm_legacy_views_handle_field_focus', function( event ) { const { idAttrValue } = event.frmData; toggleAllowedShortcodes( idAttrValue ); - }); - }); + } ); + } ); function viewInit() { - let $addRemove, - $advInfo = jQuery( document.getElementById( 'frm_adv_info' ) ); - + const $advInfo = jQuery( document.getElementById( 'frm_adv_info' ) ); $advInfo.before( '
    ' ); setupMenuOffset(); @@ -31,7 +29,7 @@ // Show loading indicator. jQuery( '#publish' ).on( 'mousedown', function() { this.classList.add( 'frm_loading_button' ); - }); + } ); // move content tabs jQuery( '#frm_dyncontent .handlediv' ).before( jQuery( '#frm_dyncontent .nav-menus-php' ) ); @@ -49,7 +47,7 @@ jQuery( document.getElementById( 'form_id' ) ).on( 'change', displayFormSelected ); - $addRemove = jQuery( '.frm_repeat_rows' ); + const $addRemove = jQuery( '.frm_repeat_rows' ); $addRemove.on( 'click', '.frm_add_order_row', addOrderRow ); $addRemove.on( 'click', '.frm_add_where_row', addWhereRow ); $addRemove.on( 'change', '.frm_insert_where_options', insertWhereOptions ); @@ -67,24 +65,24 @@ slug = slug.trim().toLowerCase(); if ( Array.isArray( frmAdminJs.unsafe_params ) && frmAdminJs.unsafe_params.includes( slug ) ) { msg = frmAdminJs.slug_is_reserved; - msg = msg.replace( '****', addHtmlTags( slug, 'strong' ) ); + msg = msg.replace( '****', addHtmlTags( slug, 'strong' ) ); msg += '

    '; msg += addHtmlTags( '' + frmAdminJs.reserved_words + '', 'div' ); infoModal( msg ); } } - + /** * Checks View filter value for params named with reserved words and displays a message if any are found. */ function checkFilterParamNames() { - let regEx = /\[\s*get\s*param\s*=\s*['"]?([a-zA-Z-_]+)['"]?/ig, - filterValue = jQuery( this ).val(), - match = regEx.exec( filterValue ), - unsafeParams = ''; + const regEx = /\[\s*get\s*param\s*=\s*['"]?([a-zA-Z-_]+)['"]?/ig; + const filterValue = jQuery( this ).val(); + let match = regEx.exec( filterValue ); + let unsafeParams = ''; while ( match !== null ) { - if ( Array.isArray( frmAdminJs.unsafe_params ) && frmAdminJs.unsafe_params.includes( match[1]) ) { + if ( Array.isArray( frmAdminJs.unsafe_params ) && frmAdminJs.unsafe_params.includes( match[ 1 ] ) ) { if ( unsafeParams !== '' ) { unsafeParams += '", "' + match[ 1 ]; } else { @@ -95,8 +93,8 @@ } if ( unsafeParams !== '' ) { - let msg = frmAdminJs.param_is_reserved; - msg = msg.replace( '****', addHtmlTags( unsafeParams, 'strong' ) ); + let msg = frmAdminJs.param_is_reserved; + msg = msg.replace( '****', addHtmlTags( unsafeParams, 'strong' ) ); msg += '

    '; msg += ' ' + frmAdminJs.reserved_words + ''; @@ -123,7 +121,7 @@ if ( this.id ) { toggleAllowedShortcodes( this.id.slice( 3, -5 ) ); } - }); + } ); DOM.events.add( DOM.select( '.wp-editor-wrap' ), 'mouseout', function() { if ( jQuery( '*:focus' ).length > 0 ) { return; @@ -131,7 +129,7 @@ if ( this.id ) { toggleAllowedShortcodes( this.id.slice( 3, -5 ) ); } - }); + } ); } else { jQuery( '#frm_dyncontent' ).on( 'mouseover mouseout', '.wp-editor-wrap', function() { if ( jQuery( '*:focus' ).length > 0 ) { @@ -140,7 +138,7 @@ if ( this.id ) { toggleAllowedShortcodes( this.id.slice( 3, -5 ) ); } - }); + } ); } } @@ -148,8 +146,8 @@ const urlQuery = window.location.search.substring( 1 ); if ( urlQuery.indexOf( 'action=edit' ) === -1 ) { document.getElementById( 'post-visibility-display' ).textContent = frmAdminJs.private_label; - document.getElementById( 'hidden-post-visibility' ).value = 'private'; - document.getElementById( 'visibility-radio-private' ).checked = true; + document.getElementById( 'hidden-post-visibility' ).value = 'private'; + document.getElementById( 'visibility-radio-private' ).checked = true; } } @@ -234,7 +232,7 @@ return; } - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -245,9 +243,9 @@ success: function( html ) { jQuery( '#frm_adv_info .categorydiv' ).html( html ); } - }); + } ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -258,7 +256,7 @@ success: function( html ) { jQuery( document.getElementById( 'date_select_container' ) ).html( html ); } - }); + } ); } function clickTabsAfterAjax() { @@ -288,7 +286,7 @@ function addOrderRow() { const logicRows = document.getElementById( 'frm_order_options' ).querySelectorAll( '.frm_logic_rows div' ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -300,12 +298,12 @@ success: function( html ) { jQuery( '#frm_order_options .frm_logic_rows' ).append( html ).show().prev( '.frm_add_order_row' ).hide(); } - }); + } ); } function addWhereRow() { const rowDivs = document.getElementById( 'frm_where_options' ).querySelectorAll( '.frm_logic_rows div' ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -317,7 +315,7 @@ success: function( html ) { jQuery( '#frm_where_options .frm_logic_rows' ).append( html ).show().prev( '.frm_add_where_row' ).hide(); } - }); + } ); } function insertWhereOptions() { @@ -325,7 +323,7 @@ const value = this.value, whereKey = jQuery( this ).closest( '.frm_where_row' ).attr( 'id' ).replace( 'frm_where_field_', '' ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -337,7 +335,7 @@ success: function( html ) { jQuery( document.getElementById( 'where_field_options_' + whereKey ) ).html( html ); } - }); + } ); } function hideWhereOptions() { @@ -373,7 +371,7 @@ if ( id !== '' ) { const $ele = jQuery( document.getElementById( id ) ); if ( $ele.attr( 'class' ) && id !== 'wpbody-content' && id !== 'content' && id !== 'dyncontent' && id !== 'success_msg' ) { - let d = $ele.attr( 'class' ).split( ' ' )[0]; + let d = $ele.attr( 'class' ).split( ' ' )[ 0 ]; if ( d === 'frm_long_input' || d === 'frm_98_width' || typeof d === 'undefined' ) { d = ''; } else { @@ -413,4 +411,4 @@ jQuery( '#' + clickedID.replace( /_/g, '-' ) + ' .frm_show_active' ).removeClass( 'frm_hidden' ); } } -}() ); \ No newline at end of file +}() ); diff --git a/js/admin/settings.js b/js/admin/settings.js index e7d1aec25d..3299c4a89a 100644 --- a/js/admin/settings.js +++ b/js/admin/settings.js @@ -9,13 +9,13 @@ handleToggleChangeEvent( e ); } - if ( 'frm_currency' === e.target.id) { + if ( 'frm_currency' === e.target.id ) { syncCurrencyOptions( e.target ); } } function handleKeyDownEvent( e ) { - switch ( e.key ) { + switch ( e.key ) { // eslint-disable-line sonarjs/no-small-switch case ' ': handleSpaceDownEvent( e ); break; diff --git a/js/admin/style.js b/js/admin/style.js index 423668ba52..f9496d7de2 100644 --- a/js/admin/style.js +++ b/js/admin/style.js @@ -3,15 +3,15 @@ * Pro-specific features are in the style-settings.js file in Pro. */ ( function() { - /* globals wp, frmDom, frmAdminBuild */ + /* globals frmDom, frmAdminBuild */ 'use strict'; if ( ! document.getElementById( 'frm_active_style_form' ) ) { return; } - const { __, sprintf } = wp.i18n; - const state = { + const { __, sprintf } = wp.i18n; + const state = { showingSampleForm: document.getElementById( 'frm_active_style_form' ).classList.contains( 'frm_hidden' ), // boolean unsavedChanges: false, // boolean autoId: 0, // Number @@ -21,9 +21,9 @@ initialSelectedStyleValue: false // String|false }; const { div, span, a, labelledTextInput, tag, svg, success } = frmDom; - const { onClickPreventDefault } = frmDom.util; - const { maybeCreateModal, footerButton } = frmDom.modal; - const { doJsonPost } = frmDom.ajax; + const { onClickPreventDefault } = frmDom.util; + const { maybeCreateModal, footerButton } = frmDom.modal; + const { doJsonPost } = frmDom.ajax; const isListPage = document.getElementsByClassName( 'frm-style-card' ).length > 0; if ( isListPage ) { @@ -38,7 +38,7 @@ * These are shared events for both the edit/list views like the sample form toggle. * This includes preview events, but also the update button click event handling for both views. * - * @returns {void} + * @return {void} */ function initCommonEventListeners() { document.addEventListener( 'click', handleCommonClickEvents ); @@ -49,7 +49,7 @@ /** * Initialize common functions required for the preview in both the edit and list views. * - * @returns {void} + * @return {void} */ function initPreview() { initFloatingLabels(); @@ -62,14 +62,13 @@ document.getElementById( 'frm_style_sidebar' ).classList.add( 'wp-core-ui' ); jQuery( document ).on( 'input change', 'input[data-frmrange]', initSliderPreview ); - } /** * Initialize the slider functionality in the style preview. * * @param {HTMLElement} event - * @returns {void} + * @return {void} */ function initSliderPreview( event ) { const wrapper = event.target.closest( '.frm_range_container' ); @@ -83,7 +82,7 @@ * Add the wp-core-ui class to the #wp-auth-check-wrap element. * As this style isn't included on the body for the styler, the close button on the auth modal wasn't getting styled properly. * - * @returns {void} + * @return {void} */ function fixWpAuthModal() { const authWrap = document.getElementById( 'wp-auth-check-wrap' ); @@ -93,7 +92,7 @@ } /** - * @returns {void} + * @return {void} */ function initListPage() { document.addEventListener( 'click', handleClickEventsForListPage ); @@ -102,8 +101,8 @@ setTimeout( addHamburgerMenusToCards, 1 ); initDatepickerSample(); - const enableToggle = document.getElementById( 'frm_enable_styling' ); - const styleIdInput = getStyleIdInput(); + const enableToggle = document.getElementById( 'frm_enable_styling' ); + const styleIdInput = getStyleIdInput(); state.initialSelectedStyleValue = styleIdInput.value; enableToggle.addEventListener( 'change', handleEnableStylingToggleChange ); @@ -126,14 +125,14 @@ /** * Handle pagination click events. * - * @returns {void} + * @return {void} */ function initStyleCardPagination() { document.querySelectorAll( '.frm-style-card-pagination' ).forEach( pagination => { - const wrapper = pagination.closest( '.frm-style-card-wrapper' ); + const wrapper = pagination.closest( '.frm-style-card-wrapper' ); const showAllAnchor = pagination.querySelector( '.frm-show-all-styles' ); - let showingAll = false; + let showingAll = false; onClickPreventDefault( showAllAnchor, @@ -151,7 +150,7 @@ wrapper.querySelectorAll( '.frm-style-card:nth-child(3) ~ .frm-style-card' ).forEach( card => card.classList.add( 'frm_hidden' ) ); - const hiddenCount = wrapper.querySelectorAll( '.frm-style-card.frm_hidden' ).length; + const hiddenCount = wrapper.querySelectorAll( '.frm-style-card.frm_hidden' ).length; /* translators: %d: The number of hidden items to show. */ showAllAnchor.textContent = sprintf( __( 'Show all (%d)', 'formidable' ), hiddenCount ); } @@ -161,8 +160,8 @@ } /** - * @param {String} labelPosition - * @returns {void} + * @param {string} labelPosition + * @return {void} */ function changeLabelPositionsInPreview( labelPosition ) { const input = tag( 'input' ); @@ -171,7 +170,7 @@ } /** - * @returns {HTMLElement} + * @return {HTMLElement} The active style card. */ function getActiveCard() { return document.querySelector( '.frm-active-style-card' ); @@ -183,7 +182,7 @@ * This is because disabling styles is linked to the custom_style option as well. * * @param {Event} event - * @returns {void} + * @return {void} */ function handleEnableStylingToggleChange( event ) { const stylesEnabled = event.target.checked; @@ -217,19 +216,19 @@ * We track the value on load with state.initialSelectedStyleValue. * Only consider unsaved changes on the page when this variable is no longer set to the original value. * - * @returns {void} + * @return {void} */ function trackListPageChange() { - const styleIdInput = getStyleIdInput(); + const styleIdInput = getStyleIdInput(); state.unsavedChanges = styleIdInput.value !== state.initialSelectedStyleValue; } /** * @param {boolean} on - * @returns {void} + * @return {void} */ function toggleFormidableStylingInPreviewForms( on ) { - const preview = document.getElementById( 'frm_style_preview' ); + const preview = document.getElementById( 'frm_style_preview' ); const activeCard = getActiveCard(); let selector = '.frm_forms'; @@ -246,7 +245,7 @@ } /** - * @returns {HTMLElement} + * @return {HTMLElement} The style ID input element. */ function getStyleIdInput() { return document.getElementById( 'frm_style_list_form' ).querySelector( '[name="style_id"]' ); @@ -254,7 +253,7 @@ /** * @param {Event} event - * @returns {void} + * @return {void} */ function handleCommonClickEvents( event ) { const target = event.target; @@ -272,7 +271,7 @@ if ( target.classList.contains( 'frm-edit-style' ) || null !== target.closest( '.frm-edit-style' ) || 'frm_edit_style' === target.id ) { modifyStylerUrl( target ); - return; + return; // eslint-disable-line } } @@ -296,7 +295,7 @@ } /** - * @returns {void} + * @return {void} */ function disablePreviewSubmitButtons() { const preview = document.getElementById( 'frm_style_preview' ); @@ -307,7 +306,7 @@ * Prevent form submit event. * * @param {Event} event - * @returns {false} + * @return {false} Prevents the default action and stops the event from bubbling. */ event => { event.preventDefault(); @@ -320,14 +319,14 @@ /** * @param {Event} event - * @returns {void} + * @return {void} */ function handleClickEventsForListPage( event ) { const target = event.target; if ( target.classList.contains( 'frm-style-card' ) || target.closest( '.frm-style-card' ) ) { handleStyleCardClick( event ); - return; + return; // eslint-disable-line } } @@ -336,7 +335,7 @@ * If the Update button is clicked after selecting a style card, the active card will be saved as the target form's style. * * @param {Event} event - * @returns {void} + * @return {void} */ function handleStyleCardClick( event ) { const target = event.target; @@ -346,7 +345,7 @@ return; } - const card = target.classList.contains( 'frm-style-card' ) ? target : target.closest( '.frm-style-card' ); + const card = target.classList.contains( 'frm-style-card' ) ? target : target.closest( '.frm-style-card' ); const cardIsLocked = card.classList.contains( 'frm-locked-style' ); if ( cardIsLocked ) { @@ -354,9 +353,9 @@ return; // Exit early as we're not actually selecting a locked template for preview. } - const previewArea = document.getElementById( 'frm_style_preview' ); - const activeCard = document.querySelector( '.frm-active-style-card' ); - const sampleForm = document.getElementById( 'frm_sample_form' ).querySelector( '.frm_forms' ); + const previewArea = document.getElementById( 'frm_style_preview' ); + const activeCard = document.querySelector( '.frm-active-style-card' ); + const sampleForm = document.getElementById( 'frm_sample_form' ).querySelector( '.frm_forms' ); const styleIdInput = getStyleIdInput(); disableLabelTransitions(); @@ -383,26 +382,26 @@ setTimeout( enableLabelTransitions, 1 ); // We want to toggle the edit button so you can only leave the page to edit the style if it's active (to avoid unsaved changes). - const editButton = document.getElementById( 'frm_edit_style' ); + const editButton = document.getElementById( 'frm_edit_style' ); const showEditButton = null !== card.querySelector( '.frm-style-card-info' ); // Only the "Applied style" has card info. editButton.classList.toggle( 'frm_hidden', ! showEditButton ); changeLabelPositionsInPreview( card.dataset.labelPosition ); // Trigger an action here so Pro can handle template preview updates on card click. - const hookName = 'frm_style_card_click'; - const hookArgs = { card, styleIdInput }; + const hookName = 'frm_style_card_click'; + const hookArgs = { card, styleIdInput }; wp.hooks.doAction( hookName, hookArgs ); } /** * @param {HTMLElement} card - * @returns {HTMLElement} + * @return {HTMLElement} The modal element. */ function maybeCreateStyleTemplateModal( card ) { - const titleElement = card.querySelector( '.frm-style-card-title' ); + const titleElement = card.querySelector( '.frm-style-card-title' ); const templateTitle = titleElement.textContent; - const modal = maybeCreateModal( + const modal = maybeCreateModal( 'frm_style_template_modal', { content: getStyleTemplateModalContent( card ), @@ -415,59 +414,59 @@ /** * @param {HTMLElement} card - * @returns {HTMLElement} + * @return {HTMLElement} The modal content element. */ function getStyleTemplateModalContent( card ) { const children = []; children.push( - div({ + div( { className: 'frm_warning_style', children: [ span( /* translators: %s: The required license type (ie. Plus, Business, or Elite) */ sprintf( __( 'Access to this style requires the %s plan.', 'formidable' ), card.dataset.requires ) ), - a({ + a( { text: getUpgradeNowText(), href: card.dataset.upgradeUrl, target: '_blank' - }) + } ) ] - }) + } ) ); - return div({ children }); + return div( { children } ); } /** * @param {HTMLElement} card - * @returns {HTMLElement} + * @return {HTMLElement} The modal footer element. */ function getStyleTemplateModalFooter( card ) { - const viewDemoSiteButton = footerButton({ + const viewDemoSiteButton = footerButton( { text: __( 'Learn More', 'formidable' ), buttonType: 'secondary' - }); + } ); viewDemoSiteButton.href = card.dataset.upgradeUrl; viewDemoSiteButton.target = '_blank'; - let primaryActionButton = footerButton({ + const primaryActionButton = footerButton( { text: getUpgradeNowText(), buttonType: 'primary' - }); + } ); primaryActionButton.classList.remove( 'dismiss' ); primaryActionButton.setAttribute( 'href', card.dataset.upgradeUrl ); primaryActionButton.target = '_blank'; - return div({ + return div( { children: [ viewDemoSiteButton, primaryActionButton ] - }); + } ); } /** - * @returns {String} + * @return {string} The upgrade now text. */ function getUpgradeNowText() { return __( 'Upgrade Now', 'formidable' ); @@ -477,7 +476,7 @@ * Track an unsaved change on the edit page. * This is included in the frmStylerFunctions global so unsaved changes can be tracked in Pro as well. * - * @returns {void} + * @return {void} */ function trackUnsavedChange() { state.unsavedChanges = true; @@ -487,7 +486,7 @@ * Possibly prevent leaving the page if there are unsaved changes. * * @param {Event} event - * @returns {void} + * @return {void} */ function maybeConfirmExit( event ) { if ( ! state.unsavedChanges ) { @@ -501,22 +500,22 @@ /** * Floating labels have a transition style. Turn it off temporarily when switching between cards to avoid a transition between two different style classes. * - * @returns {void} + * @return {void} */ function disableLabelTransitions() { setLabelTransitionStyle( 'none' ); } /** - * @returns {void} + * @return {void} */ function enableLabelTransitions() { setLabelTransitionStyle( '' ); } /** - * @param {String} value - * @returns {void} + * @param {string} value + * @return {void} */ function setLabelTransitionStyle( value ) { document.getElementById( 'frm_style_preview' ).querySelectorAll( '.frm_inside_container' ).forEach( @@ -525,7 +524,7 @@ } /** - * @returns {void} + * @return {void} */ function toggleSampleForm() { state.showingSampleForm = ! state.showingSampleForm; @@ -534,7 +533,7 @@ } /** - * @returns {void} + * @return {void} */ function handleUpdateClick() { state.unsavedChanges = false; // Prevent the saved changes pop up from triggering when submitting the form. @@ -557,7 +556,7 @@ * If the sample form toggle is active, we want to pass that as a query parameter so we know to default to the sample form on load. * * @param {HTMLElement} clickTarget - * @returns {void} + * @return {void} */ function modifyStylerUrl( clickTarget ) { if ( ! state.showingSampleForm ) { @@ -572,7 +571,7 @@ /** * Add menu dropdowns to style cards dynamically on load. * - * @returns {void} + * @return {void} */ function addHamburgerMenusToCards() { const cards = Array.from( document.getElementsByClassName( 'frm-style-card' ) ); @@ -581,7 +580,7 @@ /** * @param {HTMLlement} card - * @returns {void} + * @return {void} */ function maybeAddMenuToCard( card ) { if ( ! shouldAddMenuToCard( card ) ) { @@ -594,15 +593,15 @@ /** * Avoid adding a menu to an upsell card or a template card. * - * @param {HTMLlement} card - * @returns {boolean} + * @param {HTMLElement} card + * @return {boolean} Whether to add a menu to the card. */ function shouldAddMenuToCard( card ) { return 'frm_template_style_cards_wrapper' !== card.parentNode.id || ! card.classList.contains( 'frm-locked-style' ); } /** - * @returns {void} + * @return {void} */ function addHamburgerMenuForEditPage() { const styleName = document.getElementById( 'frm_style_name' ); @@ -612,7 +611,7 @@ const styleId = document.getElementById( 'frm_styling_form' ).querySelector( 'input[name="ID"]' ).value; - const hamburgerMenu = getHamburgerMenu({ styleId }); + const hamburgerMenu = getHamburgerMenu( { styleId } ); hamburgerMenu.classList.add( 'alignright' ); styleName.parentNode.insertBefore( hamburgerMenu, styleName ); } @@ -621,49 +620,49 @@ * Get a dropdown and the "hamburger" stacked dot menu trigger for a single style card. * * @param {DOMStringMap} data { - * @type {String} editUrl - * @type {String} styleId - * @type {String} labelPosition - * @type {String} classname + * @type {string} editUrl + * @type {string} styleId + * @type {string} labelPosition + * @type {string} classname * } - * @returns {HTMLElement} + * @return {HTMLElement} The hamburger menu element. */ function getHamburgerMenu( data ) { - const hamburgerMenu = a({ + const hamburgerMenu = a( { className: 'frm-dropdown-toggle dropdown-toggle', - child: svg({ href: '#frm_thick_more_vert_icon' }) - }); + child: svg( { href: '#frm_thick_more_vert_icon' } ) + } ); hamburgerMenu.setAttribute( 'data-toggle', 'dropdown' ); hamburgerMenu.setAttribute( 'data-container', 'body' ); hamburgerMenu.setAttribute( 'role', 'button' ); hamburgerMenu.setAttribute( 'tabindex', 0 ); - const isTemplate = 'undefined' !== typeof data.templateKey; + const isTemplate = 'undefined' !== typeof data.templateKey; let dropdownMenuOptions = []; if ( isListPage ) { - const applyOption = a({ + const applyOption = a( { text: isTemplate ? __( 'Install and apply', 'formidable' ) : __( 'Apply', 'formidable' ) - }); + } ); addIconToOption( applyOption, 'frm_save_icon' ); - dropdownMenuOptions.push({ anchor: applyOption, type: 'apply' }); + dropdownMenuOptions.push( { anchor: applyOption, type: 'apply' } ); onClickPreventDefault( applyOption, handleApplyOptionClick ); } if ( ! isTemplate ) { if ( 'string' === typeof data.editUrl ) { // The Edit option is not included on the Edit page. - const editOption = a({ + const editOption = a( { text: __( 'Edit', 'formidable' ), href: data.editUrl - }); + } ); addIconToOption( editOption, 'frm_pencil_icon' ); - dropdownMenuOptions.push({ anchor: editOption, type: 'edit' }); + dropdownMenuOptions.push( { anchor: editOption, type: 'edit' } ); } - const resetOption = a({ + const resetOption = a( { text: __( 'Reset to Defaults', 'formidable' ) - }); + } ); addIconToOption( resetOption, 'frm_repeater_icon' ); onClickPreventDefault( resetOption, () => confirmResetStyle( data.styleId ) ); @@ -673,39 +672,39 @@ ); } - const hookName = 'frm_style_card_dropdown_options'; - const hookArgs = { data, addIconToOption, isTemplate }; + const hookName = 'frm_style_card_dropdown_options'; + const hookArgs = { data, addIconToOption, isTemplate }; dropdownMenuOptions = wp.hooks.applyFilters( hookName, dropdownMenuOptions, hookArgs ); if ( isListPage && ! isTemplate ) { maybeAddDuplicateUpsell( dropdownMenuOptions ); } - const dropdownMenu = div({ + const dropdownMenu = div( { // Use dropdown-menu-right to avoid an overlapping issue with the card to the right (where the # of forms would appear above the menu). className: 'frm-dropdown-menu frm-style-options-menu frm-p-1', children: dropdownMenuOptions.map( wrapDropdownItem ) - }); + } ); const isRtl = document.body.classList.contains( 'rtl' ); dropdownMenu.classList.add( 'dropdown-menu-' + ( isRtl ? 'left' : 'right' ) ); dropdownMenu.setAttribute( 'role', 'menu' ); - return div({ + return div( { className: 'dropdown frm_wrap', // The .frm_wrap class prevents a blue outline on the active dropdown trigger. children: [ hamburgerMenu, dropdownMenu ] - }); + } ); } /** * @param {Array} dropdownMenuOptions - * @returns {void} + * @return {void} */ function maybeAddDuplicateUpsell( dropdownMenuOptions ) { let duplicateOptionExists = false; for ( let i = 0; i < dropdownMenuOptions.length; ++i ) { - if ( dropdownMenuOptions[i].type === 'duplicate' ) { + if ( dropdownMenuOptions[ i ].type === 'duplicate' ) { duplicateOptionExists = true; break; } @@ -715,10 +714,10 @@ return; } - const duplicateUpsell = a({ + const duplicateUpsell = a( { text: __( 'Duplicate', 'formidable' ), className: 'frm_noallow' - }); + } ); addIconToOption( duplicateUpsell, 'frm_clone_icon' ); onClickPreventDefault( duplicateUpsell, () => document.getElementById( 'frm_new_style_trigger' ).click() ); const upsellOption = { anchor: duplicateUpsell, type: 'duplicate' }; @@ -727,11 +726,11 @@ /** * @param {Event} event - * @returns {void} + * @return {void} */ function handleApplyOptionClick( event ) { const option = event.target; - const card = option.closest( '.frm-style-card' ); + const card = option.closest( '.frm-style-card' ); if ( ! card ) { return; } @@ -741,8 +740,8 @@ } /** - * @param {String} styleId - * @returns {HTMLElement} + * @param {string} styleId + * @return {HTMLElement} The rename option element. */ function getRenameOption( styleId ) { const renameOption = a( __( 'Rename', 'formidable' ) ); @@ -776,9 +775,9 @@ } /** - * @param {String} id + * @param {string} id * @param {Object} args - * @returns {HTMLElement} + * @return {HTMLElement} The modal element. */ function stylerModal( id, args ) { const modal = maybeCreateModal( id, args ); @@ -793,9 +792,9 @@ * Get modal content with just a "Style Name" input. * This is used for New style, Duplicate style, and for Rename style. * - * @param {String} context - * @param {String|undefined} value - * @returns {HTMLElement} + * @param {string} context + * @param {string|undefined} value + * @return {HTMLElement} The modal content element. */ function getStyleInputNameModalContent( context, value ) { // Create a form so we can listen to Enter key presses that trigger a form submit event. @@ -809,7 +808,7 @@ 'submit', /** * @param {Event} event - * @returns {false} + * @return {false} Prevents the default action and stops the event from bubbling. */ event => { // Prevent the form in the modal from submitting and trigger the click button in the modal footer instead. @@ -821,7 +820,7 @@ return false; } ); - const content = div({ child: form }); + const content = div( { child: form } ); content.style.padding = '20px'; content.querySelector( 'label' ).style.lineHeight = 1.5; @@ -848,30 +847,30 @@ } /** - * @param {String} styleId - * @returns {HTMLELement} + * @param {string} styleId + * @return {HTMLElement} The modal footer element. */ - function getRenameStyleModalFooter( styleId ) { - const cancelButton = footerButton({ text: __( 'Cancel', 'formidable' ), buttonType: 'cancel' }); + function getRenameStyleModalFooter( styleId ) { + const cancelButton = footerButton( { text: __( 'Cancel', 'formidable' ), buttonType: 'cancel' } ); cancelButton.classList.add( 'dismiss' ); - const renameButton = footerButton({ text: __( 'Rename style', 'formidable' ), buttonType: 'primary' }); + const renameButton = footerButton( { text: __( 'Rename style', 'formidable' ), buttonType: 'primary' } ); onClickPreventDefault( renameButton, () => renameStyle( styleId ) ); - return div({ + return div( { children: [ cancelButton, renameButton ] - }); + } ); } /** * Call frm_rename_style action when the rename style button is clicked in rename modal. * - * @param {String} styleId - * @returns {void} + * @param {string} styleId + * @return {void} */ function renameStyle( styleId ) { const styleNameInput = document.getElementById( 'frm_rename_style_name_input' ); - const newStyleName = styleNameInput.value; + const newStyleName = styleNameInput.value; if ( '' === newStyleName ) { // Avoid setting an empty name. @@ -879,7 +878,7 @@ return; } - const formData = new FormData(); + const formData = new FormData(); formData.append( 'style_id', styleId ); formData.append( 'style_name', newStyleName ); doJsonPost( 'rename_style', formData ).then( @@ -889,7 +888,7 @@ * If on the list page, update the style card after renaming a style. * On the edit page, update the style name element instead. * - * @returns {void} + * @return {void} */ () => { success( __( 'Style has been renamed successfully', 'formidable' ) ); @@ -906,28 +905,27 @@ } /** - * @param {String} styleId - * @param {String} newStyleName - * @returns {void} + * @param {string} styleId + * @param {string} newStyleName + * @return {void} */ function updateStyleNameInCard( styleId, newStyleName ) { - const card = getCardByStyleId( styleId ); + const card = getCardByStyleId( styleId ); const titleElement = card.querySelector( '.frm-style-card-title' ); titleElement.textContent = newStyleName; } /** - * @param {String} templateKey - * @returns {HTMLElement} + * @param {string} templateKey + * @return {HTMLElement} The template card element. */ function getTemplateCard( templateKey ) { - const templateCard = document.getElementById( 'frm_template_style_cards_wrapper' ).querySelector( '.frm-style-card[data-template-key="' + templateKey + '"]' ); - return templateCard; + return document.getElementById( 'frm_template_style_cards_wrapper' ).querySelector( '.frm-style-card[data-template-key="' + templateKey + '"]' ); } /** - * @param {String} styleId - * @returns {HTMLElement} + * @param {string} styleId + * @return {HTMLElement} The card element. */ function getCardByStyleId( styleId ) { const defaultCard = document.querySelector( '#frm_default_style_cards_wrapper > div[data-style-id="' + styleId + '"]' ); @@ -939,17 +937,17 @@ /** * @param {HTMLElement} option - * @param {String} iconId - * @returns {void} + * @param {string} iconId + * @return {void} */ function addIconToOption( option, iconId ) { - const icon = frmDom.svg({ href: '#' + iconId }); + const icon = frmDom.svg( { href: '#' + iconId } ); option.insertBefore( icon, option.firstChild ); } /** - * @param {String} styleId - * @returns {void} + * @param {string} styleId + * @return {void} */ function confirmResetStyle( styleId ) { stylerModal( @@ -963,7 +961,7 @@ } /** - * @returns {HTMLElement} + * @return {HTMLElement} The modal content element. */ function getResetStyleModalContent() { const content = div( __( 'Reset this style back to the default?', 'formidable' ) ); @@ -972,29 +970,29 @@ } /** - * @param {String} styleId - * @returns {HTMLElement} + * @param {string} styleId + * @return {HTMLElement} The modal footer element. */ function getResetStyleModalFooter( styleId ) { - const cancelButton = footerButton({ + const cancelButton = footerButton( { text: __( 'Cancel', 'formidable' ), buttonType: 'cancel' - }); + } ); cancelButton.classList.add( 'dismiss' ); - const resetButton = footerButton({ + const resetButton = footerButton( { text: __( 'Reset style', 'formidable' ), buttonType: 'primary' - }); + } ); onClickPreventDefault( resetButton, () => resetStyle( styleId ) ); - return div({ children: [ cancelButton, resetButton ] }); + return div( { children: [ cancelButton, resetButton ] } ); } /** * Handle reset dropdown action. * This function handles the front end routing for the reset action as reset works differently for edit and list views. * - * @param {String} styleId - * @returns {void} + * @param {string} styleId + * @return {void} */ function resetStyle( styleId ) { if ( isListPage ) { @@ -1007,8 +1005,8 @@ /** * Make a POST request to reset the style then reload the CSS and reset the card styles. * - * @param {String} styleId - * @returns {void} + * @param {string} styleId + * @return {void} */ function resetStyleOnListPage( styleId ) { const formData = new FormData(); @@ -1033,10 +1031,10 @@ /** * Reset the style in-page (without actually updating it). * - * @returns {void} + * @return {void} */ function resetStyleOnEditPage() { - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -1044,7 +1042,7 @@ nonce: frmGlobal.nonce }, success: syncEditPageAfterResetAction - }); + } ); } /** @@ -1054,7 +1052,7 @@ * @todo Stop triggering change events with jQuery. And remove the other jQuery as well. * * @param {Object} response - * @returns {void} + * @return {void} */ function syncEditPageAfterResetAction( response ) { let defaultValues = response.replace( /^\s+|\s+$/g, '' ); @@ -1094,7 +1092,7 @@ /** * Reload Formidable CSS after a style is reset so the preview updates immediately without needing to reload the page. * - * @returns {void} + * @return {void} */ function reloadCSSAfterStyleReset() { const style = document.getElementById( 'frm-custom-theme-css' ); @@ -1103,9 +1101,9 @@ } const newStyle = document.createElement( 'link' ); - newStyle.rel = 'stylesheet'; - newStyle.type = 'text/css'; - newStyle.href = style.href + '&key=' + getAutoId(); // Make the URL unique so the old stylesheet doesn't get picked up by cache. + newStyle.rel = 'stylesheet'; + newStyle.type = 'text/css'; + newStyle.href = style.href + '&key=' + getAutoId(); // Make the URL unique so the old stylesheet doesn't get picked up by cache. // Listen for the new style to load before removing the old style to avoid having no styles while the new style is loading. newStyle.addEventListener( @@ -1116,40 +1114,39 @@ } ); - const head = document.getElementsByTagName( 'HEAD' )[0]; + const head = document.getElementsByTagName( 'HEAD' )[ 0 ]; head.appendChild( newStyle ); } /** - * @returns {Number} + * @return {number} The auto ID. */ function getAutoId() { return ++state.autoId; } /** - * @param {Object} data { - * @type {Element} anchor - * @type {String} type - * } - * @returns {Element} + * @param {Object} data + * @param {HTMLElement} data.anchor + * @param {string} data.type + * @return {HTMLElement} The dropdown item element. */ - function wrapDropdownItem({ anchor, type }) { - return div({ + function wrapDropdownItem( { anchor, type } ) { + return div( { className: 'dropdown-item frm-' + type + '-style', child: anchor - }); + } ); } /** * This gets triggered through a hook called in frmAdminBuild.styleInit() from formidable_admin.js. * - * @returns {void} + * @return {void} */ function initEditPage() { - const { debounce } = frmDom.util; + const { debounce } = frmDom.util; const debouncedPreviewUpdate = debounce( () => changeStyling(), 100 ); - const debouncedColorChange = debounce(( event, value ) => { + const debouncedColorChange = debounce( ( event, value ) => { /** * Fires on style colorpicker change. * @@ -1162,11 +1159,11 @@ const debouncedTextSquishCheck = debounce( textSquishCheck, 300 ); initPosClass(); // It's important that this gets called before we add event listeners because it triggers change events. - ['frm_field_height', 'frm_field_font_size', 'frm_field_pad'].forEach( selector => { + [ 'frm_field_height', 'frm_field_font_size', 'frm_field_pad' ].forEach( selector => { document.getElementById( selector ).addEventListener( 'change', debouncedTextSquishCheck ); - }); + } ); - jQuery( 'input.hex' ).wpColorPicker({ + jQuery( 'input.hex' ).wpColorPicker( { change: function( event, ui ) { let color = jQuery( this ).wpColorPicker( 'color' ); trackUnsavedChange(); @@ -1183,14 +1180,14 @@ jQuery( event.target ).val( color ).trigger( 'change' ); } - }); + } ); jQuery( '.wp-color-result-text' ).text( function( _, oldText ) { const container = jQuery( this ).closest( '.wp-picker-container' ); - if ( 'undefined' !== typeof container && container[0].parentElement.classList.contains( 'frm-colorpicker' ) ) { - return container[0].querySelector( '.wp-color-picker' ).value; + if ( 'undefined' !== typeof container && container[ 0 ].parentElement.classList.contains( 'frm-colorpicker' ) ) { + return container[ 0 ].querySelector( '.wp-color-picker' ).value; } return oldText === 'Select Color' ? 'Select' : oldText; - }); + } ); jQuery( '#frm_styling_form .styling_settings, #frm_styling_form .frm-field-shape, #frm_styling_form input[name="frm_style_setting[post_content][base_font_size]"]' ).on( 'change', debouncedPreviewUpdate ); // This is really only necessary for Pro. But if Pro is not up to date to initialize the datepicker in the sample form, it should still work because it's initialized here. @@ -1206,15 +1203,15 @@ * Sends an AJAX POST request for new CSS to use for the preview. * This is called whenever a style setting is changed, generally using debouncedPreviewUpdate to avoid simultaneous requests. * - * @returns {void} + * @return {void} */ function changeStyling() { const styleInputs = Array.from( document.getElementById( 'frm_style_sidebar' ).querySelectorAll( 'input, select, textarea' ) ).filter( input => 'style_name' === input.name || 0 === input.name.indexOf( 'frm_style_setting[post_content]' ) ); - const locStr = JSON.stringify( jQuery( styleInputs ).serializeArray() ); + const locStr = JSON.stringify( jQuery( styleInputs ).serializeArray() ); - jQuery.ajax({ + jQuery.ajax( { type: 'POST', url: ajaxurl, data: { @@ -1222,18 +1219,18 @@ nonce: frmGlobal.nonce, frm_style_setting: locStr }, - success: ( css ) => { + success: css => { handleChangeStylingSuccess( css ); setSelectPlaceholderColor(); } - }); + } ); } /** * Update the CSS used for the preview on the edit page when a styling input has been updated. * - * @param {String} css The response from the frm_change_styling request. - * @returns {void} + * @param {string} css The response from the frm_change_styling request. + * @return {void} */ function handleChangeStylingSuccess( css ) { // Validate the string response. A valid output will include rules with .with_frm_style @@ -1249,15 +1246,15 @@ * Possibly pop up with a warning that "text will not display correctly if the field height is too small relative to the field padding and text size". * This can be triggered when modifying font size, height, and padding. * - * @returns {void} + * @return {void} */ function textSquishCheck() { if ( null !== frmDom.util.getCookie( 'frm-style-text-squish-check' ) ) { return; } - const height = document.getElementById( 'frm_field_height' ).value.replace( /\D/g, '' ); + const height = document.getElementById( 'frm_field_height' ).value.replace( /\D/g, '' ); const paddingEntered = document.getElementById( 'frm_field_pad' ).value.split( ' ' ); - const paddingCount = paddingEntered.length; + const paddingCount = paddingEntered.length; frmDom.util.setCookie( 'frm-style-text-squish-check', 1, 30 ); @@ -1268,10 +1265,10 @@ const size = document.getElementById( 'frm_field_font_size' ).value.replace( /\D/g, '' ); // Get the top and bottom padding from entered values - const paddingTop = paddingEntered[0].replace( /\D/g, '' ); - let paddingBottom = paddingTop; + const paddingTop = paddingEntered[ 0 ].replace( /\D/g, '' ); + let paddingBottom = paddingTop; if ( paddingCount >= 3 ) { - paddingBottom = paddingEntered[2].replace( /\D/g, '' ); + paddingBottom = paddingEntered[ 2 ].replace( /\D/g, '' ); } // Check if there is enough space for text @@ -1285,14 +1282,14 @@ * When the Collapse icons are updated, sync the dropdown. * Otherwise the previously selected value will still appear as the selected value. * - * @returns {void} + * @return {void} */ jQuery( document ).on( 'change', '.frm-dropdown-menu input[type="radio"]', function() { trackUnsavedChange(); - const radio = this; + const radio = this; const btnGrp = radio.closest( '.btn-group' ); - const btnId = btnGrp.getAttribute( 'id' ); + const btnId = btnGrp.getAttribute( 'id' ); const select = document.getElementById( btnId.replace( '_select', '' ) ); if ( select ) { @@ -1307,7 +1304,7 @@ } radio.closest( '.dropdown-item' ).classList.add( 'active' ); - }); + } ); if ( frm_admin_js.requireAccordionTitleClickListener ) { document.querySelectorAll( '.styling_settings h3.accordion-section-title' ).forEach( el => { @@ -1315,8 +1312,8 @@ if ( ! event.target.closest( 'button' ) ) { el.querySelector( 'button' ).click(); } - }); - }); + } ); + } ); } } @@ -1339,7 +1336,7 @@ /** * @param {HTMLElement} input * @param {HTMLElement} container - * @returns {void} + * @return {void} */ function checkFloatingLabelsForStyles( input, container ) { if ( ! container ) { @@ -1361,16 +1358,14 @@ firstOpt.textContent = firstOpt.getAttribute( 'data-label' ); firstOpt.removeAttribute( 'data-label' ); } - } else { - if ( firstOpt.textContent ) { - firstOpt.setAttribute( 'data-label', firstOpt.textContent ); - firstOpt.textContent = ''; - } + } else if ( firstOpt.textContent ) { + firstOpt.setAttribute( 'data-label', firstOpt.textContent ); + firstOpt.textContent = ''; } } /** - * @returns {void} + * @return {void} */ function initPosClass() { const positionSetting = document.getElementById( 'frm_position' ); @@ -1386,7 +1381,7 @@ /** * Update label container classes when the label "Position" setting is changed. * - * @returns {void} + * @return {void} */ function setPosClass() { /*jshint validthis:true */ @@ -1398,9 +1393,9 @@ } document.getElementById( 'frm_style_preview' ).querySelectorAll( '.frm_form_field.frm-default-label-position, #frm_sample_form .frm_form_field' ).forEach( container => { - const input = container.querySelector( ':scope > input, :scope > select, :scope > textarea' ); // Fields that support floating label should have a directly child input/textarea/select. + const input = container.querySelector( ':scope > input, :scope > select, :scope > textarea' ); // Fields that support floating label should have a directly child input/textarea/select. const shouldForceTopStyling = 'inside' === value && ( ! input || 'hidden' === input.type ); // We do not want file upload to use floating labels, or inline datepickers, which both use hidden inputs. - const currentValue = shouldForceTopStyling ? 'top' : value; + const currentValue = shouldForceTopStyling ? 'top' : value; container.classList.remove( 'frm_top_container', 'frm_left_container', 'frm_right_container', 'frm_none_container', 'frm_inside_container' ); container.classList.add( 'frm_' + currentValue + '_container' ); @@ -1408,11 +1403,11 @@ if ( 'inside' === currentValue ) { checkFloatingLabelsForStyles( input, container ); } - }); + } ); } /** - * @returns {void} + * @return {void} */ function initFloatingLabels() { [ 'focus', 'blur', 'change' ].forEach( @@ -1430,7 +1425,7 @@ * Without this, drawing in a signature field triggers a "Uncaught ReferenceError: frmFrontForm is not defined" error. * We don't want the validation to actually triggr, so just fill in an empty function. * - * @returns {void} + * @return {void} */ function fillMissingSignatureValidationFunction() { if ( 'undefined' === typeof window.__FRMSIG || 'undefined' !== typeof window.frmFrontForm ) { @@ -1443,7 +1438,7 @@ /** * Enable the datepicker in the sample form preview. * - * @returns {void} + * @return {void} */ function initDatepickerSample() { // If flatpickr is defined, then is a recent version of Pro which handles the datepicker preview as it's a PRO feature. @@ -1453,7 +1448,7 @@ const $sample = jQuery( '#datepicker_sample' ); if ( $sample.length && 'function' === typeof $sample.datepicker ) { - $sample.datepicker({ changeMonth: true, changeYear: true }); + $sample.datepicker( { changeMonth: true, changeYear: true } ); } } @@ -1473,8 +1468,8 @@ } // Function to change the color of a select element - const changeSelectColor = ( select ) => { - if ( select.options[select.selectedIndex] && select.options[select.selectedIndex].classList.contains( 'frm-select-placeholder' ) ) { + const changeSelectColor = select => { + if ( select.options[ select.selectedIndex ] && select.options[ select.selectedIndex ].classList.contains( 'frm-select-placeholder' ) ) { select.style.setProperty( 'color', textColorDisabled, 'important' ); } else { select.style.color = ''; @@ -1482,13 +1477,13 @@ }; // Use a loop to iterate through each select element - selects.forEach( ( select ) => { + selects.forEach( select => { // Apply the color change to each select element changeSelectColor( select ); // Add an event listener for future changes select.addEventListener( 'change', () => changeSelectColor( select ) ); - }); + } ); } // Hook into the styleInit function in formidable_admin.js diff --git a/js/admin/usage-tracking.js b/js/admin/usage-tracking.js index 52f80fe690..cf1286fee7 100644 --- a/js/admin/usage-tracking.js +++ b/js/admin/usage-tracking.js @@ -4,12 +4,12 @@ // Track edit form clicked link. frmDom.util.documentOn( 'click', '.toplevel_page_formidable #the-list .column-primary .row-actions a', function( event ) { sendData( 'edit_form_clicked_link', event.target.parentNode.className ); - }); + } ); // Track form templates. frmDom.util.documentOn( 'click', '.frm-form-templates-use-template-button', function( event ) { sendData( 'form_templates', event.target.closest( 'li' ).dataset.slug ); - }); + } ); const sendData = ( key, value ) => { const formData = new FormData(); diff --git a/js/form-templates.js b/js/form-templates.js index 1e30cde456..47b8dfed15 100644 --- a/js/form-templates.js +++ b/js/form-templates.js @@ -1,2 +1,2 @@ /*! For license information please see form-templates.js.LICENSE.txt */ -!function(){var t={616:function(t){t.exports=function(t,e){var r,n,o=0;function a(){var a,i,c=r,l=arguments.length;t:for(;c;){if(c.args.length===arguments.length){for(i=0;i=0),c.type){case"b":r=parseInt(r,10).toString(2);break;case"c":r=String.fromCharCode(parseInt(r,10));break;case"d":case"i":r=parseInt(r,10);break;case"j":r=JSON.stringify(r,null,c.width?parseInt(c.width):0);break;case"e":r=c.precision?parseFloat(r).toExponential(c.precision):parseFloat(r).toExponential();break;case"f":r=c.precision?parseFloat(r).toFixed(c.precision):parseFloat(r);break;case"g":r=c.precision?String(Number(r.toPrecision(c.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=c.precision?r.substring(0,c.precision):r;break;case"t":r=String(!!r),r=c.precision?r.substring(0,c.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=c.precision?r.substring(0,c.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=c.precision?r.substring(0,c.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}o.json.test(c.type)?h+=r:(!o.number.test(c.type)||f&&!c.sign?p="":(p=f?"+":"-",r=r.toString().replace(o.sign,"")),u=c.pad_char?"0"===c.pad_char?"0":c.pad_char.charAt(1):" ",s=c.width-(p+r).length,l=c.width&&s>0?u.repeat(s):"",h+=c.align?p+r+l:"0"===u?p+l+r:l+p+r)}return h}(function(t){if(c[t])return c[t];for(var e,r=t,n=[],a=0;r;){if(null!==(e=o.text.exec(r)))n.push(e[0]);else if(null!==(e=o.modulo.exec(r)))n.push("%");else{if(null===(e=o.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(e[2]){a|=1;var i=[],l=e[2],u=[];if(null===(u=o.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(i.push(u[1]);""!==(l=l.substring(u[0].length));)if(null!==(u=o.key_access.exec(l)))i.push(u[1]);else{if(null===(u=o.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");i.push(u[1])}e[2]=i}else a|=2;if(3===a)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");n.push({placeholder:e[0],param_no:e[1],keys:e[2],sign:e[3],pad_char:e[4],align:e[5],width:e[6],precision:e[7],type:e[8]})}r=r.substring(e[0].length)}return c[t]=n}(t),arguments)}function i(t,e){return a.apply(null,[t].concat(e||[]))}var c=Object.create(null);e.sprintf=a,e.vsprintf=i,"undefined"!=typeof window&&(window.sprintf=a,window.vsprintf=i,void 0===(n=function(){return{sprintf:a,vsprintf:i}}.call(e,r,e,t))||(t.exports=n))}()}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,r),a.exports}r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,{a:e}),e},r.d=function(t,e){for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){"use strict";var t=window.frmGlobal,e=t.canAccessApplicationDashboard,n=t.applicationsUrl,o=window.frmFormTemplatesVars,a=o.FEATURED_TEMPLATES_KEYS,i=o.upgradeLink,c="frm-form-templates",l="available-templates",u="favorites",s="custom",f="search",p="440px",m="550px",d="frm-page-skeleton",h="all-items";function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function v(t){for(var e=1;e":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},x=["(","?"],S={")":["("],":":["?","?:"]},T=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var C={"!":function(t){return!t},"*":function(t,e){return t*e},"/":function(t,e){return t/e},"%":function(t,e){return t%e},"+":function(t,e){return t+e},"-":function(t,e){return t-e},"<":function(t,e){return t":function(t,e){return t>e},">=":function(t,e){return t>=e},"==":function(t,e){return t===e},"!=":function(t,e){return t!==e},"&&":function(t,e){return t&&e},"||":function(t,e){return t||e},"?:":function(t,e,r){if(t)throw e;return r}};var A={contextDelimiter:"",onMissingKey:null};function P(t,e){var r;for(r in this.data=t,this.pluralForms={},this.options={},A)this.options[r]=void 0!==e&&r in e?e[r]:A[r]}function F(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function B(t){for(var e=1;e=0||w[o]3&&void 0!==arguments[3]?arguments[3]:10,i=t[e];if(M(r)&&q(n))if("function"==typeof o)if("number"==typeof a){var c={callback:o,priority:a,namespace:n};if(i[r]){var l,u=i[r].handlers;for(l=u.length;l>0&&!(a>=u[l-1].priority);l--);l===u.length?u[l]=c:u.splice(l,0,c),i.__current.forEach((function(t){t.name===r&&t.currentIndex>=l&&t.currentIndex++}))}else i[r]={handlers:[c],runs:0};"hookAdded"!==r&&t.doAction("hookAdded",r,n,o,a)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},R=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n,o){var a=t[e];if(M(n)&&(r||q(o))){if(!a[n])return 0;var i=0;if(r)i=a[n].handlers.length,a[n]={runs:a[n].runs,handlers:[]};else for(var c=a[n].handlers,l=function(t){c[t].namespace===o&&(c.splice(t,1),i++,a.__current.forEach((function(e){e.name===n&&e.currentIndex>=t&&e.currentIndex--})))},u=c.length-1;u>=0;u--)l(u);return"hookRemoved"!==n&&t.doAction("hookRemoved",n,o),i}}},z=function(t,e){return function(r,n){var o=t[e];return void 0!==n?r in o&&o[r].handlers.some((function(t){return t.namespace===n})):r in o}},Y=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var o=t[e];o[n]||(o[n]={handlers:[],runs:0}),o[n].runs++;for(var a=o[n].handlers,i=arguments.length,c=new Array(i>1?i-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";n.data[e]=B(B(B({},D),n.data[e]),t),n.data[e][""]=B(B({},D[""]),n.data[e][""])},c=function(t,e){i(t,e),a()},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0;return n.data[t]||i(void 0,t),n.dcnpgettext(t,e,r,o,a)},u=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},s=function(t,e,n){var o=l(n,e,t);return r?(o=r.applyFilters("i18n.gettext_with_context",o,t,e,n),r.applyFilters("i18n.gettext_with_context_"+u(n),o,t,e,n)):o};if(r){var f=function(t){N.test(t)&&a()};r.addAction("hookAdded","core/i18n",f),r.addAction("hookRemoved","core/i18n",f)}return{getLocaleData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[t]},setLocaleData:c,resetLocaleData:function(t,e){n.data={},n.pluralForms={},c(t,e)},subscribe:function(t){return o.add(t),function(){return o.delete(t)}},__:function(t,e){var n=l(e,void 0,t);return r?(n=r.applyFilters("i18n.gettext",n,t,e),r.applyFilters("i18n.gettext_"+u(e),n,t,e)):n},_x:s,_n:function(t,e,n,o){var a=l(o,void 0,t,e,n);return r?(a=r.applyFilters("i18n.ngettext",a,t,e,n,o),r.applyFilters("i18n.ngettext_"+u(o),a,t,e,n,o)):a},_nx:function(t,e,n,o,a){var i=l(a,o,t,e,n);return r?(i=r.applyFilters("i18n.ngettext_with_context",i,t,e,n,o,a),r.applyFilters("i18n.ngettext_with_context_"+u(a),i,t,e,n,o,a)):i},isRTL:function(){return"rtl"===s("ltr","text direction")},hasTranslation:function(t,e,o){var a,i,c=e?e+""+t:t,l=!(null===(a=n.data)||void 0===a||null===(i=a[null!=o?o:"default"])||void 0===i||!i[c]);return r&&(l=r.applyFilters("i18n.has_translation",l,t,e,o),l=r.applyFilters("i18n.has_translation_"+u(o),l,t,e,o)),l}}}(0,0,V)),J=(Z.getLocaleData.bind(Z),Z.setLocaleData.bind(Z),Z.resetLocaleData.bind(Z),Z.subscribe.bind(Z),Z.__.bind(Z)),X=(Z._x.bind(Z),Z._n.bind(Z),Z._nx.bind(Z),Z.isRTL.bind(Z),Z.hasTranslation.bind(Z),window.frmGlobal),W=X.url,Q=(X.nonce,"frm_hidden"),tt="frm-hide-js",et="frm-current",rt=window.frmDom,nt=rt.tag,ot=rt.div,at=rt.a,it=rt.img;function ct(t){return ct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ct(t)}function lt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function ut(t,e,r){return(e=function(t){var e=function(t){if("object"!=ct(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=ct(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ct(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var st,ft=document.getElementById("post-body-content"),pt=document.getElementById("".concat(d,"-sidebar")),mt=((st=at({className:"button button-primary frm-button-primary"})).setAttribute("role","button"),ot({id:"".concat(d,"-empty-state"),className:"frm-flex-col frm-flex-center frm-gap-md ".concat(Q),children:[it({src:"".concat(W,"/images/page-skeleton/empty-state.svg"),alt:J("Empty State","formidable")}),ot({className:"frmcenter",children:[nt("h2",{className:"".concat(d,"-title frm-mb-0")}),nt("p",{className:"".concat(d,"-text frm-mb-0")})]}),st]}));null==ft||ft.appendChild(mt);var dt=function(){var t=document.querySelector("#".concat(d,"-empty-state"));return{emptyState:t,emptyStateTitle:null==t?void 0:t.querySelector(".".concat(d,"-title")),emptyStateText:null==t?void 0:t.querySelector(".".concat(d,"-text")),emptyStateButton:null==t?void 0:t.querySelector(".button")}}(),ht=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==b(t)||null===t)throw new Error("createPageElements: initialElements must be a non-null object");var e=t;return{getElements:function(){return e},addElements:function(t){if("object"!==b(t)||null===t)throw new Error("addElements: newElements must be a non-null object");e=v(v({},e),t)}}}(function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==xt(t)||null===t)throw new Error("createPageState: initialState must be a non-null object");var e=t;return{getState:function(){return e},getSingleState:function(t){var r=Reflect.get(e,t);return void 0===r?null:r},setState:function(t){if("object"!==xt(t)||null===t)throw new Error("setState: newState must be a non-null object");e=bt(bt({},e),t)},setSingleState:function(t,r){Reflect.has(e,t)&&Reflect.set(e,t,r)}}}({notEmptySearchText:!1,selectedCategory:h,selectedCategoryEl:St}),Et=Tt.getState,_t=Tt.getSingleState,Ot=Tt.setState,Lt=Tt.setSingleState;function jt(t){return jt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},jt(t)}function kt(t,e){for(var r=0;r1&&void 0!==arguments[1]?arguments[1]:"default";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.elements=e,this.type=r,this.prepareElements()},e=[{key:"fadeIn",value:function(){var t=this;this.applyStyleToElements((function(e){e.classList.add("frm-fadein-up"),e.addEventListener("animationend",(function(){t.resetOpacity(),e.classList.remove("frm-fadein-up")}),{once:!0})}))}},{key:"cascadeFadeIn",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.03;setTimeout((function(){t.applyStyleToElements((function(t,r){t.classList.remove("frm-animate"),t.style.transitionDelay=(r+1)*e+"s"}))}),200)}},{key:"prepareElements",value:function(){var t=this;this.applyStyleToElements((function(e){"default"===t.type&&(e.style.opacity="0.0"),"cascade"===t.type&&e.classList.add("frm-init-cascade-animation"),"cascade-3d"===t.type&&e.classList.add("frm-init-fadein-3d"),e.classList.add("frm-animate")}))}},{key:"resetOpacity",value:function(){this.applyStyleToElements((function(t){return t.style.opacity="1.0"}))}},{key:"applyStyleToElements",value:function(t){this.elements instanceof Element?t(this.elements,0):0=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(l&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:C(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function se(t,e,r,n,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void r(t)}c.done?e(l):Promise.resolve(l).then(n,o)}var fe=null;function pe(){var t;return t=ue().mark((function t(){var e,r,n;return ue().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e=window.frmAdminBuild,r=e.initModal,n=e.offsetModalY,(fe=r("#frm-form-templates-modal",p))&&n(fe,"103px"),wp.hooks.addAction("frmAdmin.beforeOpenConfirmModal","frmFormTemplates",(function(t){var e=t.$info;e.dialog("option","width",m),n(e,"103px")}));case 4:case"end":return t.stop()}}),t)})),pe=function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function i(t){se(a,n,o,i,c,"next",t)}function c(t){se(a,n,o,i,c,"throw",t)}i(void 0)}))},pe.apply(this,arguments)}function me(){return fe}function de(t){var e=yt().pageTitleText,r=t||_t("selectedCategoryEl").querySelector(".".concat(d,"-cat-text")).textContent;e.textContent=r}var he=function(t){return!!Dt(t)&&t.classList.contains("".concat(c,"-favorite-item"))},ye=function(t){return!!Dt(t)&&t.classList.contains("".concat(c,"-custom-item"))},ve={},ge=function(){var t=yt(),e=t.createFormButton,r=t.newTemplateForm,n=t.newTemplateNameInput,o=t.newTemplateActionInput,a=window.frmAdminBuild.installNewForm;n.value="",o.value="frm_install_form",a(r,"frm_install_form",e)},be=".".concat(c,"-item-favorite-button"),we="".concat(be," use"),xe="#frm_heart_solid_icon",Se="#frm_heart_icon",Te=function(t){var e,r=t.currentTarget,n=yt(),o=n.templatesList,i=n.featuredTemplatesList,l=n.favoritesCategoryCountEl,s=n.customTemplatesTitle,f=r.closest(".frm-card-item"),p=f.dataset.id,m=he(f),d=ye(f),h=function(t){return!!Dt(t)&&a.includes(Number(t.dataset.id))}(f),y=null;if(f.classList.toggle("".concat(c,"-favorite-item"),!m),h){var v=f.closest("#".concat(c,"-list"))?i:o;v&&(y=v.querySelector('.frm-card-item[data-id="'.concat(p,'"]'))).classList.toggle("".concat(c,"-favorite-item"),!m)}var g,b=Et(),w=b.selectedCategory,x=b.favoritesCount,S=m?"remove":"add",T=f.querySelector(we),E=null===(e=y)||void 0===e?void 0:e.querySelector(we);"add"===S?(++x.total,d?++x.custom:++x.default,T.setAttribute("xlink:href",xe),null==E||E.setAttribute("xlink:href",xe)):(--x.total,d?--x.custom:--x.default,T.setAttribute("xlink:href",Se),null==E||E.setAttribute("xlink:href",Se)),l.textContent=x.total,Lt("favoritesCount",x),u===w&&(0===x.total&&Ne(),Gt(f),0===x.default&&Gt(o),0!==x.custom&&0!==x.default||Gt(s)),g=function(){return t=p,e=S,r=d,n=new FormData,o=frmDom.ajax.doJsonPost,n.append("template_id",t),n.append("operation",e),n.append("is_custom_template",r),o("add_or_remove_favorite_template",n);var t,e,r,n,o},Pt=Pt.then(g).catch(g)},Ee=function(t){var e=t.currentTarget,r=e.closest(".frm-card-item"),n=function(t){return!!Dt(t)&&t.classList.contains("".concat(c,"-locked-item"))}(r),o=ye(r);if(n||!o)if(t.preventDefault(),Lt("selectedTemplate",r),n)!function(t){var e=t.dataset.requiredPlan;switch(e){case"basic":case"plus":case"business":case"elite":Ue(e,t);break;case"renew":He()}}(r);else{var a=yt(),i=a.newTemplateForm,l=a.newTemplateNameInput,u=a.newTemplateDescriptionInput,s=a.newTemplateLinkInput,f=a.newTemplateActionInput,p=window.frmAdminBuild.installNewForm,m=r.querySelector(".frm-form-template-name").textContent.trim(),d=r.querySelector(".frm-form-templates-item-description").textContent.trim(),h="frm_install_template";l.value=m,u.value=d,f.value=h,s.value=e.href,p(i,h,e)}},_e=window.frmDom.search.init;function Oe(t,e){var r=t.foundSomething,n=t.notEmptySearchText;if(!e||"search"!==e.type||""!==e.target.value){var o=Et(),a=yt().allItemsCategory;Lt("notEmptySearchText",n),o.notEmptySearchText||o.selectedCategory?(o.selectedCategory&&(function(t){var e=yt(),r=e.bodyContent,n=e.bodyContentChildren,o=e.pageTitle,a=e.templatesList,i=e.applicationTemplates,c=new At(r);t&&_t("selectedCategoryEl").classList.remove(et),qt(n),de(J("Search Result","formidable")),Nt([o,a,i]),c.fadeIn()}(n),n&&Lt("selectedCategory","")),function(t){if(t){var e,r=yt().emptyState;if(e=r,"none"!==window.getComputedStyle(e).getPropertyValue("display")){var n=yt().pageTitle;Gt(r),Mt(n)}var o=yt(),a=o.templatesList,i=o.applicationTemplates,c=o.applicationTemplatesTitle,l=o.applicationTemplatesList;Nt([a,i,c]),0===a.offsetHeight&&qt([a,c]),0===(null==l?void 0:l.offsetHeight)&&Gt(i)}else!function(){var t,e=Et().notEmptySearchText,r=yt(),n=r.pageTitle,o=r.emptyState,a=r.emptyStateButton,i=r.applicationTemplates;if(f!==(null===(t=o.dataset)||void 0===t?void 0:t.view)){o.setAttribute("data-view",f);var c=yt(),l=c.emptyStateTitle,u=c.emptyStateText;l.textContent=J("No templates found","formidable"),u.textContent=J("Sorry, we didn't find any templates that match your criteria.","formidable"),a.textContent=J("Start from Scratch","formidable"),qt([n,i]),Nt([o,a])}else e?(Mt(o),qt([n,i])):(Gt(o),o.removeAttribute("data-view"))}()}(r)):a.dispatchEvent(new Event("click",{bubbles:!0}))}}var Le=function(){var t,e=yt().emptyState;f===(null===(t=e.dataset)||void 0===t?void 0:t.view)&&(Lt("selectedCategory",""),Yt(),yt().searchInput.focus())},je=function(){var t=Et().selectedCategory;s===t&&Ke()},ke=function(){var t=yt().createTemplateFormsDropdown,e=t.value;if(e&&"no-forms"!==e){Ie(!1);var r=t.options[t.selectedIndex],n=r.dataset.description.trim(),o=r.dataset.name.trim(),a=" ".concat(J("Template","formidable"));o.endsWith(a)||(o+=a);var i=yt(),c=i.createTemplateName,l=i.createTemplateDescription;c.value=o,l.value=n}else Ie(!0)},Ie=function(t){var e=yt(),r=e.createTemplateName,n=e.createTemplateDescription,o=e.createTemplateButton;[r,n].forEach((function(e){e.disabled=t,t&&(e.value="")})),o.classList.toggle("disabled",t)},Ce=function(){var t=window.frmAdminBuild.installNewForm,e="frm_create_template",r=yt(),n=r.newTemplateForm,o=r.newTemplateActionInput,a=r.newTemplateNameInput,i=r.newTemplateDescriptionInput,c=r.newTemplateLinkInput,l=r.createTemplateName,u=r.createTemplateDescription,s=r.createTemplateFormsDropdown,f=r.createTemplateButton;o.value=e,a.value=l.value.trim(),i.value=u.value.trim(),c.value=s.value,t(n,e,f)},Ae=function(t){if(!t.target.closest("a")){var e=t.currentTarget;window.location.href=e.dataset.href}};function Pe(){var t,e,r,n;yt().categoryItems.forEach((function(t){Ft(t,Rt),t.addEventListener("keydown",zt)})),wp.hooks.addAction("frmPage.onCategoryClick","frmFormTemplates",(function(t){!function(t){var e=yt(),r=e.bodyContentChildren,n=e.pageTitle,o=e.showCreateTemplateModalButton,a=e.templatesList,i=e.templateItems;switch(h!==t&&qt(r),de(),Gt(o),Mt(n),t){case h:!function(){var t=yt(),e=t.bodyContentChildren,r=t.pageTitleDivider,n=t.templateItems,o=t.twinFeaturedTemplateItems,a=t.customTemplatesSection,i=t.emptyState,c=t.applicationTemplates;Nt([].concat(Be(e),Be(n))),qt([r].concat(Be(o),[a,i,c]))}();break;case l:!function(){if(0!==Et().availableTemplatesCount){var t=yt(),e=t.templatesList,r=t.templateItems,n=t.availableTemplateItems;qt(r),Nt([e].concat(Be(n)))}else!function(){var t=yt(),e=t.pageTitle,r=t.emptyState,n=t.emptyStateButton;r.setAttribute("data-view",l);var o=yt(),a=o.emptyStateTitle,i=o.emptyStateText,c=Et().extraTemplatesCount;a.textContent=J("No Templates Available","formidable"),i.textContent=function(t){try{for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n0&&s.push(n),t.custom>0){var p=Array.from(u).filter((function(t){return!he(t)}));qt(p),s.push(a),s.push(l),0===t.default?Gt(i):s.push(i)}Nt(s)}else Ne()}();break;case s:!function(){if(0!==Et().customCount){var t=yt(),e=t.showCreateTemplateModalButton,r=t.pageTitleDivider,n=t.customTemplatesSection,o=t.customTemplatesList,a=t.customTemplatesTitle,i=t.customTemplateItems;Gt(a),Nt([e,r,n,o].concat(Be(i)))}else!function(){var t=yt(),e=t.pageTitle,r=t.emptyState,n=t.emptyStateButton;r.setAttribute("data-view",s);var o=yt(),a=o.emptyStateTitle,i=o.emptyStateText;a.textContent=J("You currently have no templates.","formidable"),i.textContent=J("You haven't created any form templates. Begin now to simplify your workflow and save time.","formidable"),n.textContent=J("Create Template","formidable"),Gt(e),Nt([r,n])}()}();break;default:qt(i),Nt([a].concat(Be(ve[t])))}}(t)})),n=yt().createFormButton,Ft(n,ge),document.querySelectorAll(be).forEach((function(t){return Ft(t,Te)})),document.querySelectorAll(".".concat(c,"-use-template-button")).forEach((function(t){return t.addEventListener("click",Ee)})),t=yt(),e=t.searchInput,r=t.emptyStateButton,_e(e,"frm-card-item",{handleSearchResult:Oe}),Ft(r,Le),function(){var t=yt(),e=t.createTemplateFormsDropdown,r=t.createTemplateButton,n=t.showCreateTemplateModalButton,o=t.emptyStateButton;Ft(n,je),Ft(o,je),e.addEventListener("change",ke),Ft(r,Ce)}()}function Fe(t){var e,r;(function(t){if(t&&t.length){var e=t.map((function(t){return function(t){var e=t.name,r=t.key,o=t.hasLiteThumbnail,a=t.isWebp,i=o?a?"".concat(re,"/").concat(r,".webp"):"".concat(re,"/").concat(r,".png"):"".concat(re,"/placeholder.svg");return Xt("li",{className:"frm-card-item",data:{href:"".concat(n,"&triggerViewApplicationModal=1&template=").concat(r),"frm-search-text":e.toLowerCase()},children:[Wt({className:"".concat(c,"-item-icon"),child:ee({src:i})}),Wt({className:"".concat(c,"-item-body"),children:[Qt({text:J("Ready Made Solution","formidable"),className:"frm-meta-tag frm-orange-tag frm-text-xs"}),Xt("h3",{text:e,className:"frm-text-sm frm-font-medium frm-m-0"}),te({text:J("See all applications","formidable"),className:"frm-text-xs frm-font-semibold",href:n})]})]})}(t)}));Zt=Wt({id:"".concat(c,"-applications"),className:Q,children:[Xt("h2",{text:J("Application Templates"),className:"frm-text-sm frm-mb-sm"}),Xt("ul",{className:"".concat(c,"-list frm-list-grid-layout"),children:e})]})}})(t.templates),(e=yt()).applicationTemplates||void 0===Zt||(e.bodyContent.appendChild(Zt),vt({applicationTemplates:Zt,applicationTemplatesTitle:Zt.querySelector("h2"),applicationTemplatesList:Zt.querySelector(".".concat(c,"-list")),applicationTemplateItems:Zt.querySelectorAll(".frm-card-item")})),void 0!==(r=yt().applicationTemplateItems)&&r.forEach((function(t){t.addEventListener("click",Ae)}))}function Be(t){return function(t){if(Array.isArray(t))return De(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return De(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?De(t,e):void 0}}(t)||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 De(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(l&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:C(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function Ge(t,e,r,n,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void r(t)}c.done?e(l):Promise.resolve(l).then(n,o)}function Re(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function i(t){Ge(a,n,o,i,c,"next",t)}function c(t){Ge(a,n,o,i,c,"throw",t)}i(void 0)}))}}var ze,Ye=function(t){return Re(Me().mark((function e(){var r,n,o,a,i,c,l=arguments;return Me().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=me()){e.next=3;break}return e.abrupt("return");case 3:for(n=yt(),o=n.modalItems,qt(o),r.dialog("option","width",p),a=l.length,i=new Array(a),c=0;c use").setAttribute("xlink:href",n?"#frm_checkmark_icon":"#frm_close_icon")}));var u=e.dataset.slug?"-".concat(e.dataset.slug):"";l.href=i+u,Mt(o)})),He=Ye((function(){var t=yt().renewAccountModal;Mt(t)})),Ke=Ye((function(){me().dialog("option","width",m);var t=yt().createTemplateModal;Mt(t)})),Ve=function(){e&&(0,frmDom.ajax.doJsonFetch)("get_applications_data&view=templates").then(Fe),function(){pe.apply(this,arguments)}(),yt().templateItems.forEach((function(t){t.getAttribute("data-categories").split(",").forEach((function(e){ve[e]||(ve[e]=[]),ve[e].push(t)}))})),function(){var t=yt(),e=t.sidebar,r=t.searchInput,n=t.bodyContent,o=t.twinFeaturedTemplateItems,a=t.availableTemplatesCategory,i=new At(n);if(r.value="",qt(o),a){var c=Et().availableTemplatesCount;a.querySelector(".".concat(d,"-cat-count")).textContent=c}var l,u=yt().extraTemplateCountElements,s=Et().extraTemplatesCount;u.forEach((function(t){return t.textContent=s})),n.classList.remove(tt),e.classList.remove(tt),i.fadeIn(),Mt(e),Bt.has("return_page")&&(l=yt().headerCancelButton,new At(l).fadeIn())}(),Pe()};ze=function(){wp.hooks.doAction("frmFormTemplates.beforeInitialize",{getState:Et,setState:Ot}),Ve(),wp.hooks.doAction("frmFormTemplates.afterInitialize",{getState:Et,setState:Ot}),wp.hooks.doAction("frm_new_form_modal_form",jQuery("#frm-new-template"))},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",ze):ze())}()}(); \ No newline at end of file +(()=>{var t={616:t=>{t.exports=function(t,e){var r,n,o=0;function a(){var a,i,c=r,l=arguments.length;t:for(;c;){if(c.args.length===arguments.length){for(i=0;i{var n;!function(){"use strict";var o={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function a(t){return function(t,e){var r,n,i,c,l,u,s,f,p,m=1,d=t.length,h="";for(n=0;n=0),c.type){case"b":r=parseInt(r,10).toString(2);break;case"c":r=String.fromCharCode(parseInt(r,10));break;case"d":case"i":r=parseInt(r,10);break;case"j":r=JSON.stringify(r,null,c.width?parseInt(c.width):0);break;case"e":r=c.precision?parseFloat(r).toExponential(c.precision):parseFloat(r).toExponential();break;case"f":r=c.precision?parseFloat(r).toFixed(c.precision):parseFloat(r);break;case"g":r=c.precision?String(Number(r.toPrecision(c.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=c.precision?r.substring(0,c.precision):r;break;case"t":r=String(!!r),r=c.precision?r.substring(0,c.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=c.precision?r.substring(0,c.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=c.precision?r.substring(0,c.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}o.json.test(c.type)?h+=r:(!o.number.test(c.type)||f&&!c.sign?p="":(p=f?"+":"-",r=r.toString().replace(o.sign,"")),u=c.pad_char?"0"===c.pad_char?"0":c.pad_char.charAt(1):" ",s=c.width-(p+r).length,l=c.width&&s>0?u.repeat(s):"",h+=c.align?p+r+l:"0"===u?p+l+r:l+p+r)}return h}(function(t){if(c[t])return c[t];for(var e,r=t,n=[],a=0;r;){if(null!==(e=o.text.exec(r)))n.push(e[0]);else if(null!==(e=o.modulo.exec(r)))n.push("%");else{if(null===(e=o.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(e[2]){a|=1;var i=[],l=e[2],u=[];if(null===(u=o.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(i.push(u[1]);""!==(l=l.substring(u[0].length));)if(null!==(u=o.key_access.exec(l)))i.push(u[1]);else{if(null===(u=o.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");i.push(u[1])}e[2]=i}else a|=2;if(3===a)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");n.push({placeholder:e[0],param_no:e[1],keys:e[2],sign:e[3],pad_char:e[4],align:e[5],width:e[6],precision:e[7],type:e[8]})}r=r.substring(e[0].length)}return c[t]=n}(t),arguments)}function i(t,e){return a.apply(null,[t].concat(e||[]))}var c=Object.create(null);e.sprintf=a,e.vsprintf=i,"undefined"!=typeof window&&(window.sprintf=a,window.vsprintf=i,void 0===(n=function(){return{sprintf:a,vsprintf:i}}.call(e,r,e,t))||(t.exports=n))}()}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,r),a.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";var t=window.frmGlobal,e=t.canAccessApplicationDashboard,n=t.applicationsUrl,o=window.frmFormTemplatesVars,a=o.FEATURED_TEMPLATES_KEYS,i=o.upgradeLink,c="frm-form-templates",l="available-templates",u="favorites",s="custom",f="search",p="440px",m="550px",d="frm-page-skeleton",h="all-items";function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function v(t){for(var e=1;e":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},x=["(","?"],S={")":["("],":":["?","?:"]},T=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var C={"!":function(t){return!t},"*":function(t,e){return t*e},"/":function(t,e){return t/e},"%":function(t,e){return t%e},"+":function(t,e){return t+e},"-":function(t,e){return t-e},"<":function(t,e){return t":function(t,e){return t>e},">=":function(t,e){return t>=e},"==":function(t,e){return t===e},"!=":function(t,e){return t!==e},"&&":function(t,e){return t&&e},"||":function(t,e){return t||e},"?:":function(t,e,r){if(t)throw e;return r}};var A={contextDelimiter:"",onMissingKey:null};function P(t,e){var r;for(r in this.data=t,this.pluralForms={},this.options={},A)this.options[r]=void 0!==e&&r in e?e[r]:A[r]}function F(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function B(t){for(var e=1;e=0||w[o]3&&void 0!==arguments[3]?arguments[3]:10,i=t[e];if(M(r)&&q(n))if("function"==typeof o)if("number"==typeof a){var c={callback:o,priority:a,namespace:n};if(i[r]){var l,u=i[r].handlers;for(l=u.length;l>0&&!(a>=u[l-1].priority);l--);l===u.length?u[l]=c:u.splice(l,0,c),i.__current.forEach((function(t){t.name===r&&t.currentIndex>=l&&t.currentIndex++}))}else i[r]={handlers:[c],runs:0};"hookAdded"!==r&&t.doAction("hookAdded",r,n,o,a)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},R=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n,o){var a=t[e];if(M(n)&&(r||q(o))){if(!a[n])return 0;var i=0;if(r)i=a[n].handlers.length,a[n]={runs:a[n].runs,handlers:[]};else for(var c=a[n].handlers,l=function(t){c[t].namespace===o&&(c.splice(t,1),i++,a.__current.forEach((function(e){e.name===n&&e.currentIndex>=t&&e.currentIndex--})))},u=c.length-1;u>=0;u--)l(u);return"hookRemoved"!==n&&t.doAction("hookRemoved",n,o),i}}},z=function(t,e){return function(r,n){var o=t[e];return void 0!==n?r in o&&o[r].handlers.some((function(t){return t.namespace===n})):r in o}},Y=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var o=t[e];o[n]||(o[n]={handlers:[],runs:0}),o[n].runs++;for(var a=o[n].handlers,i=arguments.length,c=new Array(i>1?i-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";n.data[e]=B(B(B({},D),n.data[e]),t),n.data[e][""]=B(B({},D[""]),n.data[e][""])},c=function(t,e){i(t,e),a()},l=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",e=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0;return n.data[t]||i(void 0,t),n.dcnpgettext(t,e,r,o,a)},u=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},s=function(t,e,n){var o=l(n,e,t);return r?(o=r.applyFilters("i18n.gettext_with_context",o,t,e,n),r.applyFilters("i18n.gettext_with_context_"+u(n),o,t,e,n)):o};if(r){var f=function(t){N.test(t)&&a()};r.addAction("hookAdded","core/i18n",f),r.addAction("hookRemoved","core/i18n",f)}return{getLocaleData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[t]},setLocaleData:c,resetLocaleData:function(t,e){n.data={},n.pluralForms={},c(t,e)},subscribe:function(t){return o.add(t),function(){return o.delete(t)}},__:function(t,e){var n=l(e,void 0,t);return r?(n=r.applyFilters("i18n.gettext",n,t,e),r.applyFilters("i18n.gettext_"+u(e),n,t,e)):n},_x:s,_n:function(t,e,n,o){var a=l(o,void 0,t,e,n);return r?(a=r.applyFilters("i18n.ngettext",a,t,e,n,o),r.applyFilters("i18n.ngettext_"+u(o),a,t,e,n,o)):a},_nx:function(t,e,n,o,a){var i=l(a,o,t,e,n);return r?(i=r.applyFilters("i18n.ngettext_with_context",i,t,e,n,o,a),r.applyFilters("i18n.ngettext_with_context_"+u(a),i,t,e,n,o,a)):i},isRTL:function(){return"rtl"===s("ltr","text direction")},hasTranslation:function(t,e,o){var a,i,c=e?e+""+t:t,l=!(null===(a=n.data)||void 0===a||null===(i=a[null!=o?o:"default"])||void 0===i||!i[c]);return r&&(l=r.applyFilters("i18n.has_translation",l,t,e,o),l=r.applyFilters("i18n.has_translation_"+u(o),l,t,e,o)),l}}}(0,0,V));Z.getLocaleData.bind(Z),Z.setLocaleData.bind(Z),Z.resetLocaleData.bind(Z),Z.subscribe.bind(Z);var J=Z.__.bind(Z),X=(Z._x.bind(Z),Z._n.bind(Z),Z._nx.bind(Z),Z.isRTL.bind(Z),Z.hasTranslation.bind(Z),window.frmGlobal),W=X.url,Q=(X.nonce,"frm_hidden"),tt="frm-hide-js",et="frm-current",rt=window.frmDom,nt=rt.tag,ot=rt.div,at=rt.a,it=rt.img;function ct(t){return ct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ct(t)}function lt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function ut(t,e,r){return(e=function(t){var e=function(t){if("object"!=ct(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=ct(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ct(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var st,ft=document.getElementById("post-body-content"),pt=document.getElementById("".concat(d,"-sidebar")),mt=((st=at({className:"button button-primary frm-button-primary"})).setAttribute("role","button"),ot({id:"".concat(d,"-empty-state"),className:"frm-flex-col frm-flex-center frm-gap-md ".concat(Q),children:[it({src:"".concat(W,"/images/page-skeleton/empty-state.svg"),alt:J("Empty State","formidable")}),ot({className:"frmcenter",children:[nt("h2",{className:"".concat(d,"-title frm-mb-0")}),nt("p",{className:"".concat(d,"-text frm-mb-0")})]}),st]}));null==ft||ft.appendChild(mt);var dt=function(){var t=document.querySelector("#".concat(d,"-empty-state"));return{emptyState:t,emptyStateTitle:null==t?void 0:t.querySelector(".".concat(d,"-title")),emptyStateText:null==t?void 0:t.querySelector(".".concat(d,"-text")),emptyStateButton:null==t?void 0:t.querySelector(".button")}}(),ht=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==b(t)||null===t)throw new Error("createPageElements: initialElements must be a non-null object");var e=t;return{getElements:function(){return e},addElements:function(t){if("object"!==b(t)||null===t)throw new Error("addElements: newElements must be a non-null object");e=v(v({},e),t)}}}(function(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};if("object"!==xt(t)||null===t)throw new Error("createPageState: initialState must be a non-null object");var e=t;return{getState:function(){return e},getSingleState:function(t){var r=Reflect.get(e,t);return void 0===r?null:r},setState:function(t){if("object"!==xt(t)||null===t)throw new Error("setState: newState must be a non-null object");e=bt(bt({},e),t)},setSingleState:function(t,r){Reflect.has(e,t)&&Reflect.set(e,t,r)}}}({notEmptySearchText:!1,selectedCategory:h,selectedCategoryEl:St}),Et=Tt.getState,_t=Tt.getSingleState,Ot=Tt.setState,Lt=Tt.setSingleState;function jt(t){return jt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},jt(t)}function kt(t,e){for(var r=0;r1&&void 0!==arguments[1]?arguments[1]:"default";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.elements=e,this.type=r,this.prepareElements()},e=[{key:"fadeIn",value:function(){var t=this;this.applyStyleToElements((function(e){e.classList.add("frm-fadein-up"),e.addEventListener("animationend",(function(){t.resetOpacity(),e.classList.remove("frm-fadein-up")}),{once:!0})}))}},{key:"cascadeFadeIn",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.03;setTimeout((function(){t.applyStyleToElements((function(t,r){t.classList.remove("frm-animate"),t.style.transitionDelay=(r+1)*e+"s"}))}),200)}},{key:"prepareElements",value:function(){var t=this;this.applyStyleToElements((function(e){"default"===t.type&&(e.style.opacity="0.0"),"cascade"===t.type&&e.classList.add("frm-init-cascade-animation"),"cascade-3d"===t.type&&e.classList.add("frm-init-fadein-3d"),e.classList.add("frm-animate")}))}},{key:"resetOpacity",value:function(){this.applyStyleToElements((function(t){return t.style.opacity="1.0"}))}},{key:"applyStyleToElements",value:function(t){this.elements instanceof Element?t(this.elements,0):0=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(l&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:C(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function se(t,e,r,n,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void r(t)}c.done?e(l):Promise.resolve(l).then(n,o)}var fe=null;function pe(){var t;return t=ue().mark((function t(){var e,r,n;return ue().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e=window.frmAdminBuild,r=e.initModal,n=e.offsetModalY,(fe=r("#frm-form-templates-modal",p))&&n(fe,"103px"),wp.hooks.addAction("frmAdmin.beforeOpenConfirmModal","frmFormTemplates",(function(t){var e=t.$info;e.dialog("option","width",m),n(e,"103px")}));case 4:case"end":return t.stop()}}),t)})),pe=function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function i(t){se(a,n,o,i,c,"next",t)}function c(t){se(a,n,o,i,c,"throw",t)}i(void 0)}))},pe.apply(this,arguments)}function me(){return fe}function de(t){var e=yt().pageTitleText,r=t||_t("selectedCategoryEl").querySelector(".".concat(d,"-cat-text")).textContent;e.textContent=r}var he=function(t){return!!Dt(t)&&t.classList.contains("".concat(c,"-favorite-item"))},ye=function(t){return!!Dt(t)&&t.classList.contains("".concat(c,"-custom-item"))},ve={},ge=function(){var t=yt(),e=t.createFormButton,r=t.newTemplateForm,n=t.newTemplateNameInput,o=t.newTemplateActionInput,a=window.frmAdminBuild.installNewForm;n.value="",o.value="frm_install_form",a(r,"frm_install_form",e)};var be=".".concat(c,"-item-favorite-button"),we="".concat(be," use"),xe="#frm_heart_solid_icon",Se="#frm_heart_icon",Te=function(t){var e,r=t.currentTarget,n=yt(),o=n.templatesList,i=n.featuredTemplatesList,l=n.favoritesCategoryCountEl,s=n.customTemplatesTitle,f=r.closest(".frm-card-item"),p=f.dataset.id,m=he(f),d=ye(f),h=function(t){return!!Dt(t)&&a.includes(Number(t.dataset.id))}(f),y=null;if(f.classList.toggle("".concat(c,"-favorite-item"),!m),h){var v=f.closest("#".concat(c,"-list"))?i:o;v&&(y=v.querySelector('.frm-card-item[data-id="'.concat(p,'"]'))).classList.toggle("".concat(c,"-favorite-item"),!m)}var g,b=Et(),w=b.selectedCategory,x=b.favoritesCount,S=m?"remove":"add",T=f.querySelector(we),E=null===(e=y)||void 0===e?void 0:e.querySelector(we);"add"===S?(++x.total,d?++x.custom:++x.default,T.setAttribute("xlink:href",xe),null==E||E.setAttribute("xlink:href",xe)):(--x.total,d?--x.custom:--x.default,T.setAttribute("xlink:href",Se),null==E||E.setAttribute("xlink:href",Se)),l.textContent=x.total,Lt("favoritesCount",x),u===w&&(0===x.total&&Ne(),Gt(f),0===x.default&&Gt(o),0!==x.custom&&0!==x.default||Gt(s)),g=function(){return t=p,e=S,r=d,n=new FormData,o=frmDom.ajax.doJsonPost,n.append("template_id",t),n.append("operation",e),n.append("is_custom_template",r),o("add_or_remove_favorite_template",n);var t,e,r,n,o},Pt=Pt.then(g).catch(g)};var Ee=function(t){var e=t.currentTarget,r=e.closest(".frm-card-item"),n=function(t){return!!Dt(t)&&t.classList.contains("".concat(c,"-locked-item"))}(r),o=ye(r);if(n||!o)if(t.preventDefault(),Lt("selectedTemplate",r),n)!function(t){var e=t.dataset.requiredPlan;switch(e){case"basic":case"plus":case"business":case"elite":$e(e,t);break;case"renew":Ue()}}(r);else{var a=yt(),i=a.newTemplateForm,l=a.newTemplateNameInput,u=a.newTemplateDescriptionInput,s=a.newTemplateLinkInput,f=a.newTemplateActionInput,p=window.frmAdminBuild.installNewForm,m=r.querySelector(".frm-form-template-name").textContent.trim(),d=r.querySelector(".frm-form-templates-item-description").textContent.trim(),h="frm_install_template";l.value=m,u.value=d,f.value=h,s.value=e.href,p(i,h,e)}};var _e=window.frmDom.search.init;function Oe(t,e){var r=t.foundSomething,n=t.notEmptySearchText;if(!e||"search"!==e.type||""!==e.target.value){var o=Et(),a=yt().allItemsCategory;Lt("notEmptySearchText",n),o.notEmptySearchText||o.selectedCategory?(o.selectedCategory&&(function(t){var e=yt(),r=e.bodyContent,n=e.bodyContentChildren,o=e.pageTitle,a=e.templatesList,i=e.applicationTemplates,c=new At(r);t&&_t("selectedCategoryEl").classList.remove(et),qt(n),de(J("Search Result","formidable")),Nt([o,a,i]),c.fadeIn()}(n),n&&Lt("selectedCategory","")),function(t){if(t){var e,r=yt().emptyState;if(e=r,"none"!==window.getComputedStyle(e).getPropertyValue("display")){var n=yt().pageTitle;Gt(r),Mt(n)}var o=yt(),a=o.templatesList,i=o.applicationTemplates,c=o.applicationTemplatesTitle,l=o.applicationTemplatesList;Nt([a,i,c]),0===a.offsetHeight&&qt([a,c]),0===(null==l?void 0:l.offsetHeight)&&Gt(i)}else!function(){var t,e=Et().notEmptySearchText,r=yt(),n=r.pageTitle,o=r.emptyState,a=r.emptyStateButton,i=r.applicationTemplates;if(f!==(null===(t=o.dataset)||void 0===t?void 0:t.view)){o.setAttribute("data-view",f);var c=yt(),l=c.emptyStateTitle,u=c.emptyStateText;l.textContent=J("No templates found","formidable"),u.textContent=J("Sorry, we didn't find any templates that match your criteria.","formidable"),a.textContent=J("Start from Scratch","formidable"),qt([n,i]),Nt([o,a])}else e?(Mt(o),qt([n,i])):(Gt(o),o.removeAttribute("data-view"))}()}(r)):a.dispatchEvent(new Event("click",{bubbles:!0}))}}var Le=function(){var t,e=yt().emptyState;f===(null===(t=e.dataset)||void 0===t?void 0:t.view)&&(Lt("selectedCategory",""),Yt(),yt().searchInput.focus())};var je=function(){var t=Et().selectedCategory;s===t&&He()},ke=function(){var t=yt().createTemplateFormsDropdown,e=t.value;if(e&&"no-forms"!==e){Ie(!1);var r=t.options[t.selectedIndex],n=r.dataset.description.trim(),o=r.dataset.name.trim(),a=" ".concat(J("Template","formidable"));o.endsWith(a)||(o+=a);var i=yt(),c=i.createTemplateName,l=i.createTemplateDescription;c.value=o,l.value=n}else Ie(!0)},Ie=function(t){var e=yt(),r=e.createTemplateName,n=e.createTemplateDescription,o=e.createTemplateButton;[r,n].forEach((function(e){e.disabled=t,t&&(e.value="")})),o.classList.toggle("disabled",t)},Ce=function(){var t=window.frmAdminBuild.installNewForm,e="frm_create_template",r=yt(),n=r.newTemplateForm,o=r.newTemplateActionInput,a=r.newTemplateNameInput,i=r.newTemplateDescriptionInput,c=r.newTemplateLinkInput,l=r.createTemplateName,u=r.createTemplateDescription,s=r.createTemplateFormsDropdown,f=r.createTemplateButton;o.value=e,a.value=l.value.trim(),i.value=u.value.trim(),c.value=s.value,t(n,e,f)};var Ae=function(t){if(!t.target.closest("a")){var e=t.currentTarget;window.location.href=e.dataset.href}};function Pe(){var t,e,r,n;yt().categoryItems.forEach((function(t){Ft(t,Rt),t.addEventListener("keydown",zt)})),wp.hooks.addAction("frmPage.onCategoryClick","frmFormTemplates",(function(t){!function(t){var e=yt(),r=e.bodyContentChildren,n=e.pageTitle,o=e.showCreateTemplateModalButton,a=e.templatesList,i=e.templateItems;switch(h!==t&&qt(r),de(),Gt(o),Mt(n),t){case h:!function(){var t=yt(),e=t.bodyContentChildren,r=t.pageTitleDivider,n=t.templateItems,o=t.twinFeaturedTemplateItems,a=t.customTemplatesSection,i=t.emptyState,c=t.applicationTemplates;Nt([].concat(Be(e),Be(n))),qt([r].concat(Be(o),[a,i,c]))}();break;case l:!function(){if(0!==Et().availableTemplatesCount){var t=yt(),e=t.templatesList,r=t.templateItems,n=t.availableTemplateItems;qt(r),Nt([e].concat(Be(n)))}else!function(){var t=yt(),e=t.pageTitle,r=t.emptyState,n=t.emptyStateButton;r.setAttribute("data-view",l);var o=yt(),a=o.emptyStateTitle,i=o.emptyStateText,c=Et().extraTemplatesCount;a.textContent=J("No Templates Available","formidable"),i.textContent=function(t){try{for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n0&&s.push(n),t.custom>0){var p=Array.from(u).filter((function(t){return!he(t)}));qt(p),s.push(a),s.push(l),0===t.default?Gt(i):s.push(i)}Nt(s)}else Ne()}();break;case s:!function(){if(0!==Et().customCount){var t=yt(),e=t.showCreateTemplateModalButton,r=t.pageTitleDivider,n=t.customTemplatesSection,o=t.customTemplatesList,a=t.customTemplatesTitle,i=t.customTemplateItems;Gt(a),Nt([e,r,n,o].concat(Be(i)))}else!function(){var t=yt(),e=t.pageTitle,r=t.emptyState,n=t.emptyStateButton;r.setAttribute("data-view",s);var o=yt(),a=o.emptyStateTitle,i=o.emptyStateText;a.textContent=J("You currently have no templates.","formidable"),i.textContent=J("You haven't created any form templates. Begin now to simplify your workflow and save time.","formidable"),n.textContent=J("Create Template","formidable"),Gt(e),Nt([r,n])}()}();break;default:qt(i),Nt([a].concat(Be(ve[t])))}}(t)})),n=yt().createFormButton,Ft(n,ge),document.querySelectorAll(be).forEach((function(t){return Ft(t,Te)})),document.querySelectorAll(".".concat(c,"-use-template-button")).forEach((function(t){return t.addEventListener("click",Ee)})),t=yt(),e=t.searchInput,r=t.emptyStateButton,_e(e,"frm-card-item",{handleSearchResult:Oe}),Ft(r,Le),function(){var t=yt(),e=t.createTemplateFormsDropdown,r=t.createTemplateButton,n=t.showCreateTemplateModalButton,o=t.emptyStateButton;Ft(n,je),Ft(o,je),e.addEventListener("change",ke),Ft(r,Ce)}()}function Fe(t){var e,r;(function(t){if(t&&t.length){var e=t.map((function(t){return function(t){var e=t.name,r=t.key,o=t.hasLiteThumbnail,a=t.isWebp,i=o?a?"".concat(re,"/").concat(r,".webp"):"".concat(re,"/").concat(r,".png"):"".concat(re,"/placeholder.svg");return Xt("li",{className:"frm-card-item",data:{href:"".concat(n,"&triggerViewApplicationModal=1&template=").concat(r),"frm-search-text":e.toLowerCase()},children:[Wt({className:"".concat(c,"-item-icon"),child:ee({src:i})}),Wt({className:"".concat(c,"-item-body"),children:[Qt({text:J("Ready Made Solution","formidable"),className:"frm-meta-tag frm-orange-tag frm-text-xs"}),Xt("h3",{text:e,className:"frm-text-sm frm-font-medium frm-m-0"}),te({text:J("See all applications","formidable"),className:"frm-text-xs frm-font-semibold",href:n})]})]})}(t)}));Zt=Wt({id:"".concat(c,"-applications"),className:Q,children:[Xt("h2",{text:J("Application Templates"),className:"frm-text-sm frm-mb-sm"}),Xt("ul",{className:"".concat(c,"-list frm-list-grid-layout"),children:e})]})}})(t.templates),(e=yt()).applicationTemplates||void 0===Zt||(e.bodyContent.appendChild(Zt),vt({applicationTemplates:Zt,applicationTemplatesTitle:Zt.querySelector("h2"),applicationTemplatesList:Zt.querySelector(".".concat(c,"-list")),applicationTemplateItems:Zt.querySelectorAll(".frm-card-item")})),void 0!==(r=yt().applicationTemplateItems)&&r.forEach((function(t){t.addEventListener("click",Ae)}))}function Be(t){return function(t){if(Array.isArray(t))return De(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return De(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?De(t,e):void 0}}(t)||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 De(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(l&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:C(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function Ge(t,e,r,n,o,a,i){try{var c=t[a](i),l=c.value}catch(t){return void r(t)}c.done?e(l):Promise.resolve(l).then(n,o)}function Re(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function i(t){Ge(a,n,o,i,c,"next",t)}function c(t){Ge(a,n,o,i,c,"throw",t)}i(void 0)}))}}var ze=function(t){return Re(Me().mark((function e(){var r,n,o,a,i,c,l=arguments;return Me().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=me()){e.next=3;break}return e.abrupt("return");case 3:for(n=yt(),o=n.modalItems,qt(o),r.dialog("option","width",p),a=l.length,i=new Array(a),c=0;c use").setAttribute("xlink:href",n?"#frm_checkmark_icon":"#frm_close_icon")}));var u=e.dataset.slug?"-".concat(e.dataset.slug):"";l.href=i+u,Mt(o)})),Ue=ze((function(){var t=yt().renewAccountModal;Mt(t)})),He=ze((function(){me().dialog("option","width",m);var t=yt().createTemplateModal;Mt(t)}));const Ke=function(){e&&(0,frmDom.ajax.doJsonFetch)("get_applications_data&view=templates").then(Fe),function(){pe.apply(this,arguments)}(),yt().templateItems.forEach((function(t){t.getAttribute("data-categories").split(",").forEach((function(e){ve[e]||(ve[e]=[]),ve[e].push(t)}))})),function(){var t=yt(),e=t.sidebar,r=t.searchInput,n=t.bodyContent,o=t.twinFeaturedTemplateItems,a=t.availableTemplatesCategory,i=new At(n);if(r.value="",qt(o),a){var c=Et().availableTemplatesCount;a.querySelector(".".concat(d,"-cat-count")).textContent=c}var l,u=yt().extraTemplateCountElements,s=Et().extraTemplatesCount;u.forEach((function(t){return t.textContent=s})),n.classList.remove(tt),e.classList.remove(tt),i.fadeIn(),Mt(e),Bt.has("return_page")&&(l=yt().headerCancelButton,new At(l).fadeIn())}(),Pe()};var Ve;Ve=function(){wp.hooks.doAction("frmFormTemplates.beforeInitialize",{getState:Et,setState:Ot}),Ke(),wp.hooks.doAction("frmFormTemplates.afterInitialize",{getState:Et,setState:Ot}),wp.hooks.doAction("frm_new_form_modal_form",jQuery("#frm-new-template"))},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",Ve):Ve())})()})(); \ No newline at end of file diff --git a/js/formidable.js b/js/formidable.js index bf7ebe4522..f7db67a258 100644 --- a/js/formidable.js +++ b/js/formidable.js @@ -74,23 +74,22 @@ function frmFrontFormJS() { } nameParts = nameParts.filter( function( n ) { return n !== ''; - }); + } ); - fieldId = nameParts[0]; + fieldId = nameParts[ 0 ]; if ( nameParts.length === 1 ) { return fieldId; } - if ( nameParts[1] === '[form' || nameParts[1] === '[row_ids' ) { + if ( nameParts[ 1 ] === '[form' || nameParts[ 1 ] === '[row_ids' ) { return 0; } // Check if 'this' is in a repeating section if ( document.querySelector( 'input[name="item_meta[' + fieldId + '][form]"]' ) ) { - // this is a repeatable section with name: item_meta[repeating-section-id][row-id][field-id] - fieldId = nameParts[2].replace( '[', '' ); + fieldId = nameParts[ 2 ].replace( '[', '' ); isRepeating = true; } @@ -98,19 +97,19 @@ function frmFrontFormJS() { if ( 'other' === fieldId ) { if ( isRepeating ) { // name for other fields: item_meta[370][0][other][414] - fieldId = nameParts[3].replace( '[', '' ); + fieldId = nameParts[ 3 ].replace( '[', '' ); } else { // Other field name: item_meta[other][370] - fieldId = nameParts[1].replace( '[', '' ); + fieldId = nameParts[ 1 ].replace( '[', '' ); } } if ( fullID === true ) { // For use in the container div id - if ( fieldId === nameParts[0]) { - fieldId = fieldId + '-' + nameParts[1].replace( '[', '' ); + if ( fieldId === nameParts[ 0 ] ) { + fieldId = fieldId + '-' + nameParts[ 1 ].replace( '[', '' ); } else { - fieldId = fieldId + '-' + nameParts[0] + '-' + nameParts[1].replace( '[', '' ); + fieldId = fieldId + '-' + nameParts[ 0 ] + '-' + nameParts[ 1 ].replace( '[', '' ); } } @@ -161,10 +160,10 @@ function frmFrontFormJS() { if ( ! $form.length ) { return; } - $form[0].querySelectorAll( '.frm_save_draft' ).forEach( saveDraftButton => { - saveDraftButton.disabled = false; + $form[ 0 ].querySelectorAll( '.frm_save_draft' ).forEach( saveDraftButton => { + saveDraftButton.disabled = false; saveDraftButton.style.pointerEvents = ''; - }); + } ); } /** @@ -244,7 +243,7 @@ function frmFrontFormJS() { } fieldID = getFieldId( field, true ); - if ( 'undefined' === typeof errors[ fieldID ]) { + if ( 'undefined' === typeof errors[ fieldID ] ) { errors[ fieldID ] = getFieldValidationMessage( field, 'data-invmsg' ); } @@ -299,7 +298,7 @@ function frmFrontFormJS() { function validateField( field ) { let errors, key; - errors = []; + errors = []; const fieldContainer = field.closest( '.frm_form_field' ); if ( ! fieldContainer ) { @@ -355,7 +354,7 @@ function frmFrontFormJS() { field: field, errors: errors, onSubmit: onSubmit - }); + } ); } /** @@ -408,8 +407,8 @@ function frmFrontFormJS() { tempVal = val; val = ''; for ( i = 0; i < tempVal.length; i++ ) { - if ( tempVal[i] !== '' ) { - val = tempVal[i]; + if ( tempVal[ i ] !== '' ) { + val = tempVal[ i ]; } } } @@ -495,7 +494,7 @@ function frmFrontFormJS() { if ( val === '' ) { val = this.value; } - }); + } ); return val; } @@ -667,7 +666,7 @@ function frmFrontFormJS() { // Function to change the color of a select element changeSelectColor = function( select ) { - if ( select.options[select.selectedIndex] && hasClass( select.options[select.selectedIndex], 'frm-select-placeholder' ) ) { + if ( select.options[ select.selectedIndex ] && hasClass( select.options[ select.selectedIndex ], 'frm-select-placeholder' ) ) { select.style.setProperty( 'color', textColorDisabled, 'important' ); } else { select.style.color = ''; @@ -682,8 +681,8 @@ function frmFrontFormJS() { // Add an event listener for future changes select.addEventListener( 'change', function() { changeSelectColor( select ); - }); - }); + } ); + } ); } /** @@ -738,7 +737,7 @@ function frmFrontFormJS() { if ( response.length === 0 ) { const fieldContainer = $recaptcha.closest( '.frm_form_field' ); - const fieldID = fieldContainer.attr( 'id' ).replace( 'frm_field_', '' ).replace( '_container', '' ); + const fieldID = fieldContainer.attr( 'id' ).replace( 'frm_field_', '' ).replace( '_container', '' ); errors[ fieldID ] = ''; } @@ -774,13 +773,13 @@ function frmFrontFormJS() { return msg; } - errorHtml = errorHtml.replace( /\+/g, '%20' ); - msg = decodeURIComponent( errorHtml ).replace( '[error]', msg ); - const fieldId = getFieldId( field, false ); - const split = fieldId.split( '-' ); + errorHtml = errorHtml.replace( /\+/g, '%20' ); + msg = decodeURIComponent( errorHtml ).replace( '[error]', msg ); + const fieldId = getFieldId( field, false ); + const split = fieldId.split( '-' ); const fieldIdParts = field.id.split( '_' ); fieldIdParts.shift(); // Drop the "field" value from the front. - split[0] = fieldIdParts.join( '_' ); + split[ 0 ] = fieldIdParts.join( '_' ); const errorKey = split.join( '-' ); return msg.replace( '[key]', errorKey ); } @@ -819,11 +818,11 @@ function frmFrontFormJS() { fieldset = jQuery( object ).find( '.frm_form_field' ); fieldset.addClass( 'frm_doing_ajax' ); - data = jQuery( object ).serialize() + '&action=frm_entries_' + action + '&nonce=' + frm_js.nonce; // eslint-disable-line camelcase + data = jQuery( object ).serialize() + '&action=frm_entries_' + action + '&nonce=' + frm_js.nonce; // eslint-disable-line camelcase shouldTriggerEvent = object.classList.contains( 'frm_trigger_event_on_submit' ); const doRedirect = response => { - jQuery( document ).trigger( 'frmBeforeFormRedirect', [ object, response ]); + jQuery( document ).trigger( 'frmBeforeFormRedirect', [ object, response ] ); if ( ! response.openInNewTab ) { // We return here because we're redirecting there is no need to update content. @@ -879,7 +878,7 @@ function frmFrontFormJS() { // the form or success message was returned if ( shouldTriggerEvent ) { - triggerCustomEvent( object, 'frmSubmitEvent', { content: response.content }); + triggerCustomEvent( object, 'frmSubmitEvent', { content: response.content } ); return; } @@ -960,7 +959,7 @@ function frmFrontFormJS() { } jQuery( object ).find( '.frm-g-recaptcha, .g-recaptcha, .h-captcha' ).each( function() { - const $recaptcha = jQuery( this ), + const $recaptcha = jQuery( this ), recaptchaID = $recaptcha.data( 'rid' ); if ( typeof grecaptcha !== 'undefined' && grecaptcha ) { @@ -973,7 +972,7 @@ function frmFrontFormJS() { if ( typeof hcaptcha !== 'undefined' && hcaptcha ) { hcaptcha.reset(); } - }); + } ); if ( window.turnstile ) { object.querySelectorAll( '.cf-turnstile' ).forEach( @@ -981,7 +980,7 @@ function frmFrontFormJS() { ); } - jQuery( document ).trigger( 'frmFormErrors', [ object, response ]); + jQuery( document ).trigger( 'frmFormErrors', [ object, response ] ); fieldset.removeClass( 'frm_doing_ajax' ); scrollToFirstField( object ); @@ -1016,7 +1015,7 @@ function frmFrontFormJS() { action = form.getAttribute( 'action' ); if ( 'string' === typeof action && -1 !== action.indexOf( '?action=frm_forms_preview' ) ) { - ajaxUrl = action.split( '?action=frm_forms_preview' )[0]; + ajaxUrl = action.split( '?action=frm_forms_preview' )[ 0 ]; } ajaxParams = { @@ -1036,9 +1035,9 @@ function frmFrontFormJS() { function afterFormSubmitted( object, response ) { const formCompleted = jQuery( response.content ).find( '.frm_message' ); if ( formCompleted.length ) { - jQuery( document ).trigger( 'frmFormComplete', [ object, response ]); + jQuery( document ).trigger( 'frmFormComplete', [ object, response ] ); } else { - jQuery( document ).trigger( 'frmPageChanged', [ object, response ]); + jQuery( document ).trigger( 'frmPageChanged', [ object, response ] ); } } @@ -1054,7 +1053,7 @@ function frmFrontFormJS() { function afterFormSubmittedBeforeReplace( object, response ) { const formCompleted = jQuery( response.content ).find( '.frm_message' ); if ( formCompleted.length ) { - triggerCustomEvent( document, 'frmFormCompleteBeforeReplace', { object, response }); + triggerCustomEvent( document, 'frmFormCompleteBeforeReplace', { object, response } ); } } @@ -1085,7 +1084,7 @@ function frmFrontFormJS() { let url; if ( history.pushState && typeof response.page !== 'undefined' ) { url = addQueryVar( 'frm_page', response.page ); - window.history.pushState({ 'html': response.html }, '', '?' + url ); + window.history.pushState( { html: response.html }, '', '?' + url ); } } @@ -1099,11 +1098,11 @@ function frmFrontFormJS() { i = kvp.length; while ( i-- ) { - x = kvp[i].split( '=' ); + x = kvp[ i ].split( '=' ); - if ( x[0] == key ) { - x[1] = value; - kvp[i] = x.join( '=' ); + if ( x[ 0 ] == key ) { + x[ 1 ] = value; + kvp[ i ] = x.join( '=' ); break; } } @@ -1127,13 +1126,13 @@ function frmFrontFormJS() { if ( typeof frmThemeOverride_frmPlaceError === 'function' ) { // eslint-disable-line camelcase frmThemeOverride_frmPlaceError( key, jsErrors ); } else { - if ( -1 !== jsErrors[key].indexOf( '' + jsErrors[key] + '
    ' ); + $fieldCont.append( '
    ' + jsErrors[ key ] + '
    ' ); } if ( typeof describedBy === 'undefined' ) { @@ -1150,7 +1149,7 @@ function frmFrontFormJS() { } input.attr( 'aria-invalid', true ); - jQuery( document ).trigger( 'frmAddFieldError', [ $fieldCont, key, jsErrors ]); + jQuery( document ).trigger( 'frmAddFieldError', [ $fieldCont, key, jsErrors ] ); } } @@ -1178,9 +1177,9 @@ function frmFrontFormJS() { */ function removeFieldError( $fieldCont ) { const errorMessage = $fieldCont.find( '.frm_error' ); - const errorId = errorMessage.attr( 'id' ); - const input = $fieldCont.find( 'input, select, textarea' ); - let describedBy = input.attr( 'aria-describedby' ); + const errorId = errorMessage.attr( 'id' ); + const input = $fieldCont.find( 'input, select, textarea' ); + let describedBy = input.attr( 'aria-describedby' ); const fieldContainer = $fieldCont.get( 0 ); if ( fieldContainer && fieldContainer.classList ) { @@ -1316,8 +1315,8 @@ function frmFrontFormJS() { label.addEventListener( 'click', function() { inputsContainer.querySelector( '.frm_form_field:first-child input, .frm_form_field:first-child select, .frm_form_field:first-child textarea' ).focus(); - }); - }); + } ); + } ); } /** @@ -1355,7 +1354,7 @@ function frmFrontFormJS() { return; } - element = errors[0]; + element = errors[ 0 ]; do { element = element.previousSibling; if ( -1 !== [ 'input', 'select', 'textarea' ].indexOf( element.nodeName.toLowerCase() ) ) { @@ -1407,7 +1406,7 @@ function frmFrontFormJS() { if ( input.offsetParent !== null ) { input.focus(); } else { - triggerCustomEvent( document, 'frmMaybeDelayFocus', { input }); + triggerCustomEvent( document, 'frmMaybeDelayFocus', { input } ); } } @@ -1442,7 +1441,7 @@ function frmFrontFormJS() { function initFloatingLabels() { let checkFloatLabel, checkDropdownLabel, runOnLoad, selector, floatClass; - selector = '.frm-show-form .frm_inside_container input, .frm-show-form .frm_inside_container select, .frm-show-form .frm_inside_container textarea'; + selector = '.frm-show-form .frm_inside_container input, .frm-show-form .frm_inside_container select, .frm-show-form .frm_inside_container textarea'; floatClass = 'frm_label_float_top'; checkFloatLabel = function( input ) { @@ -1480,7 +1479,7 @@ function frmFrontFormJS() { firstOpt.setAttribute( 'data-label', firstOpt.textContent ); firstOpt.textContent = ''; } - }); + } ); }; [ 'focus', 'blur', 'change' ].forEach( function( eventName ) { @@ -1492,11 +1491,11 @@ function frmFrontFormJS() { }, true ); - }); + } ); jQuery( document ).on( 'change', selector, function( event ) { checkFloatLabel( event.target ); - }); + } ); runOnLoad = function( firstLoad ) { if ( firstLoad && document.activeElement && -1 !== [ 'INPUT', 'SELECT', 'TEXTAREA' ].indexOf( document.activeElement.tagName ) ) { @@ -1519,11 +1518,11 @@ function frmFrontFormJS() { jQuery( document ).on( 'frmPageChanged', function( event ) { runOnLoad(); - }); + } ); document.addEventListener( 'frm_after_start_over', function( event ) { runOnLoad(); - }); + } ); } function shouldUpdateValidityMessage( target ) { @@ -1562,7 +1561,7 @@ function frmFrontFormJS() { isInvalid = true; break; } - }; + } if ( ! isInvalid ) { field.setCustomValidity( '' ); @@ -1587,7 +1586,7 @@ function frmFrontFormJS() { function setCustomValidityMessage() { let forms, length, index; - forms = document.getElementsByClassName( 'frm-show-form' ); + forms = document.getElementsByClassName( 'frm-show-form' ); length = forms.length; for ( index = 0; index < length; ++index ) { @@ -1615,7 +1614,7 @@ function frmFrontFormJS() { ); removeSubmitLoading(); } - }); + } ); } /** @@ -1659,9 +1658,9 @@ function frmFrontFormJS() { /* eslint-disable compat/compat */ const startTime = performance.now(); - const step = ( currentTime ) => { + const step = currentTime => { const progress = Math.min( ( currentTime - startTime ) / duration, 1 ); - document.documentElement.scrollTop = start + ( end - start ) * progress; + document.documentElement.scrollTop = start + ( ( end - start ) * progress ); if ( progress < 1 ) { requestAnimationFrame( step ); } @@ -1679,7 +1678,7 @@ function frmFrontFormJS() { if ( jQuery( this ).val() === '' ) { jQuery( this ).trigger( 'blur' ); } - }); + } ); jQuery( document ).on( 'change', '.frm-show-form input[name^="item_meta"], .frm-show-form select[name^="item_meta"], .frm-show-form textarea[name^="item_meta"]', frmFrontForm.fieldValueChanged ); @@ -1726,7 +1725,7 @@ function frmFrontFormJS() { return; } - const size = captcha.getAttribute( 'data-size' ); + const size = captcha.getAttribute( 'data-size' ); const params = { sitekey: captcha.getAttribute( 'data-sitekey' ), size: size, @@ -1746,20 +1745,20 @@ function frmFrontFormJS() { }; } - const activeCaptcha = getSelectedCaptcha( captchaSelector ); + const activeCaptcha = getSelectedCaptcha( captchaSelector ); const captchaContainer = typeof turnstile !== 'undefined' && turnstile === activeCaptcha ? '#' + captcha.id : captcha.id; - const captchaID = activeCaptcha.render( captchaContainer, params ); + const captchaID = activeCaptcha.render( captchaContainer, params ); captcha.setAttribute( 'data-rid', captchaID ); }, afterSingleRecaptcha: function() { - const object = jQuery( '.frm-show-form .g-recaptcha' ).closest( 'form' )[0]; + const object = jQuery( '.frm-show-form .g-recaptcha' ).closest( 'form' )[ 0 ]; frmFrontForm.submitFormNow( object ); }, afterRecaptcha: function( _, formID ) { - const object = jQuery( '#frm_form_' + formID + '_container form' )[0]; + const object = jQuery( '#frm_form_' + formID + '_container form' )[ 0 ]; frmFrontForm.submitFormNow( object ); }, @@ -1803,7 +1802,6 @@ function frmFrontFormJS() { showLoadingIndicator( jQuery( object ) ); executeInvisibleRecaptcha( invisibleRecaptcha ); } else { - showSubmitLoading( jQuery( object ) ); frmFrontForm.submitFormNow( object ); @@ -1825,15 +1823,15 @@ function frmFrontFormJS() { // Add a unique ID, used for duplicate checks. const uniqueIDInput = document.createElement( 'input' ); - uniqueIDInput.type = 'hidden'; - uniqueIDInput.name = 'unique_id'; + uniqueIDInput.type = 'hidden'; + uniqueIDInput.name = 'unique_id'; uniqueIDInput.value = getUniqueKey(); object.appendChild( uniqueIDInput ); if ( classList.indexOf( 'frm_ajax_submit' ) > -1 ) { hasFileFields = jQuery( object ).find( 'input[type="file"]' ).filter( function() { return !! this.value; - }).length; + } ).length; if ( hasFileFields < 1 ) { const action = jQuery( object ).find( 'input[name="frm_action"]' ).val(); frmFrontForm.checkFormErrors( object, action ); @@ -1879,7 +1877,7 @@ function frmFrontFormJS() { if ( typeof frmThemeOverride_jsErrors === 'function' ) { // eslint-disable-line camelcase const action = jQuery( object ).find( 'input[name="frm_action"]' ).val(); customErrors = frmThemeOverride_jsErrors( action, object ); - if ( Object.keys( customErrors ).length ) { + if ( Object.keys( customErrors ).length ) { for ( key in customErrors ) { jsErrors[ key ] = customErrors[ key ]; } @@ -1889,7 +1887,7 @@ function frmFrontFormJS() { triggerCustomEvent( document, 'frm_get_ajax_form_errors', { formEl: object, errors: jsErrors - }); + } ); return jsErrors; }, @@ -1982,7 +1980,7 @@ function frmFrontFormJS() { return; } - jQuery( document ).trigger( 'frmFieldChanged', [ this, fieldId, e ]); + jQuery( document ).trigger( 'frmFieldChanged', [ this, fieldId, e ] ); if ( e.selfTriggered !== true ) { maybeValidateChange( this ); @@ -2030,7 +2028,7 @@ window.frmFrontForm = frmFrontFormJS(); jQuery( document ).ready( function() { frmFrontForm.init(); -}); +} ); function frmRecaptcha() { frmCaptcha( '.frm-g-recaptcha' ); @@ -2043,11 +2041,11 @@ function frmTurnstile() { function frmCaptcha( captchaSelector ) { let c; const captchas = document.querySelectorAll( captchaSelector ); - const cl = captchas.length; + const cl = captchas.length; for ( c = 0; c < cl; c++ ) { - const closestForm = captchas[c].closest( 'form' ); + const closestForm = captchas[ c ].closest( 'form' ); const formIsVisible = closestForm && closestForm.offsetParent !== null; - const captcha = captchas[c]; + const captcha = captchas[ c ]; if ( ! formIsVisible ) { // If the form is not visible, try again later in 400ms. // This fixes issues where the form fades visible on page load. diff --git a/js/formidable_admin.js b/js/formidable_admin.js index c24709330c..4efb352ccf 100644 --- a/js/formidable_admin.js +++ b/js/formidable_admin.js @@ -1,11286 +1 @@ -/* exported frm_add_logic_row, frm_remove_tag, frm_show_div, frmCheckAll, frmCheckAllLevel */ -/* eslint-disable jsdoc/require-param, prefer-const, no-redeclare, @wordpress/no-unused-vars-before-return, jsdoc/check-types, jsdoc/check-tag-names, @wordpress/i18n-translator-comments, @wordpress/valid-sprintf, jsdoc/require-returns-description, jsdoc/require-param-type, no-unused-expressions, compat/compat */ - -window.FrmFormsConnect = window.FrmFormsConnect || ( function( document, window, $ ) { - - /*global jQuery:false, frm_admin_js, frmGlobal, ajaxurl */ - - const el = { - messageBox: null, - reset: null, - - setElements: function() { - el.messageBox = document.querySelector( '.frm_pro_license_msg' ); - el.reset = document.getElementById( 'frm_reconnect_link' ); - } - }; - - /** - * Public functions and properties. - * - * @since 4.03 - * - * @type {Object} - */ - const app = { - - /** - * Register connect button event. - * - * @since 4.03 - */ - init: function() { - el.setElements(); - - $( document.getElementById( 'frm_deauthorize_link' ) ).on( 'click', app.deauthorize ); - $( '.frm_authorize_link' ).on( 'click', app.authorize ); - // Handles FF dashboard Authorize & Reauthorize events. - // Attach click event to parent as #frm_deauthorize_link & #frm_reconnect_link dynamically recreated by bootstrap.setupBootstrapDropdowns in dom.js - $( '.frm-dashboard-license-options' ).on( 'click', '#frm_deauthorize_link', app.deauthorize ); - $( '.frm-dashboard-license-options' ).on( 'click', '#frm_reconnect_link', app.reauthorize ); - - if ( el.reset !== null ) { - $( el.reset ).on( 'click', app.reauthorize ); - } - }, - - /* Manual license authorization */ - authorize: function() { - /*jshint validthis:true */ - const button = this; - const pluginSlug = this.getAttribute( 'data-plugin' ); - const input = document.getElementById( 'edd_' + pluginSlug + '_license_key' ); - const license = input.value; - let wpmu = document.getElementById( 'proplug-wpmu' ); - this.classList.add( 'frm_loading_button' ); - if ( wpmu === null ) { - wpmu = 0; - } else if ( wpmu.checked ) { - wpmu = 1; - } else { - wpmu = 0; - } - - $.ajax({ - type: 'POST', url: ajaxurl, dataType: 'json', - data: { - action: 'frm_addon_activate', - license: license, - plugin: pluginSlug, - wpmu: wpmu, - nonce: frmGlobal.nonce - }, - success: function( msg ) { - app.afterAuthorize( msg, input ); - button.classList.remove( 'frm_loading_button' ); - } - }); - }, - - afterAuthorize: function( msg, input ) { - if ( msg.success === true ) { - input.value = '•••••••••••••••••••'; - } - - wp.hooks.doAction( 'frm_after_authorize', msg ); - app.showMessage( msg ); - }, - - showProgress: function( msg ) { - if ( el.messageBox === null ) { - // In case the message box was added after page load. - el.setElements(); - } - - const messageBox = el.messageBox; - if ( messageBox === null ) { - return; - } - - if ( msg.success === true ) { - messageBox.classList.remove( 'frm_error_style' ); - messageBox.classList.add( 'frm_message', 'frm_updated_message' ); - } else { - messageBox.classList.add( 'frm_error_style' ); - messageBox.classList.remove( 'frm_message', 'frm_updated_message' ); - } - messageBox.classList.remove( 'frm_hidden' ); - messageBox.innerHTML = msg.message; - }, - - showMessage: function( msg ) { - if ( el.messageBox === null ) { - // In case the message box was added after page load. - el.setElements(); - } - const messageBox = el.messageBox; - - if ( msg.success === true ) { - app.showAuthorized( true ); - app.showInlineSuccess(); - - /** - * Triggers the after license is authorized action for a confirmation/success modal. - * @param {Object} msg An object containing message data received from Authorize request. - */ - wp.hooks.doAction( 'frmAdmin.afterLicenseAuthorizeSuccess', { msg }); - } - app.showProgress( msg ); - - if ( msg.message !== '' ) { - setTimeout( function() { - messageBox.innerHTML = ''; - messageBox.classList.add( 'frm_hidden' ); - messageBox.classList.remove( 'frm_error_style', 'frm_message', 'frm_updated_message' ); - }, 10000 ); - const refreshPage = document.querySelector( '.frm-admin-page-dashboard' ); - if ( refreshPage ) { - setTimeout( function() { - window.location.reload(); - }, 1000 ); - } - } - }, - - showAuthorized: function( show ) { - const from = show ? 'unauthorized' : 'authorized'; - const to = show ? 'authorized' : 'unauthorized'; - const container = document.querySelectorAll( '.frm_' + from + '_box' ); - if ( container.length ) { - // Replace all authorized boxes with unauthorized boxes. - container.forEach( function( box ) { - box.className = box.className.replace( 'frm_' + from + '_box', 'frm_' + to + '_box' ); - }); - } - }, - - /** - * Use the data-success element to replace the element content. - */ - showInlineSuccess: function() { - const successElement = document.querySelectorAll( '.frm-confirm-msg [data-success]' ); - if ( successElement.length ) { - successElement.forEach( function( element ) { - element.innerHTML = frmAdminBuild.purifyHtml( element.getAttribute( 'data-success' ) ); - }); - } - }, - - /* Clear the site license cache */ - reauthorize: function() { - /*jshint validthis:true */ - this.innerHTML = ''; - - $.ajax({ - type: 'POST', - url: ajaxurl, - dataType: 'json', - data: { - action: 'frm_reset_cache', - plugin: 'formidable_pro', - nonce: frmGlobal.nonce - }, - success: function( msg ) { - el.reset.textContent = msg.message; - if ( el.reset.getAttribute( 'data-refresh' ) === '1' ) { - window.location.reload(); - } - } - }); - return false; - }, - - deauthorize: function() { - /*jshint validthis:true */ - if ( ! confirm( frmGlobal.deauthorize ) ) { - return false; - } - const pluginSlug = this.getAttribute( 'data-plugin' ), - input = document.getElementById( 'edd_' + pluginSlug + '_license_key' ), - license = input.value, - link = this; - - this.innerHTML = ''; - - $.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_addon_deactivate', - license: license, - plugin: pluginSlug, - nonce: frmGlobal.nonce - }, - success: function() { - app.showAuthorized( false ); - input.value = ''; - link.replaceWith( 'Disconnected' ); - - /** - * Triggers the after license is deauthorized sruccess action. - */ - wp.hooks.doAction( 'frmAdmin.afterLicenseDeauthorizeSuccess', {}); - - } - }); - return false; - } - }; - - // Provide access to public functions/properties. - return app; - -}( document, window, jQuery ) ); - -function frmAdminBuildJS() { - //'use strict'; - - /*global jQuery:false, frm_admin_js, frmGlobal, ajaxurl, fromDom */ - - const frmAdminJs = frm_admin_js; // eslint-disable-line camelcase - const { tag, div, span, a, svg, img } = frmDom; - const { onClickPreventDefault } = frmDom.util; - const { doJsonFetch, doJsonPost } = frmDom.ajax; - frmAdminJs.contextualShortcodes = getContextualShortcodes(); - const icons = { - save: svg({ href: '#frm_save_icon' }), - drag: svg({ href: '#frm_drag_icon', classList: [ 'frm_drag_icon', 'frm-drag' ] }) - }; - - let $newFields = jQuery( document.getElementById( 'frm-show-fields' ) ), - builderForm = document.getElementById( 'new_fields' ), - thisForm = document.getElementById( 'form_id' ), - copyHelper = false, - fieldsUpdated = 0, - thisFormId = 0, - autoId = 0, - optionMap = {}, - lastNewActionIdReturned = 0; - - const { __, sprintf } = wp.i18n; - let debouncedSyncAfterDragAndDrop, postBodyContent, $postBodyContent; - - const dragState = { - dragging: false - }; - - if ( thisForm !== null ) { - thisFormId = thisForm.value; - } - - const currentURL = new URL( window.location.href ); - const urlParams = currentURL.searchParams; - const builderPage = document.getElementById( 'frm_builder_page' ); - - // Global settings - let s; - - function showElement( element ) { - if ( ! element[0]) { - return; - } - element[0].style.display = ''; - } - - function empty( $obj ) { - if ( $obj !== null ) { - while ( $obj.firstChild ) { - $obj.removeChild( $obj.firstChild ); - } - } - } - - function addClass( $obj, className ) { - if ( $obj.classList ) { - $obj.classList.add( className ); - } else { - $obj.className += ' ' + className; - } - } - - function confirmClick( e ) { - /*jshint validthis:true */ - e.stopPropagation(); - e.preventDefault(); - confirmLinkClick( this ); - } - - function confirmLinkClick( link ) { - const message = link.getAttribute( 'data-frmverify' ), - loadedFrom = link.getAttribute( 'data-loaded-from' ) ; - - if ( message === null || link.id === 'frm-confirmed-click' ) { - return true; - } - - if ( 'entries-list' === loadedFrom ) { - return wp.hooks.applyFilters( 'frm_on_multiple_entries_delete', { link, initModal }); - } - - return confirmModal( link ); - } - - function confirmModal( link ) { - let verify, $confirmMessage, i, dataAtts, btnClass, - $info = initModal( '#frm_confirm_modal', '400px' ), - continueButton = document.getElementById( 'frm-confirmed-click' ); - - if ( $info === false ) { - return false; - } - - verify = link.getAttribute( 'data-frmverify' ); - btnClass = verify ? link.getAttribute( 'data-frmverify-btn' ) : ''; - $confirmMessage = jQuery( '.frm-confirm-msg' ); - $confirmMessage.empty(); - - if ( verify ) { - $confirmMessage.append( document.createTextNode( verify ) ); - if ( btnClass ) { - continueButton.classList.add( btnClass ); - } - } - - removeAtts = continueButton.dataset; - for ( i in dataAtts ) { - continueButton.removeAttribute( 'data-' + i ); - } - - dataAtts = link.dataset; - for ( i in dataAtts ) { - if ( i !== 'frmverify' ) { - continueButton.setAttribute( 'data-' + i, dataAtts[i]); - } - } - - /** - * Triggers the pre-open action for a confirmation modal. This action passes - * relevant modal information and associated link to any listening hooks. - * - * @param {Object} options An object containing modal elements and data. - * @param {HTMLElement} options.$info The HTML element containing modal information. - * @param {string} options.link The link associated with the modal action. - */ - wp.hooks.doAction( 'frmAdmin.beforeOpenConfirmModal', { $info, link }); - - $info.dialog( 'open' ); - continueButton.setAttribute( 'href', link.getAttribute( 'href' ) || link.getAttribute( 'data-href' ) ); - return false; - } - - function infoModal( msg ) { - const $info = initModal( '#frm_info_modal', '400px' ); - - if ( $info === false ) { - return false; - } - - jQuery( '.frm-info-msg' ).html( msg ); - - $info.dialog( 'open' ); - return false; - } - - function toggleItem( e ) { - /*jshint validthis:true */ - const toggle = this.getAttribute( 'data-frmtoggle' ); - const text = this.getAttribute( 'data-toggletext' ); - const $items = jQuery( toggle ); - - e.preventDefault(); - - $items.toggle(); - - if ( text !== null && text !== '' ) { - this.setAttribute( 'data-toggletext', this.innerHTML ); - this.textContent = text; - } - - return false; - } - - /** - * Toggle a class on target elements when an anchor is clicked, or when a radio or checkbox has been selected. - * - * @param {Event} e Event with either the change or click type. - * @returns {false} - */ - function hideShowItem( e ) { - /*jshint validthis:true */ - let hide = this.getAttribute( 'data-frmhide' ); - let show = this.getAttribute( 'data-frmshow' ); - let uncheckList = this.getAttribute( 'data-frmuncheck' ); - let uncheckListArray = uncheckList ? uncheckList.split( ',' ) : []; - - // Flip unchecked checkboxes so an off value undoes the on value. - if ( isUncheckedCheckbox( this ) ) { - if ( hide !== null ) { - show = hide; - hide = null; - } else if ( show !== null ) { - hide = show; - show = null; - } - } - - e.preventDefault(); - - const toggleClass = this.getAttribute( 'data-toggleclass' ) || 'frm_hidden'; - - if ( hide !== null ) { - jQuery( hide ).addClass( toggleClass ); - } - - if ( show !== null ) { - jQuery( show ).removeClass( toggleClass ); - } - - const current = this.parentNode.querySelectorAll( 'a.current' ); - if ( current !== null ) { - for ( let i = 0; i < current.length; i++ ) { - current[ i ].classList.remove( 'current' ); - } - this.classList.add( 'current' ); - } - - if ( uncheckListArray.length ) { - uncheckListArray.forEach( function( uncheckItem ) { - const uncheckItemElement = document.querySelector( uncheckItem ); - if ( uncheckItemElement ) { - uncheckItemElement.checked = false; - } - }); - } - - return false; - } - - function isUncheckedCheckbox( element ) { - return 'INPUT' === element.nodeName && 'checkbox' === element.type && ! element.checked; - } - - function loadTooltips() { - let wrapClass = jQuery( '.wrap, .frm_wrap' ), - confirmModal = document.getElementById( 'frm_confirm_modal' ), - doAction = false, - confirmedBulkDelete = false; - - jQuery( confirmModal ).on( 'click', '[data-deletefield]', deleteFieldConfirmed ); - jQuery( confirmModal ).on( 'click', '[data-removeid]', removeThisTag ); - jQuery( confirmModal ).on( 'click', '[data-trashtemplate]', trashTemplate ); - - wrapClass.on( 'click', '.frm_remove_tag, .frm_remove_form_action', removeThisTag ); - wrapClass.on( 'click', 'a[data-frmverify]', confirmClick ); - wrapClass.on( 'click', 'a[data-frmtoggle]', toggleItem ); - wrapClass.on( 'click', 'a[data-frmhide], a[data-frmshow]', hideShowItem ); - wrapClass.on( 'change', 'input[data-frmhide], input[data-frmshow]', hideShowItem ); - wrapClass.on( 'click', '.widget-top,a.widget-action', clickWidget ); - - wrapClass.on( 'mouseenter.frm', '.frm_bstooltip, .frm_help', function() { - jQuery( this ).off( 'mouseenter.frm' ); - - jQuery( '.frm_bstooltip, .frm_help' ).tooltip(); - jQuery( this ).tooltip( 'show' ); - }); - - jQuery( '.frm_bstooltip, .frm_help' ).tooltip( ); - - jQuery( document ).on( 'click', '#doaction, #doaction2', function( event ) { - const isTop = this.id === 'doaction', - suffix = isTop ? 'top' : 'bottom', - bulkActionSelector = document.getElementById( 'bulk-action-selector-' + suffix ), - confirmBulkDelete = document.getElementById( 'confirm-bulk-delete-' + suffix ); - - if ( bulkActionSelector !== null && confirmBulkDelete !== null ) { - doAction = this; - - if ( ! confirmedBulkDelete && bulkActionSelector.value === 'bulk_delete' ) { - event.preventDefault(); - confirmLinkClick( confirmBulkDelete ); - return false; - } - } else { - doAction = false; - } - }); - - jQuery( document ).on( 'click', '#frm-confirmed-click', function( event ) { - if ( doAction === false || event.target.classList.contains( 'frm-btn-inactive' ) ) { - return; - } - - if ( this.getAttribute( 'href' ) === 'confirm-bulk-delete' ) { - event.preventDefault(); - confirmedBulkDelete = true; - doAction.click(); - return false; - } - }); - } - - function deleteTooltips() { - document.querySelectorAll( '.tooltip' ).forEach( - function( tooltip ) { - tooltip.remove(); - } - ); - } - - function removeThisTag() { - /*jshint validthis:true */ - let show, hide, removeMore; - - if ( parseInt( this.getAttribute( 'data-skip-frm-js' ) ) || confirmLinkClick( this ) === false ) { - return; - } - - const deleteButton = jQuery( this ); - const id = deleteButton.attr( 'data-removeid' ); - - show = deleteButton.attr( 'data-showlast' ); - if ( typeof show === 'undefined' ) { - show = ''; - } - - hide = deleteButton.attr( 'data-hidelast' ); - if ( typeof hide === 'undefined' ) { - hide = ''; - } - - removeMore = deleteButton.attr( 'data-removemore' ); - - if ( show !== '' ) { - if ( deleteButton.closest( '.frm_add_remove' ).find( '.frm_remove_tag:visible' ).length > 1 ) { - show = ''; - hide = ''; - } - } else if ( id.indexOf( 'frm_postmeta_' ) === 0 ) { - if ( jQuery( '#frm_postmeta_rows .frm_postmeta_row' ).length < 2 ) { - show = '.frm_add_postmeta_row.button'; - } - if ( jQuery( '.frm_toggle_cf_opts' ).length && jQuery( '#frm_postmeta_rows .frm_postmeta_row:not(#' + id + ')' ).last().length ) { - if ( show !== '' ) { - show += ','; - } - show += '#' + jQuery( '#frm_postmeta_rows .frm_postmeta_row:not(#' + id + ')' ).last().attr( 'id' ) + ' .frm_toggle_cf_opts'; - } - } - - const $fadeEle = jQuery( document.getElementById( id ) ); - $fadeEle.fadeOut( 400, function() { - $fadeEle.remove(); - fieldUpdated(); - - if ( hide !== '' ) { - jQuery( hide ).hide(); - } - - if ( show !== '' ) { - jQuery( show + ' a,' + show ).removeClass( 'frm_hidden' ).fadeIn( 'slow' ); - } - - if ( this.closest( '.frm_form_action_settings' ) ) { - const type = this.closest( '.frm_form_action_settings' ).querySelector( '.frm_action_name' ).value; - afterActionRemoved( type ); - } - document.querySelector( '.tooltip' )?.remove(); - }); - - if ( typeof removeMore !== 'undefined' ) { - removeMore = jQuery( removeMore ); - removeMore.fadeOut( 400, function() { - removeMore.remove(); - }); - } - - if ( show !== '' ) { - jQuery( this ).closest( '.frm_logic_rows' ).fadeOut( 'slow' ); - } - - return false; - } - - function afterActionRemoved( type ) { - checkActiveAction( type ); - - const hookName = 'frm_after_action_removed'; - const hookArgs = { type }; - wp.hooks.doAction( hookName, hookArgs ); - } - - function clickWidget( event, b ) { - /*jshint validthis:true */ - if ( typeof b === 'undefined' ) { - b = this; - } - - popCalcFields( b, false ); - - const cont = jQuery( b ).closest( '.frm_form_action_settings' ); - const target = event.target; - - if ( cont.length && typeof target !== 'undefined' ) { - const className = target.parentElement.className; - if ( 'string' === typeof className ) { - if ( className.indexOf( 'frm_email_icons' ) > -1 || className.indexOf( 'frm_toggle' ) > -1 ) { - // clicking on delete icon shouldn't open it - event.stopPropagation(); - return; - } - } - } - - let inside = cont.children( '.widget-inside' ); - - if ( cont.length && inside.find( 'p, div, table' ).length < 1 ) { - const actionId = cont.find( 'input[name$="[ID]"]' ).val(); - const actionType = cont.find( 'input[name$="[post_excerpt]"]' ).val(); - if ( actionType ) { - inside.html( '' ); - cont.find( '.spinner' ).fadeIn( 'slow' ); - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_form_action_fill', - action_id: actionId, - action_type: actionType, - nonce: frmGlobal.nonce - }, - success: function( html ) { - inside.html( html ); - initiateMultiselect(); - showInputIcon( '#' + cont.attr( 'id' ) ); - initAutocomplete( inside ); - jQuery( b ).trigger( 'frm-action-loaded' ); - - /** - * Fires after filling form action content when opening. - * - * @since 5.5.4 - * - * @param {Object} insideElement JQuery object of form action inside element. - */ - wp.hooks.doAction( 'frm_filled_form_action', inside ); - } - }); - } - } - - jQuery( b ).closest( '.frm_field_box' ).siblings().find( '.widget-inside' ).slideUp( 'fast' ); - if ( ( typeof b.className !== 'undefined' && b.className.indexOf( 'widget-action' ) !== -1 ) || jQuery( b ).closest( '.start_divider' ).length < 1 ) { - return; - } - - inside = jQuery( b ).closest( 'div.widget' ).children( '.widget-inside' ); - if ( inside.is( ':hidden' ) ) { - inside.slideDown( 'fast' ); - } else { - inside.slideUp( 'fast' ); - } - } - - function clickNewTab() { - /*jshint validthis:true */ - const t = this.getAttribute( 'href' ); - if ( typeof t === 'undefined' ) { - return false; - } - - const c = t.replace( '#', '.' ); - const $link = jQuery( this ); - - $link.closest( 'li' ).addClass( 'frm-tabs active' ).siblings( 'li' ).removeClass( 'frm-tabs active starttab' ); - $link.closest( 'div' ).children( '.tabs-panel' ).not( t ).not( c ).hide(); - - const tabContent = document.getElementById( t.replace( '#', '' ) ); - if ( tabContent ) { - tabContent.style.display = 'block'; - } - - // clearSettingsBox would hide field settings when opening the fields modal and we want to skip it there. - if ( this.id === 'frm_insert_fields_tab' && ! this.closest( '#frm_adv_info' ) ) { - clearSettingsBox(); - } - return false; - } - - function clickTab( link, auto ) { - link = jQuery( link ); - const t = link.attr( 'href' ); - if ( typeof t === 'undefined' ) { - return; - } - - const c = t.replace( '#', '.' ); - - link.closest( 'li' ).addClass( 'frm-tabs active' ).siblings( 'li' ).removeClass( 'frm-tabs active starttab' ); - if ( link.closest( 'div' ).find( '.tabs-panel' ).length ) { - link.closest( 'div' ).children( '.tabs-panel' ).not( t ).not( c ).hide(); - } else if ( document.getElementById( 'form_global_settings' ) !== null ) { - /* global settings */ - const ajax = link.data( 'frmajax' ); - link.closest( '.frm_wrap' ).find( '.tabs-panel, .hide_with_tabs' ).hide(); - if ( typeof ajax !== 'undefined' && ajax == '1' ) { - loadSettingsTab( t ); - } - } else { - /* form settings page */ - jQuery( '#frm-categorydiv .tabs-panel, .hide_with_tabs' ).hide(); - } - jQuery( t ).show(); - jQuery( c ).show(); - - hideShortcodes(); - - if ( auto !== 'auto' ) { - // Hide success message on tab change. - jQuery( '.frm_updated_message' ).hide(); - jQuery( '.frm_warning_style' ).hide(); - } - - if ( jQuery( link ).closest( '#frm_adv_info' ).length ) { - return; - } - - if ( jQuery( '.frm_form_settings' ).length ) { - jQuery( '.frm_form_settings' ).attr( 'action', '?page=formidable&frm_action=settings&id=' + jQuery( '.frm_form_settings input[name="id"]' ).val() + '&t=' + t.replace( '#', '' ) ); - } else { - jQuery( '.frm_settings_form' ).attr( 'action', '?page=formidable-settings&t=' + t.replace( '#', '' ) ); - } - } - - function setupSortable( sortableSelector ) { - document.querySelectorAll( sortableSelector ).forEach( - list => { - makeDroppable( list ); - Array.from( list.children ).forEach( child => makeDraggable( child, '.frm-move' ) ); - - const $sectionTitle = jQuery( list ).children( '[data-type="divider"]' ).children( '.divider_section_only' ); - if ( $sectionTitle.length ) { - makeDroppable( $sectionTitle ); - } - } - ); - setupFieldOptionSorting( jQuery( '#frm_builder_page' ) ); - } - - function makeDroppable( list ) { - jQuery( list ).droppable({ - accept: '.frmbutton, li.frm_field_box', - deactivate: handleFieldDrop, - over: onDragOverDroppable, - out: onDraggableLeavesDroppable, - tolerance: 'pointer' - }); - } - - function onDragOverDroppable( event, ui ) { - const droppable = getDroppableForOnDragOver( event.target ); - const draggable = ui.draggable[0]; - - if ( ! allowDrop( draggable, droppable, event ) ) { - droppable.classList.remove( 'frm-over-droppable' ); - jQuery( droppable ).parents( 'ul.frm_sorting' ).addClass( 'frm-over-droppable' ); - return; - } - - document.querySelectorAll( '.frm-over-droppable' ).forEach( droppable => droppable.classList.remove( 'frm-over-droppable' ) ); - droppable.classList.add( 'frm-over-droppable' ); - jQuery( droppable ).parents( 'ul.frm_sorting' ).addClass( 'frm-over-droppable' ); - } - - /** - * Maybe change the droppable. - * Section titles are made droppable, but are not a list, so we need to change the droppable to the section's list instead. - * - * @param {Element} droppable - * @returns {Element} - */ - function getDroppableForOnDragOver( droppable ) { - if ( droppable.classList.contains( 'divider_section_only' ) ) { - droppable = jQuery( droppable ).nextAll( '.start_divider.frm_sorting' ).get( 0 ); - } - return droppable; - } - - function onDraggableLeavesDroppable( event ) { - const droppable = event.target; - droppable.classList.remove( 'frm-over-droppable' ); - } - - function makeDraggable( draggable, handle ) { - const settings = { - helper: getDraggableHelper, - revert: 'invalid', - delay: 10, - start: handleDragStart, - stop: handleDragStop, - drag: handleDrag, - cursor: 'grabbing', - refreshPositions: true, - cursorAt: { - top: 0, - left: 90 // The width of draggable button is 180. 90 should center the draggable on the cursor. - } - }; - if ( 'string' === typeof handle ) { - settings.handle = handle; - } - jQuery( draggable ).draggable( settings ); - } - - function getDraggableHelper( event ) { - const draggable = event.delegateTarget; - - if ( isFieldGroup( draggable ) ) { - const newTextFieldClone = document.getElementById( 'frm-insert-fields' ).querySelector( '.frm_ttext' ).cloneNode( true ); - newTextFieldClone.querySelector( 'use' ).setAttributeNS( 'http://www.w3.org/1999/xlink', 'href', '#frm_field_group_layout_icon' ); - newTextFieldClone.querySelector( 'span' ).textContent = __( 'Field Group', 'formidable' ); - newTextFieldClone.classList.add( 'frm_field_box' ); - newTextFieldClone.classList.add( 'ui-sortable-helper' ); - return newTextFieldClone; - } - - let copyTarget; - const isNewField = draggable.classList.contains( 'frmbutton' ); - if ( isNewField ) { - copyTarget = draggable.cloneNode( true ); - copyTarget.classList.add( 'ui-sortable-helper' ); - draggable.classList.add( 'frm-new-field' ); - return copyTarget; - } - - if ( draggable.hasAttribute( 'data-ftype' ) ) { - const fieldType = draggable.getAttribute( 'data-ftype' ); - copyTarget = document.getElementById( 'frm-insert-fields' ).querySelector( '.frm_t' + fieldType ); - copyTarget = copyTarget.cloneNode( true ); - copyTarget.classList.add( 'form-field' ); - - copyTarget.classList.add( 'ui-sortable-helper' ); - - if ( copyTarget ) { - return copyTarget.cloneNode( true ); - } - } - - return div({ className: 'frmbutton' }); - } - - function handleDragStart( event, ui ) { - dragState.dragging = true; - - const container = postBodyContent; - container.classList.add( 'frm-dragging-field' ); - - document.body.classList.add( 'frm-dragging' ); - ui.helper.addClass( 'frm-sortable-helper' ); - ui.helper.initialOffset = container.scrollTop; - - event.target.classList.add( 'frm-drag-fade' ); - - unselectFieldGroups(); - deleteEmptyDividerWrappers(); - maybeRemoveGroupHoverTarget(); - closeOpenFieldDropdowns(); - deleteTooltips(); - } - - function handleDragStop() { - const container = postBodyContent; - container.classList.remove( 'frm-dragging-field' ); - document.body.classList.remove( 'frm-dragging' ); - - const fade = document.querySelector( '.frm-drag-fade' ); - if ( fade ) { - fade.classList.remove( 'frm-drag-fade' ); - } - } - - function handleDrag( event, ui ) { - maybeScrollBuilder( event ); - const draggable = event.target; - const droppable = getDroppableTarget(); - - let placeholder = document.getElementById( 'frm_drag_placeholder' ); - if ( ! allowDrop( draggable, droppable, event ) ) { - if ( placeholder ) { - placeholder.remove(); - } - return; - } - - if ( ! placeholder ) { - placeholder = tag( 'li', { - id: 'frm_drag_placeholder', - className: 'sortable-placeholder' - }); - } - const frmSortableHelper = ui.helper.get( 0 ); - if ( frmSortableHelper.classList.contains( 'form-field' ) || frmSortableHelper.classList.contains( 'frm_field_box' ) ) { - // Sync the y position of the draggable so it still follows the cursor after scrolling up and down the field list. - frmSortableHelper.style.transform = 'translateY(' + getDragOffset( ui.helper ) + 'px)'; - } - - if ( 'frm-show-fields' === droppable.id || droppable.classList.contains( 'start_divider' ) ) { - placeholder.style.left = 0; - handleDragOverYAxis({ droppable, y: event.clientY, placeholder }); - return; - } - - placeholder.style.top = ''; - handleDragOverFieldGroup({ droppable, x: event.clientX, placeholder }); - } - - function maybeScrollBuilder( event ) { - $postBodyContent.scrollTop( - ( _, v ) => { - const moved = event.clientY; - const h = postBodyContent.offsetHeight; - const relativePos = event.clientY - postBodyContent.offsetTop; - const y = relativePos - h / 2; - - if ( relativePos > ( h - 50 ) && moved > 5 ) { - // Scrolling down. - return v + y * 0.1; - } - - if ( relativePos < 70 && moved < 130 ) { - // Scrolling up. - return v - Math.abs( y * 0.1 ); - } - - return v; - } - ); - } - - function getDragOffset( $helper ) { - return postBodyContent.scrollTop - $helper.initialOffset; - } - - function getDroppableTarget() { - let droppable = document.getElementById( 'frm-show-fields' ); - while ( droppable.querySelector( '.frm-over-droppable' ) ) { - droppable = droppable.querySelector( '.frm-over-droppable' ); - } - if ( 'frm-show-fields' === droppable.id && ! droppable.classList.contains( 'frm-over-droppable' ) ) { - droppable = false; - } - return droppable; - } - - function handleFieldDrop( _, ui ) { - if ( ! dragState.dragging ) { - // dragState.dragging is set to true on drag start. - // The deactivate event gets called for every droppable. This check to make sure it happens once. - return; - } - - dragState.dragging = false; - - const draggable = ui.draggable[0]; - const placeholder = document.getElementById( 'frm_drag_placeholder' ); - - if ( ! placeholder ) { - ui.helper.remove(); - debouncedSyncAfterDragAndDrop(); - return; - } - - maybeOpenCollapsedPage( placeholder ); - - const $previousFieldContainer = ui.helper.parent(); - const previousSection = ui.helper.get( 0 ).closest( 'ul.start_divider' ); - const newSection = placeholder.closest( 'ul.frm_sorting' ); - - if ( draggable.classList.contains( 'frm-new-field' ) ) { - insertNewFieldByDragging( draggable.id ); - } else { - moveFieldThatAlreadyExists( draggable, placeholder ); - } - - const previousSectionId = previousSection ? parseInt( previousSection.closest( '.edit_field_type_divider' ).getAttribute( 'data-fid' ) ) : 0; - const newSectionId = newSection.classList.contains( 'start_divider' ) ? parseInt( newSection.closest( '.edit_field_type_divider' ).getAttribute( 'data-fid' ) ) : 0; - - placeholder.remove(); - ui.helper.remove(); - - const $previousContainerFields = $previousFieldContainer.length ? getFieldsInRow( $previousFieldContainer ) : []; - maybeUpdatePreviousFieldContainerAfterDrop( $previousFieldContainer, $previousContainerFields ); - maybeUpdateDraggableClassAfterDrop( draggable, $previousContainerFields ); - - if ( previousSectionId !== newSectionId ) { - updateFieldAfterMovingBetweenSections( jQuery( draggable ), previousSection ); - } - - debouncedSyncAfterDragAndDrop(); - } - - /** - * If a page if collapsed, expand it before dragging since only the page break will move. - * - * @param {Element} placeholder - * @returns {void} - */ - function maybeOpenCollapsedPage( placeholder ) { - if ( ! placeholder.previousElementSibling || ! placeholder.previousElementSibling.classList.contains( 'frm-is-collapsed' ) ) { - return; - } - - const $pageBreakField = jQuery( placeholder ).prevUntil( '[data-type="break"]' ); - if ( ! $pageBreakField.length ) { - return; - } - - const collapseButton = $pageBreakField.find( '.frm-collapse-page' ).get( 0 ); - if ( collapseButton ) { - collapseButton.click(); - } - } - - function maybeUpdatePreviousFieldContainerAfterDrop( $previousFieldContainer, $previousContainerFields ) { - if ( ! $previousFieldContainer.length ) { - return; - } - - if ( $previousContainerFields.length ) { - syncLayoutClasses( $previousContainerFields.first() ); - } else { - maybeDeleteAnEmptyFieldGroup( $previousFieldContainer.get( 0 ) ); - } - } - - function maybeUpdateDraggableClassAfterDrop( draggable, $previousContainerFields ) { - if ( 0 !== $previousContainerFields.length || 1 !== getFieldsInRow( jQuery( draggable.parentNode ) ).length ) { - syncLayoutClasses( jQuery( draggable ) ); - } - } - - /** - * Remove an empty field group, but don't remove an empty section. - * - * @param {Element} previousFieldContainer - * @returns {void} - */ - function maybeDeleteAnEmptyFieldGroup( previousFieldContainer ) { - const closestFieldBox = previousFieldContainer.closest( 'li.frm_field_box' ); - if ( closestFieldBox && ! closestFieldBox.classList.contains( 'edit_field_type_divider' ) ) { - closestFieldBox.remove(); - } - } - - function handleDragOverYAxis({ droppable, y, placeholder }) { - const $list = jQuery( droppable ); - - let top; - - $children = $list.children().not( '.edit_field_type_end_divider' ); - if ( 0 === $children.length ) { - $list.prepend( placeholder ); - top = 0; - } else { - const insertAtIndex = determineIndexBasedOffOfMousePositionInList( $list, y ); - - if ( insertAtIndex === $children.length ) { - const $lastChild = jQuery( $children.get( insertAtIndex - 1 ) ); - top = $lastChild.offset().top + $lastChild.outerHeight(); - $list.append( placeholder ); - - // Make sure nothing gets inserted after the end divider. - const $endDivider = $list.children( '.edit_field_type_end_divider' ); - if ( $endDivider.length ) { - $list.append( $endDivider ); - } - } else { - top = jQuery( $children.get( insertAtIndex ) ).offset().top; - jQuery( $children.get( insertAtIndex ) ).before( placeholder ); - } - } - - top -= $list.offset().top; - placeholder.style.top = top + 'px'; - } - - function determineIndexBasedOffOfMousePositionInList( $list, y ) { - const $items = $list.children().not( '.edit_field_type_end_divider' ); - const length = $items.length; - - let index, item, itemTop, returnIndex; - - if ( ! document.querySelector( '.frm-has-fields .frm_no_fields' ) ) { - // Always return 0 when there are no fields. - return 0; - } - - returnIndex = 0; - for ( index = length - 1; index >= 0; --index ) { - item = $items.get( index ); - itemTop = jQuery( item ).offset().top; - if ( y > itemTop ) { - returnIndex = index; - if ( y > itemTop + ( jQuery( item ).outerHeight() / 2 ) ) { - returnIndex = index + 1; - } - break; - } - } - - return returnIndex; - } - - function handleDragOverFieldGroup({ droppable, x, placeholder }) { - const $row = jQuery( droppable ); - const $children = getFieldsInRow( $row ); - - if ( ! $children.length ) { - return; - } - - let left; - const insertAtIndex = determineIndexBasedOffOfMousePositionInRow( $row, x ); - - if ( insertAtIndex === $children.length ) { - const $lastChild = jQuery( $children.get( insertAtIndex - 1 ) ); - left = $lastChild.offset().left + $lastChild.outerWidth(); - $row.append( placeholder ); - } else { - left = jQuery( $children.get( insertAtIndex ) ).offset().left; - jQuery( $children.get( insertAtIndex ) ).before( placeholder ); - - const amountToOffsetLeftBy = 0 === insertAtIndex ? 4 : 8; // Offset by 8 in between rows, but only 4 for the first item in a group. - left -= amountToOffsetLeftBy; // Offset the placeholder slightly so it appears between two fields. - } - - left -= $row.offset().left; - - placeholder.style.left = left + 'px'; - } - - function syncAfterDragAndDrop() { - fixUnwrappedListItems(); - toggleSectionHolder(); - maybeFixEndDividers(); - maybeDeleteEmptyFieldGroups(); - updateFieldOrder(); - - const event = new Event( 'frm_sync_after_drag_and_drop', { bubbles: false }); - document.dispatchEvent( event ); - } - - function maybeFixEndDividers() { - document.querySelectorAll( '.edit_field_type_end_divider' ).forEach( - endDivider => endDivider.parentNode.appendChild( endDivider ) - ); - } - - function maybeDeleteEmptyFieldGroups() { - document.querySelectorAll( 'li.form_field_box:not(.form-field)' ).forEach( - fieldGroup => ! fieldGroup.children.length && fieldGroup.remove() - ); - } - - function fixUnwrappedListItems() { - const lists = document.querySelectorAll( 'ul#frm-show-fields, ul.start_divider' ); - lists.forEach( - list => { - list.childNodes.forEach( - child => { - if ( 'undefined' === typeof child.classList ) { - return; - } - - if ( child.classList.contains( 'edit_field_type_end_divider' ) ) { - // Never wrap end divider in place. - return; - } - - if ( 'undefined' !== typeof child.classList && child.classList.contains( 'form-field' ) ) { - wrapFieldLiInPlace( child ); - } - } - ); - } - ); - } - - function deleteEmptyDividerWrappers() { - const dividers = document.querySelectorAll( 'ul.start_divider' ); - if ( ! dividers.length ) { - return; - } - dividers.forEach( - function( divider ) { - const children = [].slice.call( divider.children ); - children.forEach( - function( child ) { - if ( 0 === child.children.length ) { - child.remove(); - } else if ( 1 === child.children.length && 'ul' === child.firstElementChild.nodeName.toLowerCase() && 0 === child.firstElementChild.children.length ) { - child.remove(); - } - } - ); - } - ); - } - - function getFieldsInRow( $row ) { - let $fields = jQuery(); - - const row = $row.get( 0 ); - if ( ! row.children ) { - return $fields; - } - - Array.from( row.children ).forEach( - child => { - if ( 'none' === child.style.display ) { - return; - } - - const classes = child.classList; - if ( ! classes.contains( 'form-field' ) || classes.contains( 'edit_field_type_end_divider' ) || classes.contains( 'frm-sortable-helper' ) ) { - return; - } - - $fields = $fields.add( child ); - } - ); - return $fields; - } - - function determineIndexBasedOffOfMousePositionInRow( $row, x ) { - let $inputs = getFieldsInRow( $row ), - length = $inputs.length, - index, input, inputLeft, returnIndex; - - returnIndex = 0; - for ( index = length - 1; index >= 0; --index ) { - input = $inputs.get( index ); - inputLeft = jQuery( input ).offset().left; - if ( x > inputLeft ) { - returnIndex = index; - if ( x > inputLeft + ( jQuery( input ).outerWidth() / 2 ) ) { - returnIndex = index + 1; - } - break; - } - } - - return returnIndex; - } - - function syncLayoutClasses( $item, type ) { - let $fields, size, layoutClasses, classToAddFunction; - - if ( 'undefined' === typeof type ) { - type = 'even'; - } - - $fields = $item.parent().children( 'li.form-field, li.frmbutton_loadingnow' ).not( '.edit_field_type_end_divider' ); - size = $fields.length; - layoutClasses = getLayoutClasses(); - - if ( 'even' === type && 5 !== size ) { - $fields.each( getSyncLayoutClass( layoutClasses, getEvenClassForSize( size ) ) ); - } else if ( 'clear' === type ) { - $fields.each( getSyncLayoutClass( layoutClasses, '' ) ); - } else { - if ( -1 !== [ 'left', 'right', 'middle', 'even' ].indexOf( type ) ) { - classToAddFunction = function( index ) { - return getClassForBlock( size, type, index ); - }; - } else { - classToAddFunction = function( index ) { - const size = type[ index ]; - return getLayoutClassForSize( size ); - }; - } - - $fields.each( getSyncLayoutClass( layoutClasses, classToAddFunction ) ); - } - - updateFieldGroupControls( $item.parent(), $fields.length ); - } - - function updateFieldGroupControls( $row, count ) { - let rowOffset, shouldShowControls, controls; - - rowOffset = $row.offset(); - - if ( 'undefined' === typeof rowOffset ) { - return; - } - - shouldShowControls = count >= 2; - - controls = document.getElementById( 'frm_field_group_controls' ); - if ( null === controls ) { - if ( ! shouldShowControls ) { - // exit early. if we do not need controls and they do not exist, do nothing. - return; - } - - controls = div(); - controls.id = 'frm_field_group_controls'; - controls.setAttribute( 'role', 'group' ); - controls.setAttribute( 'tabindex', 0 ); - setFieldControlsHtml( controls ); - builderPage.appendChild( controls ); - } - - $row.append( controls ); - controls.style.display = shouldShowControls ? 'block' : 'none'; - } - - function setFieldControlsHtml( controls ) { - let layoutOption, moveOption; - - layoutOption = document.createElement( 'span' ); - layoutOption.innerHTML = ''; - const layoutOptionLabel = __( 'Set Row Layout', 'formidable' ); - addTooltip( layoutOption, layoutOptionLabel ); - makeTabbable( layoutOption, layoutOptionLabel ); - - moveOption = document.createElement( 'span' ); - moveOption.innerHTML = ''; - moveOption.classList.add( 'frm-move' ); - const moveOptionLabel = __( 'Move Field Group', 'formidable' ); - addTooltip( moveOption, moveOptionLabel ); - makeTabbable( moveOption, moveOptionLabel ); - - controls.innerHTML = ''; - controls.appendChild( layoutOption ); - controls.appendChild( moveOption ); - controls.appendChild( getFieldControlsDropdown() ); - } - - function addTooltip( element, title ) { - element.setAttribute( 'data-toggle', 'tooltip' ); - element.setAttribute( 'data-container', 'body' ); - element.setAttribute( 'title', title ); - element.addEventListener( - 'mouseover', - function() { - if ( null === element.getAttribute( 'data-original-title' ) ) { - jQuery( element ).tooltip(); - } - } - ); - } - - function getFieldControlsDropdown() { - const dropdown = span({ className: 'dropdown' }); - const trigger = a({ - className: 'frm_bstooltip frm-hover-icon frm-dropdown-toggle dropdown-toggle', - children: [ - span({ - child: svg({ href: '#frm_thick_more_vert_icon' }) - }), - span({ - className: 'screen-reader-text', - text: __( 'Toggle More Options Dropdown', 'formidable' ) - }) - ] - }); - - frmDom.setAttributes( - trigger, - { - 'title': __( 'More Options', 'formidable' ), - 'data-toggle': 'dropdown', - 'data-container': 'body' - } - ); - makeTabbable( trigger, __( 'More Options', 'formidable' ) ); - dropdown.appendChild( trigger ); - - const ul = div({ - className: 'frm-dropdown-menu dropdown-menu dropdown-menu-right' - }); - ul.setAttribute( 'role', 'menu' ); - dropdown.appendChild( ul ); - - return dropdown; - } - - function getSyncLayoutClass( layoutClasses, classToAdd ) { - return function( itemIndex ) { - let currentClassToAdd, length, layoutClassIndex, currentClass, activeLayoutClass, fieldId, layoutClassesInput; - - currentClassToAdd = 'function' === typeof classToAdd ? classToAdd( itemIndex ) : classToAdd; - length = layoutClasses.length; - activeLayoutClass = false; - for ( layoutClassIndex = 0; layoutClassIndex < length; ++layoutClassIndex ) { - currentClass = layoutClasses[ layoutClassIndex ]; - if ( this.classList.contains( currentClass ) ) { - activeLayoutClass = currentClass; - break; - } - } - - fieldId = this.dataset.fid; - - if ( 'undefined' === typeof fieldId ) { - // we are syncing the drag/drop placeholder before the actual field has loaded. - // this will get called again afterward and the input will exist then. - this.classList.add( currentClassToAdd ); - return; - } - - moveFieldSettings( document.getElementById( 'frm-single-settings-' + fieldId ) ); - layoutClassesInput = document.getElementById( 'frm_classes_' + fieldId ); - - if ( null === layoutClassesInput ) { - // not every field type has a layout class input. - return; - } - - if ( false === activeLayoutClass ) { - if ( '' !== currentClassToAdd ) { - layoutClassesInput.value = layoutClassesInput.value.concat( ' ' + currentClassToAdd ); - } - } else { - this.classList.remove( activeLayoutClass ); - layoutClassesInput.value = layoutClassesInput.value.replace( activeLayoutClass, currentClassToAdd ); - } - - if ( this.classList.contains( 'frm_first' ) ) { - this.classList.remove( 'frm_first' ); - layoutClassesInput.value = layoutClassesInput.value.replace( 'frm_first', '' ).trim(); - } - - if ( 0 === itemIndex ) { - this.classList.add( 'frm_first' ); - layoutClassesInput.value = layoutClassesInput.value.concat( ' frm_first' ); - } - - jQuery( layoutClassesInput ).trigger( 'change' ); - }; - } - - function getLayoutClasses() { - return [ 'frm_full', 'frm_half', 'frm_third', 'frm_fourth', 'frm_sixth', 'frm_two_thirds', 'frm_three_fourths', 'frm1', 'frm2', 'frm3', 'frm4', 'frm5', 'frm6', 'frm7', 'frm8', 'frm9', 'frm10', 'frm11', 'frm12' ]; - } - - function setupFieldOptionSorting( sort ) { - const opts = { - items: '.frm_sortable_field_opts li', - axis: 'y', - opacity: 0.65, - forcePlaceholderSize: false, - handle: '.frm-drag', - helper: function( e, li ) { - copyHelper = li.clone().insertAfter( li ); - return li.clone(); - }, - stop: function( e, ui ) { - copyHelper && copyHelper.remove(); - const fieldId = ui.item.attr( 'id' ).replace( 'frm_delete_field_', '' ).replace( '-' + ui.item.data( 'optkey' ) + '_container', '' ); - resetDisplayedOpts( fieldId ); - fieldUpdated(); - } - }; - jQuery( sort ).sortable( opts ); - } - - // Get the section where a field is dropped - function getSectionForFieldPlacement( currentItem ) { - let section = ''; - if ( typeof currentItem !== 'undefined' && ! currentItem.hasClass( 'edit_field_type_divider' ) ) { - section = currentItem.closest( '.edit_field_type_divider' ); - } - return section; - } - - // Get the form ID where a field is dropped - function getFormIdForFieldPlacement( section ) { - let formId = ''; - - if ( typeof section[0] !== 'undefined' ) { - const sDivide = section.children( '.start_divider' ); - sDivide.children( '.edit_field_type_end_divider' ).appendTo( sDivide ); - if ( typeof section.attr( 'data-formid' ) !== 'undefined' ) { - const fieldId = section.attr( 'data-fid' ); - formId = jQuery( 'input[name="field_options[form_select_' + fieldId + ']"]' ).val(); - } - } - - if ( typeof formId === 'undefined' || formId === '' ) { - formId = thisFormId; - } - - return formId; - } - - // Get the section ID where a field is dropped - function getSectionIdForFieldPlacement( section ) { - let sectionId = 0; - if ( typeof section[0] !== 'undefined' ) { - sectionId = section.attr( 'id' ).replace( 'frm_field_id_', '' ); - } - - return sectionId; - } - - /** - * Update a field after it is dragged and dropped into, out of, or between sections - * - * @param {Object} currentItem - * @param {Object} previousSection - * @returns {void} - */ - function updateFieldAfterMovingBetweenSections( currentItem, previousSection ) { - if ( ! currentItem.hasClass( 'form-field' ) ) { - // currentItem is a field group. Call for children recursively. - getFieldsInRow( jQuery( currentItem.get( 0 ).firstChild ) ).each( - function() { - updateFieldAfterMovingBetweenSections( jQuery( this ), previousSection ); - } - ); - return; - } - - const fieldId = currentItem.attr( 'id' ).replace( 'frm_field_id_', '' ); - const section = getSectionForFieldPlacement( currentItem ); - const formId = getFormIdForFieldPlacement( section ); - const sectionId = getSectionIdForFieldPlacement( section ); - const previousFormId = previousSection ? getFormIdForFieldPlacement( jQuery( previousSection.parentNode ) ) : 0; - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_update_field_after_move', - form_id: formId, - field: fieldId, - section_id: sectionId, - previous_form_id: previousFormId, - nonce: frmGlobal.nonce - }, - success: function() { - toggleSectionHolder(); - updateInSectionValue( fieldId, sectionId ); - } - }); - } - - // Update the in_section field value - function updateInSectionValue( fieldId, sectionId ) { - document.getElementById( 'frm_in_section_' + fieldId ).value = sectionId; - } - - /** - * Get the arguments for inserting a new field. - * - * @since 6.23 - * - * @param {string} fieldType - * @param {string} sectionId - * @param {string} formId - * @param {Number} hasBreak - * - * @returns {Object} - */ - function getInsertNewFieldArgs( fieldType, sectionId, formId, hasBreak ) { - return { - action: 'frm_insert_field', - form_id: formId, - field_type: fieldType, - section_id: sectionId, - nonce: frmGlobal.nonce, - has_break: hasBreak, - last_row_field_ids: getFieldIdsInSubmitRow() - }; - } - - /** - * Returns true if it's a range field type and slider type is not selected. - * - * @since 6.23 - * - * @param {string} fieldType - * @returns {boolean} - */ - function shouldStopInsertingField( fieldType ) { - return wp.hooks.applyFilters( 'frm_should_stop_inserting_field', false, fieldType ); - } - - /** - * Add a new field by dragging and dropping it from the Fields sidebar - * - * @param {string} fieldType - */ - function insertNewFieldByDragging( fieldType ) { - if ( shouldStopInsertingField( fieldType ) ) { - wp.hooks.doAction( 'frm_stopped_inserting_by_dragging', fieldType ); - return; - } - - const placeholder = document.getElementById( 'frm_drag_placeholder' ); - const loadingID = fieldType.replace( '|', '-' ) + '_' + getAutoId(); - const loading = tag( - 'li', - { - id: loadingID, - className: 'frm-wait frmbutton_loadingnow' - } - ); - const $placeholder = jQuery( loading ); - const currentItem = jQuery( placeholder ); - const section = getSectionForFieldPlacement( currentItem ); - const formId = getFormIdForFieldPlacement( section ); - const sectionId = getSectionIdForFieldPlacement( section ); - - placeholder.parentNode.insertBefore( loading, placeholder ); - placeholder.remove(); - syncLayoutClasses( $placeholder ); - - let hasBreak = 0; - if ( 'summary' === fieldType ) { - // see if we need to insert a page break before this newly-added summary field. Check for at least 1 page break - hasBreak = jQuery( '.frmbutton_loadingnow#' + loadingID ).prevAll( 'li[data-type="break"]' ).length ? 1 : 0; - } - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: getInsertNewFieldArgs( fieldType, sectionId, formId, hasBreak ), - success: function( msg ) { - handleInsertFieldByDraggingResponse( msg, $placeholder ); - - const fieldId = checkMsgForFieldId( msg ); - if ( fieldId ) { - /** - * Fires after a field is added. - * - * @since 6.23 - * - * @param {Object} fieldData The field data. - * @param {String} fieldData.field The field HTML. - * @param {String} fieldData.field_type The field type. - * @param {String} fieldData.form_id The form ID. - */ - wp.hooks.doAction( 'frm_after_field_added_in_form_builder', { - field: msg, - fieldId, - fieldType, - form_id: formId, - }); - } - }, - error: handleInsertFieldError - }); - } - - /** - * @param {String} msg - * @param {Object} $placeholder jQuery object. - */ - function handleInsertFieldByDraggingResponse( msg, $placeholder ) { - let replaceWith; - document.getElementById( 'frm_form_editor_container' ).classList.add( 'frm-has-fields' ); - const $siblings = $placeholder.siblings( 'li.form-field' ).not( '.edit_field_type_end_divider' ); - - if ( ! $siblings.length ) { - // if dragging into a new row, we need to wrap the li first. - replaceWith = wrapFieldLi( msg ); - } else { - replaceWith = msgAsjQueryObject( msg ); - if ( ! $placeholder.get( 0 ).parentNode.parentNode.classList.contains( 'ui-draggable' ) ) { - // If a field group wasn't draggable because it only had a single field, make it draggable. - makeDraggable( $placeholder.get( 0 ).parentNode.parentNode, '.frm-move' ); - } - } - $placeholder.replaceWith( replaceWith ); - updateFieldOrder(); - afterAddField( msg, false ); - if ( $siblings.length ) { - syncLayoutClasses( $siblings.first() ); - } - toggleSectionHolder(); - - if ( ! $siblings.length ) { - makeDroppable( replaceWith.get( 0 ).querySelector( 'ul.frm_sorting' ) ); - makeDraggable( replaceWith.get( 0 ).querySelector( 'li.form-field' ), '.frm-move' ); - } else { - makeDraggable( replaceWith.get( 0 ), '.frm-move' ); - } - } - - /** - * Get the field ID from the response message. - * - * @since 6.23 - * - * @param {String} msg - * @return {Number} - */ - function checkMsgForFieldId( msg ) { - const result = msg.match( /data-fid="(\d+)"/ ); - return result ? parseInt( result[1] ) : 0; - } - - function getFieldIdsInSubmitRow() { - const submitField = document.querySelector( '.edit_field_type_submit' ); - if ( ! submitField ) { - return []; - } - - const lastRowFields = submitField.parentNode.children; - const ids = []; - for ( let i = 0; i < lastRowFields.length; i++ ) { - ids.push( lastRowFields[ i ].dataset.fid ); - } - - return ids; - } - - function moveFieldThatAlreadyExists( draggable, placeholder ) { - placeholder.parentNode.insertBefore( draggable, placeholder ); - } - - function msgAsjQueryObject( msg ) { - const element = div(); - element.innerHTML = msg; - return jQuery( element.firstChild ); - } - - function handleInsertFieldError( jqXHR, _, errorThrown ) { - maybeShowInsertFieldError( errorThrown, jqXHR ); - } - - function maybeShowInsertFieldError( errorThrown, jqXHR ) { - if ( ! jqXHRAborted( jqXHR ) ) { - infoModal( errorThrown + '. Please try again.' ); - } - } - - function jqXHRAborted( jqXHR ) { - return jqXHR.status === 0 || jqXHR.readyState === 0; - } - - /** - * Get a unique id that automatically increments with every function call. - * Can be used for any UI that requires a unique id. - * Not to be used in data. - * - * @returns {integer} - */ - function getAutoId() { - return ++autoId; - } - - /** - * Determine if a draggable element can be droppable into a droppable element. - * - * Don't allow page break, embed form, or section inside section field - * Don't allow page breaks inside of field groups. - * Don't allow field groups with sections inside of sections. - * Don't allow field groups in field groups. - * Don't allow hidden fields inside of field groups but allow them in sections. - * Don't allow any fields below the submit button field. - * Don't allow submit button field above any fields. - * Don't allow GDPR fields in repeaters. - * - * @param {HTMLElement} draggable - * @param {HTMLElement} droppable - * @param {Event} event - * @returns {Boolean} - */ - function allowDrop( draggable, droppable, event ) { - if ( false === droppable ) { - // Don't show drop placeholder if dragging somewhere off of the droppable area. - return false; - } - - if ( droppable.closest( '.frm-sortable-helper' ) ) { - // Do not allow drop into draggable. - return false; - } - - const isSubmitBtn = draggable.classList.contains( 'edit_field_type_submit' ); - const containSubmitBtn = ! draggable.classList.contains( 'form_field' ) && !! draggable.querySelector( '.edit_field_type_submit' ); - - if ( 'frm-show-fields' === droppable.id ) { - const draggableIndex = determineIndexBasedOffOfMousePositionInList( jQuery( droppable ), event.clientY ); - - if ( isSubmitBtn || containSubmitBtn ) { - // Do not allow dropping submit button to above position. - const lastRowIndex = droppable.childElementCount - 1; - return draggableIndex > lastRowIndex; - } - - // Do not allow dropping other fields to below submit button. - const submitButtonIndex = jQuery( droppable.querySelector( '.edit_field_type_submit' ).closest( '#frm-show-fields > li' ) ).index(); - return draggableIndex <= submitButtonIndex; - } - - if ( isSubmitBtn ) { - if ( droppable.classList.contains( 'start_divider' ) ) { - // Don't allow dropping submit button into a repeater. - return false; - } - - if ( isLastRow( droppable.parentElement ) ) { - // Allow dropping submit button into the last row. - return true; - } - - if ( ! isLastRow( droppable.parentElement.nextElementSibling ) ) { - // Don't a dropping submit button into the row that isn't the second one from bottom. - return false; - } - - // Allow dropping submit button into the second row from bottom if there is only submit button in the last row. - return ! draggable.parentElement.querySelector( 'li.frm_field_box:not(.edit_field_type_submit)' ); - } - - if ( droppable.classList.contains( 'start_divider' ) && ( draggable.classList.contains( 'edit_field_type_gdpr' ) || draggable.id === 'gdpr' ) && droppable.closest( '.repeat_section' ) ) { - // Don't allow GDPR fields in repeaters. - return false; - } - - if ( ! droppable.classList.contains( 'start_divider' ) ) { - const $fieldsInRow = getFieldsInRow( jQuery( droppable ) ); - if ( ! groupCanFitAnotherField( $fieldsInRow, jQuery( draggable ) ) ) { - // Field group is full and cannot accept another field. - return false; - } - - if ( draggable.id === 'divider' && droppable.closest( '.start_divider' ) ) { - return false; - } - } - - const isNewField = draggable.classList.contains( 'frm-new-field' ); - if ( isNewField ) { - return allowNewFieldDrop( draggable, droppable ); - } - - return allowMoveField( draggable, droppable ); - } - - /** - * Checks if given element is the last row in form builder. - * - * @param {HTMLElement} element Element. - * @return {Boolean} - */ - function isLastRow( element ) { - return element && element.matches( '#frm-show-fields > li:last-child' ); - } - - // Don't allow a new page break or hidden field in a field group. - // Don't allow a new field into a field group that includes a page break or hidden field. - // Don't allow a new section inside of a section. - // Don't allow an embedded form in a section. - function allowNewFieldDrop( draggable, droppable ) { - const classes = draggable.classList; - const newPageBreakField = classes.contains( 'frm_tbreak' ); - const newHiddenField = classes.contains( 'frm_thidden' ); - const newSectionField = classes.contains( 'frm_tdivider' ); - const newEmbedField = classes.contains( 'frm_tform' ); - const newUserIdField = classes.contains( 'frm_tuser_id' ); - - const newFieldWillBeAddedToAGroup = ! ( 'frm-show-fields' === droppable.id || droppable.classList.contains( 'start_divider' ) ); - if ( newFieldWillBeAddedToAGroup ) { - if ( groupIncludesBreakOrHiddenOrUserId( droppable ) ) { - // Never allow any field beside a page break or a hidden field. - return false; - } - - return ! newHiddenField && ! newPageBreakField && ! newUserIdField; - } - - const fieldTypeIsAlwaysAllowed = ! newPageBreakField && ! newHiddenField && ! newSectionField && ! newEmbedField; - if ( fieldTypeIsAlwaysAllowed ) { - return true; - } - - const newFieldWillBeAddedToASection = droppable.classList.contains( 'start_divider' ) || null !== droppable.closest( '.start_divider' ); - if ( newFieldWillBeAddedToASection ) { - // Don't allow a section or an embedded form in a section. - return ! newEmbedField && ! newSectionField; - } - - return true; - } - - function allowMoveField( draggable, droppable ) { - if ( isFieldGroup( draggable ) ) { - return allowMoveFieldGroup( draggable, droppable ); - } - - const isPageBreak = draggable.classList.contains( 'edit_field_type_break' ); - if ( isPageBreak ) { - // Page breaks are only allowed in the main list of fields, not in sections or in field groups. - return false; - } - - if ( droppable.classList.contains( 'start_divider' ) ) { - return allowMoveFieldToSection( draggable ); - } - - const isHiddenField = draggable.classList.contains( 'edit_field_type_hidden' ); - const isUserIdField = draggable.classList.contains( 'edit_field_type_user_id' ); - if ( isHiddenField || isUserIdField ) { - // Hidden fields and user id fields should not be added to field groups since they're not shown - // and don't make sense with the grid distribution. - return false; - } - - return allowMoveFieldToGroup( draggable, droppable ); - } - - function isFieldGroup( draggable ) { - return draggable.classList.contains( 'frm_field_box' ) && ! draggable.classList.contains( 'form-field' ); - } - - function allowMoveFieldGroup( fieldGroup, droppable ) { - if ( droppable.classList.contains( 'start_divider' ) && null === fieldGroup.querySelector( '.start_divider' ) ) { - // Allow a field group with no section inside of a section. - return true; - } - return false; - } - - function allowMoveFieldToSection( draggable ) { - const draggableIncludeEmbedForm = draggable.classList.contains( 'edit_field_type_form' ) || draggable.querySelector( '.edit_field_type_form' ); - if ( draggableIncludeEmbedForm ) { - // Do not allow an embedded form inside of a section. - return false; - } - - const draggableIncludesSection = draggable.classList.contains( 'edit_field_type_divider' ) || draggable.querySelector( '.edit_field_type_divider' ); - if ( draggableIncludesSection ) { - // Do not allow a section inside of a section. - return false; - } - - return true; - } - - function allowMoveFieldToGroup( draggable, group ) { - if ( groupIncludesBreakOrHiddenOrUserId( group ) ) { - // Never allow any field beside a page break or a hidden field. - return false; - } - - const isFieldGroup = jQuery( draggable ).children( 'ul.frm_sorting' ).not( '.start_divider' ).length > 0; - if ( isFieldGroup ) { - // Do not allow a field group directly inside of a field group unless it's in a section. - return false; - } - - const draggableIncludesASection = draggable.classList.contains( 'edit_field_type_divider' ) || draggable.querySelector( '.edit_field_type_divider' ); - const draggableIsEmbedField = draggable.classList.contains( 'edit_field_type_form' ); - const groupIsInASection = null !== group.closest( '.start_divider' ); - if ( groupIsInASection && ( draggableIncludesASection || draggableIsEmbedField ) ) { - // Do not allow a section or an embed field inside of a section. - return false; - } - - return true; - } - - function groupIncludesBreakOrHiddenOrUserId( group ) { - return null !== group.querySelector( '.edit_field_type_break, .edit_field_type_hidden, .edit_field_type_user_id' ); - } - - function groupCanFitAnotherField( fieldsInRow, $field ) { - let fieldId; - if ( fieldsInRow.length < 6 ) { - return true; - } - if ( fieldsInRow.length > 6 ) { - return false; - } - fieldId = $field.attr( 'data-fid' ); - // allow 6 if we're not changing field groups. - return 1 === jQuery( fieldsInRow ).filter( '[data-fid="' + fieldId + '"]' ).length; - } - - function loadFields( fieldId ) { - const thisField = document.getElementById( fieldId ); - const $thisField = jQuery( thisField ); - const field = []; - const addHtmlToField = element => { - const frmHiddenFdata = element.querySelector( '.frm_hidden_fdata' ); - element.classList.add( 'frm_load_now' ); - if ( frmHiddenFdata !== null ) { - field.push( frmHiddenFdata.innerHTML ); - } - }; - - let nextElement = thisField; - addHtmlToField( nextElement ); - - let nextField = getNextField( nextElement ); - while ( nextField && field.length < 15 ) { - addHtmlToField( nextField ); - nextElement = nextField; - nextField = getNextField( nextField ); - } - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_load_field', - field: field, - form_id: thisFormId, - nonce: frmGlobal.nonce - }, - success: html => handleAjaxLoadFieldSuccess( html, $thisField, field ) - }); - } - - function getNextField( field ) { - if ( field.nextElementSibling ) { - return field.nextElementSibling; - } - return field.parentNode?.closest( '.frm_field_box' )?.nextElementSibling?.querySelector( '.form-field' ); - } - - function handleAjaxLoadFieldSuccess( html, $thisField, field ) { - let key, $nextSet; - - html = html.replace( /^\s+|\s+$/g, '' ); - if ( html.indexOf( '{' ) !== 0 ) { - jQuery( '.frm_load_now' ).removeClass( '.frm_load_now' ).html( 'Error' ); - return; - } - - html = JSON.parse( html ); - for ( key in html ) { - jQuery( '#frm_field_id_' + key ).replaceWith( html[key]); - setupSortable( '#frm_field_id_' + key + '.edit_field_type_divider ul.frm_sorting' ); - makeDraggable( document.getElementById( 'frm_field_id_' + key ) ); - } - - $nextSet = $thisField.nextAll( '.frm_field_loading:not(.frm_load_now)' ); - if ( $nextSet.length ) { - loadFields( $nextSet.attr( 'id' ) ); - } else { - // go up a level - $nextSet = jQuery( document.getElementById( 'frm-show-fields' ) ).find( '.frm_field_loading:not(.frm_load_now)' ); - if ( $nextSet.length ) { - loadFields( $nextSet.attr( 'id' ) ); - } - } - - initiateMultiselect(); - renumberPageBreaks(); - maybeHideQuantityProductFieldOption(); - - const loadedEvent = new Event( 'frm_ajax_loaded_field', { bubbles: false }); - loadedEvent.frmFields = field.map( f => JSON.parse( f ) ); - document.dispatchEvent( loadedEvent ); - } - - function addFieldClick() { - /*jshint validthis:true */ - const $thisObj = jQuery( this ); - // there is no real way to disable a (with a valid href attribute) in HTML - https://css-tricks.com/how-to-disable-links/ - if ( $thisObj.hasClass( 'disabled' ) ) { - return false; - } - - const $button = $thisObj.closest( '.frmbutton' ); - const fieldType = $button.attr( 'id' ); - - if ( shouldStopInsertingField( fieldType ) ) { - return; - } - - let hasBreak = 0; - if ( 'summary' === fieldType ) { - hasBreak = $newFields.children( 'li[data-type="break"]' ).length > 0 ? 1 : 0; - } - - const formId = thisFormId; - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: getInsertNewFieldArgs( fieldType, 0, formId, hasBreak ), - success: function( msg ) { - handleAddFieldClickResponse( msg ); - - const fieldId = checkMsgForFieldId( msg ); - if ( fieldId ) { - /** - * Fires after a field is added. - * - * @since 6.23 - * - * @param {Object} fieldData The field data. - * @param {String} fieldData.field The field HTML. - * @param {String} fieldData.field_type The field type. - * @param {String} fieldData.form_id The form ID. - */ - wp.hooks.doAction( 'frm_after_field_added_in_form_builder', { - field: msg, - fieldId, - fieldType, - form_id: formId, - }); - } - }, - error: handleInsertFieldError - }); - return false; - } - - function handleAddFieldClickResponse( msg ) { - document.getElementById( 'frm_form_editor_container' ).classList.add( 'frm-has-fields' ); - const replaceWith = wrapFieldLi( msg ); - const submitField = $newFields[0].querySelector( '.edit_field_type_submit' ); - - if ( ! submitField ) { - $newFields.append( replaceWith ); - } else { - jQuery( submitField.closest( '.frm_field_box:not(.form-field)' ) ).before( replaceWith ); - } - - afterAddField( msg, true ); - - replaceWith.each( - function() { - makeDroppable( this.querySelector( 'ul.frm_sorting' ) ); - makeDraggable( this.querySelector( '.form-field' ), '.frm-move' ); - } - ); - } - - function insertFormField( fieldType, fieldOptions = {} ) { - - return new Promise( ( resolve ) => { - const formId = thisFormId; - let hasBreak = 0; - - if ( 'summary' === fieldType ) { - hasBreak = $newFields.children( 'li[data-type="break"]' ).length > 0 ? 1 : 0; - } - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: Object.assign( getInsertNewFieldArgs( fieldType, 0, formId, hasBreak ), { field_options: fieldOptions } ), - success: function( msg ) { - resolve( msg ); - - setTimeout( () => { - updateFieldOrder(); - afterAddField( msg, true ); - - const fieldId = checkMsgForFieldId( msg ); - if ( fieldId ) { - /** - * Fires after a field is added. - * - * @since 6.23 - * - * @param {Object} fieldData The field data. - * @param {String} fieldData.field The field HTML. - * @param {String} fieldData.field_type The field type. - * @param {String} fieldData.form_id The form ID. - */ - wp.hooks.doAction( 'frm_after_field_added_in_form_builder', { - field: msg, - fieldId, - fieldType, - form_id: formId, - }); - } - }, 10 ); - }, - error: handleInsertFieldError - }); - } ); - } - - function maybeHideQuantityProductFieldOption() { - let hide = true, - opts = document.querySelectorAll( '.frmjs_prod_field_opt_cont' ); - - if ( $newFields.find( 'li.edit_field_type_product' ).length > 1 ) { - hide = false; - } - - for ( let i = 0; i < opts.length; i++ ) { - if ( hide ) { - opts[ i ].classList.add( 'frm_hidden' ); - } else { - opts[ i ].classList.remove( 'frm_hidden' ); - } - } - } - - /** - * Returns true if a field can be duplicated. - * - * @since 6.19 - * - * @param {HTMLElement} field - * @param {number} maxFieldsInGroup - * - * @returns {Boolean} - */ - function canDuplicateField( field, maxFieldsInGroup ) { - if ( field.classList.contains( 'frm-page-collapsed' ) ) { - return false; - } - const fieldGroup = field.closest( 'li.frm_field_box:not(.form-field)' ); - if ( ! fieldGroup ) { - return true; - } - const fieldsInGroup = getFieldsInRow( jQuery( fieldGroup.querySelector( 'ul' ) ) ).length; - return fieldsInGroup < maxFieldsInGroup; - } - - function duplicateField() { - let $field, fieldId, children, newRowId, fieldOrder; - const maxFieldsInGroup = 6; - - $field = jQuery( this ).closest( 'li.form-field' ); - newRowId = this.getAttribute( 'frm-target-row-id' ); - - if ( ! ( newRowId && newRowId.startsWith( 'frm_field_group_' ) ) && ! canDuplicateField( $field.get( 0 ), maxFieldsInGroup ) ) { - /* translators: %1$d: Maximum number of fields allowed in a field group. */ - infoModal( sprintf( __( 'You can only have a maximum of %1$d fields in a field group. Delete or move out a field from the group and try again.', 'formidable' ), maxFieldsInGroup ) ); - return; - } - - closeOpenFieldDropdowns(); - fieldId = $field.data( 'fid' ); - children = fieldsInSection( fieldId ); - - if ( null !== newRowId ) { - fieldOrder = this.getAttribute( 'frm-field-order' ); - } - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_duplicate_field', - field_id: fieldId, - form_id: thisFormId, - children: children, - nonce: frmGlobal.nonce - }, - success: function( msg ) { - let newRow; - - let replaceWith; - - if ( null !== newRowId ) { - newRow = document.getElementById( newRowId ); - if ( null !== newRow ) { - replaceWith = msgAsjQueryObject( msg ); - jQuery( newRow ).append( replaceWith ); - makeDraggable( replaceWith.get( 0 ), '.frm-move' ); - if ( null !== fieldOrder ) { - newRow.lastElementChild.setAttribute( 'frm-field-order', fieldOrder ); - } - jQuery( newRow ).trigger( - 'frm_added_duplicated_field_to_row', - { - duplicatedFieldHtml: msg, - originalFieldId: fieldId - } - ); - afterAddField( msg, false ); - setLayoutClassesForDuplicatedFieldInGroup( $field.get( 0 ), replaceWith.get( 0 ) ); - return; - } - } - - if ( $field.siblings( 'li.form-field' ).length ) { - replaceWith = msgAsjQueryObject( msg ); - $field.after( replaceWith ); - syncLayoutClasses( $field ); - makeDraggable( replaceWith.get( 0 ), '.frm-move' ); - } else { - replaceWith = wrapFieldLi( msg ); - $field.parent().parent().after( replaceWith ); - makeDroppable( replaceWith.get( 0 ).querySelector( 'ul.frm_sorting' ) ); - makeDraggable( replaceWith.get( 0 ).querySelector( 'li.form-field' ), '.frm-move' ); - } - - updateFieldOrder(); - afterAddField( msg, false ); - maybeDuplicateUnsavedSettings( fieldId, msg ); - toggleOneSectionHolder( replaceWith.find( '.start_divider' ) ); - $field[0].querySelector( '.frm-dropdown-menu.dropdown-menu-right' )?.classList.remove( 'show' ); - setLayoutClassesForDuplicatedFieldInGroup( $field.get( 0 ), replaceWith.get( 0 ) ); - } - }); - return false; - } - - /** - * Sets the layout classes for a duplicated field in a field group from the layout classes of the original field. - * - * @param {HTMLElement} field The original field. - * @param {HTMLElement} newField The duplicated field. - * - * @returns {void} - */ - function setLayoutClassesForDuplicatedFieldInGroup( field, newField ) { - const hoverTarget = field.closest( '.frm-field-group-hover-target' ); - if ( ! hoverTarget || ! isFieldGroup( hoverTarget.parentElement ) ) { - return; - } - const fieldId = field.dataset.fid; - let fieldClasses = document.getElementById( 'frm_classes_' + fieldId )?.value; - if ( ! fieldClasses ) { - return; - } - fieldClasses = fieldClasses.replace( 'frm_first', '' ); - if ( ! newField.className.includes( fieldClasses ) ) { - newField.className += ' ' + fieldClasses; - - const classesInput = document.getElementById( 'frm_classes_' + newField.dataset.fid ); - if ( classesInput ) { - classesInput.value = fieldClasses; - } - } - } - - function maybeDuplicateUnsavedSettings( originalFieldId, newFieldHtml ) { - let originalSettings, newFieldId, copySettings, fieldOptionKeys, originalDefault, copyDefault; - - originalSettings = document.getElementById( 'frm-single-settings-' + originalFieldId ); - if ( null === originalSettings ) { - return; - } - - newFieldId = jQuery( newFieldHtml ).attr( 'data-fid' ); - if ( 'undefined' === typeof newFieldId ) { - return; - } - - copySettings = document.getElementById( 'frm-single-settings-' + newFieldId ); - if ( null === copySettings ) { - return; - } - - fieldOptionKeys = [ - 'name', 'required', 'unique', 'read_only', 'placeholder', 'description', 'size', 'max', 'format', 'prepend', 'append', 'separate_value' - ]; - - originalSettings.querySelectorAll( 'input[name^="field_options["], textarea[name^="field_options["]' ).forEach( - function( originalSetting ) { - let key, tagType, copySetting; - - key = getKeyFromSettingInput( originalSetting ); - - if ( 'options' === key ) { - copyOption( originalSetting, copySettings, originalFieldId, newFieldId ); - return; - } - - if ( -1 === fieldOptionKeys.indexOf( key ) ) { - return; - } - - tagType = originalSetting.matches( 'input' ) ? 'input' : 'textarea'; - copySetting = copySettings.querySelector( tagType + '[name="field_options[' + key + '_' + newFieldId + ']"]' ); - if ( null === copySetting ) { - return; - } - - if ( 'checkbox' === originalSetting.type ) { - if ( originalSetting.checked !== copySetting.checked ) { - jQuery( copySetting ).trigger( 'click' ); - } - } else if ( 'text' === originalSetting.type || 'textarea' === tagType ) { - if ( originalSetting.value !== copySetting.value ) { - copySetting.value = originalSetting.value; - jQuery( copySetting ).trigger( 'change' ); - } - } - } - ); - - originalDefault = originalSettings.querySelector( 'input[name="default_value_' + originalFieldId + '"]' ); - if ( null !== originalDefault ) { - copyDefault = copySettings.querySelector( 'input[name="default_value_' + newFieldId + '"]' ); - if ( null !== copyDefault && originalDefault.value !== copyDefault.value ) { - copyDefault.value = originalDefault.value; - jQuery( copyDefault ).trigger( 'change' ); - } - } - } - - function copyOption( originalSetting, copySettings, originalFieldId, newFieldId ) { - let remainingKeyDetails, copyKey, copySetting; - remainingKeyDetails = originalSetting.name.substr( 23 + ( '' + originalFieldId ).length ); - copyKey = 'field_options[options_' + newFieldId + ']' + remainingKeyDetails; - copySetting = copySettings.querySelector( 'input[name="' + copyKey + '"]' ); - if ( null !== copySetting && copySetting.value !== originalSetting.value ) { - copySetting.value = originalSetting.value; - jQuery( copySetting ).trigger( 'change' ); - } - } - - function getKeyFromSettingInput( input ) { - let nameWithoutPrefix, nameSplit; - nameWithoutPrefix = input.name.substr( 14 ); - nameSplit = nameWithoutPrefix.split( '_' ); - nameSplit.pop(); - return nameSplit.join( '_' ); - } - - function closeOpenFieldDropdowns() { - const openSettings = document.querySelector( '.frm-field-settings-open' ); - if ( null !== openSettings ) { - openSettings.classList.remove( 'frm-field-settings-open' ); - jQuery( document ).off( 'click', '#frm_builder_page', handleClickOutsideOfFieldSettings ); - jQuery( '.frm-field-action-icons .dropdown.open' ).removeClass( 'open' ); - } - } - - function handleClickOutsideOfFieldSettings( event ) { - if ( ! jQuery( event.originalEvent.target ).closest( '.frm-field-action-icons' ).length ) { - closeOpenFieldDropdowns(); - } - } - - function checkForMultiselectKeysOnMouseMove( event ) { - const keyIsDown = ! ! ( event.ctrlKey || event.metaKey || event.shiftKey ); - jQuery( builderPage ).toggleClass( 'frm-multiselect-key-is-down', keyIsDown ); - checkForActiveHoverTarget( event ); - } - - function checkForActiveHoverTarget( event ) { - let container, elementFromPoint, list, previousHoverTarget; - - container = postBodyContent; - if ( container.classList.contains( 'frm-dragging-field' ) ) { - return; - } - - if ( null !== document.querySelector( '.frm-field-group-hover-target .frm-field-settings-open' ) ) { - // do not set a hover target if a dropdown is open for the current hover target. - return; - } - - elementFromPoint = document.elementFromPoint( event.clientX, event.clientY ); - if ( null !== elementFromPoint && ! elementFromPoint.classList.contains( 'edit_field_type_divider' ) ) { - - list = elementFromPoint.closest( 'ul.frm_sorting' ); - - if ( null !== list && ! list.classList.contains( 'start_divider' ) && 'frm-show-fields' !== list.id ) { - previousHoverTarget = maybeRemoveGroupHoverTarget(); - if ( false !== previousHoverTarget && ! jQuery( previousHoverTarget ).is( list ) ) { - destroyFieldGroupPopup(); - } - updateFieldGroupControls( jQuery( list ), getFieldsInRow( jQuery( list ) ).length ); - list.classList.add( 'frm-field-group-hover-target' ); - jQuery( '#wpbody-content' ).on( 'mousemove', maybeRemoveHoverTargetOnMouseMove ); - } - } - } - - function maybeRemoveGroupHoverTarget() { - let controls, previousHoverTarget; - - controls = document.getElementById( 'frm_field_group_controls' ); - if ( null !== controls ) { - controls.style.display = 'none'; - } - - previousHoverTarget = document.querySelector( '.frm-field-group-hover-target' ); - if ( null === previousHoverTarget ) { - return false; - } - - jQuery( '#wpbody-content' ).off( 'mousemove', maybeRemoveHoverTargetOnMouseMove ); - previousHoverTarget.classList.remove( 'frm-field-group-hover-target' ); - return previousHoverTarget; - } - - function maybeRemoveHoverTargetOnMouseMove( event ) { - const elementFromPoint = document.elementFromPoint( event.clientX, event.clientY ); - if ( null !== elementFromPoint && null !== elementFromPoint.closest( '#frm-show-fields' ) ) { - return; - } - maybeRemoveGroupHoverTarget(); - } - - function onFieldActionDropdownShow( isFieldGroup ) { - unselectFieldGroups(); - // maybe offset the dropdown if it goes off of the right of the screen. - setTimeout( - function() { - let ul, $ul; - ul = document.querySelector( '.dropdown.show .frm-dropdown-menu' ); - if ( null === ul ) { - return; - } - if ( null === ul.getAttribute( 'aria-label' ) ) { - ul.setAttribute( 'aria-label', __( 'More Options', 'formidable' ) ); - } - if ( 0 === ul.children.length ) { - fillFieldActionDropdown( ul, true === isFieldGroup ); - } - $ul = jQuery( ul ); - if ( $ul.offset().left > jQuery( window ).width() - $ul.outerWidth() ) { - ul.style.left = ( -$ul.outerWidth() ) + 'px'; - } - const firstAnchor = ul.firstElementChild.querySelector( 'a' ); - if ( firstAnchor ) { - firstAnchor.focus(); - } - }, - 0 - ); - } - - function onFieldGroupActionDropdownShow() { - onFieldActionDropdownShow( true ); - } - - function changeSectionStyle( e ) { - const collapsedSection = e.target.closest( '.frm-section-collapsed' ); - if ( ! collapsedSection ) { - return; - } - - if ( e.type === 'show' ) { - collapsedSection.style.zIndex = 3; - } else { - collapsedSection.style.zIndex = 1; - } - } - - function fillFieldActionDropdown( ul, isFieldGroup ) { - let classSuffix, options; - classSuffix = isFieldGroup ? '_field_group' : '_field'; - options = [ getDeleteActionOption( isFieldGroup ), getDuplicateActionOption( isFieldGroup ) ]; - if ( ! isFieldGroup ) { - options.push( - { class: 'frm_select', icon: 'frm_settings_icon', label: __( 'Field Settings', 'formidable' ) } - ); - } - options.forEach( - function( option ) { - let li, anchor, span; - li = document.createElement( 'div' ); - li.classList.add( 'frm_more_options_li', 'dropdown-item' ); - - anchor = document.createElement( 'a' ); - anchor.classList.add( option.class + classSuffix ); - anchor.setAttribute( 'href', '#' ); - makeTabbable( anchor ); - - span = document.createElement( 'span' ); - span.textContent = option.label; - anchor.innerHTML = ''; - anchor.appendChild( document.createTextNode( ' ' ) ); - anchor.appendChild( span ); - - li.appendChild( anchor ); - ul.appendChild( li ); - } - ); - } - - function getDeleteActionOption( isFieldGroup ) { - const option = { class: 'frm_delete', icon: 'frm_delete_icon' }; - option.label = isFieldGroup ? __( 'Delete Group', 'formidable' ) : __( 'Delete', 'formidable' ); - return option; - } - - function getDuplicateActionOption( isFieldGroup ) { - const option = { class: 'frm_clone', icon: 'frm_clone_icon' }; - option.label = isFieldGroup ? __( 'Duplicate Group', 'formidable' ) : __( 'Duplicate', 'formidable' ); - return option; - } - - function wrapFieldLi( field ) { - const wrapper = div(); - - if ( 'string' === typeof field ) { - wrapper.innerHTML = field; - } else { - wrapper.appendChild( field ); - } - - let result = jQuery(); - Array.from( wrapper.children ).forEach( - li => { - result = result.add( - jQuery( '
  • ' ) - .addClass( 'frm_field_box' ) - .html( - jQuery( '
      ' ).addClass( 'frm_grid_container frm_sorting' ).append( li ) - ) - ); - } - ); - - return result; - } - - function wrapFieldLiInPlace( li ) { - const ul = tag( - 'ul', - { - className: 'frm_grid_container frm_sorting' - } - ); - const wrapper = tag( - 'li', - { - className: 'frm_field_box', - child: ul - } - ); - - li.replaceWith( wrapper ); - ul.appendChild( li ); - - makeDroppable( ul ); - makeDraggable( wrapper, '.frm-move' ); - } - - function afterAddField( msg, addFocus ) { - const regex = /id="(\S+)"/; - const match = regex.exec( msg ); - const field = document.getElementById( match[1]); - const section = '#' + match[1] + '.edit_field_type_divider ul.frm_sorting.start_divider'; - const $thisSection = jQuery( section ); - const type = field.getAttribute( 'data-type' ); - - checkHtmlForNewFields( msg ); - - let toggled = false; - - fieldUpdated(); - setupSortable( section ); - - if ( 'quantity' === type ) { - // try to automatically attach a product field - maybeSetProductField( field ); - } - - if ( 'product' === type || 'quantity' === type ) { - // quantity too needs to be a part of the if stmt especially cos of the very - // 1st quantity field (or even if it's just one quantity field in the form). - maybeHideQuantityProductFieldOption(); - } - - if ( $thisSection.length ) { - $thisSection.parent( '.frm_field_box' ).children( '.frm_no_section_fields' ).addClass( 'frm_block' ); - } else { - const $parentSection = jQuery( field ).closest( 'ul.frm_sorting.start_divider' ); - if ( $parentSection.length ) { - toggleOneSectionHolder( $parentSection ); - toggled = true; - } - } - - if ( msg.indexOf( 'frm-collapse-page' ) !== -1 ) { - renumberPageBreaks(); - } - - addClass( field, 'frm-newly-added' ); - setTimeout( function() { - field.classList.remove( 'frm-newly-added' ); - }, 1000 ); - - if ( addFocus ) { - const bounding = field.getBoundingClientRect(), - container = document.getElementById( 'post-body-content' ), - inView = ( bounding.top >= 0 && - bounding.left >= 0 && - bounding.right <= ( window.innerWidth || document.documentElement.clientWidth ) && - bounding.bottom <= ( window.innerHeight || document.documentElement.clientHeight ) - ); - - if ( ! inView ) { - container.scroll({ - top: container.scrollHeight, - left: 0, - behavior: 'smooth' - }); - } - - if ( toggled === false ) { - toggleOneSectionHolder( $thisSection ); - } - } - - deselectFields(); - initiateMultiselect(); - - document.getElementById( 'frm-show-fields' ).classList.remove( 'frm-over-droppable' ); - - const addedEvent = new Event( 'frm_added_field', { bubbles: false }); - addedEvent.frmField = field; - addedEvent.frmSection = section; - addedEvent.frmType = type; - addedEvent.frmToggles = toggled; - document.dispatchEvent( addedEvent ); - } - - /** - * Since multiple new fields may get added when a new field is inserted, check the HTML. - * - * @param {string} html - * @returns {void} - */ - function checkHtmlForNewFields( html ) { - const element = div(); - element.innerHTML = html; - element.querySelectorAll( '.form-field' ).forEach( addFieldIdToDraftFieldsInput ); - } - - /** - * @param {HTMLElement} field - * @returns {void} - */ - function addFieldIdToDraftFieldsInput( field ) { - if ( ! field.dataset.fid ) { - return; - } - - const draftInput = document.getElementById( 'draft_fields' ); - if ( ! draftInput ) { - return; - } - - if ( '' === draftInput.value ) { - draftInput.value = field.dataset.fid; - } else { - const split = draftInput.value.split( ',' ); - if ( ! split.includes( field.dataset.fid ) ) { - draftInput.value += ',' + field.dataset.fid; - } - } - } - - function clearSettingsBox( preventFieldGroups ) { - jQuery( '#new_fields .frm-single-settings' ).addClass( 'frm_hidden' ); - jQuery( '#frm-options-panel > .frm-single-settings' ).removeClass( 'frm_hidden' ); - deselectFields( preventFieldGroups ); - } - - function deselectFields( preventFieldGroups ) { - jQuery( 'li.ui-state-default.selected' ).removeClass( 'selected' ); - jQuery( '.frm-show-field-settings.selected' ).removeClass( 'selected' ); - if ( ! preventFieldGroups ) { - unselectFieldGroups(); - } - } - - function scrollToField( field ) { - const newPos = field.getBoundingClientRect().top, - container = document.getElementById( 'post-body-content' ); - - if ( typeof animate === 'undefined' ) { - jQuery( container ).scrollTop( newPos ); - } else { - // TODO: smooth scroll - jQuery( container ).animate({ scrollTop: newPos }, 500 ); - } - } - - function checkCalculationCreatedByUser() { - const calculation = this.value; - let warningMessage = checkMatchingParens( calculation ); - warningMessage += checkShortcodes( calculation, this ); - - if ( warningMessage !== '' ) { - infoModal( calculation + '\n\n' + warningMessage ); - } - } - - /** - * Checks a string for parens, brackets, and curly braces and returns a message if any unmatched are found. - * @param formula - * @returns {string} - */ - function checkMatchingParens( formula ) { - - let stack = [], - formulaArray = formula.split( '' ), - length = formulaArray.length, - opening = [ '{', '[', '(' ], - closing = { - '}': '{', - ')': '(', - ']': '[' - }, - unmatchedClosing = [], - msg = '', - i, top; - - for ( i = 0; i < length; i++ ) { - if ( opening.includes( formulaArray[i]) ) { - stack.push( formulaArray[i]); - continue; - } - if ( closing.hasOwnProperty( formulaArray[i]) ) { - top = stack.pop(); - if ( top !== closing[formulaArray[i]]) { - unmatchedClosing.push( formulaArray[i]); - } - } - } - - if ( stack.length > 0 || unmatchedClosing.length > 0 ) { - msg = frmAdminJs.unmatched_parens + '\n\n'; - return msg; - } - - return ''; - } - - /** - * Checks a calculation for shortcodes that shouldn't be in it and returns a message if found. - * @param calculation - * @param inputElement - * @returns {string} - */ - function checkShortcodes( calculation, inputElement ) { - let msg = checkNonNumericShortcodes( calculation, inputElement ); - msg += checkNonFormShortcodes( calculation ); - - return msg; - } - - /** - * Checks if a numeric calculation has shortcodes that output non-numeric strings and returns a message if found. - * @param calculation - * - * @param inputElement - * @returns {string} - */ - function checkNonNumericShortcodes( calculation, inputElement ) { - - let msg = ''; - - if ( isTextCalculation( inputElement ) ) { - return msg; - } - - const nonNumericShortcodes = getNonNumericShortcodes(); - - if ( nonNumericShortcodes.test( calculation ) ) { - msg = frmAdminJs.text_shortcodes + '\n\n'; - } - - return msg; - } - - /** - * Determines if the calculation input is from a text calculation. - * - * @param inputElement - */ - function isTextCalculation( inputElement ) { - return jQuery( inputElement ).siblings( 'label[for^="calc_type"]' ).children( 'input' ).prop( 'checked' ); - } - - /** - * Returns a regular expression of shortcodes that can't be used in numeric calculations. - * @returns {RegExp} - */ - function getNonNumericShortcodes() { - return /\[(date|time|email|ip)\]/; - } - - /** - * Checks if a string has any shortcodes that do not belong in forms and returns a message if any are found. - * @param formula - * @returns {string} - */ - function checkNonFormShortcodes( formula ) { - let nonFormShortcodes = getNonFormShortcodes(), - msg = ''; - - if ( nonFormShortcodes.test( formula ) ) { - msg += frmAdminJs.view_shortcodes + '\n\n'; - } - - return msg; - } - - /** - * Returns a regular expression of shortcodes that can't be used in forms but can be used in Views, Email - * Notifications, and other Formidable areas. - * - * @returns {RegExp} - */ - function getNonFormShortcodes() { - return /\[id\]|\[key\]|\[if\s\w+\]|\[foreach\s\w+\]|\[created-at(\s*)?/g; - } - - function isCalcBoxType( box, listClass ) { - const list = jQuery( box ).find( '.frm_code_list' ); - return 1 === list.length && list.hasClass( listClass ); - } - - function extractExcludedOptions( exclude ) { - const opts = []; - if ( ! Array.isArray( exclude ) ) { - return opts; - } - - for ( let i = 0; i < exclude.length; i++ ) { - if ( exclude[ i ].startsWith( '[' ) ) { - opts.push( exclude[ i ]); - // remove it - exclude.splice( i, 1 ); - // https://love2dev.com/blog/javascript-remove-from-array/#remove-from-array-splice-value - i--; - } - } - - return opts; - } - - function hasExcludedOption( field, excludedOpts ) { - let hasOption = false; - for ( let i = 0; i < excludedOpts.length; i++ ) { - const inputs = document.getElementsByName( getFieldOptionInputName( excludedOpts[ i ], field.fieldId ) ); - // 2nd condition checks that there's at least one non-empty value - if ( inputs.length && jQuery( inputs[0]).val() ) { - hasOption = true; - break; - } - } - return hasOption; - } - - function getFieldOptionInputName( opt, fieldId ) { - const at = opt.indexOf( ']' ); - return 'field_options' + opt.substring( 0, at ) + '_' + fieldId + opt.substring( at ); - } - - function popCalcFields( v, force ) { - let box, exclude, fields, i, list, - p = jQuery( v ).closest( '.frm-single-settings' ), - calc = p.find( '.frm-calc-field' ); - - if ( ! force && ( ! calc.length || calc.val() === '' || calc.is( ':hidden' ) ) ) { - return; - } - - const isSummary = isCalcBoxType( v, 'frm_js_summary_list' ); - - const fieldId = p.find( 'input[name="frm_fields_submitted[]"]' ).val(); - - if ( force ) { - box = v; - } else { - box = document.getElementById( 'frm-calc-box-' + fieldId ); - } - - exclude = getExcludeArray( box, isSummary ); - const excludedOpts = extractExcludedOptions( exclude ); - - fields = getFieldList(); - list = document.getElementById( 'frm-calc-list-' + fieldId ); - list.innerHTML = ''; - - for ( i = 0; i < fields.length; i++ ) { - if ( ( exclude && exclude.includes( fields[ i ].fieldType ) ) || - ( excludedOpts.length && hasExcludedOption( fields[ i ], excludedOpts ) ) ) { - continue; - } - - const span = document.createElement( 'span' ); - span.appendChild( document.createTextNode( '[' + fields[i].fieldId + ']' ) ); - - const a = document.createElement( 'a' ); - a.setAttribute( 'href', '#' ); - a.setAttribute( 'data-code', fields[i].fieldId ); - a.classList.add( 'frm_insert_code' ); - a.appendChild( span ); - a.appendChild( document.createTextNode( fields[i].fieldName ) ); - - const li = document.createElement( 'li' ); - li.classList.add( 'frm-field-list-' + fieldId ); - li.classList.add( 'frm-field-list-' + fields[i].fieldType ); - li.appendChild( a ); - list.appendChild( li ); - } - } - - function getExcludeArray( calcBox, isSummary ) { - const exclude = JSON.parse( calcBox.getElementsByClassName( 'frm_code_list' )[0].getAttribute( 'data-exclude' ) ); - - if ( isSummary ) { - // includedExtras are those that are normally excluded from the summary but the form owner can choose to include, - // when they have been chosen to be included, then they can now be manually excluded in the calc box. - const includedExtras = getIncludedExtras(); - if ( includedExtras.length ) { - for ( let i = 0; i < exclude.length; i++ ) { - if ( includedExtras.includes( exclude[ i ]) ) { - // remove it - exclude.splice( i, 1 ); - // https://love2dev.com/blog/javascript-remove-from-array/#remove-from-array-splice-value - i--; - } - } - } - } - - return exclude; - } - - function getIncludedExtras() { - const checked = []; - const checkboxes = document.getElementsByClassName( 'frm_include_extras_field' ); - - for ( let i = 0; i < checkboxes.length; i++ ) { - if ( checkboxes[i].checked ) { - checked.push( checkboxes[i].value ); - } - } - - return checked; - } - - function rePopCalcFieldsForSummary() { - popCalcFields( jQuery( '.frm-inline-modal.postbox:has(.frm_js_summary_list)' )[0], true ); - } - - function getFieldList( fieldType ) { - let i, - fields = [], - allFields = document.querySelectorAll( 'li.frm_field_box' ), - checkType = 'undefined' !== typeof fieldType; - - for ( i = 0; i < allFields.length; i++ ) { - // data-ftype is better (than data-type) cos of fields loaded by AJAX - which might not be ready yet - if ( checkType && allFields[ i ].getAttribute( 'data-ftype' ) !== fieldType ) { - continue; - } - - const fieldId = allFields[ i ].getAttribute( 'data-fid' ); - if ( typeof fieldId !== 'undefined' && fieldId ) { - fields.push({ - 'fieldId': fieldId, - 'fieldName': getPossibleValue( 'frm_name_' + fieldId ), - 'fieldType': getPossibleValue( 'field_options_type_' + fieldId ), - 'fieldKey': getPossibleValue( 'field_options_field_key_' + fieldId ) - }); - } - } - - return wp.hooks.applyFilters( 'frm_admin_get_field_list', fields, fieldType, allFields ); - } - - function popProductFields( field ) { - let i, checked, id, - options = [], - current = getCurrentProductFields( field ), - fName = field.getAttribute( 'data-frmfname' ), - products = getFieldList( 'product' ), - quantities = getFieldList( 'quantity' ), - isSelect = field.tagName === 'SELECT', // for reverse compatibility. - // whether we have just 1 product and 1 quantity field & should therefore attach the latter to the former - auto = 1 === quantities.length && 1 === products.length; - - if ( isSelect ) { - // This fallback can be removed after 4.05. - current = field.getAttribute( 'data-frmcurrent' ); - } - - for ( i = 0 ; i < products.length ; i++ ) { - // let's be double sure it's string, else indexOf will fail - id = products[ i ].fieldId.toString(); - checked = auto || -1 !== current.indexOf( id ); - if ( isSelect ) { - // This fallback can be removed after 4.05. - checked = checked ? ' selected' : ''; - options.push( '' ); - } else { - checked = checked ? ' checked' : ''; - options.push( '' ); - } - } - - field.innerHTML = options.join( '' ); - } - - function getCurrentProductFields( prodFieldOpt ) { - const products = prodFieldOpt.querySelectorAll( '[type="checkbox"]:checked' ), - idsArray = []; - - for ( let i = 0; i < products.length; i++ ) { - idsArray.push( products[ i ].value ); - } - - return idsArray; - } - - function popAllProductFields() { - const opts = document.querySelectorAll( '.frmjs_prod_field_opt' ); - for ( let i = 0; i < opts.length; i++ ) { - popProductFields( opts[ i ]); - } - } - - function maybeSetProductField( field ) { - const fieldId = field.getAttribute( 'data-fid' ), - productFieldOpt = document.getElementById( 'field_options[product_field_' + fieldId + ']' ); - - if ( null === productFieldOpt ) { - return; - } - - popProductFields( productFieldOpt ); - // in order to move its settings to that LHS panel where - // the update form resides, else it'll lose this setting - moveFieldSettings( document.getElementById( 'frm-single-settings-' + fieldId ) ); - } - - /** - * If the element doesn't exist, use a blank value. - */ - function getPossibleValue( id ) { - const field = document.getElementById( id ); - if ( field !== null ) { - return field.value; - } - return ''; - } - - function liveChanges() { - /*jshint validthis:true */ - let option, - newValue = this.value, - changes = document.getElementById( this.getAttribute( 'data-changeme' ) ), - att = this.getAttribute( 'data-changeatt' ); - - if ( changes === null ) { - return; - } - - if ( att !== null ) { - if ( changes.tagName === 'SELECT' && att === 'placeholder' ) { - option = changes.options[0]; - if ( option.value === '' ) { - option.innerHTML = newValue; - } else { - // Create a placeholder option if there are no blank values. - addBlankSelectOption( changes, newValue ); - } - } else if ( att === 'class' ) { - changeFieldClass( changes, this ); - } else if ( isSliderField( changes ) ) { - updateSliderFieldPreview( changes, att, newValue ); - } else { - changes.setAttribute( att, newValue ); - } - } else if ( changes.id.indexOf( 'setup-message' ) === 0 ) { - if ( newValue !== '' ) { - changes.innerHTML = ''; - } - } else { - changes.innerHTML = purifyHtml( newValue ); - if ( 'TEXTAREA' === changes.nodeName && changes.classList.contains( 'wp-editor-area' ) ) { - // Trigger change events on wysiwyg textareas so we can also sync default values in the visual tab. - jQuery( changes ).trigger( 'change' ); - } - - if ( changes.classList.contains( 'frm_primary_label' ) && 'break' === changes.nextElementSibling.getAttribute( 'data-ftype' ) ) { - changes.nextElementSibling.querySelector( '.frm_button_submit' ).textContent = newValue; - } - } - } - - function updateSliderFieldPreview( field, att, newValue ) { - if ( frmGlobal.proIncludesSliderJs ) { - const hookName = 'frm_update_slider_field_preview'; - const hookArgs = { field, att, newValue }; - wp.hooks.doAction( hookName, hookArgs ); - return; - } - - // This functionality has been moved to pro since v5.4.3. This code should be removed eventually. - if ( 'value' === att ) { - if ( '' === newValue ) { - newValue = getSliderMidpoint( field ); - } - field.value = newValue; - } else { - field.setAttribute( att, newValue ); - } - - if ( -1 === [ 'value', 'min', 'max' ].indexOf( att ) ) { - return; - } - - if ( ( 'max' === att || 'min' === att ) && '' === getSliderDefaultValueInput( field.id ) ) { - field.value = getSliderMidpoint( field ); - } - - field.parentNode.querySelector( '.frm_range_value' ).textContent = field.value; - } - - function getSliderDefaultValueInput( previewInputId ) { - return document.querySelector( 'input[data-changeme="' + previewInputId + '"][data-changeatt="value"]' ).value; - } - - function getSliderMidpoint( sliderInput ) { - const max = parseFloat( sliderInput.getAttribute( 'max' ) ); - const min = parseFloat( sliderInput.getAttribute( 'min' ) ); - return ( max - min ) / 2 + min; - } - - function isSliderField( previewInput ) { - return 'range' === previewInput.type && previewInput.parentNode.classList.contains( 'frm_range_container' ); - } - - function toggleInvalidMsg() { - /*jshint validthis:true */ - let typeDropdown, fieldType, - fieldId = this.getAttribute( 'data-fid' ), - value = ''; - - [ 'field_options_max_', 'frm_format_' ].forEach( function( id ) { - const input = document.getElementById( id + fieldId ); - if ( ! input ) { - return; - } - - value += input.value; - }); - - typeDropdown = document.getElementsByName( 'field_options[type_' + fieldId + ']' )[0]; - fieldType = typeDropdown.options[typeDropdown.selectedIndex].value; - - if ( fieldType === 'text' ) { - toggleValidationBox( '' !== value, '.frm_invalid_msg' + fieldId ); - } - } - - function markRequired() { - /*jshint validthis:true */ - const thisid = this.id.replace( 'frm_', '' ), - fieldId = thisid.replace( 'req_field_', '' ), - checked = this.checked, - label = jQuery( '#field_label_' + fieldId + ' .frm_required' ); - - toggleValidationBox( checked, '.frm_required_details' + fieldId ); - - if ( checked ) { - const $reqBox = jQuery( 'input[name="field_options[required_indicator_' + fieldId + ']"]' ); - if ( $reqBox.val() === '' ) { - $reqBox.val( '*' ); - } - label.removeClass( 'frm_hidden' ); - } else { - label.addClass( 'frm_hidden' ); - } - } - - function toggleValidationBox( hasValue, messageClass ) { - $msg = jQuery( messageClass ); - if ( hasValue ) { - $msg.fadeIn( 'fast' ).closest( '.frm_validation_msg' ).fadeIn( 'fast' ); - } else { - //Fade out validation options - const v = $msg.fadeOut( 'fast' ).closest( '.frm_validation_box' ).children( ':not(' + messageClass + '):visible' ).length; - if ( v === 0 ) { - $msg.closest( '.frm_validation_msg' ).fadeOut( 'fast' ); - } - } - } - - function markUnique() { - /*jshint validthis:true */ - const fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - const $thisField = jQuery( '.frm_unique_details' + fieldId ); - if ( this.checked ) { - $thisField.fadeIn( 'fast' ).closest( '.frm_validation_msg' ).fadeIn( 'fast' ); - $unqDetail = jQuery( '.frm_unique_details' + fieldId + ' input' ); - if ( $unqDetail.val() === '' ) { - $unqDetail.val( frmAdminJs.default_unique ); - } - } else { - const v = $thisField.fadeOut( 'fast' ).closest( '.frm_validation_box' ).children( ':not(.frm_unique_details' + fieldId + '):visible' ).length; - if ( v === 0 ) { - $thisField.closest( '.frm_validation_msg' ).fadeOut( 'fast' ); - } - } - } - - //Fade confirmation field and validation option in or out - function addConf() { - /*jshint validthis:true */ - const fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - const val = jQuery( this ).val(); - const $thisField = jQuery( document.getElementById( 'frm_field_id_' + fieldId ) ); - - toggleValidationBox( val !== '', '.frm_conf_details' + fieldId ); - - if ( val !== '' ) { - //Add default validation message if empty - const valMsg = jQuery( '.frm_validation_box .frm_conf_details' + fieldId + ' input' ); - if ( valMsg.val() === '' ) { - valMsg.val( frmAdminJs.default_conf ); - } - - setConfirmationFieldDescriptions( fieldId ); - - //Add or remove class for confirmation field styling - if ( val === 'inline' ) { - $thisField.removeClass( 'frm_conf_below' ).addClass( 'frm_conf_inline' ); - } else if ( val === 'below' ) { - $thisField.removeClass( 'frm_conf_inline' ).addClass( 'frm_conf_below' ); - } - jQuery( '.frm-conf-box-' + fieldId ).removeClass( 'frm_hidden' ); - } else { - jQuery( '.frm-conf-box-' + fieldId ).addClass( 'frm_hidden' ); - setTimeout( function() { - $thisField.removeClass( 'frm_conf_inline frm_conf_below' ); - }, 200 ); - } - } - - function setConfirmationFieldDescriptions( fieldId ) { - const fieldType = document.getElementsByName( 'field_options[type_' + fieldId + ']' )[0].value; - - const fieldDescription = document.getElementById( 'field_description_' + fieldId ); - const hiddenDescName = 'field_options[description_' + fieldId + ']'; - const newValue = frmAdminJs['enter_' + fieldType]; - maybeSetNewDescription( fieldDescription, hiddenDescName, newValue ); - - const confFieldDescription = document.getElementById( 'conf_field_description_' + fieldId ); - const hiddenConfName = 'field_options[conf_desc_' + fieldId + ']'; - const newConfValue = frmAdminJs['confirm_' + fieldType]; - maybeSetNewDescription( confFieldDescription, hiddenConfName, newConfValue ); - } - - function maybeSetNewDescription( descriptionDiv, hiddenName, newValue ) { - if ( descriptionDiv.innerHTML === frmAdminJs.desc ) { - - // Set the visible description value and the hidden description value - descriptionDiv.innerHTML = newValue; - document.getElementsByName( hiddenName )[0].value = newValue; - } - } - - function initBulkOptionsOverlay() { - /*jshint validthis:true */ - const $info = initModal( '#frm-bulk-modal', '700px' ); - if ( $info === false ) { - return; - } - - jQuery( '.frm-insert-preset' ).on( 'click', insertBulkPreset ); - - jQuery( builderForm ).on( 'click', 'a.frm-bulk-edit-link', function( event ) { - event.preventDefault(); - let i, key, label, - content = '', - optList, - opts, - fieldId = jQuery( this ).closest( '[data-fid]' ).data( 'fid' ), - separate = usingSeparateValues( fieldId ), - product = isProductField( fieldId ); - - optList = document.getElementById( 'frm_field_' + fieldId + '_opts' ); - if ( ! optList ) { - return; - } - - opts = optList.getElementsByTagName( 'li' ); - - document.getElementById( 'bulk-field-id' ).value = fieldId; - - for ( i = 0; i < opts.length; i++ ) { - key = opts[i].getAttribute( 'data-optkey' ); - if ( key !== '000' ) { - label = document.getElementsByName( 'field_options[options_' + fieldId + '][' + key + '][label]' )[0]; - if ( typeof label !== 'undefined' ) { - content += label.value; - if ( separate ) { - content += '|' + document.getElementsByName( 'field_options[options_' + fieldId + '][' + key + '][value]' )[0].value; - } - if ( product ) { - content += '|' + document.getElementsByName( 'field_options[options_' + fieldId + '][' + key + '][price]' )[0].value; - } - content += '\r\n'; - } - } - - if ( i >= opts.length - 1 ) { - document.getElementById( 'frm_bulk_options' ).value = content; - } - } - - $info.dialog( 'open' ); - - return false; - }); - - jQuery( '#frm-update-bulk-opts' ).on( 'click', function() { - const fieldId = document.getElementById( 'bulk-field-id' ).value; - const optionType = document.getElementById( 'bulk-option-type' ).value; - - if ( optionType ) { - // Use custom handler for custom option type. - return; - } - - this.classList.add( 'frm_loading_button' ); - frmAdminBuild.updateOpts( fieldId, document.getElementById( 'frm_bulk_options' ).value, $info ); - fieldUpdated(); - }); - } - - function insertBulkPreset( event ) { - /*jshint validthis:true */ - const opts = JSON.parse( this.getAttribute( 'data-opts' ) ); - event.preventDefault(); - document.getElementById( 'frm_bulk_options' ).value = opts.join( '\n' ); - return false; - } - - //Add new option or "Other" option to radio/checkbox/dropdown - function addFieldOption() { - /*jshint validthis:true */ - let fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ), - newOption = jQuery( '#frm_field_' + fieldId + '_opts .frm_option_template' ).prop( 'outerHTML' ), - optType = jQuery( this ).data( 'opttype' ), - optKey = 0, - oldKey = '000', - lastKey = getHighestOptKey( fieldId ); - - if ( lastKey !== oldKey ) { - optKey = lastKey + 1; - } - - //Update hidden field - if ( optType === 'other' ) { - document.getElementById( 'other_input_' + fieldId ).value = 1; - - //Hide "Add Other" option now if this is radio field - const ftype = jQuery( this ).data( 'ftype' ); - if ( ftype === 'radio' || ftype === 'select' ) { - jQuery( this ).fadeOut( 'slow' ); - } - - const data = { - action: 'frm_add_field_option', - field_id: fieldId, - opt_key: optKey, - opt_type: optType, - nonce: frmGlobal.nonce - }; - jQuery.post( ajaxurl, data, function( msg ) { - jQuery( document.getElementById( 'frm_field_' + fieldId + '_opts' ) ).append( msg ); - resetDisplayedOpts( fieldId ); - }); - } else { - newOption = newOption.replace( new RegExp( 'optkey="' + oldKey + '"', 'g' ), 'optkey="' + optKey + '"' ); - newOption = newOption.replace( new RegExp( '-' + oldKey + '_', 'g' ), '-' + optKey + '_' ); - newOption = newOption.replace( new RegExp( '-' + oldKey + '"', 'g' ), '-' + optKey + '"' ); - newOption = newOption.replace( new RegExp( '\\[' + oldKey + '\\]', 'g' ), '[' + optKey + ']' ); - newOption = newOption.replace( 'frm_hidden frm_option_template', '' ); - newOption = { newOption }; - addSaveAndDragIconsToOption( fieldId, newOption ); - jQuery( document.getElementById( 'frm_field_' + fieldId + '_opts' ) ).append( newOption.newOption ); - resetDisplayedOpts( fieldId ); - } - fieldUpdated(); - } - - function getHighestOptKey( fieldId ) { - let i = 0, - optKey = 0, - opts = jQuery( '#frm_field_' + fieldId + '_opts li' ), - lastKey = 0; - - for ( i; i < opts.length; i++ ) { - optKey = opts[i].getAttribute( 'data-optkey' ); - if ( opts.length === 1 ) { - return optKey; - } - if ( optKey !== '000' ) { - optKey = optKey.replace( 'other_', '' ); - optKey = parseInt( optKey, 10 ); - } - - if ( ! isNaN( lastKey ) && ( optKey > lastKey || lastKey === '000' ) ) { - lastKey = optKey; - } - } - - return lastKey; - } - - function toggleMultSel() { - /*jshint validthis:true */ - const fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - toggleMultiSelect( fieldId, this.value ); - } - - function toggleMultiSelect( fieldId, value ) { - const setting = jQuery( '.frm_multiple_cont_' + fieldId ); - if ( value === 'select' ) { - setting.fadeIn( 'fast' ); - } else { - setting.fadeOut( 'fast' ); - } - } - - function toggleSepValues() { - /*jshint validthis:true */ - const fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - toggle( jQuery( '.field_' + fieldId + '_option_key' ) ); - jQuery( '.field_' + fieldId + '_option' ).toggleClass( 'frm_with_key' ); - } - - function toggleImageOptions() { - /*jshint validthis:true */ - let hasImageOptions, imageSize, - $field = jQuery( this ).closest( '.frm-single-settings' ), - fieldId = $field.data( 'fid' ), - displayField = document.getElementById( 'frm_field_id_' + fieldId ); - - refreshOptionDisplayNow( jQuery( this ) ); - - toggle( jQuery( '.field_' + fieldId + '_image_id' ) ); - toggle( jQuery( '.frm_toggle_image_options_' + fieldId ) ); - toggle( jQuery( '.frm_image_size_' + fieldId ) ); - toggle( jQuery( '.frm_alignment_' + fieldId ) ); - toggle( jQuery( '.frm-add-other#frm_add_field_' + fieldId ) ); - - hasImageOptions = imagesAsOptions( fieldId ); - - if ( hasImageOptions ) { - setAlignment( fieldId, 'inline' ); - removeImageSizeClasses( displayField ); - imageSize = getImageOptionSize( fieldId ); - displayField.classList.add( 'frm_image_options' ); - displayField.classList.add( 'frm_image_size_' + imageSize ); - $field.find( '.frm-bulk-edit-link' ).hide(); - } else { - displayField.classList.remove( 'frm_image_options' ); - removeImageSizeClasses( displayField ); - setAlignment( fieldId, 'block' ); - $field.find( '.frm-bulk-edit-link' ).show(); - } - } - - function removeImageSizeClasses( field ) { - field.classList.remove( 'frm_image_size_', 'frm_image_size_small', 'frm_image_size_medium', 'frm_image_size_large', 'frm_image_size_xlarge' ); - } - - function setAlignment( fieldId, alignment ) { - jQuery( '#field_options_align_' + fieldId ).val( alignment ).trigger( 'change' ); - } - - function setImageSize() { - const $field = jQuery( this ).closest( '.frm-single-settings' ), - fieldId = $field.data( 'fid' ), - displayField = document.getElementById( 'frm_field_id_' + fieldId ); - - refreshOptionDisplay(); - - if ( imagesAsOptions( fieldId ) ) { - removeImageSizeClasses( displayField ); - displayField.classList.add( 'frm_image_options' ); - displayField.classList.add( 'frm_image_size_' + getImageOptionSize( fieldId ) ); - } - } - - function refreshOptionDisplayNow( object ) { - const $field = object.closest( '.frm-single-settings' ), - fieldID = $field.data( 'fid' ); - jQuery( '.field_' + fieldID + '_option' ).trigger( 'change' ); - } - - function refreshOptionDisplay() { - /*jshint validthis:true */ - refreshOptionDisplayNow( jQuery( this ) ); - } - - function addImageToOption( event ) { - const imagePreview = event.target.closest( '.frm_image_preview_wrapper' ); - - event.preventDefault(); - - wp.media.model.settings.post.id = 0; - - const fileFrame = wp.media.frames.file_frame = wp.media({ - multiple: false, - library: { - type: [ 'image' ] - } - }); - - fileFrame.on( 'select', function() { - const attachment = fileFrame.state().get( 'selection' ).first().toJSON(); - const img = imagePreview.querySelector( 'img' ); - - img.setAttribute( 'src', attachment.url ); - img.classList.remove( 'frm_hidden' ); - img.removeAttribute( 'srcset' ); // Prevent the old image from sticking around. - - imagePreview.querySelector( '.frm_image_preview_frame' ).style.display = 'block'; - imagePreview.querySelector( '.frm_image_preview_title' ).textContent = attachment.filename; - imagePreview.querySelector( '.frm_choose_image_box' ).style.display = 'none'; - - const $imagePreview = jQuery( imagePreview ); - $imagePreview.siblings( 'input[name*="[label]"]' ).data( 'frmimgurl', attachment.url ); - $imagePreview.find( 'input.frm_image_id' ).val( attachment.id ).trigger( 'change' ); - wp.media.model.settings.post.id = 0; - }); - - fileFrame.open(); - } - - function removeImageFromOption( event ) { - const $this = jQuery( this ), - previewWrapper = $this.closest( '.frm_image_preview_wrapper' ); - - event.preventDefault(); - event.stopPropagation(); - - previewWrapper.find( 'img' ).attr( 'src', '' ); - previewWrapper.find( '.frm_image_preview_frame' ).hide(); - previewWrapper.find( '.frm_choose_image_box' ).show(); - previewWrapper.find( 'input.frm_image_id' ).val( 0 ).trigger( 'change' ); - } - - function toggleMultiselect() { - /*jshint validthis:true */ - const dropdown = jQuery( this ).closest( 'li' ).find( '.frm_form_fields select' ); - if ( this.checked ) { - dropdown.attr( 'multiple', 'multiple' ); - } else { - dropdown.removeAttr( 'multiple' ); - } - } - - /** - * Allow typing on form switcher click without an extra click to search. - */ - function focusSearchBox() { - const searchBox = document.getElementById( 'dropform-search-input' ); - if ( searchBox !== null ) { - setTimeout( function() { - searchBox.focus(); - }, 100 ); - } - } - - /** - * Dismiss a warning message and send an AJAX request to update the dismissal state. - * - * @since 6.3 - * - * @param {Event} event The event object associated with the click on the dismiss icon. - */ - function dismissWarningMessage( event ) { - const target = event.target; - - const warningEl = target.closest( '.frm_warning_style' ); - jQuery( warningEl ).fadeOut( 400, () => warningEl.remove() ); - - const action = target.dataset.action; - const formData = new FormData(); - doJsonPost( action, formData ); - } - - /** - * If a field is clicked in the builder, prevent inputs from changing. - */ - function stopFieldFocus( e ) { - e.preventDefault(); - } - - function deleteFieldOption() { - /*jshint validthis:true */ - let otherInput, - parentLi = this.parentNode, - parentUl = parentLi.parentNode, - fieldId = this.getAttribute( 'data-fid' ); - - jQuery( parentLi ).fadeOut( 'slow', function() { - wp.hooks.doAction( 'frm_before_delete_field_option', this ); - jQuery( parentLi ).remove(); - - const hasOther = jQuery( parentUl ).find( '.frm_other_option' ); - if ( hasOther.length < 1 ) { - otherInput = document.getElementById( 'other_input_' + fieldId ); - if ( otherInput !== null ) { - otherInput.value = 0; - } - jQuery( '#other_button_' + fieldId ).fadeIn( 'slow' ); - } - }); - fieldUpdated(); - } - - /** - * If a radio button is set as default, allow a click to - * deselect it. - */ - function maybeUncheckRadio() { - let $self, uncheck, unbind, up; - - /*jshint validthis:true */ - $self = jQuery( this ); - if ( $self.is( ':checked' ) ) { - uncheck = function() { - setTimeout( function() { - $self.prop( 'checked', false ); - }, 0 ); - }; - unbind = function() { - $self.off( 'mouseup', up ); - }; - up = function() { - uncheck(); - unbind(); - }; - $self.on( 'mouseup', up ); - $self.one( 'mouseout', unbind ); - } - } - - /** - * If the field option has the default text, clear it out on click. - */ - function maybeClearOptText() { - /*jshint validthis:true */ - if ( this.value === frmAdminJs.new_option ) { - this.setAttribute( 'data-value-on-focus', this.value ); - this.value = ''; - } - } - - function confirmFieldsDeleteMessage( numberOfFields ) { - /* translators: %1$s: Number of fields that are selected to be deleted. */ - return sprintf( __( 'Are you sure you want to delete these %1$s selected field(s)?', 'formidable' ), numberOfFields ); - } - - function clickDeleteField() { - /*jshint validthis:true */ - let confirmMsg = frmAdminJs.conf_delete, - maybeDivider = this.parentNode.parentNode.parentNode.parentNode.parentNode, - li = maybeDivider.parentNode, - field = jQuery( this ).closest( 'li.form-field' ), - fieldId = field.data( 'fid' ); - - if ( field.data( 'ftype' ) === 'divider' ) { - const fieldBoxes = document.querySelectorAll( '.frm-field-group-hover-target .start_divider .frm_field_box' ); - let fieldIdsToDelete = 0; - fieldBoxes.forEach( fieldBox => { - const fieldsInsideFieldBox = fieldBox.querySelectorAll( 'li.form-field' ); - if ( fieldsInsideFieldBox ) { - fieldIdsToDelete += fieldsInsideFieldBox.length; - } - }); - if ( fieldIdsToDelete ) { - confirmMsg = confirmFieldsDeleteMessage( ++fieldIdsToDelete ); - } - } - - if ( li.classList.contains( 'frm-section-collapsed' ) || li.classList.contains( 'frm-page-collapsed' ) ) { - return false; - } - - // If deleting a section, use a special message. - if ( maybeDivider.className === 'divider_section_only' ) { - confirmMsg = frmAdminJs.conf_delete_sec; - } - - this.setAttribute( 'data-frmverify', confirmMsg ); - this.setAttribute( 'data-frmverify-btn', 'frm-button-red' ); - this.setAttribute( 'data-deletefield', fieldId ); - - closeOpenFieldDropdowns(); - - confirmLinkClick( this ); - return false; - } - - function clickSelectField() { - this.closest( 'li.form-field' ).click(); - } - - function clickDeleteFieldGroup() { - let hoverTarget, decoy; - - hoverTarget = document.querySelector( '.frm-field-group-hover-target' ); - if ( null === hoverTarget ) { - return; - } - - hoverTarget.classList.add( 'frm-selected-field-group' ); - - decoy = document.createElement( 'div' ); - decoy.classList.add( 'frm-delete-field-groups', 'frm_hidden' ); - document.body.appendChild( decoy ); - decoy.click(); - } - - function duplicateFieldGroup() { - const hoverTarget = document.querySelector( '.frm-field-group-hover-target' ); - if ( null === hoverTarget ) { - return; - } - - const newRowId = 'frm_field_group_' + getAutoId(); - const placeholderUlChild = document.createTextNode( '' ); - wrapFieldLiInPlace( placeholderUlChild ); - - const newRow = jQuery( placeholderUlChild ).closest( 'li' ).get( 0 ); - newRow.classList.add( 'frm_hidden' ); - - const newRowUl = newRow.querySelector( 'ul' ); - newRowUl.id = newRowId; - - jQuery( hoverTarget.closest( 'li.frm_field_box' ) ).after( newRow ); - - const $fields = getFieldsInRow( jQuery( hoverTarget ) ); - const syncDetails = []; - const injectedCloneOptions = []; - - const expectedLength = $fields.length; - const originalFieldIdByDuplicatedFieldId = {}; - - let duplicatedCount = 0; - - jQuery( newRow ).on( - 'frm_added_duplicated_field_to_row', - function( _, args ) { - originalFieldIdByDuplicatedFieldId[ jQuery( args.duplicatedFieldHtml ).attr( 'data-fid' ) ] = args.originalFieldId; - - if ( expectedLength > ++duplicatedCount ) { - return; - } - - const $newRowUl = jQuery( newRowUl ); - const $duplicatedFields = getFieldsInRow( $newRowUl ); - - injectedCloneOptions.forEach( - function( cloneOption ) { - cloneOption.remove(); - } - ); - - for ( let index = 0; index < expectedLength; ++index ) { - $newRowUl.append( $newRowUl.children( 'li.form-field[frm-field-order="' + index + '"]' ) ); - } - - syncLayoutClasses( $duplicatedFields.first(), syncDetails ); - newRow.classList.remove( 'frm_hidden' ); - updateFieldOrder(); - - getFieldsInRow( $newRowUl ).each( - function() { - maybeDuplicateUnsavedSettings( originalFieldIdByDuplicatedFieldId[ this.getAttribute( 'data-fid' ) ], jQuery( this ).prop( 'outerHTML' ) ); - } - ); - } - ); - - $fields.each( - function( index ) { - let cloneOption; - cloneOption = document.createElement( 'li' ); - cloneOption.classList.add( 'frm_clone_field' ); - cloneOption.setAttribute( 'frm-target-row-id', newRowId ); - cloneOption.setAttribute( 'frm-field-order', index ); - this.appendChild( cloneOption ); - cloneOption.click(); - injectedCloneOptions.push( cloneOption ); - syncDetails.push( getSizeOfLayoutClass( getLayoutClassName( this.classList ) ) ); - } - ); - } - - function clickFieldGroupLayout() { - let hoverTarget, sizeOfFieldGroup, popupWrapper; - - hoverTarget = document.querySelector( '.frm-field-group-hover-target' ); - - if ( null === hoverTarget ) { - return; - } - - deselectFields(); - - sizeOfFieldGroup = getSizeOfFieldGroupFromChildElement( hoverTarget.querySelector( 'li.form-field' ) ); - - hoverTarget.classList.add( 'frm-has-open-field-group-popup' ); - jQuery( document ).on( 'click', '#frm_builder_page', destroyFieldGroupPopupOnOutsideClick ); - - popupWrapper = div(); - popupWrapper.style.position = 'relative'; - popupWrapper.appendChild( getFieldGroupPopup( sizeOfFieldGroup, this ) ); - this.parentNode.appendChild( popupWrapper ); - - const firstLayoutOption = popupWrapper.querySelector( '.frm-row-layout-option' ); - if ( firstLayoutOption ) { - firstLayoutOption.focus(); - } - } - - function destroyFieldGroupPopupOnOutsideClick( event ) { - if ( event.target.classList.contains( 'frm-custom-field-group-layout' ) || event.target.classList.contains( 'frm-cancel-custom-field-group-layout' ) ) { - return; - } - if ( ! jQuery( event.target ).closest( '#frm_field_group_controls' ).length && ! jQuery( event.target ).closest( '#frm_field_group_popup' ).length ) { - destroyFieldGroupPopup(); - } - } - - function getSizeOfFieldGroupFromChildElement( element ) { - const $ul = jQuery( element ).closest( 'ul' ); - if ( $ul.length ) { - return getFieldsInRow( $ul ).length; - } - return getSelectedFieldCount(); - } - - function getFieldGroupPopup( sizeOfFieldGroup, childElement ) { - let popup, wrapper, rowLayoutOptions, ul; - - popup = document.getElementById( 'frm_field_group_popup' ); - if ( null === popup ) { - popup = div(); - } else { - popup.innerHTML = ''; - } - - popup.id = 'frm_field_group_popup'; - - wrapper = div(); - wrapper.style.padding = '0 24px 12px'; - wrapper.appendChild( getRowLayoutTitle() ); - - rowLayoutOptions = getRowLayoutOptions( sizeOfFieldGroup ); - - ul = childElement.closest( 'ul.frm_sorting' ); - if ( null !== ul ) { - maybeMarkRowLayoutAsActive( ul, rowLayoutOptions ); - } - - wrapper.appendChild( rowLayoutOptions ); - - popup.appendChild( wrapper ); - popup.appendChild( separator() ); - - popup.appendChild( getCustomLayoutOption() ); - popup.appendChild( getBreakIntoDifferentRowsOption() ); - - return popup; - } - - function maybeMarkRowLayoutAsActive( activeRow, options ) { - let length, index, currentRow; - - length = options.children.length; - for ( index = 0; index < length; ++index ) { - currentRow = options.children[ index ]; - if ( rowLayoutsMatch( currentRow, activeRow ) ) { - currentRow.classList.add( 'frm-active-row-layout' ); - return; - } - } - } - - function separator() { - return document.createElement( 'hr' ); - } - - function getCustomLayoutOption() { - const option = div(); - option.textContent = __( 'Custom layout', 'formidable' ); - jQuery( option ).prepend( getIconClone( 'frm_gear_svg' ) ); - option.classList.add( 'frm-custom-field-group-layout' ); - makeTabbable( option ); - return option; - } - - function makeTabbable( element, ariaLabel ) { - element.setAttribute( 'tabindex', 0 ); - element.setAttribute( 'role', 'button' ); - if ( 'undefined' !== typeof ariaLabel ) { - element.setAttribute( 'aria-label', ariaLabel ); - } - } - - function getIconClone( iconId ) { - const clone = document.getElementById( iconId ).cloneNode( true ); - clone.id = ''; - return clone; - } - - function getBreakIntoDifferentRowsOption() { - const option = div(); - option.textContent = __( 'Break into rows', 'formidable' ); - jQuery( option ).prepend( getIconClone( 'frm_break_field_group_svg' ) ); - option.classList.add( 'frm-break-field-group' ); - makeTabbable( option ); - return option; - } - - function getRowLayoutTitle() { - const rowLayoutTitle = div(); - rowLayoutTitle.classList.add( 'frm-row-layout-title' ); - rowLayoutTitle.textContent = __( 'Row Layout', 'formidable' ); - return rowLayoutTitle; - } - - function getRowLayoutOptions( size ) { - let wrapper, padding; - - wrapper = getEmptyGridContainer(); - if ( 5 !== size ) { - wrapper.appendChild( getRowLayoutOption( size, 'even' ) ); - } - if ( size % 2 === 1 ) { - // only include the middle option for odd numbers because even doesn't make a lot of sense. - wrapper.appendChild( getRowLayoutOption( size, 'middle' ) ); - } - if ( size < 6 ) { - wrapper.appendChild( getRowLayoutOption( size, 'left' ) ); - wrapper.appendChild( getRowLayoutOption( size, 'right' ) ); - } else { - padding = div(); - padding.classList.add( 'frm_fourth' ); - wrapper.prepend( padding ); - } - - return wrapper; - } - - function getRowLayoutOption( size, type ) { - let option, useClass; - - option = div(); - option.classList.add( 'frm-row-layout-option' ); - makeTabbable( option, type ); - - switch ( size ) { - case 6: - useClass = 'frm_half'; - break; - case 5: - useClass = 'frm_third'; - break; - default: - useClass = size % 2 === 1 ? 'frm_fourth' : 'frm_third'; - break; - } - - option.classList.add( useClass ); - option.setAttribute( 'layout-type', type ); - - option.appendChild( getRowForSizeAndType( size, type ) ); - return option; - } - - function rowLayoutsMatch( row1, row2 ) { - return getRowLayoutAsKey( row1 ) === getRowLayoutAsKey( row2 ); - } - - function getRowLayoutAsKey( row ) { - let $fields, sizes; - if ( row.classList.contains( 'frm-row-layout-option' ) ) { - $fields = jQuery( row ).find( '.frm_grid_container' ).children(); - } else { - $fields = getFieldsInRow( jQuery( row ) ); - } - sizes = []; - $fields.each( - function() { - sizes.push( getSizeOfLayoutClass( getLayoutClassName( this.classList ) ) ); - } - ); - return sizes.join( '-' ); - } - - function getRowForSizeAndType( size, type ) { - let row, index, block; - - row = getEmptyGridContainer(); - for ( index = 0; index < size; ++index ) { - block = div(); - block.classList.add( getClassForBlock( size, type, index ) ); - block.style.height = '16px'; - block.style.background = '#9EA9B8'; - block.style.borderRadius = '1px'; - row.appendChild( block ); - } - - return row; - } - - /** - * @param {int} size 2-6. - * @param {string} type even, middle, left, or right. - * @param {int} index 0-5. - * @returns string - */ - function getClassForBlock( size, type, index ) { - if ( 'even' === type ) { - return getEvenClassForSize( size, index ); - } else if ( 'middle' === type ) { - if ( 3 === size ) { - return 1 === index ? 'frm6' : 'frm3'; - } - if ( 5 === size ) { - return 2 === index ? 'frm4' : 'frm2'; - } - } else if ( 'left' === type ) { - return 0 === index ? getLargeClassForSize( size ) : getSmallClassForSize( size ); - } else if ( 'right' === type ) { - return index === size - 1 ? getLargeClassForSize( size ) : getSmallClassForSize( size ); - } - return 'frm12'; - } - - function getEvenClassForSize( size, index ) { - if ( -1 !== [ 2, 3, 4, 6 ].indexOf( size ) ) { - return getLayoutClassForSize( 12 / size ); - } - if ( 5 === size && 'undefined' !== typeof index ) { - return 0 === index ? 'frm4' : 'frm2'; - } - return 'frm12'; - } - - function getSmallClassForSize( size ) { - switch ( size ) { - case 2: case 3: - return 'frm3'; - case 4: - return 'frm2'; - case 5: - return 'frm2'; - case 6: - return 'frm1'; - } - return 'frm12'; - } - - function getLargeClassForSize( size ) { - switch ( size ) { - case 2: - return 'frm9'; - case 3: case 4: - return 'frm6'; - case 5: - return 'frm4'; - case 6: - return 'frm7'; - } - return 'frm12'; - } - - function getEmptyGridContainer() { - const wrapper = div(); - wrapper.classList.add( 'frm_grid_container' ); - return wrapper; - } - - /** - * Handle when a field group layout option (that sets grid classes/column sizing) is selected in the "Row Layout" popup. - * - * @returns {void} - */ - function handleFieldGroupLayoutOptionClick() { - const row = document.querySelector( '.frm-field-group-hover-target' ); - if ( ! row ) { - // The field group layout options also get clicked when merging multiple rows. - // The following code isn't required for multiple rows though so just exit early. - return; - } - - const type = this.getAttribute( 'layout-type' ); - syncLayoutClasses( getFieldsInRow( jQuery( row ) ).first(), type ); - destroyFieldGroupPopup(); - } - - function handleFieldGroupLayoutOptionInsideMergeClick() { - let $ul, type; - $ul = mergeSelectedFieldGroups(); - type = this.getAttribute( 'layout-type' ); - syncLayoutClasses( getFieldsInRow( $ul ).first(), type ); - unselectFieldGroups(); - } - - function mergeSelectedFieldGroups() { - const $selectedFieldGroups = jQuery( '.frm-selected-field-group' ), - $firstGroupUl = $selectedFieldGroups.first(); - $selectedFieldGroups.not( $firstGroupUl ).each( - function() { - getFieldsInRow( jQuery( this ) ).each( - function() { - const previousParent = this.parentNode; - getFieldsInRow( $firstGroupUl ).last().after( this ); - if ( ! jQuery( previousParent ).children( 'li.form-field' ).length ) { - // clean up the previous field group if we've removed all of its fields. - previousParent.closest( 'li.frm_field_box' ).remove(); - } - } - ); - } - ); - updateFieldOrder(); - syncLayoutClasses( getFieldsInRow( $firstGroupUl ).first() ); - return $firstGroupUl; - } - - function customFieldGroupLayoutClick() { - let $fields; - if ( null !== this.closest( '.frm-merge-fields-into-row' ) ) { - return; - } - $fields = getFieldsInRow( jQuery( '.frm-field-group-hover-target' ) ); - setupCustomLayoutOptions( $fields ); - } - - function setupCustomLayoutOptions( $fields ) { - let size, popup, wrapper, layoutClass, inputRow, paddingElement, inputValueOverride, index, inputField, heading, label, buttonsWrapper, cancelButton, saveButton; - - size = $fields.length; - - popup = document.getElementById( 'frm_field_group_popup' ); - popup.innerHTML = ''; - - wrapper = div(); - wrapper.style.padding = '0 24px'; - - layoutClass = getEvenClassForSize( 5 === size ? 6 : size ); - - inputRow = div(); - inputRow.style.padding = '20px 0'; - inputRow.classList.add( 'frm_grid_container' ); - - if ( 5 === size ) { - // add a span to pad the inputs by 1 column, to account for the missing 2 columns. - paddingElement = document.createElement( 'span' ); - paddingElement.classList.add( 'frm1' ); - inputRow.appendChild( paddingElement ); - } - - inputValueOverride = getSelectedFieldCount() > 0 ? getSizeOfLayoutClass( getEvenClassForSize( size ) ) : false; - if ( false !== inputValueOverride && inputValueOverride >= 12 ) { - inputValueOverride = Math.floor( 12 / size ); - } - - for ( index = 0; index < size; ++index ) { - inputField = document.createElement( 'input' ); - inputField.type = 'text'; - inputField.classList.add( layoutClass ); - inputField.classList.add( 'frm-custom-grid-size-input' ); - inputField.value = false !== inputValueOverride ? inputValueOverride : getSizeOfLayoutClass( getLayoutClassName( $fields.get( index ).classList ) ); - inputRow.appendChild( inputField ); - } - - heading = div(); - heading.classList.add( 'frm-builder-popup-heading' ); - heading.textContent = __( 'Enter number of columns for each field', 'formidable' ); - - label = div(); - label.classList.add( 'frm-builder-popup-subheading' ); - label.textContent = __( 'Layouts are based on a 12-column grid system', 'formidable' ); - - wrapper.appendChild( heading ); - wrapper.appendChild( label ); - - wrapper.appendChild( inputRow ); - - buttonsWrapper = div(); - buttonsWrapper.style.textAlign = 'right'; - - cancelButton = getSecondaryButton(); - cancelButton.textContent = __( 'Cancel', 'formidable' ); - cancelButton.classList.add( 'frm-cancel-custom-field-group-layout' ); - cancelButton.style.marginRight = '10px'; - - saveButton = getPrimaryButton(); - saveButton.textContent = __( 'Save', 'formidable' ); - saveButton.classList.add( 'frm-save-custom-field-group-layout' ); - - buttonsWrapper.appendChild( cancelButton ); - buttonsWrapper.appendChild( saveButton ); - - wrapper.appendChild( buttonsWrapper ); - - popup.appendChild( wrapper ); - - setTimeout( - function() { - const firstInput = popup.querySelector( 'input.frm-custom-grid-size-input' ).focus(); - if ( firstInput ) { - firstInput.focus(); - } - }, - 0 - ); - } - - function customFieldGroupLayoutInsideMergeClick() { - $fields = jQuery( '.frm-selected-field-group li.form-field' ); - setupCustomLayoutOptions( $fields ); - } - - function getPrimaryButton() { - const button = getButton(); - button.classList.add( 'button-primary', 'frm-button-primary' ); - return button; - } - - function getSecondaryButton() { - const button = getButton(); - button.classList.add( 'button-secondary', 'frm-button-secondary' ); - return button; - } - - function getButton() { - const button = document.createElement( 'a' ); - button.setAttribute( 'href', '#' ); - button.classList.add( 'button' ); - button.style.textDecoration = 'none'; - return button; - } - - function getSizeOfLayoutClass( className ) { - switch ( className ) { - case 'frm_half': - return 6; - case 'frm_third': - return 4; - case 'frm_two_thirds': - return 8; - case 'frm_fourth': - return 3; - case 'frm_three_fourths': - return 9; - case 'frm_sixth': - return 2; - } - - if ( 0 === className.indexOf( 'frm' ) ) { - return parseInt( className.substr( 3 ) ); - } - - // Anything missing a layout class should be a full width row. - return 12; - } - - function getLayoutClassName( classList ) { - let classes, index, currentClass; - classes = getLayoutClasses(); - for ( index = 0; index < classes.length; ++index ) { - currentClass = classes[ index ]; - if ( classList.contains( currentClass ) ) { - return currentClass; - } - } - return ''; - } - - function getLayoutClassForSize( size ) { - return 'frm' + size; - } - - function breakFieldGroupClick() { - const row = document.querySelector( '.frm-field-group-hover-target' ); - breakRow( row ); - destroyFieldGroupPopup(); - } - - function breakRow( row ) { - const $row = jQuery( row ); - getFieldsInRow( $row ).each( - function( index ) { - const field = this; - if ( 0 !== index ) { - $row.parent().after( wrapFieldLi( field ) ); - } - stripLayoutFromFields( jQuery( field ) ); - } - ); - } - - function stripLayoutFromFields( field ) { - syncLayoutClasses( field, 'clear' ); - } - - function focusFieldGroupInputOnClick() { - this.select(); - } - - function cancelCustomFieldGroupClick() { - revertToFieldGroupPopupFirstPage( this ); - } - - function revertToFieldGroupPopupFirstPage( triggerElement ) { - jQuery( document.getElementById( 'frm_field_group_popup' ) ).replaceWith( - getFieldGroupPopup( getSizeOfFieldGroupFromChildElement( triggerElement ), triggerElement ) - ); - } - - function destroyFieldGroupPopup() { - let popup, wrapper; - popup = document.getElementById( 'frm_field_group_popup' ); - if ( popup === null ) { - return; - } - wrapper = document.querySelector( '.frm-has-open-field-group-popup' ); - if ( null !== wrapper ) { - wrapper.classList.remove( 'frm-has-open-field-group-popup' ); - popup.parentNode.remove(); - } - jQuery( document ).off( 'click', '#frm_builder_page', destroyFieldGroupPopupOnOutsideClick ); - } - - function saveCustomFieldGroupClick() { - let syncDetails, $controls, $ul; - - syncDetails = []; - - jQuery( document.getElementById( 'frm_field_group_popup' ).querySelectorAll( '.frm_grid_container input' ) ) - .each( - function() { - syncDetails.push( parseInt( this.value ) ); - } - ); - - $controls = jQuery( document.getElementById( 'frm_field_group_controls' ) ); - - if ( $controls.length && 'none' !== $controls.get( 0 ).style.display ) { - syncLayoutClasses( getFieldsInRow( jQuery( document.querySelector( '.frm-field-group-hover-target' ) ) ).first(), syncDetails ); - } else { - $ul = mergeSelectedFieldGroups(); - syncLayoutClasses( getFieldsInRow( $ul ).first(), syncDetails ); - unselectFieldGroups(); - } - - destroyFieldGroupPopup(); - } - - function fieldGroupClick( e ) { - maybeShowFieldGroupMessage(); - - if ( 'ul' !== e.originalEvent.target.nodeName.toLowerCase() ) { - // only continue if the group itself was clicked / ignore when a field is clicked. - return; - } - - const hoverTarget = document.querySelector( '.frm-field-group-hover-target' ); - if ( ! hoverTarget ) { - return; - } - - const ctrlOrCmdKeyIsDown = e.ctrlKey || e.metaKey; - const shiftKeyIsDown = e.shiftKey; - const groupIsActive = hoverTarget.classList.contains( 'frm-selected-field-group' ); - const $selectedFieldGroups = getSelectedFieldGroups(); - - let numberOfSelectedGroups = $selectedFieldGroups.length; - - if ( ctrlOrCmdKeyIsDown || shiftKeyIsDown ) { - // multi-selecting - - const selectedField = getSelectedField(); - if ( null !== selectedField && ! jQuery( selectedField ).siblings( 'li.form-field' ).length ) { - // count a selected field on its own as a selected field group when multiselecting. - selectedField.parentNode.classList.add( 'frm-selected-field-group' ); - ++numberOfSelectedGroups; - } - - if ( ctrlOrCmdKeyIsDown ) { - if ( groupIsActive ) { - // unselect if holding ctrl or cmd and the group was already active. - --numberOfSelectedGroups; - hoverTarget.classList.remove( 'frm-selected-field-group' ); - syncAfterMultiSelect( numberOfSelectedGroups ); - return; // exit early to avoid adding back frm-selected-field-group - } - - ++numberOfSelectedGroups; - } else if ( shiftKeyIsDown && ! groupIsActive ) { - ++numberOfSelectedGroups; // include the one we're selecting right now. - const $firstGroup = $selectedFieldGroups.first(); - - let $range; - if ( $firstGroup.parent().index() < jQuery( hoverTarget.parentNode ).index() ) { - $range = $firstGroup.parent().nextUntil( hoverTarget.parentNode ); - } else { - $range = $firstGroup.parent().prevUntil( hoverTarget.parentNode ); - } - - $range.each( - function() { - const $fieldGroup = jQuery( this ).closest( 'li' ).find( 'ul.frm_sorting' ); - if ( ! $fieldGroup.hasClass( 'frm-selected-field-group' ) ) { - ++numberOfSelectedGroups; - $fieldGroup.addClass( 'frm-selected-field-group' ); - } - } - ); - } - } else { - // not multi-selecting - unselectFieldGroups(); - numberOfSelectedGroups = 1; - } - - hoverTarget.classList.add( 'frm-selected-field-group' ); - syncAfterMultiSelect( numberOfSelectedGroups ); - - maybeHideFieldGroupMessage(); - - jQuery( document ).off( 'click', unselectFieldGroups ); - jQuery( document ).on( 'click', unselectFieldGroups ); - } - - /** - * Hide the field group message by manipulating classes. - * - * @param {Element} fieldGroupMessage The field group message element. - * @return {void} - */ - function hideFieldGroupMessage( fieldGroupMessage ) { - if ( ! fieldGroupMessage ) { - return; - } - - fieldGroupMessage.classList.add( 'frm_hidden' ); - fieldGroupMessage.classList.remove( 'frm-fadein-up-back' ); - } - - /** - * Show the field group message by manipulating classes. - * - * @param {Element} fieldGroupMessage The field group message element. - * @return {void} - */ - function showFieldGroupMessage( fieldGroupMessage ) { - if ( ! fieldGroupMessage ) { - return; - } - - fieldGroupMessage.classList.remove( 'frm_hidden' ); - fieldGroupMessage.classList.add( 'frm-fadein-up-back' ); - } - - /** - * Maybe show a message if there are at least two rows. - * - * @return {void} - */ - function maybeShowFieldGroupMessage() { - let fieldGroupMessage = document.getElementById( 'frm-field-group-message' ); - const rows = document.querySelectorAll( '.edit_form_item:not(.edit_field_type_end_divider)' ); - - if ( rows.length < 2 ) { - hideFieldGroupMessage( fieldGroupMessage ); - return; - } - - if ( fieldGroupMessage ) { - showFieldGroupMessage( fieldGroupMessage ); - return; - } - - fieldGroupMessage = div({ - id: 'frm-field-group-message', - className: 'frm-flex-center frm-fadein-up-back', - children: [ - span({ - id: 'frm-field-group-message-dismiss', - className: 'frm-flex-center', - child: svg({ href: '#frm_close_icon' }) - }) - ] - }); - - // Insert the field group into the DOM - document.getElementById( 'post-body-content' ).appendChild( fieldGroupMessage ); - - // Get and add the field group message text - const messageText = getFieldGroupMessageText(); - fieldGroupMessage.prepend( messageText ); - - // Set up a click event listener - document.getElementById( 'frm-field-group-message-dismiss' ).addEventListener( 'click', () => { - hideFieldGroupMessage( document.getElementById( 'frm-field-group-message' ) ); - }); - } - - /** - * Get a span element with text about selecting multiple fields. - * - * @return {HTMLElement} A span element with the message and style classes. - */ - function getFieldGroupMessageText() { - const text = document.createElement( 'span' ); - text.classList.add( 'frm-field-group-message-text', 'frm-flex-center' ); - text.innerHTML = sprintf( - /* translators: %1$s: Start span HTML, %2$s: end span HTML */ - frm_admin_js.holdShiftMsg, // eslint-disable-line camelcase - '', - '' - ); - - return text; - } - - /** - * Maybe hide the field group message based on the number of selected rows. - * - * @return {void} - */ - function maybeHideFieldGroupMessage() { - const selectedRowCount = document.querySelectorAll( '.frm-selected-field-group' ).length; - if ( selectedRowCount < 2 ) { - return; - } - - const fieldGroupMessage = document.getElementById( 'frm-field-group-message' ); - hideFieldGroupMessage( fieldGroupMessage ); - } - - function getSelectedField() { - return document.getElementById( 'frm-show-fields' ).querySelector( 'li.form-field.selected' ); - } - - function getSelectedFieldGroups() { - const $fieldGroups = jQuery( '.frm-selected-field-group' ); - if ( $fieldGroups.length ) { - return $fieldGroups; - } - - const selectedField = getSelectedField(); - if ( selectedField ) { - // If there is only one field in a group and the field is selected, consider the field's group as selected for multi-select. - const selectedFieldGroup = selectedField.closest( 'ul' ); - if ( selectedFieldGroup && 1 === getFieldsInRow( jQuery( selectedFieldGroup ) ).length ) { - selectedFieldGroup.classList.add( 'frm-selected-field-group' ); - return jQuery( selectedFieldGroup ); - } - } - - return jQuery(); - } - - function syncAfterMultiSelect( numberOfSelectedGroups ) { - clearSettingsBox( true ); // unselect any fields if one is selected. - if ( numberOfSelectedGroups >= 2 || ( 1 === numberOfSelectedGroups && selectedGroupHasMultipleFields() ) ) { - addFieldMultiselectPopup(); - } else { - maybeRemoveMultiselectPopup(); - } - maybeRemoveGroupHoverTarget(); - } - - function selectedGroupHasMultipleFields() { - return getFieldsInRow( jQuery( document.querySelector( '.frm-selected-field-group' ) ) ).length > 1; - } - - function unselectFieldGroups( event ) { - if ( 'undefined' !== typeof event ) { - if ( null !== event.originalEvent.target.closest( '#frm-show-fields' ) ) { - return; - } - if ( event.originalEvent.target.classList.contains( 'frm-merge-fields-into-row' ) ) { - return; - } - if ( null !== event.originalEvent.target.closest( '.frm-merge-fields-into-row' ) ) { - return; - } - if ( event.originalEvent.target.classList.contains( 'frm-custom-field-group-layout' ) ) { - return; - } - if ( event.originalEvent.target.classList.contains( 'frm-cancel-custom-field-group-layout' ) ) { - return; - } - } - jQuery( '.frm-selected-field-group' ).removeClass( 'frm-selected-field-group' ); - jQuery( document ).off( 'click', unselectFieldGroups ); - maybeRemoveMultiselectPopup(); - } - - function maybeRemoveMultiselectPopup() { - const popup = document.getElementById( 'frm_field_multiselect_popup' ); - if ( null !== popup ) { - popup.remove(); - } - } - - function addFieldMultiselectPopup() { - getFieldMultiselectPopup(); - } - - function getFieldMultiselectPopup() { - let popup, mergeOption, caret, verticalSeparator, deleteOption; - - popup = document.getElementById( 'frm_field_multiselect_popup' ); - - if ( null !== popup ) { - popup.classList.toggle( 'frm-unmergable', ! selectedFieldsAreMergeable() ); - return popup; - } - - popup = div(); - popup.id = 'frm_field_multiselect_popup'; - if ( ! selectedFieldsAreMergeable() ) { - popup.classList.add( 'frm-unmergable' ); - } - - mergeOption = div(); - mergeOption.classList.add( 'frm-merge-fields-into-row' ); - mergeOption.textContent = __( 'Merge into row', 'formidable' ); - - caret = document.createElement( 'a' ); - caret.style.marginLeft = '5px'; - caret.classList.add( 'frm_icon_font', 'frm_arrowdown6_icon' ); - caret.setAttribute( 'href', '#' ); - mergeOption.appendChild( caret ); - - popup.appendChild( mergeOption ); - - verticalSeparator = div(); - verticalSeparator.classList.add( 'frm-multiselect-popup-separator' ); - popup.appendChild( verticalSeparator ); - - deleteOption = div(); - deleteOption.classList.add( 'frm-delete-field-groups' ); - deleteOption.appendChild( getIconClone( 'frm_trash_svg' ) ); - popup.appendChild( deleteOption ); - - document.getElementById( 'post-body-content' ).appendChild( popup ); - - jQuery( popup ).hide().fadeIn(); - - return popup; - } - - function selectedFieldsAreMergeable() { - let selectedFieldGroups, totalFieldCount, length, index, fieldGroup; - selectedFieldGroups = document.querySelectorAll( '.frm-selected-field-group' ); - length = selectedFieldGroups.length; - if ( 1 === length ) { - return false; - } - totalFieldCount = 0; - for ( index = 0; index < length; ++index ) { - fieldGroup = selectedFieldGroups[ index ]; - if ( null !== fieldGroup.querySelector( '.edit_field_type_break, .edit_field_type_hidden' ) ) { - return false; - } - totalFieldCount += getFieldsInRow( jQuery( fieldGroup ) ).length; - if ( totalFieldCount > 6 ) { - return false; - } - } - return true; - } - - function mergeFieldsIntoRowClick( event ) { - let size, popup; - - if ( null !== event.originalEvent.target.closest( '#frm_field_group_popup' ) ) { - // prevent clicks within the popup from triggering the button again. - return; - } - - if ( event.originalEvent.target.classList.contains( 'frm-custom-field-group-layout' ) ) { - // avoid switching back to the first page when clicking the custom option nested inside of the merge option. - return; - } - - size = getSelectedFieldCount(); - popup = getFieldGroupPopup( size, document.querySelector( '.frm-selected-field-group' ).firstChild ); - this.appendChild( popup ); - } - - function getSelectedFieldCount() { - let count = 0; - jQuery( document.querySelectorAll( '.frm-selected-field-group' ) ).each( - function() { - count += getFieldsInRow( jQuery( this ) ).length; - } - ); - return count; - } - - function deleteFieldGroupsClick() { - let fieldIdsToDelete, deleteOnConfirm, multiselectPopup; - - fieldIdsToDelete = getSelectedFieldIds(); - deleteOnConfirm = getDeleteSelectedFieldGroupsOnConfirmFunction( fieldIdsToDelete ); - - multiselectPopup = document.getElementById( 'frm_field_multiselect_popup' ); - if ( null !== multiselectPopup ) { - multiselectPopup.remove(); - } - - this.setAttribute( 'data-frmverify', confirmFieldsDeleteMessage( fieldIdsToDelete.length ) ); - confirmLinkClick( this ); - - const confirmedClick = document.getElementById( 'frm-confirmed-click' ); - - // Remove any previous delete field data so delete confirmation does not attempt - // to delete a field that was already deleted or previously attempted and cancelled. - confirmedClick?.removeAttribute( 'data-deletefield' ); - - jQuery( confirmedClick ).on( 'click', deleteOnConfirm ); - jQuery( '#frm_confirm_modal' ).one( 'dialogclose', function() { - jQuery( confirmedClick ).off( 'click', deleteOnConfirm ); - }); - } - - function getSelectedFieldIds() { - const deleteFieldIds = []; - jQuery( '.frm-selected-field-group > li.form-field' ) - .each( - function() { - deleteFieldIds.push( this.dataset.fid ); - } - ); - return deleteFieldIds; - } - - function getDeleteSelectedFieldGroupsOnConfirmFunction( deleteFieldIds ) { - return function( event ) { - event.preventDefault(); - deleteAllSelectedFieldGroups( deleteFieldIds ); - }; - } - - function deleteAllSelectedFieldGroups( deleteFieldIds ) { - deleteFieldIds.forEach( - function( fieldId ) { - deleteFields( fieldId ); - } - ); - } - - function deleteFieldConfirmed() { - /*jshint validthis:true */ - deleteFields( this.getAttribute( 'data-deletefield' ) ); - } - - function deleteFields( fieldId ) { - const field = jQuery( '#frm_field_id_' + fieldId ); - - deleteField( fieldId ); - - if ( field.hasClass( 'edit_field_type_divider' ) ) { - field.find( 'li.frm_field_box' ).each( function() { - //TODO: maybe delete only end section - //if(n.hasClass('edit_field_type_end_divider')){ - deleteField( this.getAttribute( 'data-fid' ) ); - //} - }); - } - toggleSectionHolder(); - } - - /** - * Checks if there is only submit field in the form builder. - * - * @return {Boolean} - */ - function hasOnlySubmitField() { - // If there are at least 2 rows, return false. - if ( $newFields.get( 0 ).childElementCount > 1 ) { - return false; - } - - const childUl = $newFields.get( 0 ).firstElementChild.firstElementChild; - - // Use query instead of children because there might be a div inside this ul. - const childLi = childUl.querySelectorAll( 'li.frm_field_box' ); - - // If there are at least 2 items in the row, return false. - if ( childLi.length > 1 ) { - return false; - } - - return childLi[0].classList.contains( 'edit_field_type_submit' ); - } - - /** - * Moves open modals out of the field options form. - * - * When a modal is open, it is moved in the DOM and appended to the parent element of the modal trigger input. That - * creates a problem since deleting the field also deletes the modal and this function fixes that problem. - * - * @since 6.22 - * - * @param {Object} settings - * @returns {void} - */ - function moveOpenModalsOutOfFieldOptions( settings ) { - const openModals = settings[0].querySelectorAll( '.frm-inline-modal[data-fills]' ); - if ( ! openModals.length ) { - return; - } - openModals.forEach( modal => { - modal.classList.add( 'frm_hidden' ); - modal.removeAttribute( 'data-fills' ); - modal.closest( 'form' ).appendChild( modal ); - }); - } - - function deleteField( fieldId ) { - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_delete_field', - field_id: fieldId, - nonce: frmGlobal.nonce - }, - success: function() { - const $thisField = jQuery( document.getElementById( 'frm_field_id_' + fieldId ) ), - settings = jQuery( '#frm-single-settings-' + fieldId ); - - // Remove settings from sidebar. - if ( settings.is( ':visible' ) ) { - document.getElementById( 'frm_insert_fields_tab' ).click(); - } - - moveOpenModalsOutOfFieldOptions( settings ); - settings.remove(); - - $thisField.fadeOut( 'slow', function() { - let $section = $thisField.closest( '.start_divider' ), - type = $thisField.data( 'type' ), - $adjacentFields = $thisField.siblings( 'li.form-field' ), - $liWrapper; - - if ( ! $adjacentFields.length ) { - if ( $thisField.is( '.edit_field_type_end_divider' ) ) { - $adjacentFields.length = $thisField.closest( 'li.form-field' ).siblings(); - } else { - $liWrapper = $thisField.closest( 'ul.frm_sorting' ).parent(); - } - } - - $thisField.remove(); - if ( type === 'break' ) { - renumberPageBreaks(); - } else if ( type === 'product' ) { - maybeHideQuantityProductFieldOption(); - // a product field attached to a quantity field earlier might be the one deleted, so re-populate - popAllProductFields(); - } - - if ( $adjacentFields.length ) { - syncLayoutClasses( $adjacentFields.first() ); - } else { - $liWrapper.remove(); - } - - if ( jQuery( '#frm-show-fields li' ).length === 0 || hasOnlySubmitField() ) { - const formEditorContainer = document.getElementById( 'frm_form_editor_container' ); - formEditorContainer.classList.remove( 'frm-has-fields' ); - formEditorContainer.classList.add( 'frm-empty-fields' ); - } else if ( $section.length ) { - toggleOneSectionHolder( $section ); - } - - // prevent "More Options" tooltips from staying around after their target field is deleted. - deleteTooltips(); - }); - - if ( $thisField.length ) { - wp.hooks.doAction( 'frm_after_delete_field', $thisField[0] ); - } - } - }); - } - - function addFieldLogicRow() { - /*jshint validthis:true */ - const id = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ), - formId = thisFormId, - logicRows = document.getElementById( 'frm_logic_row_' + id ).querySelectorAll( '.frm_logic_row' ); - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_add_logic_row', - form_id: formId, - field_id: id, - nonce: frmGlobal.nonce, - meta_name: getNewRowId( logicRows, 'frm_logic_' + id + '_' ), - fields: getFieldList() - }, - success: function( html ) { - jQuery( document.getElementById( 'logic_' + id ) ).fadeOut( 'slow', function() { - const logicRow = jQuery( document.getElementById( 'frm_logic_row_' + id ) ); - logicRow.append( html ); - logicRow.closest( '.frm_logic_rows' ).fadeIn( 'slow' ); - }); - } - }); - return false; - } - - function getNewRowId( rows, replace, defaultValue ) { - if ( ! rows.length ) { - return 'undefined' !== typeof defaultValue ? defaultValue : 0; - } - return parseInt( rows[ rows.length - 1 ].id.replace( replace, '' ), 10 ) + 1; - } - - function addWatchLookupRow() { - /*jshint validthis:true */ - let lastRowId, - id = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ), - formId = thisFormId, - lookupBlockRows = document.getElementById( 'frm_watch_lookup_block_' + id ).children; - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_add_watch_lookup_row', - form_id: formId, - field_id: id, - row_key: getNewRowId( lookupBlockRows, 'frm_watch_lookup_' + id + '_' ), - nonce: frmGlobal.nonce - }, - success: function( newRow ) { - const watchRowBlock = jQuery( document.getElementById( 'frm_watch_lookup_block_' + id ) ); - watchRowBlock.append( newRow ); - watchRowBlock.fadeIn( 'slow' ); - } - }); - return false; - } - - function resetOptionTextDetails() { - jQuery( '.frm-single-settings ul input[type="text"][name^="field_options[options_"]' ).filter( '[data-value-on-load]' ).removeAttr( 'data-value-on-load' ); - jQuery( 'input[type="hidden"][name^=optionmap]' ).remove(); - } - - function optionTextAlreadyExists( input ) { - let fieldId = jQuery( input ).closest( '.frm-single-settings' ).attr( 'data-fid' ), - optionInputs = jQuery( input ).closest( 'ul' ).get( 0 ).querySelectorAll( '.field_' + fieldId + '_option' ), - index, - optionInput; - - for ( index in optionInputs ) { - optionInput = optionInputs[ index ]; - if ( optionInput.id !== input.id && optionInput.value === input.value && optionInput.getAttribute( 'data-duplicate' ) !== 'true' ) { - return true; - } - } - - return false; - } - - function onOptionTextFocus() { - let input, - fieldId; - - if ( this.getAttribute( 'data-value-on-load' ) === null ) { - this.setAttribute( 'data-value-on-load', this.value ); - - fieldId = jQuery( this ).closest( '.frm-single-settings' ).attr( 'data-fid' ); - input = document.createElement( 'input' ); - input.value = this.value; - input.setAttribute( 'type', 'hidden' ); - input.setAttribute( 'name', 'optionmap[' + fieldId + '][' + this.value + ']' ); - this.parentNode.appendChild( input ); - - if ( typeof optionMap[ fieldId ] === 'undefined' ) { - optionMap[ fieldId ] = {}; - } - - optionMap[ fieldId ][ this.value ] = input; - } - - if ( this.getAttribute( 'data-duplicate' ) === 'true' ) { - this.removeAttribute( 'data-duplicate' ); - - // we want to use original value if actually still a duplicate - if ( optionTextAlreadyExists( this ) ) { - this.setAttribute( 'data-value-on-focus', this.getAttribute( 'data-value-on-load' ) ); - return; - } - } - - if ( '' !== this.value || frmAdminJs.new_option !== this.getAttribute( 'data-value-on-focus' ) ) { - this.setAttribute( 'data-value-on-focus', this.value ); - } - } - - /** - * Returns an object that has the old and new values and labels, when a field choice is changed. - * - * @param {HTMLElement} input - * @returns {Object} - */ - function getChoiceOldAndNewValues( input ) { - const { oldValue, oldLabel } = getChoiceOldValueAndLabel( input ); - const { newValue, newLabel } = getChoiceNewValueAndLabel( input ); - - return { oldValue, oldLabel, newValue, newLabel }; - } - - /** - * Returns an object that has the new value and label, when a field choice is changed. - * - * @param {HTMLElement} choiceElement - * @returns {Object} - */ - function getChoiceNewValueAndLabel( choiceElement ) { - const singleOptionContainer = choiceElement.closest( '.frm_single_option' ); - - let newValue, newLabel; - - if ( choiceElement.parentElement.classList.contains( 'frm_single_option' ) ) { // label changed - newValue = singleOptionContainer.querySelector( '.frm_option_key input[type="text"]' ).value; - newLabel = choiceElement.value; - return { newValue, newLabel }; - } - - // saved value changed - newLabel = singleOptionContainer.querySelector( 'input[type="text"]' ).value; - newValue = choiceElement.value; - return { newValue, newLabel }; - } - - /** - * Returns an object that has the old value and label, when a field choice is changed. - * - * @param {HTMLElement} choiceElement - * @returns {Object} - */ - function getChoiceOldValueAndLabel( choiceElement ) { - const usingSeparateValues = choiceElement.closest( '.frm-single-settings' ).querySelector( '.frm_toggle_sep_values' )?.checked ?? false; - const singleOptionContainer = choiceElement.closest( '.frm_single_option' ); - - let oldValue, oldLabel; - - if ( usingSeparateValues ) { - if ( choiceElement.parentElement.classList.contains( 'frm_single_option' ) ) { // label changed - oldValue = singleOptionContainer.querySelector( '.frm_option_key input[type="text"]' ).getAttribute( 'data-value-on-focus' ); - oldLabel = choiceElement.getAttribute( 'data-value-on-focus' ); - return { oldValue, oldLabel }; - } - } - oldValue = choiceElement.getAttribute( 'data-value-on-focus' ); - oldLabel = singleOptionContainer.querySelector( 'input[type="text"]' ).getAttribute( 'data-value-on-focus' ); - - return { oldValue, oldLabel }; - } - - function onOptionTextBlur() { - let originalValue, - fieldId, - fieldIndex, - logicId, - row, - rowLength, - rowIndex, - valueSelect, - opts, - fieldIds, - settingId, - setting, - optionMatches, - option; - - const { oldValue, oldLabel, newValue, newLabel } = getChoiceOldAndNewValues( this ); - - if ( oldValue === newValue && oldLabel === newLabel ) { - return; - } - - const singleSettingsContainer = this.closest( '.frm-single-settings' ); - - fieldId = singleSettingsContainer.getAttribute( 'data-fid' ); - originalValue = this.getAttribute( 'data-value-on-load' ); - - // check if the newValue is already mapped to another option - // if it is, mark as duplicate and return - if ( optionTextAlreadyExists( this ) ) { - this.setAttribute( 'data-duplicate', 'true' ); - - if ( typeof optionMap[ fieldId ] !== 'undefined' && typeof optionMap[ fieldId ][ originalValue ] !== 'undefined' ) { - // unmap any other change that may have happened before instead of changing it to something unused - optionMap[ fieldId ][ originalValue ].value = originalValue; - } - - return; - } - - if ( typeof optionMap[ fieldId ] !== 'undefined' && typeof optionMap[ fieldId ][ originalValue ] !== 'undefined' ) { - optionMap[ fieldId ][ originalValue ].value = newValue; - } - - fieldIds = []; - rows = builderPage.querySelectorAll( '.frm_logic_row' ); - rowLength = rows.length; - for ( rowIndex = 0; rowIndex < rowLength; rowIndex++ ) { - row = rows[ rowIndex ]; - opts = row.querySelector( '.frm_logic_field_opts' ); - - if ( opts.value !== fieldId ) { - continue; - } - - logicId = row.id.split( '_' )[ 2 ]; - valueSelect = row.querySelector( 'select[name="field_options[hide_opt_' + logicId + '][]"]' ); - - if ( '' === oldValue ) { - optionMatches = []; - } else { - optionMatches = valueSelect.querySelectorAll( 'option[value="' + oldValue + '"]' ); - } - - if ( ! optionMatches.length ) { - optionMatches = valueSelect.querySelectorAll( 'option[value="' + newValue + '"]' ); - - if ( ! optionMatches.length ) { - if ( ! singleSettingsContainer.querySelector( '.frm_toggle_sep_values' )?.checked ) { - option = searchSelectByText( valueSelect, oldValue ); // Find conditional logic option with oldValue - } - - if ( ! option ) { - option = document.createElement( 'option' ); - valueSelect.appendChild( option ); - } - } - } - - if ( optionMatches.length ) { - option = optionMatches[ optionMatches.length - 1 ]; - } - - option.setAttribute( 'value', newValue ); - option.textContent = newLabel; - - if ( fieldIds.indexOf( logicId ) === -1 ) { - fieldIds.push( logicId ); - } - } - - for ( fieldIndex in fieldIds ) { - settingId = fieldIds[ fieldIndex ]; - setting = document.getElementById( 'frm-single-settings-' + settingId ); - moveFieldSettings( setting ); - } - } - - /** - * Returns an option element that matches a string with its text content. - * - * @param {HTMLElement} selectElement - * @param {string} searchText - * @returns {HTMLElement|null} - */ - function searchSelectByText( selectElement, searchText ) { - const options = selectElement.options; - - for ( let i = 0; i < options.length; i++ ) { - const option = options[i]; - if ( searchText === option.textContent ) { - return option; - } - } - - return null; - } - - function updateGetValueFieldSelection() { - /*jshint validthis:true */ - const fieldID = this.id.replace( 'get_values_form_', '' ); - const fieldSelect = document.getElementById( 'get_values_field_' + fieldID ); - const fieldType = this.getAttribute( 'data-fieldtype' ); - - if ( this.value === '' ) { - fieldSelect.options.length = 1; - } else { - const formID = this.value; - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: { - action: 'frm_get_options_for_get_values_field', - form_id: formID, - field_type: fieldType, - nonce: frmGlobal.nonce - }, - success: function( fields ) { - fieldSelect.innerHTML = fields; - } - }); - } - } - - // Clear the Watch Fields option when Lookup field switches to "Text" option - function maybeClearWatchFields() { - /*jshint validthis:true */ - let link, lookupBlock, - fieldID = this.name.replace( 'field_options[data_type_', '' ).replace( ']', '' ); - - link = document.getElementById( 'frm_add_watch_lookup_link_' + fieldID ); - if ( ! link ) { - return; - } - link = link.parentNode; - - if ( this.value === 'text' ) { - lookupBlock = document.getElementById( 'frm_watch_lookup_block_' + fieldID ); - if ( lookupBlock !== null ) { - // Clear and hide the Watch Fields option - lookupBlock.innerHTML = ''; - link.classList.add( 'frm_hidden' ); - - // Hide the Watch Fields row - link.previousElementSibling.style.display = 'none'; - link.previousElementSibling.previousElementSibling.style.display = 'none'; - link.previousElementSibling.previousElementSibling.previousElementSibling.style.display = 'none'; - } - } else { - // Show the Watch Fields option - link.classList.remove( 'frm_hidden' ); - } - - toggleMultiSelect( fieldID, this.value ); - } - - // Number the pages and hide/show the first page as needed. - function renumberPageBreaks() { - let i, containerClass, - pages = document.getElementsByClassName( 'frm-page-num' ); - - if ( pages.length > 1 ) { - document.getElementById( 'frm-fake-page' ).style.display = 'block'; - for ( i = 0; i < pages.length; i++ ) { - containerClass = pages[i].parentNode.parentNode.parentNode.classList; - if ( i === 1 ) { - // Hide previous button on page 1 - containerClass.add( 'frm-first-page' ); - } else { - containerClass.remove( 'frm-first-page' ); - } - pages[i].textContent = ( i + 1 ); - } - } else { - document.getElementById( 'frm-fake-page' ).style.display = 'none'; - } - - wp.hooks.doAction( 'frm_renumber_page_breaks', pages ); - } - - // The fake field works differently than real fields. - function maybeCollapsePage() { - /*jshint validthis:true */ - const field = jQuery( this ).closest( '.frm_field_box[data-ftype=break]' ); - if ( field.length ) { - toggleCollapsePage( field ); - } else { - toggleCollapseFakePage(); - } - } - - // Find all fields in a page and hide/show them - function toggleCollapsePage( field ) { - const toCollapse = getAllFieldsForPage( field.get( 0 ).parentNode.closest( 'li.frm_field_box' ).nextElementSibling ); - togglePage( field, toCollapse ); - } - - function toggleCollapseFakePage() { - const topLevel = document.getElementById( 'frm-fake-page' ), - firstField = document.getElementById( 'frm-show-fields' ).firstElementChild, - toCollapse = getAllFieldsForPage( firstField ); - - if ( firstField.getAttribute( 'data-ftype' ) === 'break' ) { - // Don't collapse if the first field is a page break. - return; - } - - togglePage( jQuery( topLevel ), toCollapse ); - } - - function getAllFieldsForPage( firstWrapper ) { - let $fieldsForPage, currentWrapper; - - $fieldsForPage = jQuery(); - - if ( null === firstWrapper ) { - return $fieldsForPage; - } - - currentWrapper = firstWrapper; - - do { - if ( null !== currentWrapper.querySelector( '.edit_field_type_break' ) ) { - break; - } - $fieldsForPage = $fieldsForPage.add( jQuery( currentWrapper ) ); - currentWrapper = currentWrapper.nextElementSibling; - } while ( null !== currentWrapper ); - - return $fieldsForPage; - } - - function togglePage( field, toCollapse ) { - let i, - fieldCount = toCollapse.length, - slide = Math.min( fieldCount, 3 ); - - if ( field.hasClass( 'frm-page-collapsed' ) ) { - field.removeClass( 'frm-page-collapsed' ); - toCollapse.removeClass( 'frm-is-collapsed' ); - for ( i = 0; i < slide; i++ ) { - if ( i === slide - 1 ) { - jQuery( toCollapse[ i ]).slideDown( 150, function() { - toCollapse.show(); - }); - } else { - jQuery( toCollapse[ i ]).slideDown( 150 ); - } - } - } else { - field.addClass( 'frm-page-collapsed' ); - toCollapse.addClass( 'frm-is-collapsed' ); - for ( i = 0; i < slide; i++ ) { - if ( i === slide - 1 ) { - jQuery( toCollapse[ i ]).slideUp( 150, function() { - toCollapse.css( 'cssText', 'display:none !important;' ); - }); - } else { - jQuery( toCollapse[ i ]).slideUp( 150 ); - } - } - } - } - - function maybeCollapseSection() { - /*jshint validthis:true */ - const parentCont = this.parentNode.parentNode.parentNode.parentNode; - - parentCont.classList.toggle( 'frm-section-collapsed' ); - } - - function maybeCollapseSettings() { - /*jshint validthis:true */ - this.classList.toggle( 'frm-collapsed' ); - - // Toggles the "aria-expanded" attribute - const expanded = this.getAttribute( 'aria-expanded' ) === 'true' || false; - this.setAttribute( 'aria-expanded', ! expanded ); - } - - function clickLabel() { - if ( ! this.id ) { - return; - } - - /*jshint validthis:true */ - let setting = document.querySelectorAll( '[data-changeme="' + this.id + '"]' )[0], - fieldId = this.id.replace( 'field_label_', '' ), - fieldType = document.getElementById( 'field_options_type_' + fieldId ), - fieldTypeName = fieldType.value; - - if ( typeof setting !== 'undefined' ) { - if ( fieldType.tagName === 'SELECT' ) { - fieldTypeName = fieldType.options[ fieldType.selectedIndex ].text.toLowerCase(); - } else { - fieldTypeName = fieldTypeName.replace( '_', ' ' ); - } - - fieldTypeName = normalizeFieldName( fieldTypeName ); - - setTimeout( function() { - if ( setting.value.toLowerCase() === fieldTypeName ) { - setting.select(); - } else { - setting.focus(); - } - }, 50 ); - } - } - - function clickDescription() { - /*jshint validthis:true */ - const setting = document.querySelectorAll( '[data-changeme="' + this.id + '"]' )[0]; - if ( typeof setting !== 'undefined' ) { - setTimeout( function() { - setting.focus(); - autoExpandSettings( setting ); - }, 50 ); - } - } - - function autoExpandSettings( setting ) { - const inSection = setting.closest( '.frm-collapse-me' ); - if ( inSection !== null ) { - inSection.previousElementSibling.classList.remove( 'frm-collapsed' ); - } - } - - function normalizeFieldName( fieldTypeName ) { - if ( fieldTypeName === 'divider' ) { - fieldTypeName = 'section'; - } else if ( fieldTypeName === 'range' ) { - fieldTypeName = 'slider'; - } else if ( fieldTypeName === 'data' ) { - fieldTypeName = 'dynamic'; - } else if ( fieldTypeName === 'form' ) { - fieldTypeName = 'embed form'; - } - return fieldTypeName; - } - - function clickVis( e ) { - /*jshint validthis:true */ - let currentClass, originalList; - - currentClass = e.target.classList; - - if ( currentClass.contains( 'frm-collapse-page' ) || currentClass.contains( 'frm-sub-label' ) || e.target.closest( '.dropdown' ) !== null ) { - return; - } - - if ( this.closest( '.start_divider' ) !== null ) { - e.stopPropagation(); - } - - if ( this.classList.contains( 'edit_field_type_divider' ) ) { - originalList = e.originalEvent.target.closest( 'ul.frm_sorting' ); - if ( null !== originalList ) { - // prevent section click if clicking a field group within a section. - if ( originalList.classList.contains( 'edit_field_type_divider' ) || originalList.parentNode.parentNode.classList.contains( 'start_divider' ) ) { - return; - } - } - } - - clickAction( this ); - } - - /** - * Update the format input based on the selected format type. - * - * @since 6.9 - * - * @param {Event} event The event object from the format type selection. - * @return {void} - */ - function maybeUpdateFormatInput( event ) { - const formatElement = event.target; - const type = formatElement.value - - if ( 'custom' === type ) { - const fieldId = formatElement.dataset.fieldId; - const formatInput = document.getElementById( `frm-field-format-custom-${fieldId}` ).querySelector( '.frm_format_opt' ); - - if ( 'international' === formatInput.value || 'currency' === formatInput.value || 'number' === formatInput.value ) { - formatInput.setAttribute( 'value', '' ); - } - } - - setTimeout( - () => { - formatElement.querySelectorAll( 'option' ).forEach( - option => { - if ( option.selected && option.classList.contains( 'frm_show_upgrade' ) ) { - formatElement.value = 'none'; - } - } - ); - }, - 0 - ); - } - - /** - * Open Advanced settings on double click. - */ - function openAdvanced() { - const fieldId = this.getAttribute( 'data-fid' ); - autoExpandSettings( document.getElementById( 'field_options_field_key_' + fieldId ) ); - } - - function toggleRepeatButtons() { - /*jshint validthis:true */ - const $thisField = jQuery( this ).closest( '.frm_field_box' ); - $thisField.find( '.repeat_icon_links' ).removeClass( 'repeat_format repeat_formatboth repeat_formattext' ).addClass( 'repeat_format' + this.value ); - if ( this.value === 'text' || this.value === 'both' ) { - $thisField.find( '.frm_repeat_text' ).show(); - $thisField.find( '.repeat_icon_links a' ).addClass( 'frm_button' ); - } else { - $thisField.find( '.frm_repeat_text' ).hide(); - $thisField.find( '.repeat_icon_links a' ).removeClass( 'frm_button' ); - } - } - - function checkRepeatLimit() { - /*jshint validthis:true */ - const val = this.value; - if ( val !== '' && ( val < 2 || val > 200 ) ) { - infoModal( frmAdminJs.repeat_limit_min ); - this.value = ''; - } - } - - function checkCheckboxSelectionsLimit() { - /*jshint validthis:true */ - const val = this.value; - if ( val !== '' && ( val < 1 || val > 200 ) ) { - infoModal( frmAdminJs.checkbox_limit ); - this.value = ''; - } - } - - function updateRepeatText( obj, addRemove ) { - const $thisField = jQuery( obj ).closest( '.frm_field_box' ); - $thisField.find( '.frm_' + addRemove + '_form_row .frm_repeat_label' ).text( obj.value ); - } - - function fieldsInSection( id ) { - const children = []; - jQuery( document.getElementById( 'frm_field_id_' + id ) ).find( 'li.frm_field_box:not(.no_repeat_section .edit_field_type_end_divider)' ).each( function() { - children.push( jQuery( this ).data( 'fid' ) ); - }); - return children; - } - - function toggleFormTax() { - /*jshint validthis:true */ - const id = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - const val = this.value; - const $showFields = document.getElementById( 'frm_show_selected_fields_' + id ); - const $showForms = document.getElementById( 'frm_show_selected_forms_' + id ); - - jQuery( $showForms ).find( 'select' ).val( '' ); - if ( val === 'form' ) { - $showForms.style.display = 'inline'; - empty( $showFields ); - } else { - $showFields.style.display = 'none'; - $showForms.style.display = 'none'; - getTaxOrFieldSelection( val, id ); - } - - } - - function resetOptOnChange() { - /*jshint validthis:true */ - let field, thisOpt; - - field = getFieldKeyFromOpt( this ); - if ( ! field ) { - return; - } - - thisOpt = jQuery( this ).closest( '.frm_single_option' ); - - resetSingleOpt( field.fieldId, field.fieldKey, thisOpt ); - } - - function getFieldKeyFromOpt( object ) { - let allOpts, fieldId, fieldKey; - - allOpts = jQuery( object ).closest( '.frm_sortable_field_opts' ); - if ( ! allOpts.length ) { - return false; - } - - fieldId = allOpts.attr( 'id' ).replace( 'frm_field_', '' ).replace( '_opts', '' ); - fieldKey = allOpts.data( 'key' ); - - return { - fieldId: fieldId, - fieldKey: fieldKey - }; - } - - function resetSingleOpt( fieldId, fieldKey, thisOpt ) { - let saved, text, defaultVal, previewInput, labelForDisplay, optContainer, - optKey = thisOpt.data( 'optkey' ), - separateValues = usingSeparateValues( fieldId ), - single = jQuery( 'label[for="field_' + fieldKey + '-' + optKey + '"]' ), - baseName = 'field_options[options_' + fieldId + '][' + optKey + ']', - label = jQuery( 'input[name="' + baseName + '[label]"]' ); - - if ( single.length < 1 ) { - resetDisplayedOpts( fieldId ); - - // Set the default value. - defaultVal = thisOpt.find( 'input[name^="default_value_"]' ); - if ( defaultVal.is( ':checked' ) && label.length > 0 ) { - jQuery( 'select[name^="item_meta[' + fieldId + ']"]' ).val( label.val() ); - } - return; - } - - previewInput = single.children( 'input' ); - - if ( label.length < 1 ) { - // Check for other label. - label = jQuery( 'input[name="' + baseName + '"]' ); - saved = label.val(); - } else if ( separateValues ) { - saved = jQuery( 'input[name="' + baseName + '[value]"]' ).val(); - } else { - saved = label.val(); - } - - if ( label.length < 1 ) { - return; - } - - // Set the displayed value. - text = single[0].childNodes; - - if ( imagesAsOptions( fieldId ) ) { - labelForDisplay = getImageDisplayValue( thisOpt, fieldId, label ); - optContainer = single.find( '.frm_image_option_container' ); - - if ( optContainer.length > 0 ) { - optContainer.replaceWith( labelForDisplay ); - } else { - text[ text.length - 1 ].nodeValue = ''; - single.append( labelForDisplay ); - } - } else { - let firstInputIndex = false; - text.forEach( ( node, index ) => { - if ( firstInputIndex === false ) { - if ( node.tagName === 'INPUT' ) { - firstInputIndex = index; - } - } else if ( index === firstInputIndex + 1 ) { - let nodeValue = ''; - - if ( buttonsAsOptions( fieldId ) ) { - nodeValue = div({ className: 'frm_label_button_container', text: ' ' + label.val() }); - single[0].replaceChild( nodeValue, node ); - } else { - node.nodeValue = ' ' + label.val(); - } - } else { - single[0].removeChild( node ); - } - }); - } - - // Set saved value. - previewInput.val( saved ); - - // Set the default value. - defaultVal = thisOpt.find( 'input[name^="default_value_"]' ); - previewInput.prop( 'checked', defaultVal.is( ':checked' ) ? true : false ); - } - - function buttonsAsOptions( fieldId ) { - const fields = document.getElementsByName( 'field_options[image_options_' + fieldId + ']' ); - const result = Array.from( fields ).find( field => field.checked && ( 'buttons' === field.value ) ); - - return typeof result !== 'undefined'; - } - - /** - * Set the displayed value for an image option. - */ - function getImageDisplayValue( thisOpt, fieldId, label ) { - let image, imageUrl, showLabelWithImage, fieldType; - - image = thisOpt.find( 'img' ); - if ( image ) { - imageUrl = image.attr( 'src' ); - } - - showLabelWithImage = showingLabelWithImage( fieldId ); - fieldType = radioOrCheckbox( fieldId ); - return getImageLabel( label.val(), showLabelWithImage, imageUrl, fieldType ); - } - - function getImageOptionSize( fieldId ) { - let val, - field = document.getElementById( 'field_options_image_size_' + fieldId ), - size = ''; - - if ( field !== null ) { - val = field.value; - if ( val !== '' ) { - size = val; - } - } - - return size; - } - - function resetDisplayedOpts( fieldId ) { - let i, opts, type, placeholder, fieldInfo, - input = jQuery( '[name^="item_meta[' + fieldId + ']"]' ); - - if ( input.length < 1 ) { - return; - } - - if ( input.is( 'select' ) ) { - placeholder = document.getElementById( 'frm_placeholder_' + fieldId ); - if ( placeholder !== null && placeholder.value === '' ) { - fillDropdownOpts( input[0], { sourceID: fieldId }); - } else { - fillDropdownOpts( input[0], { - sourceID: fieldId, - placeholder: placeholder.value - }); - } - } else { - opts = getMultipleOpts( fieldId ); - jQuery( '#field_' + fieldId + '_inner_container > .frm_form_fields' ).html( '' ); - fieldInfo = getFieldKeyFromOpt( jQuery( '#frm_delete_field_' + fieldId + '-000_container' ) ); - - const container = jQuery( '#field_' + fieldId + '_inner_container > .frm_form_fields' ), - hasImageOptions = imagesAsOptions( fieldId ), - imageSize = hasImageOptions ? getImageOptionSize( fieldId ) : '', - imageOptionClass = hasImageOptions ? ( 'frm_image_option frm_image_' + imageSize + ' ' ) : '', - isProduct = isProductField( fieldId ); - - type = ( 'hidden' === input.attr( 'type' ) ? input.data( 'field-type' ) : input.attr( 'type' ) ); - for ( i = 0; i < opts.length; i++ ) { - container.append( addRadioCheckboxOpt( type, opts[ i ], fieldId, fieldInfo.fieldKey, isProduct, imageOptionClass ) ); - } - } - - adjustConditionalLogicOptionOrders( fieldId ); - } - - /** - * Returns an object that has a value and label for new conditional logic option, for a given option value. - * - * @param {Number} fieldId - * @param {string} expectedOption - * @returns {Object} - */ - function getNewConditionalLogicOption( fieldId, expectedOption ) { - const optionsContainer = document.getElementById( 'frm_field_' + fieldId + '_opts' ); - - const expectedOptionInput = optionsContainer.querySelector( 'input[value="' + expectedOption + '"]' ); - - if ( expectedOptionInput ) { - return getChoiceNewValueAndLabel( expectedOptionInput ); - } - - return { newValue: expectedOption, newLabel: expectedOption }; - } - - function adjustConditionalLogicOptionOrders( fieldId, type ) { - let row, opts, logicId, valueSelect, optionLength, optionIndex, expectedOption, optionMatch, fieldOptions, - rows = builderPage.querySelectorAll( '.frm_logic_row' ), - rowLength = rows.length; - - fieldOptions = wp.hooks.applyFilters( 'frm_conditional_logic_field_options', getFieldOptions( fieldId ), { type, fieldId }); - optionLength = fieldOptions.length; - - for ( rowIndex = 0; rowIndex < rowLength; rowIndex++ ) { - row = rows[ rowIndex ]; - opts = row.querySelector( '.frm_logic_field_opts' ); - - if ( opts.value != fieldId ) { - continue; - } - - logicId = row.id.split( '_' )[ 2 ]; - valueSelect = row.querySelector( 'select[name="field_options[hide_opt_' + logicId + '][]"]' ); - - for ( optionIndex = optionLength - 1; optionIndex >= 0; optionIndex-- ) { - expectedOption = fieldOptions[ optionIndex ]; - let expectedOptionValue = document.getElementById( 'frm_field_' + fieldId + '_opts' ).querySelector( '.frm_option_key input[type="text"]' )?.value; - if ( ! expectedOptionValue ) { - expectedOptionValue = expectedOption; - } - - optionMatch = valueSelect.querySelector( 'option[value="' + expectedOptionValue + '"]' ); - - const { newValue, newLabel } = getNewConditionalLogicOption( fieldId, expectedOption ); - - const fieldChoices = document.querySelectorAll( '#frm_field_' + fieldId + '_opts input[data-value-on-focus]' ); - const expectedChoiceEl = Array.from( fieldChoices ).find( element => element.value === expectedOption ); - if ( expectedChoiceEl ) { - const oldValue = expectedChoiceEl.dataset.valueOnFocus; - const hasMatch = oldValue && valueSelect.querySelector( 'option[value="' + oldValue + '"]' ); - if ( hasMatch ) { - continue; - } - } - prependValueSelectWithOptionMatch( valueSelect, optionMatch, newValue, newLabel ); - } - - optionMatch = valueSelect.querySelector( 'option[value=""]' ); - if ( optionMatch !== null ) { - valueSelect.prepend( optionMatch ); - } - } - } - - function prependValueSelectWithOptionMatch( valueSelect, optionMatch, newValue, newLabel ) { - if ( optionMatch === null && ! valueSelect.querySelector( 'option[value="' + newValue + '"]' )) { - optionMatch = frmDom.tag( 'option', { text: newLabel }); - optionMatch.value = newValue; - } - - valueSelect.prepend( optionMatch ); - } - - function getFieldOptions( fieldId ) { - let index, input, li, listItems, optsContainer, length, - options = []; - optsContainer = document.getElementById( 'frm_field_' + fieldId + '_opts' ); - - if ( ! optsContainer ) { - return options; - } - listItems = optsContainer.querySelectorAll( '.frm_single_option' ); - length = listItems.length; - - for ( index = 0; index < length; index++ ) { - li = listItems[ index ]; - - if ( li.classList.contains( 'frm_hidden' ) ) { - continue; - } - - input = li.querySelector( '.field_' + fieldId + '_option' ); - options.push( input.value ); - } - return options; - } - - function addRadioCheckboxOpt( type, opt, fieldId, fieldKey, isProduct, classes ) { - let other, - single = '', - isOther = opt.key.indexOf( 'other' ) !== -1, - id = 'field_' + fieldKey + '-' + opt.key, - inputType = type === 'scale' ? 'radio' : type; - - other = ''; - - this.getSingle = function() { - - /** - * Get single option template. - * @param {Object} option Object containing the option data. - * @param {string} type The field type. - * @param {string} fieldId The field id. - * @param {string} classes The option clasnames. - * @param {string} id The input id attribute. - */ - single = wp.hooks.applyFilters( 'frm_admin.build_single_option_template', single, { opt, type, fieldId, classes, id }); - - if ( '' !== single ) { - return single; - } - - return '
      ' + - ( isOther ? other : '' ) + - '
      '; - }; - - return this.getSingle(); - } - - function fillDropdownOpts( field, atts ) { - if ( field === null ) { - return; - } - const sourceID = atts.sourceID, - placeholder = atts.placeholder, - isProduct = isProductField( sourceID ), - showOther = atts.other; - - removeDropdownOpts( field ); - let opts = getMultipleOpts( sourceID ), - hasPlaceholder = ( typeof placeholder !== 'undefined' ); - - for ( let i = 0; i < opts.length; i++ ) { - let label = opts[ i ].label, - isOther = opts[ i ].key.indexOf( 'other' ) !== -1; - - if ( hasPlaceholder && label !== '' ) { - addBlankSelectOption( field, placeholder ); - } else if ( hasPlaceholder ) { - label = placeholder; - } - hasPlaceholder = false; - - if ( ! isOther || showOther ) { - const opt = document.createElement( 'option' ); - opt.value = opts[ i ].saved; - opt.innerHTML = purifyHtml( label ); - - if ( isProduct ) { - opt.setAttribute( 'data-price', opts[ i ].price ); - } - - field.appendChild( opt ); - } - } - } - - function addBlankSelectOption( field, placeholder ) { - const opt = document.createElement( 'option' ), - firstChild = field.firstChild; - - opt.value = ''; - opt.innerHTML = placeholder; - if ( firstChild !== null ) { - field.insertBefore( opt, firstChild ); - field.selectedIndex = 0; - } else { - field.appendChild( opt ); - } - } - - function getMultipleOpts( fieldId ) { - let i, saved, labelName, label, key, optObj, - fieldType, - checked = false, - opts = [], - imageUrl = ''; - - const optVals = jQuery( 'input[name^="field_options[options_' + fieldId + ']"]' ); - const isProduct = isProductField( fieldId ); - const showLabelWithImage = showingLabelWithImage( fieldId ); - const hasImageOptions = imagesAsOptions( fieldId ); - const separateValues = usingSeparateValues( fieldId ); - - for ( i = 0; i < optVals.length; i++ ) { - if ( optVals[ i ].name.indexOf( '[000]' ) > 0 || optVals[ i ].name.indexOf( '[value]' ) > 0 || optVals[ i ].name.indexOf( '[image]' ) > 0 || optVals[ i ].name.indexOf( '[price]' ) > 0 ) { - continue; - } - - saved = optVals[ i ].value; - label = saved; - key = optVals[ i ].name.replace( 'field_options[options_' + fieldId + '][', '' ).replace( '[label]', '' ).replace( ']', '' ); - - if ( separateValues ) { - labelName = optVals[ i ].name.replace( '[label]', '[value]' ); - saved = jQuery( 'input[name="' + labelName + '"]' ).val(); - } - - if ( hasImageOptions ) { - imageUrl = getImageUrlFromInput( optVals[i]); - fieldType = radioOrCheckbox( fieldId ); - label = getImageLabel( label, showLabelWithImage, imageUrl, fieldType ); - } - - /** - * @since 5.0.04 - */ - label = frmAdminBuild.hooks.applyFilters( 'frm_choice_field_label', label, fieldId, optVals[ i ], hasImageOptions ); - - checked = getChecked( optVals[ i ].id ); - - optObj = { - saved: saved, - label: label, - checked: checked, - key: key - }; - - if ( isProduct ) { - labelName = optVals[ i ].name.replace( '[label]', '[price]' ); - optObj.price = jQuery( 'input[name="' + labelName + '"]' ).val(); - } - - opts.push( optObj ); - } - - return opts; - } - - function radioOrCheckbox( fieldId ) { - const settings = document.getElementById( 'frm-single-settings-' + fieldId ); - if ( settings === null ) { - return 'radio'; - } - - return settings.classList.contains( 'frm-type-checkbox' ) ? 'checkbox' : 'radio'; - } - - function getImageUrlFromInput( optVal ) { - let img, - wrapper = jQuery( optVal ).siblings( '.frm_image_preview_wrapper' ); - - if ( ! wrapper.length ) { - return ''; - } - - img = wrapper.find( 'img' ); - if ( ! img.length ) { - return ''; - } - - return img.attr( 'src' ); - } - - function purifyHtml( html ) { - if ( html instanceof Element || html instanceof Document ) { - html = html.outerHTML; - } - - const clean = jQuery.parseHTML( html ).reduce( - ( total, currentNode ) => { - const cleanNode = frmDom.cleanNode( currentNode ); - - if ( '#text' === cleanNode.nodeName ) { - return total += cleanNode.textContent; - } - - return total + cleanNode.outerHTML; - }, - '' - ); - - if ( clean !== html ) { - // Clean it until nothing changes, in case the stripped result is now unsafe. - return purifyHtml( clean ); - } - - return clean; - } - - function getImageLabel( label, showLabelWithImage, imageUrl, fieldType ) { - let imageLabelClass, - originalLabel = label, - shape = fieldType === 'checkbox' ? 'square' : 'circle', - labelImage, - labelNode, - imageLabel; - - originalLabel = purifyHtml( originalLabel ); - - if ( imageUrl ) { - labelImage = img({ src: imageUrl, alt: originalLabel }); - } else { - labelImage = div({ className: 'frm_empty_url' }); - labelImage.innerHTML = frmAdminJs.image_placeholder_icon; - } - - imageLabelClass = showLabelWithImage ? ' frm_label_with_image' : ''; - - imageLabel = tag( 'span', { className: 'frm_text_label_for_image_inner' }); - - imageLabel.innerHTML = originalLabel; - labelNode = tag( - 'span', - { - className: 'frm_image_option_container' + imageLabelClass, - children: [ - labelImage, - tag( 'span', { className: 'frm_text_label_for_image', child: imageLabel }) - ] - } - ); - - return labelNode; - } - - function getChecked( id ) { - field = jQuery( '#' + id ); - - if ( field.length === 0 ) { - return false; - } - - checkbox = field.siblings( 'input[type=checkbox]' ); - - return checkbox.length && checkbox.prop( 'checked' ); - } - - function removeDropdownOpts( field ) { - let i; - if ( typeof field.options === 'undefined' ) { - return; - } - - for ( i = field.options.length - 1; i >= 0; i-- ) { - field.remove( i ); - } - } - - /** - * Is the box checked to use separate values? - */ - function usingSeparateValues( fieldId ) { - return isChecked( 'separate_value_' + fieldId ); - } - - /** - * Is the box checked to use images as options? - */ - function imagesAsOptions( fieldId ) { - let checked = false, - field = document.getElementsByName( 'field_options[image_options_' + fieldId + ']' ); - - for ( let i = 0; i < field.length; i++ ) { - if ( field[ i ].checked ) { - checked = '0' !== field[ i ].value; - } - } - - /** - * @since 5.0.04 - */ - return frmAdminBuild.hooks.applyFilters( 'frm_choice_field_images_as_options', checked, fieldId ); - } - - function showingLabelWithImage( fieldId ) { - const isShowing = ! isChecked( 'hide_image_text_' + fieldId ); - - /** - * @since 5.0.04 - */ - return frmAdminBuild.hooks.applyFilters( 'frm_choice_field_showing_label_with_image', isShowing, fieldId ); - } - - function isChecked( id ) { - const field = document.getElementById( id ); - if ( field === null ) { - return false; - } - return field.checked; - } - - function checkUniqueOpt( targetInput ) { - const settingsContainer = targetInput.closest( '.frm-single-settings' ); - const fieldId = settingsContainer.getAttribute( 'data-fid' ); - const areValuesSeparate = settingsContainer.querySelector( '[name="field_options[separate_value_' + fieldId + ']"]' ).checked; - - if ( areValuesSeparate && ! targetInput.name.endsWith( '[value]' ) ) { - return; - } - - const container = document.getElementById( 'frm_field_' + fieldId + '_opts' ); - const conflicts = Array.from( container.querySelectorAll( 'input[type="text"]' ) ).filter( - input => input.id !== targetInput.id && - areValuesSeparate === input.name.endsWith( '[value]' ) && - input.value === targetInput.value - ); - - if ( conflicts.length ) { - /* translators: %s: The detected option value. */ - infoModal( sprintf( __( 'Duplicate option value "%s" detected', 'formidable' ), purifyHtml( targetInput.value ) ) ); - } - } - - function getFieldValues() { - /*jshint validthis:true */ - let isTaxonomy, - val = this.value; - - if ( val ) { - const parentIDs = this.parentNode.id.replace( 'frm_logic_', '' ).split( '_' ); - const fieldID = parentIDs[0]; - const metaKey = parentIDs[1]; - const valueField = document.getElementById( 'frm_field_id_' + val ); - const valueFieldType = valueField.getAttribute( 'data-ftype' ); - const fill = document.getElementById( 'frm_show_selected_values_' + fieldID + '_' + metaKey ); - const optionName = 'field_options[hide_opt_' + fieldID + '][]'; - const optionID = 'frm_field_logic_opt_' + fieldID; - let input = false; - let showSelect = ( valueFieldType === 'select' || valueFieldType === 'checkbox' || valueFieldType === 'radio' ); - const showText = ( valueFieldType === 'text' || valueFieldType === 'email' || valueFieldType === 'phone' || valueFieldType === 'url' || valueFieldType === 'number' ); - - if ( showSelect ) { - isTaxonomy = document.getElementById( 'frm_has_hidden_options_' + val ); - if ( isTaxonomy !== null ) { - // get the category options with ajax - showSelect = false; - } - } - - if ( showSelect || showText ) { - const comparison = document.querySelector( `#frm_logic_${fieldID}_${metaKey} [name="field_options[hide_field_cond_${fieldID}][]"]` ).value; - fill.innerHTML = ''; - const creatingValuesDropdown = showSelect && ! [ 'LIKE', 'not LIKE', 'LIKE%', '%LIKE' ].includes( comparison ); - if ( creatingValuesDropdown ) { - input = document.createElement( 'select' ); - } else { - input = document.createElement( 'input' ); - input.type = 'text'; - } - input.name = optionName; - input.id = optionID + '_' + metaKey; - fill.appendChild( input ); - - if ( creatingValuesDropdown ) { - const fillField = document.getElementById( input.id ); - fillDropdownOpts( fillField, { - sourceID: val, - placeholder: '', - other: true - }); - } - } else { - const thisType = this.getAttribute( 'data-type' ); - const callback = () => { - const event = new CustomEvent( 'frm_logic_options_loaded' ); - event.frmData = { valueFieldType, fieldID, metaKey }; - document.dispatchEvent( event ); - }; - - frmGetFieldValues( val, fieldID, metaKey, thisType, undefined, callback ); - } - } - } - - function getFieldSelection() { - /*jshint validthis:true */ - const formId = this.value; - if ( formId ) { - const fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - getTaxOrFieldSelection( formId, fieldId ); - } - } - - function getTaxOrFieldSelection( formId, fieldId ) { - if ( formId ) { - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_get_field_selection', - field_id: fieldId, - form_id: formId, - nonce: frmGlobal.nonce - }, - success: function( msg ) { - jQuery( '#frm_show_selected_fields_' + fieldId ).html( msg ).show(); - } - }); - } - } - - function updateFieldOrder() { - let self = this; - - this.initOnceInAllInstances = function() { - if ( 'undefined' !== typeof updateFieldOrder.prototype.orderFieldsObject ) { - return; - } - - // It will store the order input fields ( input[name="field_options[field_order_{fieldId}]"] ). - // It will help to reduce the DOM searches based on fieldId. - // The same object data is used across all "updateFieldOrder" instances. - updateFieldOrder.prototype.orderFieldsObject = {}; - - // Get the Form group that will handle the fields settings. - // Perform a single DOM search and use it across all "updateFieldOrder" instances. - updateFieldOrder.prototype.fieldSettingsForm = document.getElementById( 'frm-end-form-marker' ).closest( 'form' ); - }; - - this.getFieldOrderInputById = function( fieldId, parent ) { - let field; - const orderFieldsObject = updateFieldOrder.prototype.orderFieldsObject; - const fieldSettingsForm = updateFieldOrder.prototype.fieldSettingsForm; - - if ( 'undefined' === typeof orderFieldsObject[ fieldId ]) { - field = fieldSettingsForm.querySelector( 'input[name="field_options[field_order_' + fieldId + ']"]' ); - if ( null === field ) { - field = parent.querySelector( 'input[name="field_options[field_order_' + fieldId + ']"]' ); - } - orderFieldsObject[ fieldId ] = field; - return field; - } - - return orderFieldsObject[ fieldId ]; - }; - - this.initOnceInAllInstances(); - renumberPageBreaks(); - - return ( function() { - let fieldId, field, currentOrder, newOrder, - moveFieldsClass = new moveFieldSettings(), - fields = jQuery( 'li.frm_field_box', jQuery( '#frm-show-fields' ) ); - - for ( i = 0; i < fields.length; i++ ) { - fieldId = fields[ i ].getAttribute( 'data-fid' ); - field = self.getFieldOrderInputById( fieldId, fields[ i ]); - - // get current field order, make sure we don't get the "field" reference as the "field" value will get updated later. - currentOrder = null !== field ? Object.assign({}, field.value )[0] : null; - newOrder = i + 1; - - if ( currentOrder != newOrder && null !== currentOrder ) { - field.value = newOrder; - singleField = fields[ i ].querySelector( '#frm-single-settings-' + fieldId ); - - // add field that needs to be moved to "updateFieldOrder.prototype.fieldSettingsForm" - moveFieldsClass.append( singleField ); - fieldUpdated(); - } - } - // move all appended fields - moveFieldsClass.moveFields(); - }() ); - } - - function toggleSectionHolder() { - document.querySelectorAll( '.start_divider' ).forEach( - function( divider ) { - toggleOneSectionHolder( jQuery( divider ) ); - } - ); - } - - function toggleOneSectionHolder( $section ) { - let noSectionFields, $rows, length, index, sectionHasFields; - - if ( ! $section.length ) { - return; - } - - $rows = $section.find( 'ul.frm_sorting' ); - sectionHasFields = false; - length = $rows.length; - for ( index = 0; index < length; ++index ) { - if ( 0 !== getFieldsInRow( jQuery( $rows.get( index ) ) ).length ) { - sectionHasFields = true; - break; - } - } - - noSectionFields = $section.parent().children( '.frm_no_section_fields' ).get( 0 ); - noSectionFields.classList.toggle( 'frm_block', ! sectionHasFields ); - } - - function handleShowPasswordLiveUpdate() { - frmDom.util.documentOn( 'change', '.frm_show_password_setting_input', event => { - const fieldId = event.target.getAttribute( 'data-fid' ); - const fieldEl = document.getElementById( 'frm_field_id_' + fieldId ); - if ( ! fieldEl ) { - return; - } - - fieldEl.classList.toggle( 'frm_disabled_show_password', ! event.target.checked ); - }); - } - - function slideDown() { - /*jshint validthis:true */ - const id = jQuery( this ).data( 'slidedown' ); - const $thisId = jQuery( document.getElementById( id ) ); - if ( $thisId.is( ':hidden' ) ) { - $thisId.slideDown( 'fast' ); - this.style.display = 'none'; - } - return false; - } - - function slideUp() { - /*jshint validthis:true */ - const id = jQuery( this ).data( 'slideup' ); - const $thisId = jQuery( document.getElementById( id ) ); - $thisId.slideUp( 'fast' ); - $thisId.siblings( 'a' ).show(); - return false; - } - - function adjustVisibilityValuesForEveryoneValues( element, option ) { - if ( '' === option.getAttribute( 'value' ) ) { - onEveryoneOptionSelected( jQuery( this ) ); - } else { - unselectEveryoneOptionIfSelected( jQuery( this ) ); - } - } - - function onEveryoneOptionSelected( $select ) { - $select.val( '' ); - $select.next( '.btn-group' ).find( '.multiselect-container input[value!=""]' ).prop( 'checked', false ); - } - - function unselectEveryoneOptionIfSelected( $select ) { - let selectedValues = $select.val(), - index; - - if ( selectedValues === null ) { - $select.next( '.btn-group' ).find( '.multiselect-container input[value=""]' ).prop( 'checked', true ); - onEveryoneOptionSelected( $select ); - return; - } - - index = selectedValues.indexOf( '' ); - if ( index >= 0 ) { - selectedValues.splice( index, 1 ); - $select.val( selectedValues ); - $select.next( '.btn-group' ).find( '.multiselect-container input[value=""]' ).prop( 'checked', false ); - } - } - - /** - * Get rid of empty container that inserts extra space. - */ - function hideEmptyEle() { - jQuery( '.frm-hide-empty' ).each( function() { - if ( jQuery( this ).text().trim().length === 0 ) { - jQuery( this ).remove(); - } - }); - } - - /* Change the classes in the builder */ - function changeFieldClass( field, setting ) { - let classes, replace, alignField, - replaceWith = ' ' + setting.value, - fieldId = field.getAttribute( 'data-fid' ); - - // Include classes from multiple settings. - if ( typeof fieldId !== 'undefined' ) { - if ( setting.classList.contains( 'field_options_align' ) ) { - replaceWith += ' ' + document.getElementById( 'frm_classes_' + fieldId ).value; - } else if ( setting.classList.contains( 'frm_classes' ) ) { - alignField = document.getElementById( 'field_options_align_' + fieldId ); - if ( alignField !== null ) { - replaceWith += ' ' + alignField.value; - } - } - } - replaceWith += ' '; - - // Allow for the column number dropdown. - replaceWith = replaceWith.replace( ' block ', ' ' ).replace( ' inline ', ' horizontal_radio ' ); - - classes = field.className.split( ' frmstart ' )[1]; - classes = 0 === classes.indexOf( 'frmend ' ) ? '' : classes.split( ' frmend ' )[0]; - - if ( classes.trim() === '' ) { - replace = ' frmstart frmend '; - if ( -1 === field.className.indexOf( replace ) ) { - replace = ' frmstart frmend '; - } - replaceWith = ' frmstart ' + replaceWith.trim() + ' frmend '; - } else { - replace = classes.trim(); - replaceWith = replaceWith.trim(); - } - - field.className = field.className.replace( replace, replaceWith ); - } - - function maybeShowInlineModal( e ) { - /*jshint validthis:true */ - e.preventDefault(); - showInlineModal( this ); - } - - function showInlineModal( icon, input ) { - const box = document.getElementById( icon.getAttribute( 'data-open' ) ), - container = jQuery( icon ).closest( 'p' ), - inputTrigger = ( typeof input !== 'undefined' ); - - if ( container.hasClass( 'frm-open' ) ) { - container.removeClass( 'frm-open' ); - box.classList.add( 'frm_hidden' ); - } else { - if ( ! inputTrigger ) { - input = getInputForIcon( icon ); - } - if ( input !== null ) { - if ( ! inputTrigger ) { - input.focus(); - } - container.after( box ); - box.setAttribute( 'data-fills', input.id ); - - if ( box.id.indexOf( 'frm-calc-box' ) === 0 ) { - popCalcFields( box, true ); - } - } - - container.addClass( 'frm-open' ); - box.classList.remove( 'frm_hidden' ); - - /** - * @since 6.4.1 - */ - wp.hooks.doAction( 'frm_show_inline_modal', box, icon ); - } - } - - function dismissInlineModal( e ) { - /*jshint validthis:true */ - e.preventDefault(); - this.parentNode.classList.add( 'frm_hidden' ); - jQuery( '.frm-open [data-open="' + this.parentNode.id + '"]' ).closest( '.frm-open' ).removeClass( 'frm-open' ); - } - - function changeInputtedValue() { - /*jshint validthis:true */ - let i, - action = this.getAttribute( 'data-frmchange' ).split( ',' ); - - for ( i = 0; i < action.length; i++ ) { - if ( action[i] === 'updateOption' ) { - changeHiddenSeparateValue( this ); - } else if ( action[i] === 'updateDefault' ) { - changeDefaultRadioValue( this ); - } else if ( action[i] === 'checkUniqueOpt' ) { - checkUniqueOpt( this ); - } else { - this.value = this.value[ action[i] ](); - } - } - } - - /** - * When the saved value is changed, update the default value radio. - */ - function changeDefaultRadioValue( input ) { - const parentLi = getOptionParent( input ), - key = parentLi.getAttribute( 'data-optkey' ), - fieldId = getOptionFieldId( parentLi, key ), - defaultRadio = parentLi.querySelector( 'input[name="default_value_' + fieldId + '"]' ); - - if ( defaultRadio !== null ) { - defaultRadio.value = input.value; - } - } - - /** - * If separate values are not enabled, change the saved value when - * the displayed value is changed. - */ - function changeHiddenSeparateValue( input ) { - let savedVal, - parentLi = getOptionParent( input ), - key = parentLi.getAttribute( 'data-optkey' ), - fieldId = getOptionFieldId( parentLi, key ), - sep = document.getElementById( 'separate_value_' + fieldId ); - - if ( sep !== null && sep.checked === false ) { - // If separate values are not turned on. - savedVal = document.getElementById( 'field_key_' + fieldId + '-' + key ); - savedVal.value = input.value; - changeDefaultRadioValue( savedVal ); - } - } - - function getOptionParent( input ) { - let parentLi = input.parentNode; - if ( parentLi.tagName !== 'LI' ) { - parentLi = parentLi.parentNode; - } - return parentLi; - } - - function getOptionFieldId( li, key ) { - const liId = li.id; - - return liId.replace( 'frm_delete_field_', '' ).replace( '-' + key + '_container', '' ); - } - - function submitBuild() { - /*jshint validthis:true */ - const $thisEle = this; - - if ( showNameYourFormModal() ) { - return; - } - - preFormSave( this ); - - const $form = jQuery( builderForm ); - const v = JSON.stringify( $form.serializeArray() ); - - jQuery( document.getElementById( 'frm_compact_fields' ) ).val( v ); - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: {action: 'frm_save_form', 'frm_compact_fields': v, nonce: frmGlobal.nonce}, - success: function( msg ) { - afterFormSave( $thisEle ); - - const $postStuff = document.getElementById( 'post-body-content' ); - const $html = document.createElement( 'div' ); - $html.setAttribute( 'class', 'frm_updated_message' ); - $html.innerHTML = msg; - $postStuff.insertBefore( $html, $postStuff.firstChild ); - reloadIfAddonActivatedAjaxSubmitOnly(); - }, - error: function() { - triggerSubmit( document.getElementById( 'frm_js_build_form' ) ); - } - }); - } - - function triggerSubmit( form ) { - const button = form.ownerDocument.createElement( 'input' ); - button.style.display = 'none'; - button.type = 'submit'; - form.appendChild( button ).click(); - form.removeChild( button ); - } - - function triggerChange( element ) { - jQuery( element ).trigger( 'change' ); - } - - function submitNoAjax() { - /*jshint validthis:true */ - let form; - - if ( showNameYourFormModal() ) { - return; - } - - preFormSave( this ); - form = jQuery( builderForm ); - jQuery( document.getElementById( 'frm_compact_fields' ) ).val( JSON.stringify( form.serializeArray() ) ); - triggerSubmit( document.getElementById( 'frm_js_build_form' ) ); - } - - /** - * Display a modal dialog for naming a new form template, if applicable. - * - * @return {boolean} True if the modal is successfully initialized and displayed; false otherwise. - */ - function showNameYourFormModal() { - // Exit early if the 'new_template' URL parameter is not set to 'true' - if ( ! shouldShowNameYourFormNameModal() ) { - return false; - } - - const modalWidget = initModal( '#frm-form-templates-modal', '440px' ); - if ( ! modalWidget ) { - return false; - } - - // Set the vertical offset for the modal and open it - offsetModalY( modalWidget, '72px' ); - modalWidget.dialog( 'open' ); - - return true; - } - - /** - * Returns true if 'Name Your Form' modal should be displayed. - * - * @returns {Boolean} - */ - function shouldShowNameYourFormNameModal() { - const formNameInput = document.getElementById( 'frm_form_name' ); - if ( formNameInput && formNameInput.value.trim() !== '' ) { - return false; - } - - return 'true' === urlParams.get( 'new_template' ) && document.querySelector( '#frm_top_bar #frm_bs_dropdown .frm_bstooltip' )?.textContent.trim() === frm_admin_js.noTitleText; // eslint-disable-line camelcase - } - - /** - * Manages event handling for the 'Name your form' modal. - * - * Attaches click and keydown event listeners to the save button and input field. - * - * @return {void} - */ - function addFormNameModalEvents() { - const saveFormNameButton = document.getElementById( 'frm-save-form-name-button' ); - const newFormNameInput = document.getElementById( 'frm_new_form_name_input' ); - - // Attach click event listener - onClickPreventDefault( saveFormNameButton, onSaveFormNameButton ); - - // Attach keydown event listener - newFormNameInput.addEventListener( 'keydown', function( event ) { - if ( event.key === 'Enter' ) { - onSaveFormNameButton.call( this, event ); - } - }); - } - - /** - * Handles the click event on the save form name button. - * - * @param {Event} event The click event object. - * @return {void} - */ - const onSaveFormNameButton = ( event ) => { - const newFormName = document.getElementById( 'frm_new_form_name_input' ).value.trim(); - - // Prepare FormData for the POST request - const formData = new FormData(); - formData.append( 'form_id', urlParams.get( 'id' ) ); - formData.append( 'form_name', newFormName ); - - // Perform the POST request - doJsonPost( 'rename_form', formData ).then( data => { - // Remove the 'new_template' parameter from the URL and update the browser history - urlParams.delete( 'new_template' ); - currentURL.search = urlParams.toString(); - history.replaceState({}, '', currentURL.toString() ); - - if ( null !== document.getElementById( 'frm_notification_settings' ) ) { - document.getElementById( 'frm_form_name' ).value = newFormName; - document.getElementById( 'frm_form_key' ).value = data.form_key; - } - - // Trigger the 'Save' button click using jQuery - jQuery( '#frm-publishing' ).find( '.frm_button_submit' ).trigger( 'click' ); - }); - }; - - function preFormSave( b ) { - removeWPUnload(); - if ( jQuery( 'form.inplace_form' ).length ) { - jQuery( '.inplace_save, .postbox' ).trigger( 'click' ); - } - - if ( b.classList.contains( 'frm_button_submit' ) ) { - b.classList.add( 'frm_loading_form' ); - } else { - b.classList.add( 'frm_loading_button' ); - } - b.setAttribute( 'aria-busy', 'true' ); - - adjustFormatInputBeforeSave(); - } - - /** - * Updates the format input based on the selected format type from dropdowns during the form save process. - * - * @since 6.9 - * - * @return {void} - */ - function adjustFormatInputBeforeSave() { - const formatTypes = document.querySelectorAll( '.frm_format_dropdown, .frm_phone_type_dropdown' ); - const valueMap = { - none: '', - international: 'international', - currency: 'currency', - number: 'number' - }; - - formatTypes.forEach( formatType => { - const value = formatType.value; - if ( value in valueMap ) { - const formatInput = document.getElementById( `frm_format_${formatType.dataset.fieldId}` ); - formatInput.value = valueMap[ value ]; - } - }); - } - - function afterFormSave( button ) { - button.classList.remove( 'frm_loading_form' ); - button.classList.remove( 'frm_loading_button' ); - resetOptionTextDetails(); - fieldsUpdated = 0; - button.setAttribute( 'aria-busy', 'false' ); - - setTimeout( function() { - jQuery( '.frm_updated_message' ).fadeOut( 'slow', function() { - this.parentNode.removeChild( this ); - }); - }, 5000 ); - } - - function initUpgradeModal() { - const $info = initModal( '#frm_upgrade_modal' ); - if ( $info === false ) { - return; - } - - document.addEventListener( 'click', handleUpgradeClick ); - frmDom.util.documentOn( 'change', 'select.frm_select_with_upgrade', handleUpgradeClick ); - - function handleUpgradeClick( event ) { - let element, link, content; - - element = event.target; - - if ( ! element.classList ) { - return; - } - - const showExpiredModal = element.classList.contains( 'frm_show_expired_modal' ) || null !== element.querySelector( '.frm_show_expired_modal' ) || element.closest( '.frm_show_expired_modal' ); - - // If a `select` element is clicked, check if the selected option has a 'data-upgrade' attribute - if ( event.type === 'change' && element.classList.contains( 'frm_select_with_upgrade' ) ) { - const selectedOption = element.options[element.selectedIndex]; - if ( selectedOption && selectedOption.dataset.upgrade ) { - element = selectedOption; - } - } - - if ( ! element.dataset.upgrade ) { - let parent = element.closest( '[data-upgrade]' ); - if ( ! parent ) { - parent = element.closest( '.frm_field_box' ); - if ( ! parent ) { - return; - } - // Fake it if it's missing to avoid error. - element.dataset.upgrade = ''; - } - element = parent; - } - - if ( showExpiredModal ) { - const hookName = 'frm_show_expired_modal'; - wp.hooks.doAction( hookName, element ); - return; - } - - const upgradeLabel = element.dataset.upgrade; - if ( ! upgradeLabel || element.classList.contains( 'frm_show_upgrade_tab' ) ) { - return; - } - - event.preventDefault(); - - const modal = $info.get( 0 ); - const lockIcon = modal.querySelector( '.frm_lock_icon' ); - - if ( lockIcon ) { - lockIcon.style.display = 'block'; - lockIcon.classList.remove( 'frm_lock_open_icon' ); - lockIcon.querySelector( 'use' ).setAttribute( 'href', '#frm_lock_icon' ); - } - - const upgradeImageId = 'frm_upgrade_modal_image'; - const oldImage = document.getElementById( upgradeImageId ); - if ( oldImage ) { - oldImage.remove(); - } - - if ( element.dataset.image ) { - if ( lockIcon ) { - lockIcon.style.display = 'none'; - } - lockIcon.parentNode.insertBefore( img({ id: upgradeImageId, src: frmGlobal.url + '/images/' + element.dataset.image }), lockIcon ); - } - - const level = modal.querySelector( '.license-level' ); - if ( level ) { - level.textContent = getRequiredLicenseFromTrigger( element ); - } - - // If one click upgrade, hide other content - addOneClick( element, 'modal', upgradeLabel ); - - modal.querySelector( '.frm_are_not_installed' ).style.display = element.dataset.image ? 'none' : 'inline-block'; - modal.querySelector( '.frm_feature_label' ).textContent = upgradeLabel; - modal.querySelector( 'h2' ).style.display = 'block'; - - $info.dialog( 'open' ); - - // set the utm medium - const button = modal.querySelector( '.button-primary:not(.frm-oneclick-button)' ); - link = button.getAttribute( 'href' ).replace( /(medium=)[a-z_-]+/ig, '$1' + element.getAttribute( 'data-medium' ) ); - content = element.getAttribute( 'data-content' ); - if ( content === null ) { - content = ''; - } - link = link.replace( /(content=)[a-z_-]+/ig, '$1' + content ); - button.setAttribute( 'href', link ); - } - } - - function getRequiredLicenseFromTrigger( element ) { - if ( element.dataset.requires ) { - return element.dataset.requires; - } - return 'Pro'; - } - - function populateUpgradeTab( element ) { - const title = element.dataset.upgrade; - - const tab = element.getAttribute( 'href' ).replace( '#', '' ); - const container = document.querySelector( '.frm_' + tab ) || document.querySelector( '.' + tab ); - - if ( ! container ) { - return; - } - - if ( container.querySelector( '.frm-upgrade-message' ) ) { - // Tab has already been populated. - return; - } - - const h2 = container.querySelector( 'h2' ); - h2.style.borderBottom = 'none'; - - /* translators: %s: Form Setting section name (ie Form Permissions, Form Scheduling). */ - h2.textContent = sprintf( __( '%s are not installed', 'formidable' ), title ); - - container.classList.add( 'frmcenter' ); - - const upgradeModal = document.getElementById( 'frm_upgrade_modal' ); - appendClonedModalElementToContainer( 'frm-oneclick' ); - appendClonedModalElementToContainer( 'frm-addon-status' ); - - // Borrow the call to action from the Upgrade upgradeModal which should exist on the settings page (it is still used for other upgrades including Actions). - const upgradeModalLink = upgradeModal.querySelector( '.frm-upgrade-link' ); - if ( upgradeModalLink ) { - const upgradeButton = upgradeModalLink.cloneNode( true ); - const level = upgradeButton.querySelector( '.license-level' ); - - if ( level ) { - level.textContent = getRequiredLicenseFromTrigger( element ); - } - - container.appendChild( upgradeButton ); - - // Maybe append the secondary "Already purchased?" link from the upgradeModal as well. - if ( upgradeModalLink.nextElementSibling && upgradeModalLink.nextElementSibling.querySelector( '.frm-link-secondary' ) ) { - container.appendChild( upgradeModalLink.nextElementSibling.cloneNode( true ) ); - } - - appendClonedModalElementToContainer( 'frm-oneclick-button' ); - } - - appendClonedModalElementToContainer( 'frm-upgrade-message' ); - - let upgradeLabel = element.dataset.message; - - if ( upgradeLabel === undefined ) { - upgradeLabel = element.dataset.upgrade; - } - addOneClick( element, 'tab', upgradeLabel ); - - if ( element.dataset.screenshot ) { - container.appendChild( getScreenshotWrapper( element.dataset.screenshot ) ); - } - - function appendClonedModalElementToContainer( className ) { - container.appendChild( upgradeModal.querySelector( '.' + className ).cloneNode( true ) ); - } - } - - function getScreenshotWrapper( screenshot ) { - const folderUrl = frmGlobal.url + '/images/screenshots/'; - const wrapper = div({ - className: 'frm-settings-screenshot-wrapper', - children: [ - getToolbar(), - div({ child: img({ src: folderUrl + screenshot }) }) - ] - }); - - function getToolbar() { - const children = getColorIcons(); - children.push( img({ src: frmGlobal.url + '/images/tab.svg' }) ); - return div({ - className: 'frm-settings-screenshot-toolbar', - children - }); - } - - function getColorIcons() { - return [ '#ED8181', '#EDE06A', '#80BE30' ].map( - color => { - const circle = div({ className: 'frm-minmax-icon' }); - circle.style.backgroundColor = color; - return circle; - } - ); - } - - return wrapper; - } - - /** - * Allow addons to be installed from the upgrade modal. - * - * @param {Element} link - * @param {String} context Either 'modal' or 'tab'. - * @param {String|undefined} upgradeLabel - */ - function addOneClick( link, context, upgradeLabel ) { - let container; - - if ( 'modal' === context ) { - container = document.getElementById( 'frm_upgrade_modal' ); - } else if ( 'tab' === context ) { - container = document.getElementById( link.getAttribute( 'href' ).substr( 1 ) ); - } else { - return; - } - - const oneclickMessage = container.querySelector( '.frm-oneclick' ); - const upgradeMessage = container.querySelector( '.frm-upgrade-message' ); - const showLink = container.querySelector( '.frm-upgrade-link' ); - const button = container.querySelector( '.frm-oneclick-button' ); - const addonStatus = container.querySelector( '.frm-addon-status' ); - - let oneclick = link.getAttribute( 'data-oneclick' ); - let newMessage = link.getAttribute( 'data-message' ); - let showIt = 'block'; - let showMsg = 'block'; - let hideIt = 'none'; - - // If one click upgrade, hide other content. - if ( oneclickMessage !== null && typeof oneclick !== 'undefined' && oneclick ) { - if ( newMessage === null ) { - showMsg = 'none'; - } - showIt = 'none'; - hideIt = 'block'; - oneclick = JSON.parse( oneclick ); - - button.className = button.className.replace( ' frm-install-addon', '' ).replace( ' frm-activate-addon', '' ); - button.className = button.className + ' ' + oneclick.class; - button.rel = oneclick.url; - - if ( oneclick.class === 'frm-activate-addon' ) { - oneclickMessage.textContent = __( 'This plugin is not activated. Would you like to activate it now?', 'formidable' ); - button.textContent = __( 'Activate', 'formidable' ); - } else { - oneclickMessage.textContent = __( 'That add-on is not installed. Would you like to install it now?', 'formidable' ); - button.textContent = __( 'Install', 'formidable' ); - } - } - - if ( ! newMessage ) { - newMessage = upgradeMessage.getAttribute( 'data-default' ); - } - if ( undefined !== upgradeLabel ) { - newMessage = newMessage.replace( '', upgradeLabel ); - } - - upgradeMessage.innerHTML = newMessage; - - if ( link.dataset.upsellImage ) { - upgradeMessage.appendChild( - img({ - src: link.dataset.upsellImage, - alt: link.dataset.upgrade - }) - ); - } - - // Either set the link or use the default. - showLink.href = getShowLinkHrefValue( link, showLink ); - - addonStatus.style.display = 'none'; - - oneclickMessage.style.display = hideIt; - button.style.display = hideIt === 'block' ? 'inline-block' : hideIt; - upgradeMessage.style.display = showMsg; - showLink.style.display = showIt === 'block' ? 'inline-block' : showIt; - } - - function getShowLinkHrefValue( link, showLink ) { - let customLink = link.getAttribute( 'data-link' ); - if ( customLink === null || typeof customLink === 'undefined' || customLink === '' ) { - customLink = showLink.getAttribute( 'data-default' ); - } - return customLink; - } - - /* Form settings */ - - function showInputIcon( parentClass ) { - if ( typeof parentClass === 'undefined' ) { - parentClass = ''; - } - maybeAddFieldSelection( parentClass ); - jQuery( parentClass + ' .frm_has_shortcodes:not(.frm-with-right-icon) input,' + parentClass + ' .frm_has_shortcodes:not(.frm-with-right-icon) textarea' ).wrap( '' ).before( '' ); - } - - /** - * For reverse compatibility. Check for fields that were - * using the old sidebar. - */ - function maybeAddFieldSelection( parentClass ) { - let i, - missingClass = jQuery( parentClass + ' :not(.frm_has_shortcodes) .frm_not_email_message, ' + parentClass + ' :not(.frm_has_shortcodes) .frm_not_email_to, ' + parentClass + ' :not(.frm_has_shortcodes) .frm_not_email_subject' ); - for ( i = 0; i < missingClass.length; i++ ) { - missingClass[i].parentNode.classList.add( 'frm_has_shortcodes' ); - } - } - - function showSuccessOpt() { - /*jshint validthis:true */ - let c = 'success'; - if ( this.name === 'options[edit_action]' ) { - c = 'edit'; - } - const v = jQuery( this ).val(); - jQuery( '.' + c + '_action_box' ).hide(); - if ( v === 'redirect' ) { - jQuery( '.' + c + '_action_redirect_box.' + c + '_action_box' ).fadeIn( 'slow' ); - } else if ( v === 'page' ) { - jQuery( '.' + c + '_action_page_box.' + c + '_action_box' ).fadeIn( 'slow' ); - } else { - jQuery( '.' + c + '_action_message_box.' + c + '_action_box' ).fadeIn( 'slow' ); - } - } - - function copyFormAction( event ) { - if ( waitForActionToLoadBeforeCopy( event.target ) ) { - return; - } - - const targetSettings = event.target.closest( '.frm_form_action_settings' ); - const wysiwygs = targetSettings.querySelectorAll( '.wp-editor-area' ); - if ( wysiwygs.length ) { - // Temporary remove TinyMCE before cloning to avoid TinyMCE conflicts. - wysiwygs.forEach( wysiwyg => { - tinymce.EditorManager.execCommand( 'mceRemoveEditor', true, wysiwyg.id ); - }); - } - - const $action = jQuery( targetSettings ).clone(); - const currentID = $action.attr( 'id' ).replace( 'frm_form_action_', '' ); - const newID = newActionId( currentID ); - - $action.find( '.frm_action_id, .frm-btn-group' ).remove(); - $action.find( 'input[name$="[' + currentID + '][ID]"]' ).val( '' ); - $action.find( '.widget-inside' ).hide(); - - // the .html() gets original values, so they need to be set - $action.find( 'input[type=text], textarea, input[type=number]' ).prop( 'defaultValue', function() { - return this.value; - }); - - $action.find( 'input[type=checkbox], input[type=radio]' ).prop( 'defaultChecked', function() { - return this.checked; - }); - - const rename = new RegExp( '\\[' + currentID + '\\]', 'g' ); - const reid = new RegExp( '_' + currentID + '"', 'g' ); - const reclass = new RegExp( '-' + currentID + '"', 'g' ); - const revalue = new RegExp( '"' + currentID + '"', 'g' ); // if a field id matches, this could cause trouble - - let html = $action.html().replace( rename, '[' + newID + ']' ).replace( reid, '_' + newID + '"' ); - html = html.replace( reclass, '-' + newID + '"' ).replace( revalue, '"' + newID + '"' ); - - const newAction = div({ - id: 'frm_form_action_' + newID, - className: $action.get( 0 ).className - }); - newAction.setAttribute( 'data-actionkey', newID ); - newAction.innerHTML = html; - newAction.querySelectorAll( '.wp-editor-wrap, .wp-editor-wrap *' ).forEach( - element => { - if ( 'string' === typeof element.className ) { - element.className = element.className.replace( currentID, newID ); - } - element.id = element.id.replace( currentID, newID ); - } - ); - newAction.classList.remove( 'open' ); - document.getElementById( 'frm_notification_settings' ).appendChild( newAction ); - - if ( wysiwygs.length ) { - // Re-initialize the original wysiwyg which was removed before cloning. - wysiwygs.forEach( wysiwyg => { - frmDom.wysiwyg.init( wysiwyg ); - }); - - newAction.querySelectorAll( '.wp-editor-area' ).forEach( wysiwyg => { - frmDom.wysiwyg.init( wysiwyg ); - }); - } - - if ( newAction.classList.contains( 'frm_single_on_submit_settings' ) ) { - const autocompleteInput = newAction.querySelector( 'input.frm-page-search' ); - if ( autocompleteInput ) { - initAutocomplete( newAction ); - } - } - - initiateMultiselect(); - - const hookName = 'frm_after_duplicate_action'; - wp.hooks.doAction( hookName, newAction ); - } - - function waitForActionToLoadBeforeCopy( element ) { - let $trigger = jQuery( element ), - $original = $trigger.closest( '.frm_form_action_settings' ), - $inside = $original.find( '.widget-inside' ), - $top; - - if ( $inside.find( 'p, div, table' ).length ) { - return false; - } - - $top = $original.find( '.widget-top' ); - $top.on( 'frm-action-loaded', function() { - $trigger.trigger( 'click' ); - $original.removeClass( 'open' ); - $inside.hide(); - }); - $top.trigger( 'click' ); - return true; - } - - function newActionId( currentID ) { - let newID = parseInt( currentID, 10 ) + 11; - const exists = document.getElementById( 'frm_form_action_' + newID ); - if ( exists !== null ) { - newID++; - newID = newActionId( newID ); - } - return newID; - } - - function addFormAction() { - /*jshint validthis:true */ - const type = jQuery( this ).data( 'actiontype' ); - - if ( isAtLimitForActionType( type ) ) { - return; - } - - const actionId = getNewActionId(); - const formId = thisFormId; - - const placeholderSetting = document.createElement( 'div' ); - placeholderSetting.classList.add( 'frm_single_' + type + '_settings' ); - - const actionsList = document.getElementById( 'frm_notification_settings' ); - actionsList.appendChild( placeholderSetting ); - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_add_form_action', - type: type, - list_id: actionId, - form_id: formId, - nonce: frmGlobal.nonce - }, - success: handleAddFormActionSuccess - }); - - function handleAddFormActionSuccess( html ) { - fieldUpdated(); - placeholderSetting.remove(); - - closeOpenActions(); - - const newActionContainer = div(); - newActionContainer.innerHTML = html; - - const widgetTop = newActionContainer.querySelector( '.widget-top' ); - Array.from( newActionContainer.children ).forEach( child => actionsList.appendChild( child ) ); - - jQuery( '.frm_form_action_settings' ).fadeIn( 'slow' ); - - const newAction = document.getElementById( 'frm_form_action_' + actionId ); - - newAction.classList.add( 'open' ); - document.getElementById( 'post-body-content' ).scroll({ - top: newAction.offsetTop + 10, - left: 0, - behavior: 'smooth' - }); - - // Check if icon should be active - checkActiveAction( type ); - showInputIcon( '#frm_form_action_' + actionId ); - - initiateMultiselect(); - initAutocomplete( newAction ); - - if ( widgetTop ) { - jQuery( widgetTop ).trigger( 'frm-action-loaded' ); - } - - /** - * Fires after added a new form action. - * - * @since 5.5.4 - * - * @param {HTMLElement} formAction Form action element. - */ - frmAdminBuild.hooks.doAction( 'frm_added_form_action', newAction ); - } - } - - function closeOpenActions() { - document.querySelectorAll( '.frm_form_action_settings.open' ).forEach( - setting => setting.classList.remove( 'open' ) - ); - } - - function toggleActionGroups() { - /*jshint validthis:true */ - const actions = document.getElementById( 'frm_email_addon_menu' ).classList, - search = document.getElementById( 'actions-search-input' ); - - if ( actions.contains( 'frm-all-actions' ) ) { - actions.remove( 'frm-all-actions' ); - actions.add( 'frm-limited-actions' ); - } else { - actions.add( 'frm-all-actions' ); - actions.remove( 'frm-limited-actions' ); - } - - // Reset search. - search.value = ''; - triggerEvent( search, 'input' ); - } - - function getNewActionId() { - let actionSettings = document.querySelectorAll( '.frm_form_action_settings' ), - len = getNewRowId( actionSettings, 'frm_form_action_' ); - if ( typeof document.getElementById( 'frm_form_action_' + len ) !== 'undefined' ) { - len = len + 100; - } - if ( lastNewActionIdReturned >= len ) { - len = lastNewActionIdReturned + 1; - } - lastNewActionIdReturned = len; - return len; - } - - function clickAction( obj ) { - const $thisobj = jQuery( obj ); - - if ( obj.className.indexOf( 'selected' ) !== -1 ) { - return; - } - if ( obj.className.indexOf( 'edit_field_type_end_divider' ) !== -1 && $thisobj.closest( '.edit_field_type_divider' ).hasClass( 'no_repeat_section' ) ) { - return; - } - - deselectFields(); - $thisobj.addClass( 'selected' ); - showFieldOptions( obj ); - } - - /** - * When a field is selected, show the field settings in the sidebar. - */ - function showFieldOptions( obj ) { - let i, singleField, - fieldId = obj.getAttribute( 'data-fid' ), - fieldType = obj.getAttribute( 'data-type' ), - allFieldSettings = document.querySelectorAll( '.frm-single-settings:not(.frm_hidden)' ); - - for ( i = 0; i < allFieldSettings.length; i++ ) { - allFieldSettings[i].classList.add( 'frm_hidden' ); - } - - singleField = document.getElementById( 'frm-single-settings-' + fieldId ); - moveFieldSettings( singleField ); - - if ( fieldType && 'quantity' === fieldType ) { - popProductFields( jQuery( singleField ).find( '.frmjs_prod_field_opt' )[0]); - } - - singleField.classList.remove( 'frm_hidden' ); - document.getElementById( 'frm-options-panel-tab' ).click(); - - const editor = singleField.querySelector( '.wp-editor-area' ); - if ( editor ) { - frmDom.wysiwyg.init( - editor, - { setupCallback: setupTinyMceEventHandlers } - ); - } - - wp.hooks.doAction( 'frmShowedFieldSettings', obj, singleField ); - maybeAddShortcodesModalTriggerIcon( fieldType, fieldId, singleField ); - } - - function maybeAddShortcodesModalTriggerIcon( fieldType, fieldId, singleField ) { - if ( ! shouldAddShortcodesModalTriggerIcon( fieldType ) ) { - return; - } - - const fieldSettingsSelector = '#frm-single-settings-' + fieldId; - if ( document.querySelector( fieldSettingsSelector + ' .frm-show-box' ) ) { - return; - } - singleField.querySelector( '.wp-editor-container' )?.classList.add( 'frm_has_shortcodes' ); - - const wrapTextareaWithIconContainer = () => { - const textareas = document.querySelectorAll( fieldSettingsSelector + ' .frm_has_shortcodes textarea' ); - textareas.forEach( textarea => { - const wrapperSpan = span({ className: 'frm-with-right-icon' }); - textarea.parentNode.insertBefore( wrapperSpan, textarea ); - wrapperSpan.appendChild( createModalTriggerIcon() ); - wrapperSpan.appendChild( textarea ); - }); - }; - - const createModalTriggerIcon = () => { - return frmDom.svg({ href: '#frm_more_horiz_solid_icon', classList: [ 'frm-show-box' ] }); - }; - - wrapTextareaWithIconContainer(); - } - - function shouldAddShortcodesModalTriggerIcon( fieldType ) { - const fieldsWithShortcodesBox = wp.hooks.applyFilters( 'frm_fields_with_shortcode_popup', [ 'html' ]); - - return fieldsWithShortcodesBox.includes( fieldType ); - } - - function setupTinyMceEventHandlers( editor ) { - editor.on( 'Change', function() { - handleTinyMceChange( editor ); - }); - } - - function handleTinyMceChange( editor ) { - if ( ! isTinyMceActive() || tinyMCE.activeEditor.isHidden() ) { - return; - } - - editor.targetElm.value = editor.getContent(); - jQuery( editor.targetElm ).trigger( 'change' ); - } - - function isTinyMceActive() { - let activeSettings, wrapper; - - activeSettings = document.querySelector( '.frm-single-settings:not(.frm_hidden)' ); - if ( ! activeSettings ) { - return false; - } - - wrapper = activeSettings.querySelector( '.wp-editor-wrap' ); - return null !== wrapper && wrapper.classList.contains( 'tmce-active' ); - } - - /** - * Move the settings to the sidebar the first time they are changed or selected. - * Keep the end marker at the end of the form. - */ - function moveFieldSettings( singleField ) { - let self = this; - - if ( singleField === null ) { - // The field may have not been loaded yet via ajax. - return; - } - - this.fragment = document.createDocumentFragment(); - - this.initOnceInAllInstances = function() { - if ( 'undefined' !== typeof moveFieldSettings.prototype.endMarker ) { - return; - } - // perform a single search in the DOM and use it across all moveFieldSettings instances - moveFieldSettings.prototype.endMarker = document.getElementById( 'frm-end-form-marker' ); - }; - - this.append = function( field ) { - const classname = null !== field ? field.parentElement.classList : ''; - if ( null === field || ( ! classname.contains( 'frm_field_box' ) && ! classname.contains( 'divider_section_only' ) ) ) { - return; - } - self.fragment.appendChild( field ); - }; - - this.moveFields = function() { - builderForm.insertBefore( self.fragment, moveFieldSettings.prototype.endMarker ); - }; - - this.initOnceInAllInstances(); - - // Move the field if function is called as function with a singleField passed as arg. - // In this particular case only 1 field is needed to be moved so the field will get instantly moved. - // "singleField" may be undefined when it's called as a constructor instead of a function. Use the constructor to add multiple fields which are passed through "append" and move these all at once via "moveFields". - if ( 'undefined' !== typeof singleField ) { - this.append( singleField ); - this.moveFields(); - return; - } - - return { - append: this.append, - moveFields: this.moveFields - }; - - } - - function showEmailRow() { - /*jshint validthis:true */ - const actionKey = jQuery( this ).closest( '.frm_form_action_settings' ).data( 'actionkey' ); - const rowType = this.getAttribute( 'data-emailrow' ); - - jQuery( '#frm_form_action_' + actionKey + ' .frm_' + rowType + '_row' ).fadeIn( 'slow' ); - jQuery( this ).fadeOut( 'slow' ); - } - - function hideEmailRow() { - /*jshint validthis:true */ - const actionBox = jQuery( this ).closest( '.frm_form_action_settings' ), - rowType = this.getAttribute( 'data-emailrow' ), - emailRowSelector = '.frm_' + rowType + '_row', - emailButtonSelector = '.frm_' + rowType + '_button'; - - jQuery( actionBox ).find( emailButtonSelector ).fadeIn( 'slow' ); - jQuery( actionBox ).find( emailRowSelector ).fadeOut( 'slow', function() { - jQuery( actionBox ).find( emailRowSelector + ' input' ).val( '' ); - }); - } - - function showEmailWarning() { - /*jshint validthis:true */ - const actionBox = jQuery( this ).closest( '.frm_form_action_settings' ), - emailRowSelector = '.frm_from_to_match_row', - fromVal = actionBox.find( 'input[name$="[post_content][from]"]' ).val(), - toVal = actionBox.find( 'input[name$="[post_content][email_to]"]' ).val(); - - if ( fromVal === toVal ) { - jQuery( actionBox ).find( emailRowSelector ).fadeIn( 'slow' ); - } else { - jQuery( actionBox ).find( emailRowSelector ).fadeOut( 'slow' ); - } - } - - function checkActiveAction( type ) { - const actionTriggers = document.querySelectorAll( '.frm_' + type + '_action' ); - - if ( isAtLimitForActionType( type ) ) { - const addAlreadyUsedClass = getLimitForActionType( type ) > 0; - markActionTriggersInactive( actionTriggers, addAlreadyUsedClass ); - return; - } - - markActionTriggersActive( actionTriggers ); - } - - function markActionTriggersActive( triggers ) { - triggers.forEach( - trigger => { - if ( trigger.querySelector( '.frm_show_upgrade' ) ) { - // Prevent disabled action becoming active. - return; - } - - trigger.classList.remove( 'frm_inactive_action', 'frm_already_used' ); - trigger.classList.add( 'frm_active_action' ); - } - ); - } - - function markActionTriggersInactive( triggers, addAlreadyUsedClass ) { - triggers.forEach( - trigger => { - trigger.classList.remove( 'frm_active_action' ); - trigger.classList.add( 'frm_inactive_action' ); - if ( addAlreadyUsedClass ) { - trigger.classList.add( 'frm_already_used' ); - } - } - ); - } - - function isAtLimitForActionType( type ) { - let atLimit = getNumberOfActionsForType( type ) >= getLimitForActionType( type ); - - const hookName = 'frm_action_at_limit'; - const hookArgs = { type }; - atLimit = wp.hooks.applyFilters( hookName, atLimit, hookArgs ); - - return atLimit; - } - - function getLimitForActionType( type ) { - return parseInt( jQuery( '.frm_' + type + '_action' ).data( 'limit' ), 10 ); - } - - function getNumberOfActionsForType( type ) { - return jQuery( '.frm_single_' + type + '_settings' ).length; - } - - function actionLimitMessage() { - let message = frmAdminJs.only_one_action; - let limit = this.dataset.limit; - - if ( 'undefined' !== typeof limit ) { - limit = parseInt( limit ); - if ( limit > 1 ) { - message = message.replace( 1, limit ).trim(); - } else { - message += ' ' + frmAdminJs.edit_action_text; - } - } - - infoModal( message ); - } - - function addFormLogicRow() { - /*jshint validthis:true */ - const id = jQuery( this ).data( 'emailkey' ); - const type = jQuery( this ).closest( '.frm_form_action_settings' ).find( '.frm_action_name' ).val(); - const formId = document.getElementById( 'form_id' ).value; - const logicRowsContainer = document.getElementById( 'frm_logic_row_' + id ); - const logicRows = logicRowsContainer.querySelectorAll( '.frm_logic_row' ); - const newRowID = getNewRowId( logicRows, 'frm_logic_' + id + '_' ); - const placeholder = div({ - id: 'frm_logic_' + id + '_' + newRowID, - className: 'frm_logic_row frm_hidden' - }); - - logicRowsContainer.appendChild( placeholder ); - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: { - action: 'frm_add_form_logic_row', - email_id: id, - form_id: formId, - meta_name: newRowID, - type: type, - nonce: frmGlobal.nonce - }, - success: function( html ) { - jQuery( document.getElementById( 'logic_link_' + id ) ).fadeOut( 'slow', () => { - placeholder.insertAdjacentHTML( 'beforebegin', html ); - placeholder.remove(); - - // Show conditional logic options after "Add Conditional Logic" is clicked. - jQuery( logicRowsContainer ).parent( '.frm_logic_rows' ).fadeIn( 'slow' ); - }); - } - }); - return false; - } - - function checkDupPost() { - /*jshint validthis:true */ - const postField = jQuery( 'select.frm_single_post_field' ); - postField.css( 'border-color', '' ); - const $t = this; - const v = jQuery( $t ).val(); - if ( v === '' || v === 'checkbox' ) { - return false; - } - postField.each( function() { - if ( jQuery( this ).val() === v && this.name !== $t.name ) { - this.style.borderColor = 'red'; - jQuery( $t ).val( '' ); - infoModal( frmAdminJs.field_already_used ); - return false; - } - }); - } - - function togglePostContent() { - /*jshint validthis:true */ - const v = jQuery( this ).val(); - if ( '' === v ) { - jQuery( '.frm_post_content_opt, select.frm_dyncontent_opt' ).hide().val( '' ); - jQuery( '.frm_dyncontent_opt' ).hide(); - } else if ( 'post_content' === v ) { - jQuery( '.frm_post_content_opt' ).show(); - jQuery( '.frm_dyncontent_opt' ).hide(); - jQuery( 'select.frm_dyncontent_opt' ).val( '' ); - } else { - jQuery( '.frm_post_content_opt' ).hide().val( '' ); - jQuery( 'select.frm_dyncontent_opt, .frm_form_field.frm_dyncontent_opt' ).show(); - } - } - - function fillDyncontent() { - /*jshint validthis:true */ - const v = jQuery( this ).val(); - const $dyn = jQuery( document.getElementById( 'frm_dyncontent' ) ); - if ( '' === v || 'new' === v ) { - $dyn.val( '' ); - jQuery( '.frm_dyncontent_opt' ).show(); - } else { - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: {action: 'frm_display_get_content', id: v, nonce: frmGlobal.nonce}, - success: function( val ) { - $dyn.val( val ); - jQuery( '.frm_dyncontent_opt' ).show(); - } - }); - } - } - - function switchPostType() { - /*jshint validthis:true */ - // update all rows of categories/taxonomies - let curSelect, newSelect, - catRows = document.getElementById( 'frm_posttax_rows' ).childNodes, - postParentField = document.querySelector( '.frm_post_parent_field' ), - postMenuOrderField = document.querySelector( '.frm_post_menu_order_field' ), - postType = this.value; - - // Get new category/taxonomy options - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_replace_posttax_options', - post_type: postType, - nonce: frmGlobal.nonce - }, - success: function( html ) { - - // Loop through each category row, and replace the first dropdown - for ( i = 0; i < catRows.length; i++ ) { - // Check if current element is a div - if ( catRows[i].tagName !== 'DIV' ) { - continue; - } - - // Get current category select - curSelect = catRows[i].getElementsByTagName( 'select' )[0]; - - // Set up new select - newSelect = document.createElement( 'select' ); - newSelect.innerHTML = html; - newSelect.className = curSelect.className; - newSelect.name = curSelect.name; - - // Replace the old select with the new select - catRows[i].replaceChild( newSelect, curSelect ); - } - } - }); - - // Get new post parent option. - if ( postParentField ) { - getActionOption( - postParentField, - postType, - 'frm_get_post_parent_option', - function( response, optName ) { - // The replaced string is declared in FrmProFormActionController::ajax_get_post_menu_order_option() in the pro version. - postParentField.querySelector( '.frm_post_parent_opt_wrapper' ).innerHTML = response.replaceAll( 'REPLACETHISNAME', optName ); - initAutocomplete( postParentField ); - } - ); - } - - if ( postMenuOrderField ) { - getActionOption( postMenuOrderField, postType, 'frm_should_use_post_menu_order_option' ); - } - } - - function getActionOption( field, postType, action, successHandler ) { - const opt = field.querySelector( '.frm_autocomplete_value_input' ) || field.querySelector( 'select' ), - optName = opt.getAttribute( 'name' ); - - jQuery.ajax({ - url: ajaxurl, - method: 'POST', - data: { - action: action, - post_type: postType, - _wpnonce: frmGlobal.nonce - }, - success: response => { - if ( 'string' !== typeof response ) { - console.error( response ); - return; - } - - if ( '0' === response ) { - // This post type does not support this field. - field.classList.add( 'frm_hidden' ); - field.value = ''; - return; - } - - field.classList.remove( 'frm_hidden' ); - - if ( 'function' === typeof successHandler ) { - successHandler( response, optName ); - } - }, - error: response => console.error( response ) - }); - } - - function addPosttaxRow() { - /*jshint validthis:true */ - addPostRow( 'tax', this ); - } - - function addPostmetaRow() { - /*jshint validthis:true */ - addPostRow( 'meta', this ); - } - - function addPostRow( type, button ) { - let name, - id = jQuery( 'input[name="id"]' ).val(), - settings = jQuery( button ).closest( '.frm_form_action_settings' ), - key = settings.data( 'actionkey' ), - postType = settings.find( '.frm_post_type' ).val(), - metaName = 0, - postTypeRows = document.querySelectorAll( '.frm_post' + type + '_row' ); - - if ( postTypeRows.length ) { - name = postTypeRows[ postTypeRows.length - 1 ].id.replace( 'frm_post' + type + '_', '' ); - if ( isNumeric( name ) ) { - metaName = 1 + parseInt( name, 10 ); - } else { - metaName = 1; - } - } - - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: { - action: 'frm_add_post' + type + '_row', - form_id: id, - meta_name: metaName, - tax_key: metaName, - post_type: postType, - action_key: key, - nonce: frmGlobal.nonce - }, - success: function( html ) { - let cfOpts, optIndex; - jQuery( document.getElementById( 'frm_post' + type + '_rows' ) ).append( html ); - jQuery( '.frm_add_post' + type + '_row.button' ).hide(); - - if ( type === 'meta' ) { - jQuery( '.frm_name_value' ).show(); - cfOpts = document.querySelectorAll( '.frm_toggle_cf_opts' ); - for ( optIndex = 0; optIndex < cfOpts.length - 1; ++optIndex ) { - cfOpts[ optIndex ].style.display = 'none'; - } - } else if ( type === 'tax' ) { - jQuery( '.frm_posttax_labels' ).show(); - } - } - }); - } - - function isNumeric( value ) { - return ! isNaN( parseFloat( value ) ) && isFinite( value ); - } - - function changePosttaxRow() { - /*jshint validthis:true */ - if ( ! jQuery( this ).closest( '.frm_posttax_row' ).find( '.frm_posttax_opt_list' ).length ) { - return; - } - - jQuery( this ).closest( '.frm_posttax_row' ).find( '.frm_posttax_opt_list' ).html( '' ); - - const postType = jQuery( this ).closest( '.frm_form_action_settings' ).find( 'select[name$="[post_content][post_type]"]' ).val(), - actionKey = jQuery( this ).closest( '.frm_form_action_settings' ).data( 'actionkey' ), - taxKey = jQuery( this ).closest( '.frm_posttax_row' ).attr( 'id' ).replace( 'frm_posttax_', '' ), - metaName = jQuery( this ).val(), - showExclude = jQuery( document.getElementById( taxKey + '_show_exclude' ) ).is( ':checked' ) ? 1 : 0, - fieldId = jQuery( 'select[name$="[post_category][' + taxKey + '][field_id]"]' ).val(), - id = jQuery( 'input[name="id"]' ).val(); - - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: 'frm_add_posttax_row', - form_id: id, - post_type: postType, - tax_key: taxKey, - action_key: actionKey, - meta_name: metaName, - field_id: fieldId, - show_exclude: showExclude, - nonce: frmGlobal.nonce - }, - success: function( html ) { - const $tax = jQuery( document.getElementById( 'frm_posttax_' + taxKey ) ); - $tax.replaceWith( html ); - } - }); - } - - function toggleCfOpts() { - /*jshint validthis:true */ - const row = jQuery( this ).closest( '.frm_postmeta_row' ); - const cancel = row.find( '.frm_cancelnew' ); - const select = row.find( '.frm_enternew' ); - if ( row.find( 'select.frm_cancelnew' ).is( ':visible' ) ) { - cancel.hide(); - select.show(); - } else { - cancel.show(); - select.hide(); - } - - row.find( 'input.frm_enternew, select.frm_cancelnew' ).val( '' ); - return false; - } - - function toggleFormOpts() { - /*jshint validthis:true */ - const changedOpt = jQuery( this ); - let val = changedOpt.val(); - if ( changedOpt.attr( 'type' ) === 'checkbox' ) { - if ( this.checked === false ) { - val = ''; - } - } - - const toggleClass = changedOpt.data( 'toggleclass' ); - if ( val === '' ) { - jQuery( '.' + toggleClass ).hide(); - } else { - jQuery( '.' + toggleClass ).show(); - jQuery( '.hide_' + toggleClass + '_' + val ).hide(); - } - } - - function submitSettings() { - if ( showNameYourFormModal() ) { - return; - } - - /*jshint validthis:true */ - preFormSave( this ); - triggerSubmit( document.querySelector( '.frm_form_settings' ) ); - } - - /* Customization Panel */ - function insertCode( e ) { - /*jshint validthis:true */ - e.preventDefault(); - insertFieldCode( jQuery( this ), this.getAttribute( 'data-code' ) ); - return false; - } - - function insertFieldCode( element, variable ) { - let rich = false, - elementId = element; - if ( typeof element === 'object' ) { - if ( element.hasClass( 'frm_noallow' ) ) { - return; - } - - elementId = jQuery( element ).closest( '[data-fills]' ).attr( 'data-fills' ); - if ( typeof elementId === 'undefined' ) { - elementId = element.closest( 'div' ).attr( 'class' ); - if ( typeof elementId !== 'undefined' ) { - elementId = elementId.split( ' ' )[1]; - } - } - } - - if ( typeof elementId === 'undefined' ) { - let active = document.activeElement; - if ( active.type === 'search' ) { - // If the search field has focus, find the correct field. - elementId = active.id.replace( '-search-input', '' ); - if ( elementId.match( /\d/gi ) === null ) { - active = jQuery( '.frm-single-settings:visible .' + elementId ); - elementId = active.attr( 'id' ); - } - } else { - elementId = active.id; - } - } - - if ( elementId ) { - rich = jQuery( '#wp-' + elementId + '-wrap.wp-editor-wrap' ).length > 0; - } - - const contentBox = jQuery( document.getElementById( elementId ) ); - if ( typeof element.attr( 'data-shortcode' ) === 'undefined' && ( ! contentBox.length || typeof contentBox.attr( 'data-shortcode' ) === 'undefined' ) ) { - // this helps to exclude those that don't want shortcode-like inserted content e.g. frm-pro's summary field - const doShortcode = element.parents( 'ul.frm_code_list' ).attr( 'data-shortcode' ); - if ( doShortcode === 'undefined' || doShortcode !== 'no' ) { - variable = '[' + variable + ']'; - } - } - - if ( rich ) { - wpActiveEditor = elementId; - } - - if ( ! contentBox.length ) { - return false; - } - - if ( variable === '[default-html]' || variable === '[default-plain]' ) { - let p = 0; - if ( variable === '[default-plain]' ) { - p = 1; - } - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: { - action: 'frm_get_default_html', - form_id: jQuery( 'input[name="id"]' ).val(), - plain_text: p, - nonce: frmGlobal.nonce - }, - elementId: elementId, - success: function( msg ) { - if ( rich ) { - const p = document.createElement( 'p' ); - p.innerText = msg; - send_to_editor( p.innerHTML ); - } else { - insertContent( contentBox, msg ); - } - } - }); - } else { - variable = maybeAddSanitizeUrlToShortcodeVariable( variable, element, contentBox ); - if ( rich ) { - send_to_editor( variable ); - } else { - insertContent( contentBox, variable ); - } - } - return false; - } - - function maybeAddSanitizeUrlToShortcodeVariable( variable, element, contentBox ) { - if ( 'object' !== typeof element || ! ( element instanceof jQuery ) || 0 !== contentBox[0].id.indexOf( 'success_url_' ) ) { - return variable; - } - - element = element[0]; - if ( ! element.closest( '#frm-insert-fields-box' ) ) { - // Only add sanitize_url=1 to field shortcodes. - return variable; - } - - if ( ! element.parentNode.classList.contains( 'frm_insert_url' ) ) { - variable = variable.replace( ']', ' sanitize_url=1]' ); - } - - return variable; - } - - function insertContent( contentBox, variable ) { - if ( document.selection ) { - contentBox[0].focus(); - document.selection.createRange().text = variable; - } else { - obj = contentBox[0]; - const e = obj.selectionEnd; - - variable = maybeFormatInsertedContent( contentBox, variable, obj.selectionStart, e ); - - obj.value = obj.value.substr( 0, obj.selectionStart ) + variable + obj.value.substr( obj.selectionEnd, obj.value.length ); - - const s = e + variable.length; - - maybeRemoveLayoutClasses( obj, variable ); - - obj.focus(); - obj.setSelectionRange( s, s ); - } - triggerChange( contentBox ); - } - - /** - * When a layout class is added, remove any previous layout classes to avoid conflicts. - * We only expect one layout class to exist for a given field. - * For example, if a field has frm_half and we set it to frm_third, frm_half will be removed. - * - * @since 6.11 - * - * @param {HTMLElement} obj - * @param {string} variable - * @return {void} - */ - function maybeRemoveLayoutClasses( obj, variable ) { - if ( ! obj.classList.contains( 'frm_classes' ) || ! isALayoutClass( variable ) ) { - return; - } - - const removeClasses = obj.value.split( ' ' ).filter( isALayoutClass ); - if ( removeClasses.length ) { - obj.value = maybeRemoveClasses( obj.value, removeClasses, variable.trim() ); - } - } - - /** - * Check if a given class is a layout class. - * - * @since 6.11 - * - * @param {string} className - * @return {boolean} - */ - function isALayoutClass( className ) { - let layoutClasses = [ 'frm_half', 'frm_third', 'frm_two_thirds', 'frm_fourth', 'frm_three_fourths', 'frm_fifth', 'frm_sixth', 'frm2', 'frm3', 'frm4', 'frm6', 'frm8', 'frm9', 'frm10', 'frm12' ]; - return layoutClasses.includes( className.trim() ); - } - - /** - * @since 6.11 - * - * @param {string} beforeValue - * @param {Array} removeClasses - * @param {string} variable - * @return {string} - */ - function maybeRemoveClasses( beforeValue, removeClasses, variable ) { - const currentClasses = beforeValue.split( ' ' ).filter( - currentClass => { - currentClass = currentClass.trim(); - return currentClass.length && ! removeClasses.includes( currentClass ); - } - ); - if ( ! currentClasses.includes( variable ) ) { - currentClasses.push( variable ); - } - return currentClasses.join( ' ' ); - } - - function maybeFormatInsertedContent( input, textToInsert, selectionStart, selectionEnd ) { - const separator = input.data( 'sep' ); - if ( undefined === separator ) { - return textToInsert; - } - - const value = input.val(); - - if ( ! value.trim().length ) { - return textToInsert; - } - - const startPattern = new RegExp( separator + '\\s*$' ); - const endPattern = new RegExp( '^\\s*' + separator ); - - if ( value.substr( 0, selectionStart ).trim().length && false === startPattern.test( value.substr( 0, selectionStart ) ) ) { - textToInsert = separator + textToInsert; - } - - if ( value.substr( selectionEnd, value.length ).trim().length && false === endPattern.test( value.substr( selectionEnd, value.length ) ) ) { - textToInsert += separator; - } - - return textToInsert; - } - - function resetLogicBuilder() { - /*jshint validthis:true */ - const id = document.getElementById( 'frm-id-condition' ), - key = document.getElementById( 'frm-key-condition' ); - - if ( this.checked ) { - id.classList.remove( 'frm_hidden' ); - key.classList.add( 'frm_hidden' ); - triggerEvent( key, 'change' ); - } else { - id.classList.add( 'frm_hidden' ); - key.classList.remove( 'frm_hidden' ); - triggerEvent( id, 'change' ); - } - } - - function setLogicExample() { - let field, code, - idKey = document.getElementById( 'frm-id-key-condition' ).checked ? 'frm-id-condition' : 'frm-key-condition', - is = document.getElementById( 'frm-is-condition' ).value, - text = document.getElementById( 'frm-text-condition' ).value, - result = document.getElementById( 'frm-insert-condition' ); - - idKey = document.getElementById( idKey ); - field = idKey.options[idKey.selectedIndex].value; - code = 'if ' + field + ' ' + is + '="' + text + '"]'; - result.setAttribute( 'data-code', code + frmAdminJs.conditional_text + '[/if ' + field ); - result.innerHTML = '[' + code + '[/if ' + field + ']'; - } - - function showBuilderModal() { - /*jshint validthis:true */ - const moreIcon = getIconForInput( this ); - showInlineModal( moreIcon, this ); - } - - function maybeShowModal( input ) { - let moreIcon; - if ( input.parentNode.parentNode.classList.contains( 'frm_has_shortcodes' ) ) { - hideShortcodes(); - moreIcon = getIconForInput( input ); - if ( moreIcon.tagName === 'use' ) { - moreIcon = moreIcon.firstElementChild; - - if ( moreIcon.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ).indexOf( 'frm_close_icon' ) === -1 ) { - showShortcodeBox( moreIcon, 'nofocus' ); - } - } else if ( ! moreIcon.classList.contains( 'frm_close_icon' ) ) { - showShortcodeBox( moreIcon, 'nofocus' ); - } - } - } - - function showShortcodes( e ) { - /*jshint validthis:true */ - e.preventDefault(); - e.stopPropagation(); - - showShortcodeBox( this ); - } - - /** - * Handles 'change' event on the document. - * - * @since 6.16.3 - * - * @param {Event} event - * @returns {Void} - */ - function handleBuilderChangeEvent( event ) { - maybeShowSaveAndReloadModal( event.target ); - } - - /** - * Shows 'Save and Reload' modal if the target field's type is changed. - * - * @since 6.16.3 - * - * @param {HTMLElement} target - * @returns {Void} - */ - function maybeShowSaveAndReloadModal( target ) { - if ( ! target.id.startsWith( 'field_options_type_' ) ) { - return; - } - const idParts = target.id.split( '_' ); - const fieldId = idParts.length && idParts[ idParts.length - 1 ]; - - if ( document.querySelector( `#frm-single-settings-${fieldId}` )?.classList.contains( `frm-type-${target.value}` ) ) { - // Do not show modal if the field type is reverted back to the original type when builder is loaded. - return; - } - showSaveAndReloadModal(); - } - - /** - * Shows 'Save and Reload' modal with the given message. - * - * @since 6.16.3 - * - * @param {string} message - * @returns {Void} - */ - function showSaveAndReloadModal( message ) { - if ( 'undefined' === typeof message ) { - message = __( 'You are changing the field type. Not all field settings will appear as expected until you reload the page. Would you like to reload the page now?', 'formidable' ); - } - frmDom.modal.maybeCreateModal( - 'frmSaveAndReloadModal', - { - title: __( 'Save and Reload?', 'formidable' ), - content: getModalContent(), - footer: getModalFooter() - } - ); - - function getModalContent() { - const modalContent = div( message ); - modalContent.style.padding = 'var(--gap-md)'; - return modalContent; - } - - function getModalFooter() { - const continueButton = frmDom.modal.footerButton({ - text: __( 'Save and Reload', 'formidable' ), - buttonType: 'primary' - }); - - onClickPreventDefault( continueButton, () => { - saveAndReloadFormBuilder(); - } ); - - const cancelButton = frmDom.modal.footerButton({ - text: __( 'Cancel', 'formidable' ), - buttonType: 'cancel' - }); - cancelButton.classList.add( 'dismiss' ); - - return frmDom.div({ - children: [ cancelButton, continueButton ] - }); - } - } - - function updateShortcodesPopupPosition( target ) { - let moreIcon; - if ( target instanceof Event ) { - const useElements = document.querySelectorAll( '.frm-single-settings .frm-show-box.frmsvg use' ); - const openTrigger = Array.from( useElements ).find( use => use.getAttribute( 'href' ) === '#frm_close_icon' ); - if ( 'undefined' === typeof openTrigger ) { - return; - } - moreIcon = openTrigger.parentElement; - } else { - moreIcon = target; - } - - const moreIconPosition = moreIcon.getBoundingClientRect(); - const shortCodesPopup = document.getElementById( 'frm_adv_info' ); - const parentPos = shortCodesPopup.parentElement.getBoundingClientRect(); - - shortCodesPopup.style.top = ( moreIconPosition.top - parentPos.top + 32 ) + 'px'; - shortCodesPopup.style.left = ( moreIconPosition.left - parentPos.left - 280 ) + 'px'; - } - - function showShortcodeBox( moreIcon, shouldFocus ) { - let input = getInputForIcon( moreIcon ), - box = document.getElementById( 'frm_adv_info' ), - classes = moreIcon.className; - - if ( moreIcon.tagName === 'svg' ) { - moreIcon = moreIcon.firstElementChild; - } - if ( moreIcon.tagName === 'use' ) { - classes = moreIcon.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ); - - if ( null === classes ) { - // If the deprecated xlink:href is not defined, check for href. - classes = moreIcon.getAttribute( 'href' ); - } - } - - if ( classes.indexOf( 'frm_close_icon' ) !== -1 ) { - hideShortcodes( box ); - } else { - updateShortcodesPopupPosition( moreIcon ); - - jQuery( '.frm_code_list a' ).removeClass( 'frm_noallow' ); - if ( input.classList.contains( 'frm_not_email_to' ) ) { - jQuery( '#frm-insert-fields-box .frm_code_list li:not(.show_frm_not_email_to) a' ).addClass( 'frm_noallow' ); - } else if ( input.classList.contains( 'frm_not_email_subject' ) ) { - jQuery( '.frm_code_list li.hide_frm_not_email_subject a' ).addClass( 'frm_noallow' ); - } - - box.setAttribute( 'data-fills', input.id ); - box.style.display = 'block'; - - if ( moreIcon.tagName === 'use' ) { - if ( moreIcon.hasAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ) ) { - moreIcon.setAttributeNS( 'http://www.w3.org/1999/xlink', 'href', '#frm_close_icon' ); - } else { - const newMoreIcon = document.createElementNS( 'http://www.w3.org/2000/svg', 'use' ); - newMoreIcon.setAttributeNS( 'http://www.w3.org/1999/xlink', 'href', '#frm_close_icon' ); - moreIcon.parentNode.replaceChild( newMoreIcon, moreIcon ); - } - } else { - moreIcon.className = classes.replace( 'frm_more_horiz_solid_icon', 'frm_close_icon' ); - } - - if ( shouldFocus !== 'nofocus' ) { - if ( 'none' !== input.style.display ) { - input.focus(); - } else { - jQuery( tinymce.get( input.id ) ).trigger( 'focus' ); - } - } - showOrHideContextualShortcodes( input ); - } - } - - /** - * Returns true if a shortcode could be shown in the search result. - * - * @since 6.16.3 - * - * @param {HTMLElement} item - * @returns {Boolean} - */ - function checkContextualShortcode( item ) { - if ( frmAdminJs.contextualShortcodes.length === 0 ) { - return true; - } - return ! isContextualShortcode( item ) || canShowContextualShortcode( item ); - } - - /** - * Returns true if a shortcode is contextual to fields. - * - * @since 6.16.3 - * - * @param {HTMLElement} item - * @returns {Boolean} - */ - function isContextualShortcode( item ) { - const anchor = item.querySelector( 'a' ); - if ( ! anchor ) { - return false; - } - - const shortcode = anchor.dataset.code; - return frmAdminJs.contextualShortcodes.address.includes( shortcode ) || frmAdminJs.contextualShortcodes.body.includes( shortcode ); - } - - /** - * @since 6.16.3 - * - * @param {HTMLElement} item - * @returns {Boolean} - */ - function canShowContextualShortcode( item ) { - const shortcode = item.querySelector( 'a' ).dataset.code; - const inputId = document.getElementById( 'frm_adv_info' ).dataset.fills; - const input = document.getElementById( inputId ); - const contextualShortcodes = frmAdminJs.contextualShortcodes; - if ( contextualShortcodes.address.includes( shortcode ) ) { - return input.matches( contextualShortcodes.addressSelector ); - } - return input.matches( contextualShortcodes.bodySelector ); - } - - /** - * @since 6.16.3 - * - * @param {HTMLElement} input - * @returns {Void} - */ - function showOrHideContextualShortcodes( input ) { - [ 'address', 'body' ].forEach( type => { - toggleContextualShortcodes( input, type ); - }); - } - - /** - * @since 6.16.3 - * - * @param {HTMLElement} input - * @param {string} type - * - * @returns {Void} - */ - function toggleContextualShortcodes( input, type ) { - let selector, contextualShortcodes; - selector = frmAdminJs.contextualShortcodes[ type + 'Selector' ]; - contextualShortcodes = frmAdminJs.contextualShortcodes[ type ]; - let shouldShowShortcodes = input.matches( selector ); - for ( let shortcode of contextualShortcodes ) { - const shortcodeLi = document.querySelector( '#frm-adv-info-tab .frm_code_list [data-code="' + shortcode + '"]' )?.closest( 'li'); - shortcodeLi?.classList.toggle( 'frm_hidden', ! shouldShowShortcodes ); - } - } - - /** - * Returns shortcodes that are contextual to the current input field. - * - * @since 6.16.3 - * - * @returns {Array} - */ - function getContextualShortcodes() { - let contextualShortcodes = document.getElementById( 'frm_adv_info' )?.dataset.contextualShortcodes; - if ( ! contextualShortcodes) { - return []; - } - contextualShortcodes = JSON.parse( contextualShortcodes ); - contextualShortcodes.addressSelector = '[id^=email_to], [id^=from_], [id^=cc], [id^=bcc]'; - contextualShortcodes.bodySelector = '[id^=email_message_]'; - return contextualShortcodes; - } - - function fieldUpdated() { - if ( ! fieldsUpdated ) { - fieldsUpdated = 1; - window.addEventListener( 'beforeunload', confirmExit ); - } - } - - function buildSubmittedNoAjax() { - // set fieldsUpdated to 0 to avoid the unsaved changes pop up - fieldsUpdated = 0; - } - - function settingsSubmitted() { - // set fieldsUpdated to 0 to avoid the unsaved changes pop up - fieldsUpdated = 0; - } - - function saveAndReloadSettings() { - let page, form; - page = document.getElementById( 'form_settings_page' ); - if ( null !== page ) { - form = page.querySelector( 'form.frm_form_settings' ); - if ( null !== form ) { - fieldsUpdated = 0; - form.submit(); - } - } - } - - function reloadIfAddonActivatedAjaxSubmitOnly() { - const submitButton = document.getElementById( 'frm_submit_side_top' ); - if ( submitButton.hasAttribute( 'data-new-addon-installed' ) && 'true' === submitButton.getAttribute( 'data-new-addon-installed' ) ) { - submitButton.removeAttribute( 'data-new-addon-installed' ); - window.location.reload(); - } - - } - - function saveAndReloadFormBuilder() { - const submitButton = document.getElementById( 'frm_submit_side_top' ); - if ( submitButton.classList.contains( 'frm_submit_ajax' ) ) { - submitButton.setAttribute( 'data-new-addon-installed', true ); - } - submitButton.click(); - } - - function confirmExit( event ) { - if ( fieldsUpdated ) { - event.preventDefault(); - event.returnValue = ''; - } - } - - function bindClickForDialogClose( $modal ) { - const closeModal = function() { - $modal.dialog( 'close' ); - }; - jQuery( '.ui-widget-overlay' ).on( 'click', closeModal ); - $modal.on( 'click', 'a.dismiss', closeModal ); - } - - function offsetModalY( $modal, amount ) { - const position = { - my: 'top', - at: 'top+' + amount, - of: window - }; - $modal.dialog( 'option', 'position', position ); - } - - /** - * Get the input box for the selected ... icon. - */ - function getInputForIcon( moreIcon ) { - let input = moreIcon.nextElementSibling; - - while ( input !== null && input.tagName !== 'INPUT' && input.tagName !== 'TEXTAREA' ) { - input = getInputForIcon( input ); - } - - return input; - } - - /** - * Get the ... icon for the selected input box. - */ - function getIconForInput( input ) { - let moreIcon = input.previousElementSibling; - - while ( moreIcon !== null && moreIcon.tagName !== 'I' && moreIcon.tagName !== 'svg' ) { - moreIcon = getIconForInput( moreIcon ); - } - - return moreIcon; - } - - function hideShortcodes( box ) { - let i, u, closeIcons, closeSvg; - if ( typeof box === 'undefined' ) { - box = document.getElementById( 'frm_adv_info' ); - if ( box === null ) { - return; - } - } - - if ( document.getElementById( 'frm_dyncontent' ) !== null ) { - // Don't run when in the sidebar. - return; - } - - box.style.display = 'none'; - - closeIcons = document.querySelectorAll( '.frm-show-box.frm_close_icon' ); - for ( i = 0; i < closeIcons.length; i++ ) { - closeIcons[i].classList.remove( 'frm_close_icon' ); - closeIcons[i].classList.add( 'frm_more_horiz_solid_icon' ); - } - - closeSvg = document.querySelectorAll( '.frm_has_shortcodes use' ); - for ( u = 0; u < closeSvg.length; u++ ) { - if ( closeSvg[u].getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ) === '#frm_close_icon' ) { - if ( closeSvg[u].closest( '.frm_remove_field' ) ) { - // Don't change the icon for the email fields remove button. - continue; - } - closeSvg[u].setAttributeNS( 'http://www.w3.org/1999/xlink', 'href', '#frm_more_horiz_solid_icon' ); - } - } - } - - function toggleAllowedHTML( input ) { - let b, - id = input.id; - if ( typeof id === 'undefined' || id.indexOf( '-search-input' ) !== -1 ) { - return; - } - - jQuery( '#frm-adv-info-tab' ).attr( 'data-fills', id.trim() ); - if ( input.classList.contains( 'field_custom_html' ) ) { - id = 'field_custom_html'; - } - - b = [ 'after_html', 'before_html', 'submit_html', 'field_custom_html' ]; - if ( jQuery.inArray( id, b ) >= 0 ) { - jQuery( '.frm_code_list li:not(.show_' + id + ')' ).addClass( 'frm_hidden' ); - jQuery( '.frm_code_list li.show_' + id ).removeClass( 'frm_hidden' ); - } - } - - function toggleKeyID( switchTo, e ) { - e.stopPropagation(); - jQuery( '.frm_code_list .frmids, .frm_code_list .frmkeys' ).addClass( 'frm_hidden' ); - jQuery( '.frm_code_list .' + switchTo ).removeClass( 'frm_hidden' ); - jQuery( '.frmids, .frmkeys' ).removeClass( 'current' ); - jQuery( '.' + switchTo ).addClass( 'current' ); - } - - function onActionLoaded( event ) { - const settings = event.target.closest( '.frm_form_action_settings' ); - if ( settings && ( settings.classList.contains( 'frm_single_email_settings' ) || settings.classList.contains( 'frm_single_on_submit_settings' ) ) ) { - initWysiwygOnActionLoaded( settings ); - } - } - - function initWysiwygOnActionLoaded( settings ) { - settings.querySelectorAll( '.wp-editor-area' ).forEach( wysiwyg => { - frmDom.wysiwyg.init( - wysiwyg, - { height: 160, addFocusEvents: true } - ); - }); - } - - /* Global settings page */ - function loadSettingsTab( anchor ) { - const holder = anchor.replace( '#', '' ); - const holderContainer = jQuery( '.frm_' + holder + '_ajax' ); - if ( holderContainer.length ) { - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: { - 'action': 'frm_settings_tab', - 'tab': holder.replace( '_settings', '' ), - 'nonce': frmGlobal.nonce - }, - success: function( html ) { - holderContainer.replaceWith( html ); - } - }); - } - } - - function uninstallNow() { - /*jshint validthis:true */ - if ( confirmLinkClick( this ) === true ) { - jQuery( '.frm_uninstall .frm-wait' ).css( 'visibility', 'visible' ); - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: 'action=frm_uninstall&nonce=' + frmGlobal.nonce, - success: function( msg ) { - jQuery( '.frm_uninstall' ).fadeOut( 'slow' ); - window.location = msg; - } - }); - } - return false; - } - - function saveAddonLicense() { - /*jshint validthis:true */ - const button = jQuery( this ); - const buttonName = this.name; - const pluginSlug = this.getAttribute( 'data-plugin' ); - const action = buttonName.replace( 'edd_' + pluginSlug + '_license_', '' ); - let license = document.getElementById( 'edd_' + pluginSlug + '_license_key' ).value; - button.get(0).disabled = true; - jQuery.ajax({ - type: 'POST', url: ajaxurl, dataType: 'json', - data: {action: 'frm_addon_' + action, license: license, plugin: pluginSlug, nonce: frmGlobal.nonce}, - success: function( msg ) { - button.get(0).disabled = false; - const thisRow = button.closest( '.edd_frm_license_row' ); - if ( action === 'deactivate' ) { - license = ''; - document.getElementById( 'edd_' + pluginSlug + '_license_key' ).value = ''; - } - thisRow.find( '.edd_frm_license' ).html( license ); - const eddWrapper = button.get(0).closest( '.frm_form_field' ); - const actionIsSuccess = msg.success === true; - eddWrapper.querySelector( `.frm_icon_font.frm_action_success` ).classList.toggle( 'frm_hidden', ! actionIsSuccess || action === 'deactivate' ); - eddWrapper.querySelector( `.frm_icon_font.frm_action_error` ).classList.toggle( 'frm_hidden', actionIsSuccess); - - const messageBox = thisRow.find( '.frm_license_msg' ); - messageBox.html( msg.message ); - if ( msg.message !== '' ) { - setTimeout( function() { - messageBox.html( '' ); - thisRow.find( '.frm_icon_font' ).addClass( 'frm_hidden' ); - if ( actionIsSuccess ) { - const actionIsActivate = action === 'activate'; - thisRow.get(0).querySelector( '.edd_frm_unauthorized' ).classList.toggle( 'frm_hidden', actionIsActivate ); - thisRow.get(0).querySelector( '.edd_frm_authorized' ).classList.toggle( 'frm_hidden', ! actionIsActivate ); - } - }, 2000 ); - } - } - }); - } - - /* Import/Export page */ - - function startFormMigration( event ) { - event.preventDefault(); - - const checkedBoxes = jQuery( event.target ).find( 'input:checked' ); - if ( ! checkedBoxes.length ) { - return; - } - - const ids = []; - checkedBoxes.each( function( i ) { - ids[i] = this.value; - }); - - // Begin the import process. - importForms( ids, event.target ); - } - - /** - * Begins the process of importing the forms. - */ - function importForms( forms, targetForm ) { - - // Hide the form select section. - const $form = jQuery( targetForm ), - $processSettings = $form.next( '.frm-importer-process' ); - - // Display total number of forms we have to import. - $processSettings.find( '.form-total' ).text( forms.length ); - $processSettings.find( '.form-current' ).text( '1' ); - - $form.hide(); - - // Show processing status. - // '.process-completed' might have been shown earlier during a previous import, so hide now. - $processSettings.find( '.process-completed' ).hide(); - $processSettings.show(); - - // Create global import queue. - s.importQueue = forms; - s.imported = 0; - - // Import the first form in the queue. - importForm( $processSettings ); - } - - /** - * Imports a single form from the import queue. - */ - function importForm( $processSettings ) { - const formID = s.importQueue[0], - provider = jQuery( '#welcome-panel' ).find( 'input[name="slug"]' ).val(), - data = { - action: 'frm_import_' + provider, - form_id: formID, - nonce: frmGlobal.nonce - }; - - // Trigger AJAX import for this form. - jQuery.post( ajaxurl, data, function( res ) { - - if ( res.success ) { - let statusUpdate; - - if ( res.data.error ) { - statusUpdate = '

      ' + res.data.name + ': ' + res.data.msg + '

      '; - } else { - statusUpdate = '

      Imported ' + res.data.name + '

      '; - } - - $processSettings.find( '.status' ).prepend( statusUpdate ); - $processSettings.find( '.status' ).show(); - - // Remove this form ID from the queue. - s.importQueue = jQuery.grep( s.importQueue, function( value ) { - return value != formID; - }); - s.imported++; - - if ( s.importQueue.length === 0 ) { - $processSettings.find( '.process-count' ).hide(); - $processSettings.find( '.forms-completed' ).text( s.imported ); - $processSettings.find( '.process-completed' ).show(); - } else { - // Import next form in the queue. - $processSettings.find( '.form-current' ).text( s.imported + 1 ); - importForm( $processSettings ); - } - } - }); - } - - function validateExport( e ) { - /*jshint validthis:true */ - e.preventDefault(); - - let s = false; - const $exportForms = jQuery( 'input[name="frm_export_forms[]"]' ); - - if ( ! jQuery( 'input[name="frm_export_forms[]"]:checked' ).val() ) { - $exportForms.closest( '.frm-table-box' ).addClass( 'frm_blank_field' ); - s = 'stop'; - } - - const $exportType = jQuery( 'input[name="type[]"]' ); - if ( ! jQuery( 'input[name="type[]"]:checked' ).val() && $exportType.attr( 'type' ) === 'checkbox' ) { - $exportType.closest( 'p' ).addClass( 'frm_blank_field' ); - s = 'stop'; - } - - if ( s === 'stop' ) { - return false; - } - - e.stopPropagation(); - this.submit(); - } - - function removeExportError() { - /*jshint validthis:true */ - const t = jQuery( this ).closest( '.frm_blank_field' ); - if ( typeof t === 'undefined' ) { - return; - } - - const $thisName = this.name; - if ( $thisName === 'type[]' && jQuery( 'input[name="type[]"]:checked' ).val() ) { - t.removeClass( 'frm_blank_field' ); - } else if ( $thisName === 'frm_export_forms[]' && jQuery( this ).val() ) { - t.removeClass( 'frm_blank_field' ); - } - - } - - function checkCSVExtension() { - /*jshint validthis:true */ - const f = jQuery( this ).val(); - const re = /\.csv$/i; - if ( f.match( re ) !== null ) { - jQuery( '.show_csv' ).fadeIn(); - } else { - jQuery( '.show_csv' ).fadeOut(); - } - } - - function getExportOption() { - const exportFormatSelect = document.querySelector( 'select[name="format"]' ); - if ( exportFormatSelect ) { - return exportFormatSelect.value; - } - return ''; - } - - function exportTypeChanged( event ) { - const value = event.target.value; - showOrHideRepeaters( value ); - checkExportTypes.call( event.target ); - checkSelectedAllFormsCheckbox( value ); - } - - function checkSelectedAllFormsCheckbox( exportType ) { - const selectAllCheckbox = document.getElementById( 'frm-export-select-all' ); - if ( exportType === 'csv' ) { - selectAllCheckbox.checked = false; - selectAllCheckbox.disabled = true; - } else { - selectAllCheckbox.disabled = false; - } - } - - function checkExportTypes() { - /*jshint validthis:true */ - const $dropdown = jQuery( this ); - const $selected = $dropdown.find( ':selected' ); - const s = $selected.data( 'support' ); - - const multiple = s.indexOf( '|' ); - jQuery( 'input[name="type[]"]' ).each( function() { - this.checked = false; - if ( s.indexOf( this.value ) >= 0 ) { - this.disabled = false; - if ( multiple === -1 ) { - this.checked = true; - } - } else { - this.disabled = true; - } - }); - - if ( $dropdown.val() === 'csv' ) { - jQuery( '.csv_opts' ).show(); - jQuery( '.xml_opts' ).hide(); - } else { - jQuery( '.csv_opts' ).hide(); - jQuery( '.xml_opts' ).show(); - } - - const c = $selected.data( 'count' ); - const exportField = jQuery( 'input[name="frm_export_forms[]"]' ); - if ( c === 'single' ) { - exportField.prop( 'multiple', false ); - exportField.prop( 'checked', false ); - } else { - exportField.prop( 'multiple', true ); - exportField.prop( 'disabled', false ); - } - $dropdown.trigger( 'change' ); - } - - function showOrHideRepeaters( exportOption ) { - if ( exportOption === '' ) { - return; - } - - const repeaters = document.querySelectorAll( '.frm-is-repeater' ); - if ( ! repeaters.length ) { - return; - } - - if ( exportOption === 'csv' ) { - repeaters.forEach( form => { - form.classList.remove( 'frm_hidden' ); - }); - } else { - repeaters.forEach( form => { - form.classList.add( 'frm_hidden' ); - }); - } - - searchContent.call( document.querySelector( '.frm-auto-search' ) ); - } - - function preventMultipleExport() { - const type = jQuery( 'select[name=format]' ), - selected = type.find( ':selected' ), - count = selected.data( 'count' ), - exportField = jQuery( 'input[name="frm_export_forms[]"]' ); - - if ( count === 'single' ) { - // Disable all other fields to prevent multiple selections. - if ( this.checked ) { - exportField.prop( 'disabled', true ); - this.removeAttribute( 'disabled' ); - } else { - exportField.prop( 'disabled', false ); - } - } else { - exportField.prop( 'disabled', false ); - } - } - - function initiateMultiselect() { - jQuery( '.frm_multiselect' ).hide().each( frmDom.bootstrap.multiselect.init ); - } - - /* Addons page */ - function installMultipleAddons( e ) { - e.preventDefault(); - toggleAddonState( this, 'frm_multiple_addons' ); - } - - function activateAddon( e ) { - e.preventDefault(); - toggleAddonState( this, 'frm_activate_addon' ); - } - - function installAddon( e ) { - e.preventDefault(); - toggleAddonState( this, 'frm_install_addon' ); - } - - function toggleAddonState( clicked, action ) { - let button, plugin, el, message; - - // Remove any leftover error messages, output an icon and get the plugin basename that needs to be activated. - jQuery( '.frm-addon-error' ).remove(); - button = jQuery( clicked ); - plugin = button.attr( 'rel' ); - el = button.parent(); - message = el.parent().find( '.addon-status-label' ); - - button.addClass( 'frm_loading_button' ); - - // Process the Ajax to perform the activation. - jQuery.ajax({ - url: ajaxurl, - type: 'POST', - async: true, - cache: false, - dataType: 'json', - data: { - action: action, - nonce: frmGlobal.nonce, - plugin: plugin - }, - success: function( response ) { - response = response?.data ?? response; - - let saveAndReload; - - if ( 'string' !== typeof response && 'string' === typeof response.message ) { - if ( 'undefined' !== typeof response.saveAndReload ) { - saveAndReload = response.saveAndReload; - } - response = response.message; - } - - const error = extractErrorFromAddOnResponse( response ); - if ( error ) { - addonError( error, el, button ); - return; - } - - afterAddonInstall( response, button, message, el, saveAndReload, action ); - - /** - * Trigger an action after successfully toggling the addon state. - * - * @param {Object} response - */ - wp.hooks.doAction( 'frm_update_addon_state', response ); - }, - error: function() { - button.removeClass( 'frm_loading_button' ); - } - }); - } - - function installAddonWithCreds( e ) { - // Prevent the default action, let the user know we are attempting to install again and go with it. - e.preventDefault(); - - // Now let's make another Ajax request once the user has submitted their credentials. - const proceed = jQuery( this ); - const el = proceed.parent().parent(); - const plugin = proceed.attr( 'rel' ); - - proceed.addClass( 'frm_loading_button' ); - - jQuery.ajax({ - url: ajaxurl, - type: 'POST', - async: true, - cache: false, - dataType: 'json', - data: { - action: 'frm_install_addon', - nonce: frmAdminJs.nonce, - plugin: plugin, - hostname: el.find( '#hostname' ).val(), - username: el.find( '#username' ).val(), - password: el.find( '#password' ).val() - }, - success: function( response ) { - response = response?.data ?? response; - - const error = extractErrorFromAddOnResponse( response ); - if ( error ) { - addonError( error, el, proceed ); - return; - } - - afterAddonInstall( response, proceed, message, el ); - }, - error: function() { - proceed.removeClass( 'frm_loading_button' ); - } - }); - } - - function afterAddonInstall( response, button, message, el, saveAndReload, action = 'frm_activate_addon' ) { - const addonStatuses = document.querySelectorAll( '.frm-addon-status' ); - addonStatuses.forEach( - addonStatus => { - addonStatus.textContent = response; - addonStatus.style.display = 'block'; - } - ); - - // The Ajax request was successful, so let's update the output. - button.css({ opacity: '0' }); - - document.querySelectorAll( '.frm-oneclick' ).forEach( - oneClick => { - oneClick.style.display = 'none'; - } - ); - - jQuery( '#frm_upgrade_modal h2' ).hide(); - jQuery( '#frm_upgrade_modal .frm_lock_icon' ).addClass( 'frm_lock_open_icon' ); - jQuery( '#frm_upgrade_modal .frm_lock_icon use' ).attr( 'xlink:href', '#frm_lock_open_icon' ); - - // Proceed with CSS changes - const actionMap = { - frm_activate_addon: { class: 'frm-addon-active', message: frmAdminJs.active }, - frm_deactivate_addon: { class: 'frm-addon-installed', message: frmAdminJs.installed }, - frm_uninstall_addon: { class: 'frm-addon-not-installed', message: frmAdminJs.not_installed } - }; - actionMap.frm_install_addon = actionMap.frm_activate_addon; - - const messageElement = message[0]; - if ( messageElement ) { - messageElement.textContent = actionMap[action].message; - } - - const parentElement = el[0].parentElement; - parentElement.classList.remove( 'frm-addon-not-installed', 'frm-addon-installed', 'frm-addon-active' ); - parentElement.classList.add( actionMap[action].class ); - - const buttonElement = button[0]; - buttonElement.classList.remove( 'frm_loading_button' ); - - // Maybe refresh import and SMTP pages - const refreshPage = document.querySelectorAll( '.frm-admin-page-import, #frm-admin-smtp, #frm-welcome' ); - if ( refreshPage.length > 0 ) { - window.location.reload(); - return; - } - - if ([ 'settings', 'form_builder' ].includes( saveAndReload ) ) { - addonStatuses.forEach( - addonStatus => { - const inModal = null !== addonStatus.closest( '#frm_upgrade_modal' ); - addonStatus.appendChild( getSaveAndReloadSettingsOptions( saveAndReload, inModal ) ); - } - ); - } - } - - function getSaveAndReloadSettingsOptions( saveAndReload, inModal ) { - const className = 'frm-save-and-reload-options'; - const children = [ saveAndReloadSettingsButton( saveAndReload ) ]; - if ( inModal ) { - children.push( closePopupButton() ); - } - return div({ className, children }); - } - - function saveAndReloadSettingsButton( saveAndReload ) { - const button = document.createElement( 'button' ); - button.classList.add( 'frm-save-and-reload', 'button', 'button-primary', 'frm-button-primary' ); - button.textContent = __( 'Save and Reload', 'formidable' ); - button.addEventListener( 'click', () => { - if ( saveAndReload === 'form_builder' ) { - saveAndReloadFormBuilder(); - } else if ( saveAndReload === 'settings' ) { - saveAndReloadSettings(); - } - }); - return button; - } - - function closePopupButton() { - const a = document.createElement( 'a' ); - a.setAttribute( 'href', '#' ); - a.classList.add( 'button', 'button-secondary', 'frm-button-secondary', 'dismiss' ); - a.textContent = __( 'Close', 'formidable' ); - return a; - } - - function extractErrorFromAddOnResponse( response ) { - if ( typeof response !== 'string' ) { - if ( typeof response.success !== 'undefined' && response.success ) { - return false; - } - - if ( response.form ) { - if ( jQuery( response.form ).is( '#message' ) ) { - return { - message: jQuery( response.form ).find( 'p' ).html() - }; - } - } - - return response; - } - - return false; - } - - function addonError( response, el, button ) { - if ( response.form ) { - jQuery( '.frm-inline-error' ).remove(); - button.closest( '.frm-card' ) - .html( response.form ) - .css({ padding: 5 }) - .find( '#upgrade' ) - .attr( 'rel', button.attr( 'rel' ) ) - .on( 'click', installAddonWithCreds ); - } else { - el.append( '

      ' + response.message + '

      ' ); - button.removeClass( 'frm_loading_button' ); - jQuery( '.frm-addon-error' ).delay( 4000 ).fadeOut(); - } - } - - /* Templates */ - function showActiveCampaignForm() { - loadApiEmailForm(); - } - - function handleApiFormError( inputId, errorId, type, message ) { - const $error = jQuery( errorId ); - $error.removeClass( 'frm_hidden' ).attr( 'frm-error', type ); - - if ( typeof message !== 'undefined' ) { - $error.find( 'span[frm-error="' + type + '"]' ).text( message ); - } - - jQuery( inputId ).one( 'keyup', function() { - $error.addClass( 'frm_hidden' ); - }); - } - - function handleEmailAddressError( type ) { - handleApiFormError( '#frm_leave_email', '#frm_leave_email_error', type ); - } - - function loadApiEmailForm() { - const formContainer = document.getElementById( 'frmapi-email-form' ); - jQuery.ajax({ - dataType: 'json', - url: formContainer.getAttribute( 'data-url' ), - success: function( json ) { - let form = json.renderedHtml; - form = form.replace( /]*(formidableforms.css|action=frmpro_css)[^>]*>/gi, '' ); - formContainer.innerHTML = form; - } - }); - } - - function initAutocomplete( container ) { - frmDom.autocomplete.initSelectionAutocomplete( container ); - } - - function nextInstallStep( thisStep ) { - thisStep.classList.add( 'frm_grey' ); - thisStep.nextElementSibling.classList.remove( 'frm_grey' ); - } - - function installTemplateFieldset( e ) { - /*jshint validthis:true */ - const fieldset = this.parentNode.parentNode, - action = fieldset.elements.type.value, - button = this; - e.preventDefault(); - button.classList.add( 'frm_loading_button' ); - installNewForm( fieldset, action, button ); - } - - function installTemplate( e ) { - /*jshint validthis:true */ - const action = this.elements.type.value, - button = this.querySelector( 'button' ); - e.preventDefault(); - button.classList.add( 'frm_loading_button' ); - installNewForm( this, action, button ); - } - - function installNewForm( form, action, button ) { - const formData = formToData( form ); - const formName = formData.template_name; - const formDesc = formData.template_desc; - const link = form.elements.link.value; - - let data = { - action: action, - xml: link, - name: formName, - desc: formDesc, - form: JSON.stringify( formData ), - nonce: frmGlobal.nonce - }; - - const hookName = 'frm_before_install_new_form'; - const filterArgs = { formData }; - data = wp.hooks.applyFilters( hookName, data, filterArgs ); - - postAjax( data, function( response ) { - if ( typeof response.redirect !== 'undefined' ) { - const redirect = response.redirect; - if ( typeof form.elements.redirect === 'undefined' ) { - window.location = redirect; - } else { - const href = document.getElementById( 'frm-redirect-link' ); - if ( typeof link !== 'undefined' && href !== null ) { - // Show the next installation step. - href.setAttribute( 'href', redirect ); - href.classList.remove( 'frm_grey', 'disabled' ); - nextInstallStep( form.parentNode.parentNode ); - button.classList.add( 'frm_grey', 'disabled' ); - } - } - } else { - jQuery( '.spinner' ).css( 'visibility', 'hidden' ); - - // Show response.message - if ( 'string' === typeof response.message ) { - showInstallFormErrorModal( response.message ); - } - } - button.classList.remove( 'frm_loading_button' ); - }); - } - - function showInstallFormErrorModal( message ) { - const modalContent = div( message ); - modalContent.style.padding = '20px 40px'; - const modal = frmDom.modal.maybeCreateModal( - 'frmInstallFormErrorModal', - { - title: __( 'Unable to install template', 'formidable' ), - content: modalContent - } - ); - modal.classList.add( 'frm_common_modal' ); - } - - function handleCaptchaTypeChange( e ) { - const thresholdContainer = document.getElementById( 'frm_captcha_threshold_container' ); - if ( thresholdContainer ) { - thresholdContainer.classList.toggle( 'frm_hidden', 'v3' !== e.target.value ); - } - } - - function trashTemplate( e ) { - /*jshint validthis:true */ - const id = this.getAttribute( 'data-id' ); - e.preventDefault(); - - data = { - action: 'frm_forms_trash', - id: id, - nonce: frmGlobal.nonce - }; - postAjax( data, function() { - const card = document.getElementById( 'frm-template-custom-' + id ); - fadeOut( card, function() { - card.parentNode.removeChild( card ); - }); - }); - } - - function searchContent() { - /*jshint validthis:true */ - let i, - regEx = false, - searchText = this.value.toLowerCase(), - toSearch = this.getAttribute( 'data-tosearch' ), - items = document.getElementsByClassName( toSearch ); - - if ( this.tagName === 'SELECT' ) { - searchText = selectedOptions( this ); - searchText = searchText.join( '|' ).toLowerCase(); - regEx = true; - } - - if ( toSearch === 'frm-action' && searchText !== '' ) { - const addons = document.getElementById( 'frm_email_addon_menu' ).classList; - addons.remove( 'frm-all-actions' ); - addons.add( 'frm-limited-actions' ); - } - - for ( i = 0; i < items.length; i++ ) { - const innerText = items[i].innerText.toLowerCase(); - - const itemCanBeShown = ! ( getExportOption() === 'xml' && items[i].classList.contains( 'frm-is-repeater' ) ); - if ( searchText === '' ) { - if ( itemCanBeShown && checkContextualShortcode( items[i] ) ) { - items[i].classList.remove( 'frm_hidden' ); - } - items[i].classList.remove( 'frm-search-result' ); - } else if ( ( regEx && new RegExp( searchText ).test( innerText ) ) || innerText.indexOf( searchText ) >= 0 || textMatchesPlural( innerText, searchText ) ) { - if ( itemCanBeShown && checkContextualShortcode( items[i] ) ) { - items[i].classList.remove( 'frm_hidden' ); - } - items[i].classList.add( 'frm-search-result' ); - } else { - items[i].classList.add( 'frm_hidden' ); - items[i].classList.remove( 'frm-search-result' ); - } - } - - // Updates the visibility of category headings based on search results. - updateCatHeadingVisibility(); - - jQuery( this ).trigger( 'frmAfterSearch' ); - } - - /** - * Allow a search for "signatures" to still match "signature" for example when searching fields. - * - * @since 6.15 - * - * @param {string} text The text in the element we are checking for a match. - * @param {string} searchText The text value that is being searched. - * @return {boolean} - */ - function textMatchesPlural( text, searchText ) { - if ( searchText === 's' ) { - // Don't match everything when just "s" is searched. - return false; - } - - if ( text[ text.length - 1 ] === 's' ) { - // Do not match something with double s if the text already ends in s. - return false; - } - - return ( text + 's' ).indexOf( searchText ) >= 0; - } - - /** - * Updates the visibility of category headings based on search results. - * If all associated fields are hidden (indicating no search matches), - * the heading is hidden. - * - * @since 6.4.1 - */ - function updateCatHeadingVisibility() { - const insertFieldsElement = document.querySelector( '#frm-insert-fields' ); - if ( ! insertFieldsElement ) { - return; - } - - const headingElements = insertFieldsElement.querySelectorAll( ':scope > .frm-with-line' ); - headingElements.forEach( heading => { - const fieldsListElement = heading.nextElementSibling; - if ( ! fieldsListElement ) { - return; - } - const listItemElements = fieldsListElement.querySelectorAll( ':scope > li.frmbutton' ); - const allHidden = Array.from( listItemElements ).every( li => li.classList.contains( 'frm_hidden' ) ); - - // Add or remove class based on `allHidden` condition - heading.classList.toggle( 'frm_hidden', allHidden ); - }); - } - - function stopPropagation( e ) { - e.stopPropagation(); - } - - /* Helpers */ - - function selectedOptions( select ) { - let opt, - result = [], - options = select && select.options; - - for ( let i = 0, iLen = options.length; i < iLen; i++ ) { - opt = options[i]; - - if ( opt.selected ) { - result.push( opt.value ); - } - } - return result; - } - - function triggerEvent( element, event ) { - const evt = document.createEvent( 'HTMLEvents' ); - evt.initEvent( event, false, true ); - element.dispatchEvent( evt ); - } - - function postAjax( data, success ) { - let response; - - const xmlHttp = new XMLHttpRequest(); - const params = typeof data === 'string' ? data : Object.keys( data ).map( - function( k ) { - return encodeURIComponent( k ) + '=' + encodeURIComponent( data[k]); - } - ).join( '&' ); - - xmlHttp.open( 'post', ajaxurl, true ); - xmlHttp.onreadystatechange = function() { - if ( xmlHttp.readyState > 3 && xmlHttp.status == 200 ) { - response = xmlHttp.responseText; - try { - response = JSON.parse( response ); - } catch ( e ) { - // The response may not be JSON, so just return it. - } - success( response ); - } - }; - xmlHttp.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest' ); - xmlHttp.setRequestHeader( 'Content-type', 'application/x-www-form-urlencoded' ); - xmlHttp.send( params ); - return xmlHttp; - } - - function fadeOut( element, success ) { - element.classList.add( 'frm-fade' ); - setTimeout( success, 1000 ); - } - - function invisible( classes ) { - jQuery( classes ).css( 'visibility', 'hidden' ); - } - - function visible( classes ) { - jQuery( classes ).css( 'visibility', 'visible' ); - } - - function initModal( id, width ) { - const $info = jQuery( id ); - if ( ! $info.length ) { - return false; - } - - if ( typeof width === 'undefined' ) { - width = '550px'; - } - - const dialogArgs = { - dialogClass: 'frm-dialog', - modal: true, - autoOpen: false, - closeOnEscape: true, - width: width, - resizable: false, - draggable: false, - open: function() { - jQuery( '.ui-dialog-titlebar' ).addClass( 'frm_hidden' ).removeClass( 'ui-helper-clearfix' ); - jQuery( '#wpwrap' ).addClass( 'frm_overlay' ); - jQuery( '.frm-dialog' ).removeClass( 'ui-widget ui-widget-content ui-corner-all' ); - $info.removeClass( 'ui-dialog-content ui-widget-content' ); - bindClickForDialogClose( $info ); - }, - close: function() { - jQuery( '#wpwrap' ).removeClass( 'frm_overlay' ); - jQuery( '.spinner' ).css( 'visibility', 'hidden' ); - - this.removeAttribute( 'data-option-type' ); - const optionType = document.getElementById( 'bulk-option-type' ); - if ( optionType ) { - optionType.value = ''; - } - } - }; - - $info.dialog( dialogArgs ); - - return $info; - } - - function toggle( cname, id ) { - if ( id === '#' ) { - const cont = document.getElementById( cname ); - const hidden = cont.style.display; - if ( hidden === 'none' ) { - cont.style.display = 'block'; - } else { - cont.style.display = 'none'; - } - } else { - const vis = cname.is( ':visible' ); - if ( vis ) { - cname.hide(); - } else { - cname.show(); - } - } - } - - function removeWPUnload() { - window.onbeforeunload = null; - const w = jQuery( window ); - w.off( 'beforeunload.widgets' ); - w.off( 'beforeunload.edit-post' ); - } - - function addMultiselectLabelListener() { - const clickListener = ( e ) => { - if ( 'LABEL' !== e.target.nodeName ) { - return; - } - - const labelFor = e.target.getAttribute( 'for' ); - if ( ! labelFor ) { - return; - } - - const input = document.getElementById( labelFor ); - if ( ! input || ! input.nextElementSibling ) { - return; - } - - const buttonToggle = input.nextElementSibling.querySelector( 'button.dropdown-toggle.multiselect' ); - if ( ! buttonToggle ) { - return; - } - - const triggerMultiselectClick = () => buttonToggle.click(); - setTimeout( triggerMultiselectClick, 0 ); - }; - document.addEventListener( 'click', clickListener ); - } - - function maybeChangeEmbedFormMsg() { - const fieldId = jQuery( this ).closest( '.frm-single-settings' ).data( 'fid' ); - let fieldItem = document.getElementById( 'frm_field_id_' + fieldId ); - if ( null === fieldItem || 'form' !== fieldItem.dataset.type ) { - return; - } - - fieldItem = jQuery( fieldItem ); - - if ( this.options[ this.selectedIndex ].value ) { - fieldItem.find( '.frm-not-set' )[0].classList.add( 'frm_hidden' ); - const embedMsg = fieldItem.find( '.frm-embed-message' ); - embedMsg.html( embedMsg.data( 'embedmsg' ) + this.options[ this.selectedIndex ].text ); - fieldItem.find( '.frm-embed-field-placeholder' )[0].classList.remove( 'frm_hidden' ); - } else { - fieldItem.find( '.frm-not-set' )[0].classList.remove( 'frm_hidden' ); - fieldItem.find( '.frm-embed-field-placeholder' )[0].classList.add( 'frm_hidden' ); - } - } - - function toggleProductType() { - const settings = jQuery( this ).closest( '.frm-single-settings' ), - container = settings.find( '.frmjs_product_choices' ), - heading = settings.find( '.frm_prod_options_heading' ), - currentVal = this.options[ this.selectedIndex ].value; - - container.removeClass( 'frm_prod_type_single frm_prod_type_user_def' ); - heading.removeClass( 'frm_prod_user_def' ); - - if ( 'single' === currentVal ) { - container.addClass( 'frm_prod_type_single' ); - } else if ( 'user_def' === currentVal ) { - container.addClass( 'frm_prod_type_user_def' ); - heading.addClass( 'frm_prod_user_def' ); - } - } - - /** - * @param {Number | string} fieldId - * @return {boolean} True if the field is a product field. - */ - function isProductField( fieldId ) { - const field = document.getElementById( 'frm_field_id_' + fieldId ); - if ( field === null ) { - return false; - } - return 'product' === field.getAttribute( 'data-type' ); - } - - /** - * Serialize form data with vanilla JS. - */ - function formToData( form ) { - let subKey, i, - object = {}, - formData = form.elements; - - for ( i = 0; i < formData.length; i++ ) { - let input = formData[i], - key = input.name, - value = input.value, - names = key.match( /(.*)\[(.*)\]/ ); - - if ( ( input.type === 'radio' || input.type === 'checkbox' ) && ! input.checked ) { - continue; - } - - if ( names !== null ) { - key = names[1]; - subKey = names[2]; - if ( ! Reflect.has( object, key ) ) { - object[key] = {}; - } - object[key][subKey] = value; - continue; - } - - // Reflect.has in favor of: object.hasOwnProperty(key) - if ( ! Reflect.has( object, key ) ) { - object[key] = value; - continue; - } - if ( ! Array.isArray( object[key]) ) { - object[key] = [ object[key] ]; - } - object[key].push( value ); - } - - return object; - } - - /** - * Show, hide, and sort subfields of Name field on form builder. - * - * @since 4.11 - */ - function handleNameFieldOnFormBuilder() { - /** - * Gets subfield element from cache. - * - * @param {String} fieldId Field ID. - * @param {String} key Cache key. - * @returns {HTMLElement|undefined} Return the element from cache or undefined if not found. - */ - const getSubFieldElFromCache = ( fieldId, key ) => { - window.frmCachedSubFields = window.frmCachedSubFields || {}; - window.frmCachedSubFields[fieldId] = window.frmCachedSubFields[fieldId] || {}; - return window.frmCachedSubFields[fieldId][key]; - }; - - /** - * Sets subfield element to cache. - * - * @param {String} fieldId Field ID. - * @param {String} key Cache key. - * @param {HTMLElement} el Element. - */ - const setSubFieldElToCache = ( fieldId, key, el ) => { - window.frmCachedSubFields = window.frmCachedSubFields || {}; - window.frmCachedSubFields[fieldId] = window.frmCachedSubFields[fieldId] || {}; - window.frmCachedSubFields[fieldId][key] = el; - }; - - /** - * Gets column class from the number of columns. - * - * @param {Number} colCount Number of columns. - * @returns {string} - */ - const getColClass = colCount => 'frm' + parseInt( 12 / colCount ); - - const colClasses = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ].map( num => 'frm' + num ); - - const allSubFieldNames = [ 'first', 'middle', 'last' ]; - - /** - * Handles name layout change. - * - * @param {Event} event Event object. - */ - const onChangeLayout = event => { - const value = event.target.value; - const subFieldNames = value.split( '_' ); - const fieldId = event.target.dataset.fieldId; - - /* - * Live update form on the form builder. - */ - const container = document.querySelector( '#field_' + fieldId + '_inner_container .frm_combo_inputs_container' ); - const newColClass = getColClass( subFieldNames.length ); - - // Set all sub field elements to cache and hide all of them first. - allSubFieldNames.forEach( name => { - const subFieldEl = container.querySelector( '[data-sub-field-name="' + name + '"]' ); - if ( subFieldEl ) { - subFieldEl.classList.add( 'frm_hidden' ); - subFieldEl.classList.remove( ...colClasses ); - setSubFieldElToCache( fieldId, name, subFieldEl ); - } - }); - - subFieldNames.forEach( subFieldName => { - const subFieldEl = getSubFieldElFromCache( fieldId, subFieldName ); - if ( ! subFieldEl ) { - return; - } - - subFieldEl.classList.remove( 'frm_hidden' ); - subFieldEl.classList.add( newColClass ); - - container.append( subFieldEl ); - }); - - /* - * Live update subfield options. - */ - // Hide all subfield options. - allSubFieldNames.forEach( name => { - const optionsEl = document.querySelector( '.frm_sub_field_options-' + name + '[data-field-id="' + fieldId + '"]' ); - if ( optionsEl ) { - optionsEl.classList.add( 'frm_hidden' ); - setSubFieldElToCache( fieldId, name + '_options', optionsEl ); - } - }); - - subFieldNames.forEach( subFieldName => { - const optionsEl = getSubFieldElFromCache( fieldId, subFieldName + '_options' ); - if ( ! optionsEl ) { - return; - } - optionsEl.classList.remove( 'frm_hidden' ); - }); - }; - - const dropdownSelector = '.frm_name_layout_dropdown'; - document.addEventListener( 'change', event => { - if ( event.target.matches( dropdownSelector ) ) { - onChangeLayout( event ); - } - }, false ); - } - - function debounce( func, wait = 100 ) { - return frmDom.util.debounce( func, wait ); - } - - function addSaveAndDragIconsToOption( fieldId, liObject ) { - let li, useTag, useTagHref; - let hasDragIcon = false; - let hasSaveIcon = false; - - if ( liObject.newOption ) { - const parser = new DOMParser(); - li = parser.parseFromString( liObject.newOption, 'text/html' ).body.childNodes[0]; - } else { - li = liObject; - } - - const liIcons = li.querySelectorAll( 'svg' ); - - liIcons.forEach( ( svg, key ) => { - useTag = svg.getElementsByTagNameNS( 'http://www.w3.org/2000/svg', 'use' )[0]; - if ( ! useTag ) { - return; - } - useTagHref = useTag.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ) || useTag.getAttribute( 'href' ); - - if ( useTagHref === '#frm_drag_icon' ) { - hasDragIcon = true; - } - - if ( useTagHref === '#frm_save_icon' ) { - hasSaveIcon = true; - } - }); - - if ( ! hasDragIcon ) { - li.prepend( icons.drag.cloneNode( true ) ); - } - - if ( li.querySelector( `[id^=field_key_${fieldId}-]` ) && ! hasSaveIcon ) { - li.querySelector( `[id^=field_key_${fieldId}-]` ).after( icons.save.cloneNode( true ) ); - } - - if ( liObject.newOption ) { - liObject.newOption = li; - } - } - - function maybeAddSaveAndDragIcons( fieldId ) { - fieldOptions = document.querySelectorAll( `[id^=frm_delete_field_${fieldId}-]` ); - // return if there are no options. - if ( fieldOptions.length < 2 ) { - return; - } - - const options = [ ...fieldOptions ].slice( 1 ); - options.forEach( ( li, _key ) => { - if ( li.classList.contains( 'frm_other_option' ) ) { - return; - } - addSaveAndDragIconsToOption( fieldId, li ); - }); - } - - function initOnSubmitAction() { - const onChangeType = event => { - if ( ! event.target.checked ) { - return; - } - - const actionEl = event.target.closest( '.frm_form_action_settings' ); - actionEl.querySelectorAll( '.frm_on_submit_dependent_setting:not(.frm_hidden)' ).forEach( el => { - el.classList.add( 'frm_hidden' ); - }); - - const activeEls = actionEl.querySelectorAll( '.frm_on_submit_dependent_setting[data-show-if-' + event.target.value + ']' ); - activeEls.forEach( activeEl => { - activeEl.classList.remove( 'frm_hidden' ); - }); - - actionEl.setAttribute( 'data-on-submit-type', event.target.value ); - }; - - frmDom.util.documentOn( 'change', '.frm_on_submit_type input[type="radio"]', onChangeType ); - } - - /** - * Listen for click events for an API-loaded email collection form. - * - * This is used for the Active Campaign sign-up form in the inbox page (when there are no messages). - */ - function initAddMyEmailAddress() { - jQuery( document ).on( - 'click', - '#frm-add-my-email-address', - event => { - event.preventDefault(); - addMyEmailAddress(); - } - ); - - const emptyInbox = document.getElementById( 'frm_empty_inbox' ); - const leaveEmailInput = document.getElementById( 'frm_leave_email' ); - - if ( emptyInbox && leaveEmailInput ) { - const leaveEmailModal = document.getElementById( 'frm-leave-email-modal' ); - leaveEmailModal.classList.remove( 'frm_hidden' ); - leaveEmailModal.querySelector( '.frm_modal_footer' ).classList.add( 'frm_hidden' ); - - leaveEmailInput.addEventListener( - 'keyup', - event => { - if ( 'Enter' === event.key ) { - const button = document.getElementById( 'frm-add-my-email-address' ); - if ( button ) { - button.click(); - } - } - } - ); - } - } - - function addMyEmailAddress() { - const email = document.getElementById( 'frm_leave_email' ).value.trim(); - if ( '' === email ) { - handleEmailAddressError( 'empty' ); - return; - } - - const regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i; - if ( regex.test( email ) === false ) { - handleEmailAddressError( 'invalid' ); - return; - } - - const $hiddenForm = jQuery( '#frmapi-email-form' ).find( 'form' ); - const $hiddenEmailField = $hiddenForm.find( '[type="email"]' ).not( '.frm_verify' ); - if ( ! $hiddenEmailField.length ) { - return; - } - - const emptyInbox = document.getElementById( 'frm_empty_inbox' ); - if ( emptyInbox ) { - document.getElementById( 'frm-add-my-email-address' ).remove(); - - const emailWrapper = document.getElementById( 'frm_leave_email_wrapper' ); - if ( emailWrapper ) { - emailWrapper.classList.add( 'frm_hidden' ); - const spinner = span({ className: 'frm-wait frm_spinner' }); - spinner.style.visibility = 'visible'; - spinner.style.float = 'none'; - spinner.style.width = 'unset'; - emailWrapper.parentElement.insertBefore( - spinner, - emailWrapper.nextElementSibling - ); - } - } - - $hiddenEmailField.val( email ); - jQuery.ajax({ - type: 'POST', - url: $hiddenForm.attr( 'action' ), - data: $hiddenForm.serialize() + '&action=frm_forms_preview' - }).done( function( data ) { - const message = jQuery( data ).find( '.frm_message' ).text().trim(); - if ( message.indexOf( 'Thanks!' ) === -1 ) { - handleEmailAddressError( 'invalid' ); - return; - } - - const apiForm = document.getElementById( 'frmapi-email-form' ); - const spinner = apiForm.parentElement.querySelector( '.frm_spinner' ); - if ( spinner ) { - spinner.remove(); - } - - const showSuccessMessage = wp.hooks.applyFilters( 'frm_thank_you_on_signup', true ); - if ( showSuccessMessage ) { - // Handle successful form submission. - // handle the Active Campaign form on the inbox page. - document.getElementById( 'frm_leave_email_wrapper' ).replaceWith( - span( __( 'Thank you for signing up!', 'formidable' ) ) - ); - } - }); - } - - /** - * Adds footer links to the admin body content. - * - * @return {void} - */ - function addAdminFooterLinks() { - const footerLinks = document.querySelector( '.frm-admin-footer-links' ); - const container = document.querySelector( '.frm_page_container' ) ?? document.getElementById( 'wpbody-content' ); - - if ( ! footerLinks || ! container ) { - return; - } - - container.appendChild( footerLinks ); - footerLinks.classList.remove( 'frm_hidden' ); - } - - /** - * Apply zebra striping to a table while ignoring empty rows. - * - * @param {string} tableSelector The CSS selector for the table. - * @param {string} emptyRowClass The class name used to identify empty rows. - */ - function applyZebraStriping( tableSelector, emptyRowClass ) { - // Get all non-empty table rows within the specified table - const rows = document.querySelectorAll( `${tableSelector} tr${emptyRowClass ? `:not(.${emptyRowClass})` : ''}` ); - if ( rows.length < 1 ) { - return; - } - - let isOdd = true; - rows.forEach( row => { - // Clean old "frm-odd" or "frm-even" classes and add the appropriate new class - row.classList.remove( 'frm-odd', 'frm-even' ); - row.classList.add( isOdd ? 'frm-odd' : 'frm-even' ); - - isOdd = ! isOdd; - }); - - const tables = document.querySelectorAll( tableSelector ); - tables.forEach( table => table.classList.add( 'frm-zebra-striping' ) ); - }; - - function maybeHideShortcodes( e ) { - if ( ! builderPage ) { - e.stopPropagation(); - } - - if ( e.target.classList.contains( 'frm-show-box' ) || ( e.target.parentElement && e.target.parentElement.classList.contains( 'frm-show-box' ) ) ) { - return; - } - - const sidebar = document.getElementById( 'frm_adv_info' ); - if ( ! sidebar ) { - return; - } - - if ( sidebar.dataset.fills === e.target.id && typeof e.target.id !== 'undefined' ) { - return; - } - - const isChild = e.target.closest( '#frm_adv_info' ); - - if ( ! isChild && sidebar.style.display !== 'none' ) { - hideShortcodes( sidebar ); - } - } - - /** - * Initializes and manages the visibility of dependent elements based on the selected options in dropdowns with the 'frm_select_with_dependency' class. - * It sets up initial visibility at page load and updates it on each dropdown change. - * - * @since 6.9 - * - * @return {void} - */ - function initSelectDependencies() { - const selects = document.querySelectorAll( 'select.frm_select_with_dependency' ); - - /** - * Toggles the visibility of dependent elements associated with a select element based on its current selection. - * - * @since 6.9 - * - * @param {HTMLElement} select The select element whose dependencies need to be managed. - * @return {void} - */ - function toggleDependencyVisibility( select ) { - const selectedOption = select.options[ select.selectedIndex ]; - select.querySelectorAll( 'option[data-dependency]:not([data-dependency-skip])' ).forEach( option => { - const dependencyElement = document.querySelector( option.dataset.dependency ); - dependencyElement?.classList.toggle( 'frm_hidden', selectedOption !== option ); - }); - } - - // Initial setup: Show dependencies based on the current selection in each dropdown - selects.forEach( toggleDependencyVisibility ); - - // Update dependencies visibility on dropdown change - frmDom.util.documentOn( 'change', 'select.frm_select_with_dependency', ( event ) => toggleDependencyVisibility( event.target ) ); - } - - /** - * Moves the focus to the next single option input field in the list and positions the cursor at the end of the text. - * - * @param {HTMLElement} currentInput The currently focused input element. - */ - function focusNextSingleOptionInput( currentInput ) { - const optionsList = currentInput.closest( '.frm_single_option' ).parentElement; - const inputs = optionsList.querySelectorAll( '.frm_single_option input[name^="field_options[" ], .frm_single_option input[name^="rows_"]' ); - const inputsArray = Array.from( inputs ); - - // Find the index of the currently focused input - const currentIndex = inputsArray.indexOf( currentInput ); - - if ( currentIndex < 0 ) { - return; - } - - // Find the next visible input field - const nextInput = inputsArray.slice( currentIndex + 1 ).find( input => input.offsetParent !== null ); - - if ( nextInput ) { - nextInput.focus(); - - // Move the cursor to the end of the text in the next input field - const textLength = nextInput.value.length; - nextInput.setSelectionRange( textLength, textLength ); - } - } - - return { - init: function() { - initAddMyEmailAddress(); - addAdminFooterLinks(); - - s = {}; - - // Bootstrap dropdown button - jQuery( '.wp-admin' ).on( 'click', function( e ) { - const t = jQuery( e.target ); - const $openDrop = jQuery( '.dropdown.open' ); - if ( $openDrop.length && ! t.hasClass( 'dropdown' ) && ! t.closest( '.dropdown' ).length ) { - $openDrop.removeClass( 'open' ); - } - }); - jQuery( '#frm_bs_dropdown:not(.open) a' ).on( 'click', focusSearchBox ); - - if ( typeof thisFormId === 'undefined' ) { - thisFormId = jQuery( document.getElementById( 'form_id' ) ).val(); - } - - // Add event listener for dismissible warning messages. - document.querySelectorAll( '.frm-warning-dismiss' ).forEach( ( dismissIcon ) => { - onClickPreventDefault( dismissIcon, dismissWarningMessage ); - }); - - frmAdminBuild.inboxBannerInit(); - - if ( $newFields.length > 0 ) { - // only load this on the form builder page - frmAdminBuild.buildInit(); - } else if ( document.getElementById( 'frm_notification_settings' ) !== null ) { - // only load on form settings page - frmAdminBuild.settingsInit(); - } else if ( document.getElementById( 'frm_styling_form' ) !== null ) { - // load styling settings js - frmAdminBuild.styleInit(); - } else if ( document.getElementById( 'form_global_settings' ) !== null ) { - // global settings page - frmAdminBuild.globalSettingsInit(); - } else if ( document.getElementById( 'frm_export_xml' ) !== null ) { - // import/export page - frmAdminBuild.exportInit(); - } else if ( null !== document.querySelector( '.frm-inbox-wrapper' ) ) { - // Dashboard page inbox. - frmAdminBuild.inboxInit(); - } else if ( document.getElementById( 'frm-welcome' ) !== null ) { - // Solution install page - frmAdminBuild.solutionInit(); - } else { - initAutocomplete(); - - jQuery( '[data-frmprint]' ).on( 'click', function() { - window.print(); - return false; - }); - } - - jQuery( document ).on( 'change', 'select[data-toggleclass], input[data-toggleclass]', toggleFormOpts ); - initSelectDependencies(); - - const $advInfo = jQuery( document.getElementById( 'frm_adv_info' ) ); - if ( $advInfo.length > 0 || jQuery( '.frm_field_list' ).length > 0 ) { - // only load on the form, form settings, and view settings pages - frmAdminBuild.panelInit(); - } - - loadTooltips(); - initUpgradeModal(); - - // used on build, form settings, and view settings - const $shortCodeDiv = jQuery( document.getElementById( 'frm_shortcodediv' ) ); - if ( $shortCodeDiv.length > 0 ) { - jQuery( 'a.edit-frm_shortcode' ).on( 'click', function() { - if ( $shortCodeDiv.is( ':hidden' ) ) { - $shortCodeDiv.slideDown( 'fast' ); - this.style.display = 'none'; - } - return false; - }); - - jQuery( '.cancel-frm_shortcode', '#frm_shortcodediv' ).on( 'click', function() { - $shortCodeDiv.slideUp( 'fast' ); - $shortCodeDiv.siblings( 'a.edit-frm_shortcode' ).show(); - return false; - }); - } - - // tabs - jQuery( document ).on( 'click', '#frm-nav-tabs a', clickNewTab ); - jQuery( '.post-type-frm_display .frm-nav-tabs a, .frm-category-tabs a' ).on( 'click', function() { - const showUpgradeTab = this.classList.contains( 'frm_show_upgrade_tab' ); - if ( this.classList.contains( 'frm_noallow' ) && ! showUpgradeTab ) { - return; - } - - if ( showUpgradeTab ) { - populateUpgradeTab( this ); - } - - clickTab( this ); - return false; - }); - clickTab( jQuery( '.starttab a' ), 'auto' ); - - // submit the search form with dropdown - jQuery( document ).on( 'click', '#frm-fid-search-menu a', function() { - const val = this.id.replace( 'fid-', '' ); - jQuery( 'select[name="fid"]' ).val( val ); - triggerSubmit( document.getElementById( 'posts-filter' ) ); - return false; - }); - - jQuery( '.frm_select_box' ).on( 'click focus', function() { - this.select(); - }); - - jQuery( document ).on( 'input search change', '.frm-auto-search:not(#frm-form-templates-page #template-search-input)', searchContent ); - jQuery( document ).on( 'focusin click', '.frm-auto-search', stopPropagation ); - const autoSearch = jQuery( '.frm-auto-search' ); - if ( autoSearch.val() !== '' ) { - autoSearch.trigger( 'keyup' ); - } - - // Initialize Formidable Connection. - FrmFormsConnect.init(); - - jQuery( document ).on( 'click', '.frm-install-addon', installAddon ); - jQuery( document ).on( 'click', '.frm-activate-addon', activateAddon ); - jQuery( document ).on( 'click', '.frm-solution-multiple', installMultipleAddons ); - - // prevent annoying confirmation message from WordPress - jQuery( 'button, input[type=submit]' ).on( 'click', removeWPUnload ); - - addMultiselectLabelListener(); - - frmAdminBuild.hooks.addFilter( - 'frm_before_embed_modal', - ( ids, { element, type }) => { - if ( 'form' !== type ) { - return ids; - } - - let formId, formKey; - const row = element.closest( 'tr' ); - - if ( row ) { - // Embed icon on form index. - formId = parseInt( row.querySelector( '.column-id' ).textContent ); - formKey = row.querySelector( '.column-form_key' ).textContent; - } else { - // Embed button in form builder / form settings. - formId = document.getElementById( 'form_id' ).value; - - const formKeyInput = document.getElementById( 'frm_form_key' ); - if ( formKeyInput ) { - formKey = formKeyInput.value; - } else { - const previewDrop = document.getElementById( 'frm-previewDrop' ); - if ( previewDrop ) { - formKey = previewDrop.nextElementSibling.querySelector( '.dropdown-item a' ).getAttribute( 'href' ).split( 'form=' )[1]; - } - } - } - - return [ formId, formKey ]; - } - ); - - document.querySelectorAll( '#frm-show-fields > li, .frm_grid_container li' ).forEach( ( el, _key ) => { - el.addEventListener( 'click', function() { - const fieldId = this.querySelector( 'li' )?.dataset.fid || this.dataset.fid; - maybeAddSaveAndDragIcons( fieldId ); - }); - }); - - const smallScreenProceedButton = document.getElementById( 'frm_small_screen_proceed_button' ); - if ( smallScreenProceedButton ) { - onClickPreventDefault( smallScreenProceedButton, () => { - document.getElementById( 'frm_small_device_message_container' )?.remove(); - doJsonPost( 'small_screen_proceed', new FormData() ); - }); - } - - const saleBanner = document.getElementById( 'frm_sale_banner' ); - const saleDismiss = saleBanner?.querySelector( '.dismiss' ); - if ( saleBanner ) { - onClickPreventDefault( saleBanner, ( event ) => { - const target = event.target; - if ( target.closest( '.dismiss' ) ) { - return; - } - window.location.href = saleBanner.getAttribute( 'data-url' ); - }); - - if ( saleDismiss ) { - onClickPreventDefault( saleDismiss, () => { - saleBanner.remove(); - - const formData = new FormData(); - doJsonPost( 'sale_banner_dismiss', formData ); - }); - } - } - }, - - buildInit: function() { - jQuery( '#frm_builder_page' ).on( 'mouseup', '*:not(.frm-show-box)', maybeHideShortcodes ); - - let loadFieldId, $builderForm, builderArea; - - debouncedSyncAfterDragAndDrop = debounce( syncAfterDragAndDrop, 10 ); - postBodyContent = document.getElementById( 'post-body-content' ); - $postBodyContent = jQuery( postBodyContent ); - - if ( jQuery( '.frm_field_loading' ).length ) { - loadFieldId = jQuery( '.frm_field_loading' ).first().attr( 'id' ); - loadFields( loadFieldId ); - } - - setupSortable( 'ul.frm_sorting' ); - - document.querySelectorAll( '.field_type_list > li:not(.frm_show_upgrade)' ).forEach( makeDraggable ); - - jQuery( 'ul.field_type_list, .field_type_list li, ul.frm_code_list, .frm_code_list li, .frm_code_list li a, #frm_adv_info #category-tabs li, #frm_adv_info #category-tabs li a' ).disableSelection(); - - jQuery( '.frm_submit_ajax' ).on( 'click', submitBuild ); - jQuery( '.frm_submit_no_ajax' ).on( 'click', submitNoAjax ); - - addFormNameModalEvents(); - - jQuery( 'a.edit-form-status' ).on( 'click', slideDown ); - jQuery( '.cancel-form-status' ).on( 'click', slideUp ); - jQuery( '.save-form-status' ).on( 'click', function() { - const newStatus = jQuery( document.getElementById( 'form_change_status' ) ).val(); - jQuery( 'input[name="new_status"]' ).val( newStatus ); - jQuery( document.getElementById( 'form-status-display' ) ).html( newStatus ); - jQuery( '.cancel-form-status' ).trigger( 'click' ); - return false; - }); - - jQuery( '.frm_form_builder form' ).first().on( 'submit', function() { - jQuery( '.inplace_field' ).trigger( 'blur' ); - }); - - initiateMultiselect(); - renumberPageBreaks(); - - $builderForm = jQuery( builderForm ); - builderArea = document.getElementById( 'frm_form_editor_container' ); - $builderForm.on( 'click', '.frm_add_logic_row', addFieldLogicRow ); - $builderForm.on( 'click', '.frm_add_watch_lookup_row', addWatchLookupRow ); - $builderForm.on( 'change', '.frm_get_values_form', updateGetValueFieldSelection ); - $builderForm.on( 'change', '.frm_logic_field_opts', getFieldValues ); - $builderForm.on( 'frm-multiselect-changed', 'select[name^="field_options[admin_only_"]', adjustVisibilityValuesForEveryoneValues ); - - jQuery( document.getElementById( 'frm-insert-fields' ) ).on( 'click', '.frm_add_field', addFieldClick ); - $newFields.on( 'click', '.frm_clone_field', duplicateField ); - $builderForm.on( 'blur', 'input[id^="frm_calc"]', checkCalculationCreatedByUser ); - $builderForm.on( 'change', 'input.frm_format_opt, input.frm_max_length_opt', toggleInvalidMsg ); - $builderForm.on( 'change click', '[data-changeme]', liveChanges ); - $builderForm.on( 'click', 'input.frm_req_field', markRequired ); - $builderForm.on( 'click', '.frm_mark_unique', markUnique ); - - $builderForm.on( 'change', '.frm_repeat_format', toggleRepeatButtons ); - $builderForm.on( 'change', '.frm_repeat_limit', checkRepeatLimit ); - $builderForm.on( 'change', '.frm_js_checkbox_limit', checkCheckboxSelectionsLimit ); - $builderForm.on( 'input', 'input[name^="field_options[add_label_"]', function() { - updateRepeatText( this, 'add' ); - }); - $builderForm.on( 'input', 'input[name^="field_options[remove_label_"]', function() { - updateRepeatText( this, 'remove' ); - }); - $builderForm.on( 'change', 'select[name^="field_options[data_type_"]', maybeClearWatchFields ); - jQuery( builderArea ).on( 'click', '.frm-collapse-page', maybeCollapsePage ); - jQuery( builderArea ).on( 'click', '.frm-collapse-section', maybeCollapseSection ); - $builderForm.on( 'click', '.frm-single-settings h3', maybeCollapseSettings ); - $builderForm.on( 'keydown', '.frm-single-settings h3', function( event ) { - // If so, only proceed if the key pressed was 'Enter' or 'Space' - if ( event.key === 'Enter' || event.key === ' ' ) { - event.preventDefault(); - maybeCollapseSettings.call( this, event ); - } - }); - - jQuery( builderArea ).on( 'show.bs.dropdown hide.bs.dropdown', changeSectionStyle ); - - $builderForm.on( 'click', '.frm_toggle_sep_values', toggleSepValues ); - $builderForm.on( 'click', '.frm_toggle_image_options', toggleImageOptions ); - $builderForm.on( 'click', '.frm_remove_image_option', removeImageFromOption ); - $builderForm.on( 'click', '.frm_choose_image_box', addImageToOption ); - $builderForm.on( 'change', '.frm_hide_image_text', refreshOptionDisplay ); - $builderForm.on( 'change', '.frm_field_options_image_size', setImageSize ); - $builderForm.on( 'click', '.frm_multiselect_opt', toggleMultiselect ); - $newFields.on( 'mousedown', 'input, textarea, select', stopFieldFocus ); - $newFields.on( 'click', 'input[type=radio], input[type=checkbox]', stopFieldFocus ); - $newFields.on( 'click', '.frm_delete_field', clickDeleteField ); - $newFields.on( 'click', '.frm_select_field', clickSelectField ); - jQuery( document ).on( 'click', '.frm_delete_field_group', clickDeleteFieldGroup ); - jQuery( document ).on( 'click', '.frm_clone_field_group', duplicateFieldGroup ); - jQuery( document ).on( 'click', '#frm_field_group_controls > span:first-child', clickFieldGroupLayout ); - jQuery( document ).on( 'click', '.frm-row-layout-option', handleFieldGroupLayoutOptionClick ); - jQuery( document ).on( 'click', '.frm-merge-fields-into-row .frm-row-layout-option', handleFieldGroupLayoutOptionInsideMergeClick ); - jQuery( document ).on( 'click', '.frm-custom-field-group-layout', customFieldGroupLayoutClick ); - jQuery( document ).on( 'click', '.frm-merge-fields-into-row .frm-custom-field-group-layout', customFieldGroupLayoutInsideMergeClick ); - jQuery( document ).on( 'click', '.frm-break-field-group', breakFieldGroupClick ); - $newFields.on( 'click', '#frm_field_group_popup .frm_grid_container input', focusFieldGroupInputOnClick ); - jQuery( document ).on( 'click', '.frm-cancel-custom-field-group-layout', cancelCustomFieldGroupClick ); - jQuery( document ).on( 'click', '.frm-save-custom-field-group-layout', saveCustomFieldGroupClick ); - $newFields.on( 'click', 'ul.frm_sorting', fieldGroupClick ); - jQuery( document ).on( 'click', '.frm-merge-fields-into-row', mergeFieldsIntoRowClick ); - jQuery( document ).on( 'click', '.frm-delete-field-groups', deleteFieldGroupsClick ); - $newFields.on( 'click', '.frm-field-action-icons [data-toggle="dropdown"]', function() { - this.closest( 'li.form-field' ).classList.add( 'frm-field-settings-open' ); - jQuery( document ).on( 'click', '#frm_builder_page', handleClickOutsideOfFieldSettings ); - }); - $newFields.on( 'mousemove', 'ul.frm_sorting', checkForMultiselectKeysOnMouseMove ); - $newFields.on( 'show.bs.dropdown', '.frm-field-action-icons', onFieldActionDropdownShow ); - jQuery( document ).on( 'show.bs.dropdown', '#frm_field_group_controls', onFieldGroupActionDropdownShow ); - $builderForm.on( 'click', '.frm_single_option a[data-removeid]', deleteFieldOption ); - $builderForm.on( 'mousedown', '.frm_single_option input[type=radio]', maybeUncheckRadio ); - $builderForm.on( 'focusin', '.frm_single_option input[type=text]', maybeClearOptText ); - $builderForm.on( 'click', '.frm_add_opt', addFieldOption ); - $builderForm.on( 'change', '.frm_single_option input', resetOptOnChange ); - $builderForm.on( 'change', '.frm_image_id', resetOptOnChange ); - $builderForm.on( 'change', '.frm_toggle_mult_sel', toggleMultSel ); - $builderForm.on( 'focusin', '.frm_classes', showBuilderModal ); - - $newFields.on( 'click', '.frm_primary_label', clickLabel ); - $newFields.on( 'click', '.frm_description', clickDescription ); - $newFields.on( 'click', 'li.ui-state-default:not(.frm_noallow)', clickVis ); - $newFields.on( 'dblclick', 'li.ui-state-default', openAdvanced ); - $builderForm.on( 'change', '.frm_tax_form_select', toggleFormTax ); - $builderForm.on( 'change', 'select.conf_field', addConf ); - - $builderForm.on( 'change', '.frm_get_field_selection', getFieldSelection ); - - $builderForm.on( 'click', '.frm-show-inline-modal', maybeShowInlineModal ); - - $builderForm.on( 'click', '.frm-inline-modal .dismiss', dismissInlineModal ); - jQuery( document ).on( 'change', '[data-frmchange]', changeInputtedValue ); - - $builderForm.on( 'change', '.frm_include_extras_field', rePopCalcFieldsForSummary ); - $builderForm.on( 'change', 'select[name^="field_options[form_select_"]', maybeChangeEmbedFormMsg ); - - jQuery( document ).on( 'submit', '#frm_js_build_form', buildSubmittedNoAjax ); - jQuery( document ).on( 'change', '#frm_builder_page input:not(.frm-search-input):not(.frm-custom-grid-size-input), #frm_builder_page select, #frm_builder_page textarea', fieldUpdated ); - - popAllProductFields(); - - jQuery( document ).on( 'change', '.frmjs_prod_data_type_opt', toggleProductType ); - - jQuery( document ).on( 'focus', '.frm-single-settings ul input[type="text"][name^="field_options[options_"]', onOptionTextFocus ); - jQuery( document ).on( 'blur', '.frm-single-settings ul input[type="text"][name^="field_options[options_"]', onOptionTextBlur ); - - frmDom.util.documentOn( 'click', '.frm-show-field-settings', clickVis ); - frmDom.util.documentOn( 'change', 'select.frm_format_dropdown, select.frm_phone_type_dropdown', maybeUpdateFormatInput ); - - // Navigate to the next input field on pressing Enter in a single option field - $builderForm.on( 'keydown', '.frm_single_option input[name^="field_options["], .frm_single_option input[name^="rows_"]', event => { - if ( 'Enter' === event.key ) { - focusNextSingleOptionInput( event.currentTarget ); - } - }); - - initBulkOptionsOverlay(); - hideEmptyEle(); - maybeHideQuantityProductFieldOption(); - handleNameFieldOnFormBuilder(); - toggleSectionHolder(); - handleShowPasswordLiveUpdate(); - document.addEventListener( 'scroll', updateShortcodesPopupPosition, true ); - document.addEventListener( 'change', handleBuilderChangeEvent ); - document.querySelector( '.frm_form_builder' ).addEventListener( 'mousedown', event => { - if ( event.shiftKey ) { - event.preventDefault(); - } - }); - }, - - settingsInit: function() { - const $formActions = jQuery( document.getElementById( 'frm_notification_settings' ) ); - - let formSettings, $loggedIn, $cookieExp, $editable; - - // BCC, CC, and Reply To button functionality - $formActions.on( 'click', '.frm_email_buttons', showEmailRow ); - $formActions.on( 'click', '.frm_remove_field', hideEmailRow ); - $formActions.on( 'change', '.frm_to_row, .frm_from_row', showEmailWarning ); - $formActions.on( 'change', '.frm_tax_selector', changePosttaxRow ); - $formActions.on( 'change', 'select.frm_single_post_field', checkDupPost ); - $formActions.on( 'change', 'select.frm_toggle_post_content', togglePostContent ); - $formActions.on( 'change', 'select.frm_dyncontent_opt', fillDyncontent ); - $formActions.on( 'change', '.frm_post_type', switchPostType ); - $formActions.on( 'click', '.frm_add_postmeta_row', addPostmetaRow ); - $formActions.on( 'click', '.frm_add_posttax_row', addPosttaxRow ); - $formActions.on( 'click', '.frm_toggle_cf_opts', toggleCfOpts ); - $formActions.on( 'click', '.frm_duplicate_form_action', copyFormAction ); - jQuery( '.frm_actions_list' ).on( 'click', '.frm_active_action', addFormAction ); - jQuery( '#frm-show-groups, #frm-hide-groups' ).on( 'click', toggleActionGroups ); - initiateMultiselect(); - - //set actions icons to inactive - jQuery( 'ul.frm_actions_list li' ).each( function() { - checkActiveAction( jQuery( this ).children( 'a' ).data( 'actiontype' ) ); - - // If the icon is a background image, don't add BG color. - const icon = jQuery( this ).find( 'i' ); - if ( icon.css( 'background-image' ) !== 'none' ) { - icon.addClass( 'frm-inverse' ); - } - }); - - jQuery( '.frm_submit_settings_btn' ).on( 'click', submitSettings ); - - addFormNameModalEvents(); - - formSettings = jQuery( '.frm_form_settings' ); - formSettings.on( 'click', '.frm_add_form_logic', addFormLogicRow ); - formSettings.on( 'click', '.frm_already_used', actionLimitMessage ); - - document.addEventListener( - 'click', - function handleImageUploadClickEvents( event ) { - const { target } = event; - - if ( ! target.closest( '.frm_image_preview_wrapper' ) ) { - return; - } - - if ( target.closest( '.frm_choose_image_box' ) ) { - addImageToOption.bind( target )( event ); - return; - } - - if ( target.closest( '.frm_remove_image_option' ) ) { - removeImageFromOption.bind( target )( event ); - } - } - ); - - // Close shortcode modal on click. - formSettings.on( 'mouseup', '*:not(.frm-show-box)', maybeHideShortcodes ); - - //Warning when user selects "Do not store entries ..." - jQuery( document.getElementById( 'no_save' ) ).on( 'change', function() { - if ( this.checked ) { - if ( confirm( frmAdminJs.no_save_warning ) !== true ) { - // Uncheck box if user hits "Cancel" - jQuery( this ).attr( 'checked', false ); - } - } - }); - - jQuery( 'select[name="options[edit_action]"]' ).on( 'change', showSuccessOpt ); - - $loggedIn = document.getElementById( 'logged_in' ); - jQuery( $loggedIn ).on( 'change', function() { - if ( this.checked ) { - visible( '.hide_logged_in' ); - } else { - invisible( '.hide_logged_in' ); - } - }); - - $cookieExp = jQuery( document.getElementById( 'frm_cookie_expiration' ) ); - jQuery( document.getElementById( 'frm_single_entry_type' ) ).on( 'change', function() { - if ( this.value === 'cookie' ) { - $cookieExp.fadeIn( 'slow' ); - } else { - $cookieExp.fadeOut( 'slow' ); - } - }); - - const $singleEntry = document.getElementById( 'single_entry' ); - jQuery( $singleEntry ).on( 'change', function() { - if ( this.checked ) { - visible( '.hide_single_entry' ); - } else { - invisible( '.hide_single_entry' ); - } - - if ( this.checked && jQuery( document.getElementById( 'frm_single_entry_type' ) ).val() === 'cookie' ) { - $cookieExp.fadeIn( 'slow' ); - } else { - $cookieExp.fadeOut( 'slow' ); - } - }); - - jQuery( '.hide_save_draft' ).hide(); - - const $saveDraft = jQuery( document.getElementById( 'save_draft' ) ); - $saveDraft.on( 'change', function() { - if ( this.checked ) { - jQuery( '.hide_save_draft' ).fadeIn( 'slow' ); - } else { - jQuery( '.hide_save_draft' ).fadeOut( 'slow' ); - } - }); - triggerChange( $saveDraft ); - - //If Allow editing is checked/unchecked - $editable = document.getElementById( 'editable' ); - jQuery( $editable ).on( 'change', function() { - if ( this.checked ) { - jQuery( '.hide_editable' ).fadeIn( 'slow' ); - triggerChange( document.getElementById( 'edit_action' ) ); - } else { - jQuery( '.hide_editable' ).fadeOut( 'slow' ); - jQuery( '.edit_action_message_box' ).fadeOut( 'slow' );//Hide On Update message box - } - }); - - //If File Protection is checked/unchecked - jQuery( document ).on( 'change', '#protect_files', function() { - if ( this.checked ) { - jQuery( '.hide_protect_files' ).fadeIn( 'slow' ); - } else { - jQuery( '.hide_protect_files' ).fadeOut( 'slow' ); - } - }); - - jQuery( document ).on( 'frm-multiselect-changed', '#protect_files_role', adjustVisibilityValuesForEveryoneValues ); - - jQuery( document ).on( 'submit', '.frm_form_settings', settingsSubmitted ); - jQuery( document ).on( 'change', '#form_settings_page input:not(.frm-search-input), #form_settings_page select, #form_settings_page textarea', fieldUpdated ); - - // Page Selection Autocomplete - initAutocomplete(); - - jQuery( document ).on( 'frm-action-loaded', onActionLoaded ); - - initOnSubmitAction(); - }, - - panelInit: function() { - let customPanel, settingsPage, viewPage, insertFieldsTab; - - jQuery( '.frm_wrap, #postbox-container-1' ).on( 'click', '.frm_insert_code', insertCode ); - jQuery( document ).on( 'change', '.frm_insert_val', function() { - insertFieldCode( jQuery( this ).data( 'target' ), jQuery( this ).val() ); - jQuery( this ).val( '' ); - }); - - jQuery( document ).on( 'click change', '#frm-id-key-condition', resetLogicBuilder ); - jQuery( document ).on( 'keyup change', '.frm-build-logic', setLogicExample ); - - showInputIcon(); - jQuery( document ).on( 'frmElementAdded', function( event, parentEle ) { - /* This is here for add-ons to trigger */ - showInputIcon( parentEle ); - }); - jQuery( document ).on( 'mousedown', '.frm-show-box', showShortcodes ); - - settingsPage = document.getElementById( 'form_settings_page' ); - viewPage = document.body.classList.contains( 'post-type-frm_display' ); - insertFieldsTab = document.getElementById( 'frm_insert_fields_tab' ); - - if ( settingsPage !== null || viewPage || builderPage ) { - jQuery( document ).on( 'focusin', 'form input, form textarea', function( e ) { - let htmlTab; - e.stopPropagation(); - maybeShowModal( this ); - - if ( jQuery( this ).is( ':not(:submit, input[type=button], .frm-search-input, input[type=checkbox])' ) ) { - if ( jQuery( e.target ).closest( '#frm_adv_info' ).length ) { - // Don't trigger for fields inside of the modal. - return; - } - - if ( settingsPage !== null || builderPage ) { - /* form settings page */ - htmlTab = jQuery( '#frm_html_tab' ); - if ( jQuery( this ).closest( '#html_settings' ).length > 0 ) { - htmlTab.show(); - htmlTab.siblings().hide(); - jQuery( '#frm_html_tab a' ).trigger( 'click' ); - toggleAllowedHTML( this ); - } else { - showElement( jQuery( '.frm-category-tabs li' ) ); - insertFieldsTab.click(); - htmlTab.hide(); - htmlTab.siblings().show(); - } - } else if ( viewPage ) { - const event = new CustomEvent( 'frm_legacy_views_handle_field_focus' ); - event.frmData = { idAttrValue: this.id }; - document.dispatchEvent( event ); - } - } - }); - } - - jQuery( '.frm_wrap, #postbox-container-1' ).on( 'mousedown', '#frm_adv_info a, .frm_field_list a', function( e ) { - e.preventDefault(); - }); - - customPanel = jQuery( '#frm_adv_info' ); - customPanel.on( 'click', '.subsubsub a.frmids', function( e ) { - toggleKeyID( 'frmids', e ); - }); - customPanel.on( 'click', '.subsubsub a.frmkeys', function( e ) { - toggleKeyID( 'frmkeys', e ); - }); - }, - - inboxInit: function() { - jQuery( '.frm_inbox_dismiss' ).on( 'click', function( e ) { - const message = this.parentNode.parentNode; - const key = message.getAttribute( 'data-message' ); - const href = this.getAttribute( 'href' ); - const dismissedMessage = message.cloneNode( true ); - const dismissedMessagesWrapper = document.querySelector( '.frm-dismissed-inbox-messages' ); - - if ( 'free_templates' === key && ! this.classList.contains( 'frm_inbox_dismiss' ) ) { - return; - } - - e.preventDefault(); - - data = { - action: 'frm_inbox_dismiss', - key, - nonce: frmGlobal.nonce - }; - - const isInboxSlideIn = 'frm_inbox_slide_in' === message.id; - if ( isInboxSlideIn ) { - message.classList.remove( 's11-fadein' ); - message.classList.add( 's11-fadeout' ); - message.addEventListener( 'animationend', () => message.remove(), { once: true }); - } - - postAjax( - data, - () => { - if ( isInboxSlideIn ) { - return; - } - - if ( href !== '#' ) { - window.location = href; - return true; - } - - fadeOut( - message, - () => { - if ( null !== dismissedMessagesWrapper ) { - dismissedMessage.classList.remove( 'frm-fade' ); - dismissedMessage.querySelector( '.frm-inbox-message-heading' )?.removeChild( dismissedMessage.querySelector( '.frm-inbox-message-heading .frm_inbox_dismiss' ) ); - dismissedMessagesWrapper.append( dismissedMessage ); - } - if ( 1 === message.parentNode.querySelectorAll( '.frm-inbox-message-container' ).length ) { - document.getElementById( 'frm_empty_inbox' ).classList.remove( 'frm_hidden' ); - message.parentNode.closest( '.frm-active' ).classList.add( 'frm-empty-inbox' ); - showActiveCampaignForm(); - } - message.parentNode.removeChild( message ); - } - ); - } - ); - }); - - if ( false === document.getElementById( 'frm_empty_inbox' )?.classList.contains( 'frm_hidden' ) ) { - showActiveCampaignForm(); - } - }, - - solutionInit: function() { - jQuery( document ).on( 'submit', '#frm-new-template', installTemplate ); - }, - - styleInit: function() { - const $previewWrapper = jQuery( '.frm_image_preview_wrapper' ); - $previewWrapper.on( 'click', '.frm_choose_image_box', addImageToOption ); - $previewWrapper.on( 'click', '.frm_remove_image_option', removeImageFromOption ); - - wp.hooks.doAction( 'frm_style_editor_init' ); - }, - - customCSSInit: function() { - console.warn( 'Calling frmAdminBuild.customCSSInit is deprecated.' ); - }, - - globalSettingsInit: function() { - let licenseTab; - - jQuery( document ).on( 'click', '[data-frmuninstall]', uninstallNow ); - - initiateMultiselect(); - - // activate addon licenses - licenseTab = document.getElementById( 'licenses_settings' ); - if ( licenseTab !== null ) { - jQuery( licenseTab ).on( 'click', '.edd_frm_save_license', saveAddonLicense ); - } - - // Solution install page - jQuery( document ).on( 'click', '#frm-new-template button', installTemplateFieldset ); - - jQuery( '#frm-dismissable-cta .dismiss' ).on( 'click', function( event ) { - event.preventDefault(); - jQuery.post( - ajaxurl, - { - action: 'frm_lite_settings_upgrade', - nonce: frmGlobal.nonce - } - ); - jQuery( '.settings-lite-cta' ).remove(); - }); - - const captchaType = document.getElementById( 'frm_re_type' ); - if ( captchaType ) { - captchaType.addEventListener( 'change', handleCaptchaTypeChange ); - } - - document.querySelector( '.frm_captchas' ).addEventListener( 'change', function( event ) { - const captchaValueOnLoad = document.querySelector( '.frm_captchas input[checked="checked"]' )?.value; - const showNote = event.target.value !== captchaValueOnLoad; - document.querySelector( '.captcha_settings .frm_note_style' ).classList.toggle( 'frm_hidden', ! showNote ); - }); - - // Set fieldsUpdated to 0 to avoid the unsaved changes pop up. - frmDom.util.documentOn( 'submit', '.frm_settings_form', () => fieldsUpdated = 0 ); - - const manageStyleSettings = document.getElementById( 'manage_styles_settings' ); - if ( manageStyleSettings ) { - manageStyleSettings.addEventListener( - 'change', - event => { - const target = event.target; - if ( 'SELECT' !== target.nodeName || ! target.dataset.name || target.getAttribute( 'name' ) ) { - return; - } - - target.setAttribute( 'name', target.dataset.name ); - } - ); - } - - const paymentsSettings = document.getElementById( 'payments_settings' ); - const paymentSettingsTabs = paymentsSettings?.querySelectorAll( '[name="frm_payment_section"]' ); - if ( paymentSettingsTabs ) { - paymentSettingsTabs.forEach( - element => { - element.addEventListener( 'change', () => { - if ( ! element.checked ) { - return; - } - - const label = paymentsSettings.querySelector( `label[for="${ element.id }"]` ); - if ( label ) { - label.setAttribute( 'aria-selected', 'true' ); - } - - paymentSettingsTabs.forEach( - tab => { - if ( tab === element ) { - return; - } - - const label = paymentsSettings.querySelector( `label[for="${ tab.id }"]` ); - if ( label ) { - label.setAttribute( 'aria-selected', 'false' ); - } - } - ); - }); - } - ); - } - }, - - exportInit: function() { - jQuery( '.frm_form_importer' ).on( 'submit', startFormMigration ); - jQuery( document.getElementById( 'frm_export_xml' ) ).on( 'submit', validateExport ); - jQuery( '#frm_export_xml input, #frm_export_xml select' ).on( 'change', removeExportError ); - jQuery( 'input[name="frm_import_file"]' ).on( 'change', checkCSVExtension ); - document.querySelector( 'select[name="format"]' ).addEventListener( 'change', exportTypeChanged ); - - jQuery( 'input[name="frm_export_forms[]"]' ).on( 'click', preventMultipleExport ); - initiateMultiselect(); - - jQuery( '.frm-feature-banner .dismiss' ).on( 'click', function( event ) { - event.preventDefault(); - jQuery.post( ajaxurl, { - action: 'frm_dismiss_migrator', - plugin: this.id, - nonce: frmGlobal.nonce - }); - this.parentElement.remove(); - }); - - showOrHideRepeaters( getExportOption() ); - - document.querySelector( '#frm-export-select-all' ).addEventListener( 'change', event => { - document.querySelectorAll( '[name="frm_export_forms[]"]' ).forEach( cb => cb.checked = event.target.checked ); - }); - }, - - inboxBannerInit: function() { - const banner = document.getElementById( 'frm_banner' ); - if ( ! banner ) { - return; - } - - const dismissButton = banner.querySelector( '.frm-banner-dismiss' ); - document.addEventListener( - 'click', - function( event ) { - if ( event.target !== dismissButton ) { - return; - } - - const data = { - action: 'frm_inbox_dismiss', - key: banner.dataset.key, - nonce: frmGlobal.nonce - }; - postAjax( - data, - function() { - jQuery( banner ).fadeOut( - 400, - function() { - banner.remove(); - } - ); - } - ); - } - ); - }, - - updateOpts: function( fieldId, opts, modal ) { - const separate = usingSeparateValues( fieldId ), - action = isProductField( fieldId ) ? 'frm_bulk_products' : 'frm_import_options'; - jQuery.ajax({ - type: 'POST', - url: ajaxurl, - data: { - action: action, - field_id: fieldId, - opts: opts, - separate: separate, - nonce: frmGlobal.nonce - }, - success: function( html ) { - document.getElementById( 'frm_field_' + fieldId + '_opts' ).innerHTML = html; - wp.hooks.doAction( 'frm_after_bulk_edit_opts', fieldId ); - resetDisplayedOpts( fieldId ); - - if ( typeof modal !== 'undefined' ) { - modal.dialog( 'close' ); - document.getElementById( 'frm-update-bulk-opts' ).classList.remove( 'frm_loading_button' ); - } - } - }); - }, - - /* remove conditional logic if the field doesn't exist */ - triggerRemoveLogic: function( fieldID, metaName ) { - jQuery( '#frm_logic_' + fieldID + '_' + metaName + ' .frm_remove_tag' ).trigger( 'click' ); - }, - - downloadXML: function( controller, ids, isTemplate ) { - let url = ajaxurl + '?action=frm_' + controller + '_xml&ids=' + ids; - if ( isTemplate !== null ) { - url = url + '&is_template=' + isTemplate; - } - location.href = url; - }, - - /** - * @since 5.0.04 - */ - hooks: { - applyFilters: function( hookName, ...args ) { - return wp.hooks.applyFilters( hookName, ...args ); - }, - addFilter: function( hookName, callback, priority ) { - return wp.hooks.addFilter( hookName, 'formidable', callback, priority ); - }, - doAction: function( hookName, ...args ) { - return wp.hooks.doAction( hookName, ...args ); - }, - addAction: function( hookName, callback, priority ) { - return wp.hooks.addAction( hookName, 'formidable', callback, priority ); - } - }, - - applyZebraStriping, - initModal, - infoModal, - offsetModalY, - adjustConditionalLogicOptionOrders, - addRadioCheckboxOpt, - installNewForm, - toggleAddonState, - purifyHtml, - loadApiEmailForm, - addMyEmailAddress, - fillDropdownOpts, - showSaveAndReloadModal, - deleteField, - insertFormField, - confirmLinkClick, - handleInsertFieldByDraggingResponse, - handleAddFieldClickResponse, - syncLayoutClasses, - }; -} - -window.frmAdminBuild = frmAdminBuildJS(); - -jQuery( document ).ready( - () => { - frmAdminBuild.init(); - - frmDom.bootstrap.setupBootstrapDropdowns( convertOldBootstrapDropdownsToBootstrap4 ); - document.querySelector( '.preview.dropdown .frm-dropdown-toggle' )?.setAttribute( 'data-toggle', 'dropdown' ); - - function convertOldBootstrapDropdownsToBootstrap4( frmDropdownMenu ) { - const toggle = frmDropdownMenu.querySelector( '.frm-dropdown-toggle' ); - if ( toggle ) { - if ( ! toggle.hasAttribute( 'role' ) ) { - toggle.setAttribute( 'role', 'button' ); - } - if ( ! toggle.hasAttribute( 'tabindex' ) ) { - toggle.setAttribute( 'tabindex', 0 ); - } - } - - // Convert
    • and
        tags. - if ( 'UL' === frmDropdownMenu.tagName ) { - convertBootstrapUl( frmDropdownMenu ); - } - } - - function convertBootstrapUl( ul ) { - let html = ul.outerHTML; - html = html.replace( '
          ', '' ); - html = html.replaceAll( '
        • ', '
          ' ); - html = html.replaceAll( '
        • ', '' ); - ul.outerHTML = html; - } - } -); - -function frm_show_div( div, value, showIf, classId ) { // eslint-disable-line camelcase - if ( value == showIf ) { - jQuery( classId + div ).fadeIn( 'slow' ).css( 'visibility', 'visible' ); - } else { - jQuery( classId + div ).fadeOut( 'slow' ); - } -} - -function frmCheckAll( checked, n ) { - jQuery( 'input[name^="' + n + '"]' ).prop( 'checked', ! ! checked ); -} - -function frmCheckAllLevel( checked, n, level ) { - const $kids = jQuery( '.frm_catlevel_' + level ).children( '.frm_checkbox' ).children( 'label' ); - $kids.children( 'input[name^="' + n + '"]' ).prop( 'checked', ! ! checked ); -} - -function frmGetFieldValues( fieldId, cur, rowNumber, fieldType, htmlName, callback ) { - if ( ! fieldId ) { - return; - } - - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: 'action=frm_get_field_values¤t_field=' + cur + '&field_id=' + fieldId + '&name=' + htmlName + '&t=' + fieldType + '&form_action=' + jQuery( 'input[name="frm_action"]' ).val() + '&nonce=' + frmGlobal.nonce, - success: function( msg ) { - document.getElementById( 'frm_show_selected_values_' + cur + '_' + rowNumber ).innerHTML = msg; - - if ( 'function' === typeof callback ) { - callback(); - } - } - }); -} - -function frmImportCsv( formID ) { - let urlVars = ''; - if ( typeof __FRMURLVARS !== 'undefined' ) { - urlVars = __FRMURLVARS; - } - - jQuery.ajax({ - type: 'POST', url: ajaxurl, - data: 'action=frm_import_csv&nonce=' + frmGlobal.nonce + '&frm_skip_cookie=1' + urlVars, - success: function( count ) { - const max = jQuery( '.frm_admin_progress_bar' ).attr( 'aria-valuemax' ); - const imported = max - count; - const percent = ( imported / max ) * 100; - jQuery( '.frm_admin_progress_bar' ).css( 'width', percent + '%' ).attr( 'aria-valuenow', imported ); - - if ( parseInt( count, 10 ) > 0 ) { - jQuery( '.frm_csv_remaining' ).html( count ); - frmImportCsv( formID ); - } else { - jQuery( document.getElementById( 'frm_import_message' ) ).html( frm_admin_js.import_complete ); // eslint-disable-line camelcase - setTimeout( function() { - location.href = '?page=formidable-entries&frm_action=list&form=' + formID + '&import-message=1'; - }, 2000 ); - } - } - }); -} +(()=>{function e(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||t(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 t(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&(e="",t=""):0===i.indexOf("frm_postmeta_")&&(jQuery("#frm_postmeta_rows .frm_postmeta_row").length<2&&(e=".frm_add_postmeta_row.button"),jQuery(".frm_toggle_cf_opts").length&&jQuery("#frm_postmeta_rows .frm_postmeta_row:not(#"+i+")").last().length&&(""!==e&&(e+=","),e+="#"+jQuery("#frm_postmeta_rows .frm_postmeta_row:not(#"+i+")").last().attr("id")+" .frm_toggle_cf_opts"));var o=jQuery(document.getElementById(i));return o.fadeOut(400,(function(){var r;o.remove(),Ni(),""!==t&&jQuery(t).hide(),""!==e&&jQuery(e+" a,"+e).removeClass("frm_hidden").fadeIn("slow"),this.closest(".frm_form_action_settings")&&function(e){ii(e);var t={type:e};wp.hooks.doAction("frm_after_action_removed",t)}(this.closest(".frm_form_action_settings").querySelector(".frm_action_name").value),null===(r=document.querySelector(".tooltip"))||void 0===r||r.remove()})),void 0!==r&&(r=jQuery(r)).fadeOut(400,(function(){r.remove()})),""!==e&&jQuery(this).closest(".frm_logic_rows").fadeOut("slow"),!1}}function $(e,t){void 0===t&&(t=this),Ze(t,!1);var r=jQuery(t).closest(".frm_form_action_settings"),n=e.target;if(r.length&&void 0!==n){var i=n.parentElement.className;if("string"==typeof i&&(i.indexOf("frm_email_icons")>-1||i.indexOf("frm_toggle")>-1))return void e.stopPropagation()}var o=r.children(".widget-inside");if(r.length&&o.find("p, div, table").length<1){var a=r.find('input[name$="[ID]"]').val(),l=r.find('input[name$="[post_excerpt]"]').val();l&&(o.html(''),r.find(".spinner").fadeIn("slow"),jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_form_action_fill",action_id:a,action_type:l,nonce:frmGlobal.nonce},success:function(e){o.html(e),no(),Un("#"+r.attr("id")),yo(o),jQuery(t).trigger("frm-action-loaded"),wp.hooks.doAction("frm_filled_form_action",o)}}))}jQuery(t).closest(".frm_field_box").siblings().find(".widget-inside").slideUp("fast"),void 0!==t.className&&-1!==t.className.indexOf("widget-action")||jQuery(t).closest(".start_divider").length<1||((o=jQuery(t).closest("div.widget").children(".widget-inside")).is(":hidden")?o.slideDown("fast"):o.slideUp("fast"))}function W(){var e=this.getAttribute("href");if(void 0===e)return!1;var t=e.replace("#","."),r=jQuery(this);r.closest("li").addClass("frm-tabs active").siblings("li").removeClass("frm-tabs active starttab"),r.closest("div").children(".tabs-panel").not(e).not(t).hide();var n=document.getElementById(e.replace("#",""));return n&&(n.style.display="block"),"frm_insert_fields_tab"!==this.id||this.closest("#frm_adv_info")||Ke(),!1}function U(e,t){var r=(e=jQuery(e)).attr("href");if(void 0!==r){var n,i,o=r.replace("#",".");if(e.closest("li").addClass("frm-tabs active").siblings("li").removeClass("frm-tabs active starttab"),e.closest("div").find(".tabs-panel").length)e.closest("div").children(".tabs-panel").not(r).not(o).hide();else if(null!==document.getElementById("form_global_settings")){var a=e.data("frmajax");e.closest(".frm_wrap").find(".tabs-panel, .hide_with_tabs").hide(),void 0!==a&&"1"==a&&(n=r.replace("#",""),(i=jQuery(".frm_"+n+"_ajax")).length&&jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_settings_tab",tab:n.replace("_settings",""),nonce:frmGlobal.nonce},success:function(e){i.replaceWith(e)}}))}else jQuery("#frm-categorydiv .tabs-panel, .hide_with_tabs").hide();jQuery(r).show(),jQuery(o).show(),Pi(),"auto"!==t&&(jQuery(".frm_updated_message").hide(),jQuery(".frm_warning_style").hide()),jQuery(e).closest("#frm_adv_info").length||(jQuery(".frm_form_settings").length?jQuery(".frm_form_settings").attr("action","?page=formidable&frm_action=settings&id="+jQuery('.frm_form_settings input[name="id"]').val()+"&t="+r.replace("#","")):jQuery(".frm_settings_form").attr("action","?page=formidable-settings&t="+r.replace("#","")))}}function V(e){var t,r;document.querySelectorAll(e).forEach((function(e){K(e),Array.from(e.children).forEach((function(e){return X(e,".frm-move")}));var t=jQuery(e).children('[data-type="divider"]').children(".divider_section_only");t.length&&K(t)})),t=jQuery("#frm_builder_page"),r={items:".frm_sortable_field_opts li",axis:"y",opacity:.65,forcePlaceholderSize:!1,handle:".frm-drag",helper:function(e,t){return E=t.clone().insertAfter(t),t.clone()},stop:function(e,t){E&&E.remove(),tn(t.item.attr("id").replace("frm_delete_field_","").replace("-"+t.item.data("optkey")+"_container","")),Ni()}},jQuery(t).sortable(r)}function K(e){jQuery(e).droppable({accept:".frmbutton, li.frm_field_box",deactivate:ne,over:J,out:Y,tolerance:"pointer"})}function J(e,t){var r=function(e){return e.classList.contains("divider_section_only")&&(e=jQuery(e).nextAll(".start_divider.frm_sorting").get(0)),e}(e.target);if(!Qe(t.draggable[0],r,e))return r.classList.remove("frm-over-droppable"),void jQuery(r).parents("ul.frm_sorting").addClass("frm-over-droppable");document.querySelectorAll(".frm-over-droppable").forEach((function(e){return e.classList.remove("frm-over-droppable")})),r.classList.add("frm-over-droppable"),jQuery(r).parents("ul.frm_sorting").addClass("frm-over-droppable")}function Y(e){e.target.classList.remove("frm-over-droppable")}function X(e,t){var r={helper:Z,revert:"invalid",delay:10,start:ee,stop:te,drag:re,cursor:"grabbing",refreshPositions:!0,cursorAt:{top:0,left:90}};"string"==typeof t&&(r.handle=t),jQuery(e).draggable(r)}function Z(e){var t,r=e.delegateTarget;if(xe(r)){var n=document.getElementById("frm-insert-fields").querySelector(".frm_ttext").cloneNode(!0);return n.querySelector("use").setAttributeNS("http://www.w3.org/1999/xlink","href","#frm_field_group_layout_icon"),n.querySelector("span").textContent=B("Field Group","formidable"),n.classList.add("frm_field_box"),n.classList.add("ui-sortable-helper"),n}if(r.classList.contains("frmbutton"))return(t=r.cloneNode(!0)).classList.add("ui-sortable-helper"),r.classList.add("frm-new-field"),t;if(r.hasAttribute("data-ftype")){var i=r.getAttribute("data-ftype");if((t=(t=document.getElementById("frm-insert-fields").querySelector(".frm_t"+i)).cloneNode(!0)).classList.add("form-field"),t.classList.add("ui-sortable-helper"),t)return t.cloneNode(!0)}return d({className:"frmbutton"})}function ee(e,t){q.dragging=!0;var r,n=h;n.classList.add("frm-dragging-field"),document.body.classList.add("frm-dragging"),t.helper.addClass("frm-sortable-helper"),t.helper.initialOffset=n.scrollTop,e.target.classList.add("frm-drag-fade"),gr(),(r=document.querySelectorAll("ul.start_divider")).length&&r.forEach((function(e){[].slice.call(e.children).forEach((function(e){(0===e.children.length||1===e.children.length&&"ul"===e.firstElementChild.nodeName.toLowerCase()&&0===e.firstElementChild.children.length)&&e.remove()}))})),Me(),Oe(),R()}function te(){h.classList.remove("frm-dragging-field"),document.body.classList.remove("frm-dragging");var e=document.querySelector(".frm-drag-fade");e&&e.classList.remove("frm-drag-fade")}function re(e,t){!function(e){v.scrollTop((function(t,r){var n=e.clientY,i=h.offsetHeight,o=e.clientY-h.offsetTop,a=o-i/2;return o>i-50&&n>5?r+.1*a:o<70&&n<130?r-Math.abs(.1*a):r}))}(e);var r=e.target,n=function(){for(var e=document.getElementById("frm-show-fields");e.querySelector(".frm-over-droppable");)e=e.querySelector(".frm-over-droppable");return"frm-show-fields"!==e.id||e.classList.contains("frm-over-droppable")||(e=!1),e}(),i=document.getElementById("frm_drag_placeholder");if(Qe(r,n,e)){i||(i=s("li",{id:"frm_drag_placeholder",className:"sortable-placeholder"}));var o,a=t.helper.get(0);if((a.classList.contains("form-field")||a.classList.contains("frm_field_box"))&&(a.style.transform="translateY("+(o=t.helper,h.scrollTop-o.initialOffset+"px)")),"frm-show-fields"===n.id||n.classList.contains("start_divider"))return i.style.left=0,void function(e){var t,r=e.y,n=e.placeholder,i=jQuery(e.droppable);if($children=i.children().not(".edit_field_type_end_divider"),0===$children.length)i.prepend(n),t=0;else{var o=ie(i,r);if(o===$children.length){var a=jQuery($children.get(o-1));t=a.offset().top+a.outerHeight(),i.append(n);var l=i.children(".edit_field_type_end_divider");l.length&&i.append(l)}else t=jQuery($children.get(o)).offset().top,jQuery($children.get(o)).before(n)}t-=i.offset().top,n.style.top=t+"px"}({droppable:n,y:e.clientY,placeholder:i});i.style.top="",function(e){var t,r=e.x,n=e.placeholder,i=jQuery(e.droppable),o=ae(i);if(o.length){var a=function(e,t){var r,n,i,o,a=ae(e);for(o=0,r=a.length-1;r>=0;--r)if(n=a.get(r),t>(i=jQuery(n).offset().left)){o=r,t>i+jQuery(n).outerWidth()/2&&(o=r+1);break}return o}(i,r);if(a===o.length){var l=jQuery(o.get(a-1));t=l.offset().left+l.outerWidth(),i.append(n)}else t=jQuery(o.get(a)).offset().left,jQuery(o.get(a)).before(n),t-=0===a?4:8;t-=i.offset().left,n.style.left=t+"px"}}({droppable:n,x:e.clientX,placeholder:i})}else i&&i.remove()}function ne(e,t){if(q.dragging){q.dragging=!1;var r=t.draggable[0],n=document.getElementById("frm_drag_placeholder");if(!n)return t.helper.remove(),void y();!function(e){if(e.previousElementSibling&&e.previousElementSibling.classList.contains("frm-is-collapsed")){var t=jQuery(e).prevUntil('[data-type="break"]');if(t.length){var r=t.find(".frm-collapse-page").get(0);r&&r.click()}}}(n);var i=t.helper.parent(),o=t.helper.get(0).closest("ul.start_divider"),a=n.closest("ul.frm_sorting");r.classList.contains("frm-new-field")?function(e){if(ge(e))wp.hooks.doAction("frm_stopped_inserting_by_dragging",e);else{var t=document.getElementById("frm_drag_placeholder"),r=e.replace("|","-")+"_"+we(),n=s("li",{id:r,className:"frm-wait frmbutton_loadingnow"}),i=jQuery(n),o=fe(jQuery(t)),a=ue(o),l=me(o);t.parentNode.insertBefore(n,t),t.remove(),le(i);var d=0;"summary"===e&&(d=jQuery(".frmbutton_loadingnow#"+r).prevAll('li[data-type="break"]').length?1:0),jQuery.ajax({type:"POST",url:ajaxurl,data:pe(e,l,a,d),success:function(t){ye(t,i);var r=he(t);r&&wp.hooks.doAction("frm_after_field_added_in_form_builder",{field:t,fieldId:r,fieldType:e,form_id:a})},error:je})}}(r.id):function(e,t){t.parentNode.insertBefore(e,t)}(r,n);var l=o?parseInt(o.closest(".edit_field_type_divider").getAttribute("data-fid")):0,d=a.classList.contains("start_divider")?parseInt(a.closest(".edit_field_type_divider").getAttribute("data-fid")):0;n.remove(),t.helper.remove();var c=i.length?ae(i):[];!function(e,t){var r;e.length&&(t.length?le(t.first()):(r=e.get(0).closest("li.frm_field_box"))&&!r.classList.contains("edit_field_type_divider")&&r.remove())}(i,c),function(e,t){0===t.length&&1===ae(jQuery(e.parentNode)).length||le(jQuery(e))}(r,c),l!==d&&_e(jQuery(r),o),y()}}function ie(e,t){var r,n,i,o,a=e.children().not(".edit_field_type_end_divider"),l=a.length;if(!document.querySelector(".frm-has-fields .frm_no_fields"))return 0;for(o=0,r=l-1;r>=0;--r)if(n=a.get(r),t>(i=jQuery(n).offset().top)){o=r,t>i+jQuery(n).outerHeight()/2&&(o=r+1);break}return o}function oe(){document.querySelectorAll("ul#frm-show-fields, ul.start_divider").forEach((function(e){e.childNodes.forEach((function(e){void 0!==e.classList&&(e.classList.contains("edit_field_type_end_divider")||void 0!==e.classList&&e.classList.contains("form-field")&&We(e))}))})),Qn(),document.querySelectorAll(".edit_field_type_end_divider").forEach((function(e){return e.parentNode.appendChild(e)})),document.querySelectorAll("li.form_field_box:not(.form-field)").forEach((function(e){return!e.children.length&&e.remove()})),wn();var e=new Event("frm_sync_after_drag_and_drop",{bubbles:!1});document.dispatchEvent(e)}function ae(e){var t=jQuery(),r=e.get(0);return r.children?(Array.from(r.children).forEach((function(e){if("none"!==e.style.display){var r=e.classList;!r.contains("form-field")||r.contains("edit_field_type_end_divider")||r.contains("frm-sortable-helper")||(t=t.add(e))}})),t):t}function le(e,t){var r,n,i,o;void 0===t&&(t="even"),r=e.parent().children("li.form-field, li.frmbutton_loadingnow").not(".edit_field_type_end_divider"),n=r.length,i=["frm_full","frm_half","frm_third","frm_fourth","frm_sixth","frm_two_thirds","frm_three_fourths","frm1","frm2","frm3","frm4","frm5","frm6","frm7","frm8","frm9","frm10","frm11","frm12"],"even"===t&&5!==n?r.each(ce(i,Ut(n))):"clear"===t?r.each(ce(i,"")):(o=-1!==["left","right","middle","even"].indexOf(t)?function(e){return Wt(n,t,e)}:function(e){return ar(t[e])},r.each(ce(i,o))),se(e.parent(),r.length)}function se(e,t){var r,n;if(void 0!==e.offset()){if(r=t>=2,null===(n=document.getElementById("frm_field_group_controls"))){if(!r)return;(n=d()).id="frm_field_group_controls",n.setAttribute("role","group"),n.setAttribute("tabindex",0),function(e){var t,r;(t=document.createElement("span")).innerHTML='';var n=B("Set Row Layout","formidable");de(t,n),Pt(t,n),(r=document.createElement("span")).innerHTML='',r.classList.add("frm-move");var i=B("Move Field Group","formidable");de(r,i),Pt(r,i),e.innerHTML="",e.appendChild(t),e.appendChild(r),e.appendChild(function(){var e=c({className:"dropdown"}),t=f({className:"frm_bstooltip frm-hover-icon frm-dropdown-toggle dropdown-toggle",children:[c({child:u({href:"#frm_thick_more_vert_icon"})}),c({className:"screen-reader-text",text:B("Toggle More Options Dropdown","formidable")})]});frmDom.setAttributes(t,{title:B("More Options","formidable"),"data-toggle":"dropdown","data-container":"body"}),Pt(t,B("More Options","formidable")),e.appendChild(t);var r=d({className:"frm-dropdown-menu dropdown-menu dropdown-menu-right"});return r.setAttribute("role","menu"),e.appendChild(r),e}())}(n),D.appendChild(n)}e.append(n),n.style.display=r?"block":"none"}}function de(e,t){e.setAttribute("data-toggle","tooltip"),e.setAttribute("data-container","body"),e.setAttribute("title",t),e.addEventListener("mouseover",(function(){null===e.getAttribute("data-original-title")&&jQuery(e).tooltip()}))}function ce(e,t){return function(r){var n,i,o,a,l,s,d;for(n="function"==typeof t?t(r):t,i=e.length,l=!1,o=0;ot.childElementCount-1:s<=jQuery(t.querySelector(".edit_field_type_submit").closest("#frm-show-fields > li")).index()}if(a)return!(t.classList.contains("start_divider")||!Ee(t.parentElement)&&(!Ee(t.parentElement.nextElementSibling)||e.parentElement.querySelector("li.frm_field_box:not(.edit_field_type_submit)")));if(t.classList.contains("start_divider")&&(e.classList.contains("edit_field_type_gdpr")||"gdpr"===e.id)&&t.closest(".repeat_section"))return!1;if(!t.classList.contains("start_divider")){if(n=ae(jQuery(t)),i=jQuery(e),!(n.length<6)&&(n.length>6||(o=i.attr("data-fid"),1!==jQuery(n).filter('[data-fid="'+o+'"]').length)))return!1;if("divider"===e.id&&t.closest(".start_divider"))return!1}return e.classList.contains("frm-new-field")?function(e,t){var r=e.classList,n=r.contains("frm_tbreak"),i=r.contains("frm_thidden"),o=r.contains("frm_tdivider"),a=r.contains("frm_tform"),l=r.contains("frm_tuser_id");return"frm-show-fields"===t.id||t.classList.contains("start_divider")?!(n||i||o||a)||(!(t.classList.contains("start_divider")||null!==t.closest(".start_divider"))||!a&&!o):!(ke(t)||i||n||l)}(e,t):function(e,t){if(xe(e))return function(e,t){return!(!t.classList.contains("start_divider")||null!==e.querySelector(".start_divider"))}(e,t);if(e.classList.contains("edit_field_type_break"))return!1;if(t.classList.contains("start_divider"))return function(e){return!e.classList.contains("edit_field_type_form")&&!e.querySelector(".edit_field_type_form")&&!(e.classList.contains("edit_field_type_divider")||e.querySelector(".edit_field_type_divider"))}(e);var r=e.classList.contains("edit_field_type_hidden"),n=e.classList.contains("edit_field_type_user_id");return!r&&!n&&function(e,t){if(ke(t))return!1;if(jQuery(e).children("ul.frm_sorting").not(".start_divider").length>0)return!1;var r=e.classList.contains("edit_field_type_divider")||e.querySelector(".edit_field_type_divider"),n=e.classList.contains("edit_field_type_form");return null===t.closest(".start_divider")||!r&&!n}(e,t)}(e,t)}function Ee(e){return e&&e.matches("#frm-show-fields > li:last-child")}function xe(e){return e.classList.contains("frm_field_box")&&!e.classList.contains("form-field")}function ke(e){return null!==e.querySelector(".edit_field_type_break, .edit_field_type_hidden, .edit_field_type_user_id")}function Le(e){var t=document.getElementById(e),r=jQuery(t),n=[],i=function(e){var t=e.querySelector(".frm_hidden_fdata");e.classList.add("frm_load_now"),null!==t&&n.push(t.innerHTML)},o=t;i(o);for(var a=Se(o);a&&n.length<15;)i(a),o=a,a=Se(a);jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_load_field",field:n,form_id:k,nonce:frmGlobal.nonce},success:function(e){return function(e,t,r){var n,i;if(0===(e=e.replace(/^\s+|\s+$/g,"")).indexOf("{")){for(n in e=JSON.parse(e))jQuery("#frm_field_id_"+n).replaceWith(e[n]),V("#frm_field_id_"+n+".edit_field_type_divider ul.frm_sorting"),X(document.getElementById("frm_field_id_"+n));((i=t.nextAll(".frm_field_loading:not(.frm_load_now)")).length||(i=jQuery(document.getElementById("frm-show-fields")).find(".frm_field_loading:not(.frm_load_now)")).length)&&Le(i.attr("id")),no(),Or(),Be();var o=new Event("frm_ajax_loaded_field",{bubbles:!1});o.frmFields=r.map((function(e){return JSON.parse(e)})),document.dispatchEvent(o)}else jQuery(".frm_load_now").removeClass(".frm_load_now").html("Error")}(e,r,n)}})}function Se(e){var t;return e.nextElementSibling?e.nextElementSibling:null===(t=e.parentNode)||void 0===t||null===(t=t.closest(".frm_field_box"))||void 0===t||null===(t=t.nextElementSibling)||void 0===t?void 0:t.querySelector(".form-field")}function Ae(){var e=jQuery(this);if(e.hasClass("disabled"))return!1;var t=e.closest(".frmbutton").attr("id");if(!ge(t)){var r=0;"summary"===t&&(r=j.children('li[data-type="break"]').length>0?1:0);var n=k;return jQuery.ajax({type:"POST",url:ajaxurl,data:pe(t,0,n,r),success:function(e){Ie(e);var r=he(e);r&&wp.hooks.doAction("frm_after_field_added_in_form_builder",{field:e,fieldId:r,fieldType:t,form_id:n})},error:je}),!1}}function Ie(e){document.getElementById("frm_form_editor_container").classList.add("frm-has-fields");var t=$e(e),r=j[0].querySelector(".edit_field_type_submit");r?jQuery(r.closest(".frm_field_box:not(.form-field)")).before(t):j.append(t),Ue(e,!0),t.each((function(){K(this.querySelector("ul.frm_sorting")),X(this.querySelector(".form-field"),".frm-move")}))}function Be(){var e=!0,t=document.querySelectorAll(".frmjs_prod_field_opt_cont");j.find("li.edit_field_type_product").length>1&&(e=!1);for(var r=0;r',i.appendChild(document.createTextNode(" ")),i.appendChild(o),n.appendChild(i),e.appendChild(n)}))}(t,!0===e),(r=jQuery(t)).offset().left>jQuery(window).width()-r.outerWidth()&&(t.style.left=-r.outerWidth()+"px");var n=t.firstElementChild.querySelector("a");n&&n.focus()}}),0)}function ze(){He(!0)}function Pe(e){var t=e.target.closest(".frm-section-collapsed");t&&("show"===e.type?t.style.zIndex=3:t.style.zIndex=1)}function Re(e){var t={class:"frm_delete",icon:"frm_delete_icon"};return t.label=B(e?"Delete Group":"Delete","formidable"),t}function Ge(e){var t={class:"frm_clone",icon:"frm_clone_icon"};return t.label=B(e?"Duplicate Group":"Duplicate","formidable"),t}function $e(e){var t=d();"string"==typeof e?t.innerHTML=e:t.appendChild(e);var r=jQuery();return Array.from(t.children).forEach((function(e){r=r.add(jQuery("
        • ").addClass("frm_field_box").html(jQuery("
            ").addClass("frm_grid_container frm_sorting").append(e)))})),r}function We(e){var t=s("ul",{className:"frm_grid_container frm_sorting"}),r=s("li",{className:"frm_field_box",child:t});e.replaceWith(r),t.appendChild(e),K(t),X(r,".frm-move")}function Ue(e,t){var r,n,i=/id="(\S+)"/.exec(e),o=document.getElementById(i[1]),a="#"+i[1]+".edit_field_type_divider ul.frm_sorting.start_divider",l=jQuery(a),s=o.getAttribute("data-type");r=e,(n=d()).innerHTML=r,n.querySelectorAll(".form-field").forEach(Ve);var c,f,u=!1;if(Ni(),V(a),"quantity"===s&&function(e){var t=e.getAttribute("data-fid"),r=document.getElementById("field_options[product_field_"+t+"]");null!==r&&(rt(r),ei(document.getElementById("frm-single-settings-"+t)))}(o),"product"!==s&&"quantity"!==s||Be(),l.length)l.parent(".frm_field_box").children(".frm_no_section_fields").addClass("frm_block");else{var m=jQuery(o).closest("ul.frm_sorting.start_divider");m.length&&(En(m),u=!0)}if(-1!==e.indexOf("frm-collapse-page")&&Or(),f="frm-newly-added",(c=o).classList?c.classList.add(f):c.className+=" "+f,setTimeout((function(){o.classList.remove("frm-newly-added")}),1e3),t){var _=o.getBoundingClientRect(),p=document.getElementById("post-body-content");_.top>=0&&_.left>=0&&_.right<=(window.innerWidth||document.documentElement.clientWidth)&&_.bottom<=(window.innerHeight||document.documentElement.clientHeight)||p.scroll({top:p.scrollHeight,left:0,behavior:"smooth"}),!1===u&&En(l)}Je(),no(),document.getElementById("frm-show-fields").classList.remove("frm-over-droppable");var g=new Event("frm_added_field",{bubbles:!1});g.frmField=o,g.frmSection=a,g.frmType=s,g.frmToggles=u,document.dispatchEvent(g)}function Ve(e){if(e.dataset.fid){var t=document.getElementById("draft_fields");t&&(""===t.value?t.value=e.dataset.fid:t.value.split(",").includes(e.dataset.fid)||(t.value+=","+e.dataset.fid))}}function Ke(e){jQuery("#new_fields .frm-single-settings").addClass("frm_hidden"),jQuery("#frm-options-panel > .frm-single-settings").removeClass("frm_hidden"),Je(e)}function Je(e){jQuery("li.ui-state-default.selected").removeClass("selected"),jQuery(".frm-show-field-settings.selected").removeClass("selected"),e||gr()}function Ye(){var e=this.value,t=function(e){var t,r=[],n=e.split(""),i=n.length,o=["{","[","("],l={"}":"{",")":"(","]":"["},s=[];for(t=0;t0||s.length>0?a.unmatched_parens+"\n\n":""}(e);t+=function(e,t){var r=function(e,t){var r="";return function(e){return jQuery(e).siblings('label[for^="calc_type"]').children("input").prop("checked")}(t)||/\[(date|time|email|ip)\]/.test(e)&&(r=a.text_shortcodes+"\n\n"),r}(e,t);return r+=function(e){var t="";return/\[id\]|\[key\]|\[if\s\w+\]|\[foreach\s\w+\]|\[created-at(\s*)?/g.test(e)&&(t+=a.view_shortcodes+"\n\n"),t}(e)}(e,this),""!==t&&H(e+"\n\n"+t)}function Xe(e,t){for(var r,n,i,o=!1,a=0;a"+l[t].fieldName+"")):(r=r?" checked":"",i.push('"));e.innerHTML=i.join("")}function nt(){for(var e=document.querySelectorAll(".frmjs_prod_field_opt"),t=0;t'):(n.innerHTML=un(r),"TEXTAREA"===n.nodeName&&n.classList.contains("wp-editor-area")&&jQuery(n).trigger("change"),n.classList.contains("frm_primary_label")&&"break"===n.nextElementSibling.getAttribute("data-ftype")&&(n.nextElementSibling.querySelector(".frm_button_submit").textContent=r)))}function at(e){var t=parseFloat(e.getAttribute("max")),r=parseFloat(e.getAttribute("min"));return(t-r)/2+r}function lt(){var e,t=this.getAttribute("data-fid"),r="";["field_options_max_","frm_format_"].forEach((function(e){var n=document.getElementById(e+t);n&&(r+=n.value)})),"text"===(e=document.getElementsByName("field_options[type_"+t+"]")[0]).options[e.selectedIndex].value&&dt(""!==r,".frm_invalid_msg"+t)}function st(){var e=this.id.replace("frm_","").replace("req_field_",""),t=this.checked,r=jQuery("#field_label_"+e+" .frm_required");if(dt(t,".frm_required_details"+e),t){var n=jQuery('input[name="field_options[required_indicator_'+e+']"]');""===n.val()&&n.val("*"),r.removeClass("frm_hidden")}else r.addClass("frm_hidden")}function dt(e,t){$msg=jQuery(t),e?$msg.fadeIn("fast").closest(".frm_validation_msg").fadeIn("fast"):0===$msg.fadeOut("fast").closest(".frm_validation_box").children(":not("+t+"):visible").length&&$msg.closest(".frm_validation_msg").fadeOut("fast")}function ct(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=jQuery(".frm_unique_details"+e);this.checked?(t.fadeIn("fast").closest(".frm_validation_msg").fadeIn("fast"),$unqDetail=jQuery(".frm_unique_details"+e+" input"),""===$unqDetail.val()&&$unqDetail.val(a.default_unique)):0===t.fadeOut("fast").closest(".frm_validation_box").children(":not(.frm_unique_details"+e+"):visible").length&&t.closest(".frm_validation_msg").fadeOut("fast")}function ft(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=jQuery(this).val(),r=jQuery(document.getElementById("frm_field_id_"+e));if(dt(""!==t,".frm_conf_details"+e),""!==t){var n=jQuery(".frm_validation_box .frm_conf_details"+e+" input");""===n.val()&&n.val(a.default_conf),function(e){var t=document.getElementsByName("field_options[type_"+e+"]")[0].value;ut(document.getElementById("field_description_"+e),"field_options[description_"+e+"]",a["enter_"+t]),ut(document.getElementById("conf_field_description_"+e),"field_options[conf_desc_"+e+"]",a["confirm_"+t])}(e),"inline"===t?r.removeClass("frm_conf_below").addClass("frm_conf_inline"):"below"===t&&r.removeClass("frm_conf_inline").addClass("frm_conf_below"),jQuery(".frm-conf-box-"+e).removeClass("frm_hidden")}else jQuery(".frm-conf-box-"+e).addClass("frm_hidden"),setTimeout((function(){r.removeClass("frm_conf_inline frm_conf_below")}),200)}function ut(e,t,r){e.innerHTML===a.desc&&(e.innerHTML=r,document.getElementsByName(t)[0].value=r)}function mt(e){var t=JSON.parse(this.getAttribute("data-opts"));return e.preventDefault(),document.getElementById("frm_bulk_options").value=t.join("\n"),!1}function _t(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=jQuery("#frm_field_"+e+"_opts .frm_option_template").prop("outerHTML"),r=jQuery(this).data("opttype"),n=0,i=function(e){for(var t=0,r=0,n=jQuery("#frm_field_"+e+"_opts li"),i=0;ti||"000"===i)&&(i=r)}return i}(e);if("000"!==i&&(n=i+1),"other"===r){document.getElementById("other_input_"+e).value=1;var o=jQuery(this).data("ftype");"radio"!==o&&"select"!==o||jQuery(this).fadeOut("slow");var a={action:"frm_add_field_option",field_id:e,opt_key:n,opt_type:r,nonce:frmGlobal.nonce};jQuery.post(ajaxurl,a,(function(t){jQuery(document.getElementById("frm_field_"+e+"_opts")).append(t),tn(e)}))}else t=(t=(t=(t=(t=t.replace(new RegExp('optkey="000"',"g"),'optkey="'+n+'"')).replace(new RegExp("-000_","g"),"-"+n+"_")).replace(new RegExp('-000"',"g"),"-"+n+'"')).replace(new RegExp("\\[000\\]","g"),"["+n+"]")).replace("frm_hidden frm_option_template",""),Mo(e,t={newOption:t}),jQuery(document.getElementById("frm_field_"+e+"_opts")).append(t.newOption),tn(e);Ni()}function pt(){gt(jQuery(this).closest(".frm-single-settings").data("fid"),this.value)}function gt(e,t){var r=jQuery(".frm_multiple_cont_"+e);"select"===t?r.fadeIn("fast"):r.fadeOut("fast")}function yt(){var e=jQuery(this).closest(".frm-single-settings").data("fid");Co(jQuery(".field_"+e+"_option_key")),jQuery(".field_"+e+"_option").toggleClass("frm_with_key")}function ht(){var e,t=jQuery(this).closest(".frm-single-settings"),r=t.data("fid"),n=document.getElementById("frm_field_id_"+r);wt(jQuery(this)),Co(jQuery(".field_"+r+"_image_id")),Co(jQuery(".frm_toggle_image_options_"+r)),Co(jQuery(".frm_image_size_"+r)),Co(jQuery(".frm_alignment_"+r)),Co(jQuery(".frm-add-other#frm_add_field_"+r)),pn(r)?(bt(r,"inline"),vt(n),e=en(r),n.classList.add("frm_image_options"),n.classList.add("frm_image_size_"+e),t.find(".frm-bulk-edit-link").hide()):(n.classList.remove("frm_image_options"),vt(n),bt(r,"block"),t.find(".frm-bulk-edit-link").show())}function vt(e){e.classList.remove("frm_image_size_","frm_image_size_small","frm_image_size_medium","frm_image_size_large","frm_image_size_xlarge")}function bt(e,t){jQuery("#field_options_align_"+e).val(t).trigger("change")}function jt(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=document.getElementById("frm_field_id_"+e);Qt(),pn(e)&&(vt(t),t.classList.add("frm_image_options"),t.classList.add("frm_image_size_"+en(e)))}function wt(e){var t=e.closest(".frm-single-settings").data("fid");jQuery(".field_"+t+"_option").trigger("change")}function Qt(){wt(jQuery(this))}function Et(e){var t=e.target.closest(".frm_image_preview_wrapper");e.preventDefault(),wp.media.model.settings.post.id=0;var r=wp.media.frames.file_frame=wp.media({multiple:!1,library:{type:["image"]}});r.on("select",(function(){var e=r.state().get("selection").first().toJSON(),n=t.querySelector("img");n.setAttribute("src",e.url),n.classList.remove("frm_hidden"),n.removeAttribute("srcset"),t.querySelector(".frm_image_preview_frame").style.display="block",t.querySelector(".frm_image_preview_title").textContent=e.filename,t.querySelector(".frm_choose_image_box").style.display="none";var i=jQuery(t);i.siblings('input[name*="[label]"]').data("frmimgurl",e.url),i.find("input.frm_image_id").val(e.id).trigger("change"),wp.media.model.settings.post.id=0})),r.open()}function xt(e){var t=jQuery(this).closest(".frm_image_preview_wrapper");e.preventDefault(),e.stopPropagation(),t.find("img").attr("src",""),t.find(".frm_image_preview_frame").hide(),t.find(".frm_choose_image_box").show(),t.find("input.frm_image_id").val(0).trigger("change")}function kt(){var e=jQuery(this).closest("li").find(".frm_form_fields select");this.checked?e.attr("multiple","multiple"):e.removeAttr("multiple")}function Lt(){var e=document.getElementById("dropform-search-input");null!==e&&setTimeout((function(){e.focus()}),100)}function St(e){var t=e.target,r=t.closest(".frm_warning_style");jQuery(r).fadeOut(400,(function(){return r.remove()}));var n=t.dataset.action,i=new FormData;g(n,i)}function At(e){e.preventDefault()}function It(){var e,t=this.parentNode,r=t.parentNode,n=this.getAttribute("data-fid");jQuery(t).fadeOut("slow",(function(){wp.hooks.doAction("frm_before_delete_field_option",this),jQuery(t).remove(),jQuery(r).find(".frm_other_option").length<1&&(null!==(e=document.getElementById("other_input_"+n))&&(e.value=0),jQuery("#other_button_"+n).fadeIn("slow"))})),Ni()}function Bt(){var e,t,r,n;(e=jQuery(this)).is(":checked")&&(t=function(){setTimeout((function(){e.prop("checked",!1)}),0)},r=function(){e.off("mouseup",n)},n=function(){t(),r()},e.on("mouseup",n),e.one("mouseout",r))}function Ct(){this.value===a.new_option&&(this.setAttribute("data-value-on-focus",this.value),this.value="")}function qt(e){return C(B("Are you sure you want to delete these %1$s selected field(s)?","formidable"),e)}function Nt(){var e=a.conf_delete,t=this.parentNode.parentNode.parentNode.parentNode.parentNode,r=t.parentNode,n=jQuery(this).closest("li.form-field"),i=n.data("fid");if("divider"===n.data("ftype")){var o=document.querySelectorAll(".frm-field-group-hover-target .start_divider .frm_field_box"),l=0;o.forEach((function(e){var t=e.querySelectorAll("li.form-field");t&&(l+=t.length)})),l&&(e=qt(++l))}return r.classList.contains("frm-section-collapsed")||r.classList.contains("frm-page-collapsed")||("divider_section_only"===t.className&&(e=a.conf_delete_sec),this.setAttribute("data-frmverify",e),this.setAttribute("data-frmverify-btn","frm-button-red"),this.setAttribute("data-deletefield",i),Oe(),F(this)),!1}function Ot(){this.closest("li.form-field").click()}function Tt(){var e,t;null!==(e=document.querySelector(".frm-field-group-hover-target"))&&(e.classList.add("frm-selected-field-group"),(t=document.createElement("div")).classList.add("frm-delete-field-groups","frm_hidden"),document.body.appendChild(t),t.click())}function Dt(){var e=document.querySelector(".frm-field-group-hover-target");if(null!==e){var t="frm_field_group_"+we(),r=document.createTextNode("");We(r);var n=jQuery(r).closest("li").get(0);n.classList.add("frm_hidden");var i=n.querySelector("ul");i.id=t,jQuery(e.closest("li.frm_field_box")).after(n);var o=ae(jQuery(e)),a=[],l=[],s=o.length,d={},c=0;jQuery(n).on("frm_added_duplicated_field_to_row",(function(e,t){if(d[jQuery(t.duplicatedFieldHtml).attr("data-fid")]=t.originalFieldId,!(s>++c)){var r=jQuery(i),o=ae(r);l.forEach((function(e){e.remove()}));for(var f=0;f0&&ir(Ut(t)))&&l>=12&&(l=Math.floor(12/t)),s=0;s',""),t);e.prepend(r),document.getElementById("frm-field-group-message-dismiss").addEventListener("click",(function(){mr(document.getElementById("frm-field-group-message"))}))}}(),"ul"===e.originalEvent.target.nodeName.toLowerCase()){var t=document.querySelector(".frm-field-group-hover-target");if(t){var r=e.ctrlKey||e.metaKey,n=e.shiftKey,i=t.classList.contains("frm-selected-field-group"),o=function(){var e=jQuery(".frm-selected-field-group");if(e.length)return e;var t=_r();if(t){var r=t.closest("ul");if(r&&1===ae(jQuery(r)).length)return r.classList.add("frm-selected-field-group"),jQuery(r)}return jQuery()}(),a=o.length;if(r||n){var l=_r();if(null===l||jQuery(l).siblings("li.form-field").length||(l.parentNode.classList.add("frm-selected-field-group"),++a),r){if(i)return--a,t.classList.remove("frm-selected-field-group"),void pr(a);++a}else if(n&&!i){++a;var s=o.first();(s.parent().index()=2||1===e&&ae(jQuery(document.querySelector(".frm-selected-field-group"))).length>1?function(){var e,t,r,n,i;if(null!==(e=document.getElementById("frm_field_multiselect_popup")))return e.classList.toggle("frm-unmergable",!hr()),e;(e=d()).id="frm_field_multiselect_popup",hr()||e.classList.add("frm-unmergable"),(t=d()).classList.add("frm-merge-fields-into-row"),t.textContent=B("Merge into row","formidable"),(r=document.createElement("a")).style.marginLeft="5px",r.classList.add("frm_icon_font","frm_arrowdown6_icon"),r.setAttribute("href","#"),t.appendChild(r),e.appendChild(t),(n=d()).classList.add("frm-multiselect-popup-separator"),e.appendChild(n),(i=d()).classList.add("frm-delete-field-groups"),i.appendChild(Rt("frm_trash_svg")),e.appendChild(i),document.getElementById("post-body-content").appendChild(e),jQuery(e).hide().fadeIn()}():yr(),Me()}function gr(e){if(void 0!==e){if(null!==e.originalEvent.target.closest("#frm-show-fields"))return;if(e.originalEvent.target.classList.contains("frm-merge-fields-into-row"))return;if(null!==e.originalEvent.target.closest(".frm-merge-fields-into-row"))return;if(e.originalEvent.target.classList.contains("frm-custom-field-group-layout"))return;if(e.originalEvent.target.classList.contains("frm-cancel-custom-field-group-layout"))return}jQuery(".frm-selected-field-group").removeClass("frm-selected-field-group"),jQuery(document).off("click",gr),yr()}function yr(){var e=document.getElementById("frm_field_multiselect_popup");null!==e&&e.remove()}function hr(){var e,t,r,n,i;if(1===(r=(e=document.querySelectorAll(".frm-selected-field-group")).length))return!1;for(t=0,n=0;n6)return!1}return!0}function vr(e){var t;null===e.originalEvent.target.closest("#frm_field_group_popup")&&(e.originalEvent.target.classList.contains("frm-custom-field-group-layout")||(t=zt(br(),document.querySelector(".frm-selected-field-group").firstChild),this.appendChild(t)))}function br(){var e=0;return jQuery(document.querySelectorAll(".frm-selected-field-group")).each((function(){e+=ae(jQuery(this)).length})),e}function jr(){var e,t,r,n;n=[],jQuery(".frm-selected-field-group > li.form-field").each((function(){n.push(this.dataset.fid)})),t=function(e){return function(t){t.preventDefault(),function(e){e.forEach((function(e){Qr(e)}))}(e)}}(e=n),null!==(r=document.getElementById("frm_field_multiselect_popup"))&&r.remove(),this.setAttribute("data-frmverify",qt(e.length)),F(this);var i=document.getElementById("frm-confirmed-click");null==i||i.removeAttribute("data-deletefield"),jQuery(i).on("click",t),jQuery("#frm_confirm_modal").one("dialogclose",(function(){jQuery(i).off("click",t)}))}function wr(){Qr(this.getAttribute("data-deletefield"))}function Qr(e){var t=jQuery("#frm_field_id_"+e);Er(e),t.hasClass("edit_field_type_divider")&&t.find("li.frm_field_box").each((function(){Er(this.getAttribute("data-fid"))})),Qn()}function Er(e){jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_delete_field",field_id:e,nonce:frmGlobal.nonce},success:function(){var t=jQuery(document.getElementById("frm_field_id_"+e)),r=jQuery("#frm-single-settings-"+e);r.is(":visible")&&document.getElementById("frm_insert_fields_tab").click(),function(e){var t=e[0].querySelectorAll(".frm-inline-modal[data-fills]");t.length&&t.forEach((function(e){e.classList.add("frm_hidden"),e.removeAttribute("data-fills"),e.closest("form").appendChild(e)}))}(r),r.remove(),t.fadeOut("slow",(function(){var e,r=t.closest(".start_divider"),n=t.data("type"),i=t.siblings("li.form-field");if(i.length||(t.is(".edit_field_type_end_divider")?i.length=t.closest("li.form-field").siblings():e=t.closest("ul.frm_sorting").parent()),t.remove(),"break"===n?Or():"product"===n&&(Be(),nt()),i.length?le(i.first()):e.remove(),0===jQuery("#frm-show-fields li").length||function(){if(j.get(0).childElementCount>1)return!1;var e=j.get(0).firstElementChild.firstElementChild.querySelectorAll("li.frm_field_box");return!(e.length>1)&&e[0].classList.contains("edit_field_type_submit")}()){var o=document.getElementById("frm_form_editor_container");o.classList.remove("frm-has-fields"),o.classList.add("frm-empty-fields")}else r.length&&En(r);R()})),t.length&&wp.hooks.doAction("frm_after_delete_field",t[0])}})}function xr(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=k,r=document.getElementById("frm_logic_row_"+e).querySelectorAll(".frm_logic_row");return jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_add_logic_row",form_id:t,field_id:e,nonce:frmGlobal.nonce,meta_name:kr(r,"frm_logic_"+e+"_"),fields:tt()},success:function(t){jQuery(document.getElementById("logic_"+e)).fadeOut("slow",(function(){var r=jQuery(document.getElementById("frm_logic_row_"+e));r.append(t),r.closest(".frm_logic_rows").fadeIn("slow")}))}}),!1}function kr(e,t,r){return e.length?parseInt(e[e.length-1].id.replace(t,""),10)+1:void 0!==r?r:0}function Lr(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=k,r=document.getElementById("frm_watch_lookup_block_"+e).children;return jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_add_watch_lookup_row",form_id:t,field_id:e,row_key:kr(r,"frm_watch_lookup_"+e+"_"),nonce:frmGlobal.nonce},success:function(t){var r=jQuery(document.getElementById("frm_watch_lookup_block_"+e));r.append(t),r.fadeIn("slow")}}),!1}function Sr(e){var t,r,n=jQuery(e).closest(".frm-single-settings").attr("data-fid"),i=jQuery(e).closest("ul").get(0).querySelectorAll(".field_"+n+"_option");for(t in i)if((r=i[t]).id!==e.id&&r.value===e.value&&"true"!==r.getAttribute("data-duplicate"))return!0;return!1}function Ar(){var e,t;null===this.getAttribute("data-value-on-load")&&(this.setAttribute("data-value-on-load",this.value),t=jQuery(this).closest(".frm-single-settings").attr("data-fid"),(e=document.createElement("input")).value=this.value,e.setAttribute("type","hidden"),e.setAttribute("name","optionmap["+t+"]["+this.value+"]"),this.parentNode.appendChild(e),void 0===S[t]&&(S[t]={}),S[t][this.value]=e),"true"===this.getAttribute("data-duplicate")&&(this.removeAttribute("data-duplicate"),Sr(this))?this.setAttribute("data-value-on-focus",this.getAttribute("data-value-on-load")):""===this.value&&a.new_option===this.getAttribute("data-value-on-focus")||this.setAttribute("data-value-on-focus",this.value)}function Ir(e){var t,r=e.closest(".frm_single_option");return e.parentElement.classList.contains("frm_single_option")?{newValue:r.querySelector('.frm_option_key input[type="text"]').value,newLabel:t=e.value}:(t=r.querySelector('input[type="text"]').value,{newValue:e.value,newLabel:t})}function Br(){var e,t,r,n,i,o,a,l,s,d,c,f,u=function(e){var t=function(e){var t,r,n=null!==(t=null===(r=e.closest(".frm-single-settings").querySelector(".frm_toggle_sep_values"))||void 0===r?void 0:r.checked)&&void 0!==t&&t,i=e.closest(".frm_single_option");return n&&e.parentElement.classList.contains("frm_single_option")?{oldValue:i.querySelector('.frm_option_key input[type="text"]').getAttribute("data-value-on-focus"),oldLabel:e.getAttribute("data-value-on-focus")}:{oldValue:e.getAttribute("data-value-on-focus"),oldLabel:i.querySelector('input[type="text"]').getAttribute("data-value-on-focus")}}(e),r=t.oldValue,n=t.oldLabel,i=Ir(e);return{oldValue:r,oldLabel:n,newValue:i.newValue,newLabel:i.newLabel}}(this),m=u.oldValue,_=u.oldLabel,p=u.newValue,g=u.newLabel;if(m!==p||_!==g){var y=this.closest(".frm-single-settings");if(t=y.getAttribute("data-fid"),e=this.getAttribute("data-value-on-load"),Sr(this))return this.setAttribute("data-duplicate","true"),void(void 0!==S[t]&&void 0!==S[t][e]&&(S[t][e].value=e));for(void 0!==S[t]&&void 0!==S[t][e]&&(S[t][e].value=p),s=[],rows=D.querySelectorAll(".frm_logic_row"),o=rows.length,a=0;a1)for(document.getElementById("frm-fake-page").style.display="block",e=0;e200)&&(H(a.repeat_limit_min),this.value="")}function Kr(){var e=this.value;""!==e&&(e<1||e>200)&&(H(a.checkbox_limit),this.value="")}function Jr(e,t){jQuery(e).closest(".frm_field_box").find(".frm_"+t+"_form_row .frm_repeat_label").text(e.value)}function Yr(){var e=jQuery(this).closest(".frm-single-settings").data("fid"),t=this.value,r=document.getElementById("frm_show_selected_fields_"+e),n=document.getElementById("frm_show_selected_forms_"+e);jQuery(n).find("select").val(""),"form"===t?(n.style.display="inline",function(e){if(null!==e)for(;e.firstChild;)e.removeChild(e.firstChild)}(r)):(r.style.display="none",n.style.display="none",jn(t,e))}function Xr(){var e,t;(e=Zr(this))&&(t=jQuery(this).closest(".frm_single_option"),function(e,t,r){var n,i,o,a,l,s,c=r.data("optkey"),f=_n(e),u=jQuery('label[for="field_'+t+"-"+c+'"]'),m="field_options[options_"+e+"]["+c+"]",_=jQuery('input[name="'+m+'[label]"]');if(u.length<1)return tn(e),void((o=r.find('input[name^="default_value_"]')).is(":checked")&&_.length>0&&jQuery('select[name^="item_meta['+e+']"]').val(_.val()));if(a=u.children("input"),n=_.length<1?(_=jQuery('input[name="'+m+'"]')).val():f?jQuery('input[name="'+m+'[value]"]').val():_.val(),!(_.length<1)){if(i=u[0].childNodes,pn(e))l=function(e,t,r){var n,i,o;return(n=e.find("img"))&&(i=n.attr("src")),o=gn(t),cn(t),mn(r.val(),o,i)}(r,e,_),(s=u.find(".frm_image_option_container")).length>0?s.replaceWith(l):(i[i.length-1].nodeValue="",u.append(l));else{var p=!1;i.forEach((function(t,r){if(!1===p)"INPUT"===t.tagName&&(p=r);else if(r===p+1){var n="";!function(e){var t=document.getElementsByName("field_options[image_options_"+e+"]"),r=Array.from(t).find((function(e){return e.checked&&"buttons"===e.value}));return void 0!==r}(e)?t.nodeValue=" "+_.val():(n=d({className:"frm_label_button_container",text:" "+_.val()}),u[0].replaceChild(n,t))}else u[0].removeChild(t)}))}a.val(n),o=r.find('input[name^="default_value_"]'),a.prop("checked",!!o.is(":checked"))}}(e.fieldId,e.fieldKey,t))}function Zr(e){var t;return!!(t=jQuery(e).closest(".frm_sortable_field_opts")).length&&{fieldId:t.attr("id").replace("frm_field_","").replace("_opts",""),fieldKey:t.data("key")}}function en(e){var t,r=document.getElementById("field_options_image_size_"+e),n="";return null!==r&&""!==(t=r.value)&&(n=t),n}function tn(e){var t,r,n,i,o,a=jQuery('[name^="item_meta['+e+']"]');if(!(a.length<1)){if(a.is("select"))null!==(i=document.getElementById("frm_placeholder_"+e))&&""===i.value?ln(a[0],{sourceID:e}):ln(a[0],{sourceID:e,placeholder:i.value});else{r=dn(e),jQuery("#field_"+e+"_inner_container > .frm_form_fields").html(""),o=Zr(jQuery("#frm_delete_field_"+e+"-000_container"));var l=jQuery("#field_"+e+"_inner_container > .frm_form_fields"),s=pn(e),d=s?en(e):"",c=s?"frm_image_option frm_image_"+d+" ":"",f=To(e);for(n="hidden"===a.attr("type")?a.data("field-type"):a.attr("type"),t=0;t=0;a--){var u;l=d[a];var m=null===(u=document.getElementById("frm_field_"+e+"_opts").querySelector('.frm_option_key input[type="text"]'))||void 0===u?void 0:u.value;m||(m=l),s=i.querySelector('option[value="'+m+'"]');var _=rn(e,l),p=_.newValue,g=_.newLabel,y=document.querySelectorAll("#frm_field_"+e+"_opts input[data-value-on-focus]"),h=Array.from(y).find((function(e){return e.value===l}));if(h){var v=h.dataset.valueOnFocus;if(v&&i.querySelector('option[value="'+v+'"]'))continue}on(i,s,p,g)}null!==(s=i.querySelector('option[value=""]'))&&i.prepend(s)}}function on(e,t,r,n){null!==t||e.querySelector('option[value="'+r+'"]')||((t=frmDom.tag("option",{text:n})).value=r),e.prepend(t)}function an(e,t,r,n,i,o){var a,l="",s=-1!==t.key.indexOf("other"),d="field_"+n+"-"+t.key,c="scale"===e?"radio":e;return a='',this.getSingle=function(){return""!==(l=wp.hooks.applyFilters("frm_admin.build_single_option_template",l,{opt:t,type:e,fieldId:r,classes:o,id:d}))?l:'
            "+(s?a:"")+"
            "},this.getSingle()}function ln(e,t){if(null!==e){var r=t.sourceID,n=t.placeholder,i=To(r),o=t.other;!function(e){var t;if(void 0!==e.options)for(t=e.options.length-1;t>=0;t--)e.remove(t)}(e);for(var a=dn(r),l=void 0!==n,s=0;s0||d[t].name.indexOf("[value]")>0||d[t].name.indexOf("[image]")>0||d[t].name.indexOf("[price]")>0||(i=r=d[t].value,o=d[t].name.replace("field_options[options_"+e+"][","").replace("[label]","").replace("]",""),m&&(n=d[t].name.replace("[label]","[value]"),r=jQuery('input[name="'+n+'"]').val()),u&&(i=mn(i,f,fn(d[t]),cn(e))),a={saved:r,label:i=frmAdminBuild.hooks.applyFilters("frm_choice_field_label",i,e,d[t],u),checked:(l=d[t].id,field=jQuery("#"+l),0!==field.length&&(checkbox=field.siblings("input[type=checkbox]"),checkbox.length&&checkbox.prop("checked"))),key:o},c&&(n=d[t].name.replace("[label]","[price]"),a.price=jQuery('input[name="'+n+'"]').val()),s.push(a));return s}function cn(e){var t=document.getElementById("frm-single-settings-"+e);return null===t?"radio":t.classList.contains("frm-type-checkbox")?"checkbox":"radio"}function fn(e){var t,r=jQuery(e).siblings(".frm_image_preview_wrapper");return r.length&&(t=r.find("img")).length?t.attr("src"):""}function un(e){(e instanceof Element||e instanceof Document)&&(e=e.outerHTML);var t=jQuery.parseHTML(e).reduce((function(e,t){var r=frmDom.cleanNode(t);return"#text"===r.nodeName?e+r.textContent:e+r.outerHTML}),"");return t!==e?un(t):t}function mn(e,t,r,n){var i,o,l,c=e;return c=un(c),r?o=m({src:r,alt:c}):(o=d({className:"frm_empty_url"})).innerHTML=a.image_placeholder_icon,i=t?" frm_label_with_image":"",(l=s("span",{className:"frm_text_label_for_image_inner"})).innerHTML=c,s("span",{className:"frm_image_option_container"+i,children:[o,s("span",{className:"frm_text_label_for_image",child:l})]})}function _n(e){return yn("separate_value_"+e)}function pn(e){for(var t=!1,r=document.getElementsByName("field_options[image_options_"+e+"]"),n=0;n=0&&(r.splice(t,1),e.val(r),e.next(".btn-group").find('.multiselect-container input[value=""]').prop("checked",!1))}(jQuery(this))}function Sn(e){e.val(""),e.next(".btn-group").find('.multiselect-container input[value!=""]').prop("checked",!1)}function An(e){e.preventDefault(),In(this)}function In(e,t){var r=document.getElementById(e.getAttribute("data-open")),n=jQuery(e).closest("p"),i=void 0!==t;n.hasClass("frm-open")?(n.removeClass("frm-open"),r.classList.add("frm_hidden")):(i||(t=Hi(e)),null!==t&&(i||t.focus(),n.after(r),r.setAttribute("data-fills",t.id),0===r.id.indexOf("frm-calc-box")&&Ze(r,!0)),n.addClass("frm-open"),r.classList.remove("frm_hidden"),wp.hooks.doAction("frm_show_inline_modal",r,e))}function Bn(e){e.preventDefault(),this.parentNode.classList.add("frm_hidden"),jQuery('.frm-open [data-open="'+this.parentNode.id+'"]').closest(".frm-open").removeClass("frm-open")}function Cn(){var e,t,r,n,i,o,a,l=this.getAttribute("data-frmchange").split(",");for(e=0;e',r)),o.innerHTML=c,e.dataset.upsellImage&&o.appendChild(m({src:e.dataset.upsellImage,alt:e.dataset.upgrade})),a.href=function(e,t){var r=e.getAttribute("data-link");return null!=r&&""!==r||(r=t.getAttribute("data-default")),r}(e,a),s.style.display="none",i.style.display=_,l.style.display="block"===_?"inline-block":_,o.style.display=u,a.style.display="block"===f?"inline-block":f}function Un(e){void 0===e&&(e=""),function(e){var t,r=jQuery(e+" :not(.frm_has_shortcodes) .frm_not_email_message, "+e+" :not(.frm_has_shortcodes) .frm_not_email_to, "+e+" :not(.frm_has_shortcodes) .frm_not_email_subject");for(t=0;t').before('')}function Vn(){var e="success";"options[edit_action]"===this.name&&(e="edit");var t=jQuery(this).val();jQuery("."+e+"_action_box").hide(),"redirect"===t?jQuery("."+e+"_action_redirect_box."+e+"_action_box").fadeIn("slow"):"page"===t?jQuery("."+e+"_action_page_box."+e+"_action_box").fadeIn("slow"):jQuery("."+e+"_action_message_box."+e+"_action_box").fadeIn("slow")}function Kn(e){if(m=e.target,p=jQuery(m),g=p.closest(".frm_form_action_settings"),(y=g.find(".widget-inside")).find("p, div, table").length||((_=g.find(".widget-top")).on("frm-action-loaded",(function(){p.trigger("click"),g.removeClass("open"),y.hide()})),_.trigger("click"),0)){var t=e.target.closest(".frm_form_action_settings"),r=t.querySelectorAll(".wp-editor-area");r.length&&r.forEach((function(e){tinymce.EditorManager.execCommand("mceRemoveEditor",!0,e.id)}));var n=jQuery(t).clone(),i=n.attr("id").replace("frm_form_action_",""),o=Jn(i);n.find(".frm_action_id, .frm-btn-group").remove(),n.find('input[name$="['+i+'][ID]"]').val(""),n.find(".widget-inside").hide(),n.find("input[type=text], textarea, input[type=number]").prop("defaultValue",(function(){return this.value})),n.find("input[type=checkbox], input[type=radio]").prop("defaultChecked",(function(){return this.checked}));var a=new RegExp("\\["+i+"\\]","g"),l=new RegExp("_"+i+'"',"g"),s=new RegExp("-"+i+'"',"g"),c=new RegExp('"'+i+'"',"g"),f=n.html().replace(a,"["+o+"]").replace(l,"_"+o+'"');f=f.replace(s,"-"+o+'"').replace(c,'"'+o+'"');var u=d({id:"frm_form_action_"+o,className:n.get(0).className});u.setAttribute("data-actionkey",o),u.innerHTML=f,u.querySelectorAll(".wp-editor-wrap, .wp-editor-wrap *").forEach((function(e){"string"==typeof e.className&&(e.className=e.className.replace(i,o)),e.id=e.id.replace(i,o)})),u.classList.remove("open"),document.getElementById("frm_notification_settings").appendChild(u),r.length&&(r.forEach((function(e){frmDom.wysiwyg.init(e)})),u.querySelectorAll(".wp-editor-area").forEach((function(e){frmDom.wysiwyg.init(e)}))),u.classList.contains("frm_single_on_submit_settings")&&u.querySelector("input.frm-page-search")&&yo(u),no(),wp.hooks.doAction("frm_after_duplicate_action",u)}var m,_,p,g,y}function Jn(e){var t=parseInt(e,10)+11;return null!==document.getElementById("frm_form_action_"+t)&&(t=Jn(++t)),t}function Yn(){var e,t=jQuery(this).data("actiontype");if(!oi(t)){var r=(e=kr(document.querySelectorAll(".frm_form_action_settings"),"frm_form_action_"),void 0!==document.getElementById("frm_form_action_"+e)&&(e+=100),A>=e&&(e=A+1),A=e,e),n=k,i=document.createElement("div");i.classList.add("frm_single_"+t+"_settings");var o=document.getElementById("frm_notification_settings");o.appendChild(i),jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_add_form_action",type:t,list_id:r,form_id:n,nonce:frmGlobal.nonce},success:function(e){Ni(),i.remove(),document.querySelectorAll(".frm_form_action_settings.open").forEach((function(e){return e.classList.remove("open")}));var n=d();n.innerHTML=e;var a=n.querySelector(".widget-top");Array.from(n.children).forEach((function(e){return o.appendChild(e)})),jQuery(".frm_form_action_settings").fadeIn("slow");var l=document.getElementById("frm_form_action_"+r);l.classList.add("open"),document.getElementById("post-body-content").scroll({top:l.offsetTop+10,left:0,behavior:"smooth"}),ii(t),Un("#frm_form_action_"+r),no(),yo(l),a&&jQuery(a).trigger("frm-action-loaded"),frmAdminBuild.hooks.doAction("frm_added_form_action",l)}})}}function Xn(){var e=document.getElementById("frm_email_addon_menu").classList,t=document.getElementById("actions-search-input");e.contains("frm-all-actions")?(e.remove("frm-all-actions"),e.add("frm-limited-actions")):(e.add("frm-all-actions"),e.remove("frm-limited-actions")),t.value="",ko(t,"input")}function Zn(e){e.on("Change",(function(){!function(e){var t,r;(t=document.querySelector(".frm-single-settings:not(.frm_hidden)"))&&null!==(r=t.querySelector(".wp-editor-wrap"))&&r.classList.contains("tmce-active")&&!tinyMCE.activeEditor.isHidden()&&(e.targetElm.value=e.getContent(),jQuery(e.targetElm).trigger("change"))}(e)}))}function ei(e){var t=this;if(null!==e)return this.fragment=document.createDocumentFragment(),this.initOnceInAllInstances=function(){void 0===ei.prototype.endMarker&&(ei.prototype.endMarker=document.getElementById("frm-end-form-marker"))},this.append=function(e){var r=null!==e?e.parentElement.classList:"";null!==e&&(r.contains("frm_field_box")||r.contains("divider_section_only"))&&t.fragment.appendChild(e)},this.moveFields=function(){w.insertBefore(t.fragment,ei.prototype.endMarker)},this.initOnceInAllInstances(),void 0!==e?(this.append(e),void this.moveFields()):{append:this.append,moveFields:this.moveFields}}function ti(){var e=jQuery(this).closest(".frm_form_action_settings").data("actionkey"),t=this.getAttribute("data-emailrow");jQuery("#frm_form_action_"+e+" .frm_"+t+"_row").fadeIn("slow"),jQuery(this).fadeOut("slow")}function ri(){var e=jQuery(this).closest(".frm_form_action_settings"),t=this.getAttribute("data-emailrow"),r=".frm_"+t+"_row",n=".frm_"+t+"_button";jQuery(e).find(n).fadeIn("slow"),jQuery(e).find(r).fadeOut("slow",(function(){jQuery(e).find(r+" input").val("")}))}function ni(){var e=jQuery(this).closest(".frm_form_action_settings"),t=".frm_from_to_match_row";e.find('input[name$="[post_content][from]"]').val()===e.find('input[name$="[post_content][email_to]"]').val()?jQuery(e).find(t).fadeIn("slow"):jQuery(e).find(t).fadeOut("slow")}function ii(e){var t,r,n=document.querySelectorAll(".frm_"+e+"_action");oi(e)?(t=n,r=ai(e)>0,t.forEach((function(e){e.classList.remove("frm_active_action"),e.classList.add("frm_inactive_action"),r&&e.classList.add("frm_already_used")}))):n.forEach((function(e){e.querySelector(".frm_show_upgrade")||(e.classList.remove("frm_inactive_action","frm_already_used"),e.classList.add("frm_active_action"))}))}function oi(e){var t=function(e){return jQuery(".frm_single_"+e+"_settings").length}(e)>=ai(e),r={type:e};return wp.hooks.applyFilters("frm_action_at_limit",t,r)}function ai(e){return parseInt(jQuery(".frm_"+e+"_action").data("limit"),10)}function li(){var e=a.only_one_action,t=this.dataset.limit;void 0!==t&&((t=parseInt(t))>1?e=e.replace(1,t).trim():e+=" "+a.edit_action_text),H(e)}function si(){var e=jQuery(this).data("emailkey"),t=jQuery(this).closest(".frm_form_action_settings").find(".frm_action_name").val(),r=document.getElementById("form_id").value,n=document.getElementById("frm_logic_row_"+e),i=kr(n.querySelectorAll(".frm_logic_row"),"frm_logic_"+e+"_"),o=d({id:"frm_logic_"+e+"_"+i,className:"frm_logic_row frm_hidden"});return n.appendChild(o),jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_add_form_logic_row",email_id:e,form_id:r,meta_name:i,type:t,nonce:frmGlobal.nonce},success:function(t){jQuery(document.getElementById("logic_link_"+e)).fadeOut("slow",(function(){o.insertAdjacentHTML("beforebegin",t),o.remove(),jQuery(n).parent(".frm_logic_rows").fadeIn("slow")}))}}),!1}function di(){var e=jQuery("select.frm_single_post_field");e.css("border-color","");var t=this,r=jQuery(t).val();if(""===r||"checkbox"===r)return!1;e.each((function(){if(jQuery(this).val()===r&&this.name!==t.name)return this.style.borderColor="red",jQuery(t).val(""),H(a.field_already_used),!1}))}function ci(){var e=jQuery(this).val();""===e?(jQuery(".frm_post_content_opt, select.frm_dyncontent_opt").hide().val(""),jQuery(".frm_dyncontent_opt").hide()):"post_content"===e?(jQuery(".frm_post_content_opt").show(),jQuery(".frm_dyncontent_opt").hide(),jQuery("select.frm_dyncontent_opt").val("")):(jQuery(".frm_post_content_opt").hide().val(""),jQuery("select.frm_dyncontent_opt, .frm_form_field.frm_dyncontent_opt").show())}function fi(){var e=jQuery(this).val(),t=jQuery(document.getElementById("frm_dyncontent"));""===e||"new"===e?(t.val(""),jQuery(".frm_dyncontent_opt").show()):jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_display_get_content",id:e,nonce:frmGlobal.nonce},success:function(e){t.val(e),jQuery(".frm_dyncontent_opt").show()}})}function ui(){var e,t,r=document.getElementById("frm_posttax_rows").childNodes,n=document.querySelector(".frm_post_parent_field"),o=document.querySelector(".frm_post_menu_order_field"),a=this.value;jQuery.ajax({type:"POST",url:ajaxurl,data:{action:"frm_replace_posttax_options",post_type:a,nonce:frmGlobal.nonce},success:function(n){for(i=0;i