PluginProbe
JetFormBuilder — Dynamic Blocks Form Builder / 3.6.6
JetFormBuilder — Dynamic Blocks Form Builder v3.6.6
3.6.6.1 3.6.6 3.6.5.4 3.6.5.3 3.6.5.2 3.6.5.1 3.6.5 3.6.4.2 3.6.4.1 3.6.4 3.6.3.1 3.6.3 3.6.2.2 3.6.2.1 3.6.2 3.6.1.1 3.6.1 3.6.0.1 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 All 134 releases
← All changes | modules/ai/assets/build/admin/forms.js +1 -1 trunk → 3.6.6 View file →
@@ -1 +1 @@
1 -(()=>{"use strict";var t={42(t,e,r){r.d(e,{A:()=>l});var n=r(168),o=r.n(n),a=r(433),i=r.n(a)()(o());i.push([t.id,".jfb-ai-modal .badge{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:var(--wp-components-color-accent-inverted,#fff);font-size:0.65em;padding:0.2em 0.5em;border-radius:1em}.jfb-ai-modal .components-notice{margin:0 0 2em 0}",""]);const l=i},433(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r}).join("")},e.i=function(t,r,n,o,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(n)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(i[s]=!0)}for(var c=0;c<t.length;c++){var m=[].concat(t[c]);n&&i[m[0]]||(void 0!==a&&(void 0===m[5]||(m[1]="@layer".concat(m[5].length>0?" ".concat(m[5]):""," {").concat(m[1],"}")),m[5]=a),r&&(m[2]?(m[1]="@media ".concat(m[2]," {").concat(m[1],"}"),m[2]=r):m[2]=r),o&&(m[4]?(m[1]="@supports (".concat(m[4],") {").concat(m[1],"}"),m[4]=o):m[4]="".concat(o)),e.push(m))}},e}},168(t){t.exports=function(t){return t[1]}},673(t){var e=[];function r(t){for(var r=-1,n=0;n<e.length;n++)if(e[n].identifier===t){r=n;break}return r}function n(t,n){for(var a={},i=[],l=0;l<t.length;l++){var s=t[l],c=n.base?s[0]+n.base:s[0],m=a[c]||0,u="".concat(c," ").concat(m);a[c]=m+1;var d=r(u),p={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==d)e[d].references++,e[d].updater(p);else{var f=o(p,n);n.byIndex=l,e.splice(l,0,{identifier:u,updater:f,references:1})}i.push(u)}return i}function o(t,e){var r=e.domAPI(e);return r.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;r.update(t=e)}else r.remove()}}t.exports=function(t,o){var a=n(t=t||[],o=o||{});return function(t){t=t||[];for(var i=0;i<a.length;i++){var l=r(a[i]);e[l].references--}for(var s=n(t,o),c=0;c<a.length;c++){var m=r(a[c]);0===e[m].references&&(e[m].updater(),e.splice(m,1))}a=s}}},262(t){var e={};t.exports=function(t,r){var n=function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}(t);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},357(t){t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},657(t,e,r){t.exports=function(t){var e=r.nc;e&&t.setAttribute("nonce",e)}},598(t){t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(r){!function(t,e,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var a=r.sourceMap;a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(n,t,e.options)}(e,t,r)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},626(t){t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var a=e[n]={id: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),r.nc=void 0;const n=window.React;var o=r(673),a=r.n(o),i=r(598),l=r.n(i),s=r(262),c=r.n(s),m=r(657),u=r.n(m),d=r(357),p=r.n(d),f=r(626),h=r.n(f),b=r(42),v={};v.styleTagTransform=h(),v.setAttributes=u(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=p(),a()(b.A,v),b.A&&b.A.locals&&b.A.locals;const g=window.wp.components,y=window.wp.element,w=window.wp.i18n,E=window.wp.apiFetch;var _=r.n(E);const{parseHTMLtoBlocks:j,getFormInnerFields:x}=JetFormBuilderParser,S=["Registration form with minimum inputs","Opt-in form with gender selector like radio","Quiz form with 5 questions with choices about math"],k=4e3,C=function({setShowModal:t,footer:e=()=>"Here may be buttons"}){const[r,o]=(0,y.useState)(""),[a,i]=(0,y.useState)(""),[l,s]=(0,y.useState)(!1),[c,m]=(0,y.useState)(""),[u,d]=(0,y.useState)(0),[p,f]=(0,y.useState)(0),h=r.length>k;return(0,n.createElement)(g.Modal,{style:{width:"60vw"},onRequestClose:()=>t(!1),title:(0,n.createElement)(g.Flex,null,(0,w.__)("Generate Form with AI","jet-form-builder"),(0,n.createElement)("span",{className:"badge"},(0,w.__)("Limited 15 requests per month","jet-form-builder"))),className:"jfb-ai-modal"},c&&(0,n.createElement)(g.Notice,{status:"error",onRemove:()=>m("")},(0,n.createElement)(g.Flex,{direction:"column"},c,(0,n.createElement)(g.ExternalLink,{href:"https://support.crocoblock.com/support/home/"},(0,w.__)("Contact Crocoblock support","jet-form-builder")))),Boolean(a.length)?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"jet-form-builder-html-parser-preview"},(0,n.createElement)("style",null,'\n\t\t\t\t\t.jet-form-builder-html-parser-preview {\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview textarea,\n\t\t\t\t\t.jet-form-builder-html-parser-preview input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),\n\t\t\t\t\t.jet-form-builder-html-parser-preview select {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\t\tmax-width: 100% !important;\n\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview label {\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\tmargin-bottom:5px;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview br {\n\t\t\t\t\t\tdisplay:none;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview input[type="submit"],\n\t\t\t\t\t.jet-form-builder-html-parser-preview button {\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tbackground-color: #0071a1;\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tpadding: 10px 20px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t'),(0,n.createElement)("div",{dangerouslySetInnerHTML:{__html:a},style:{padding:"2em 1em",backgroundColor:"#f6f7f7",marginBottom:"1em"}})),(0,n.createElement)(e,{clearHTML:()=>i(""),formHTML:a,prompt:r},(0,n.createElement)("span",{style:{flex:"1",textAlign:"end",color:"rgb( 117, 117, 117 )"}},(0,w.sprintf)((0,w.__)("Requests used: %d/%d","jet-form-builder"),u,p)))):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(g.TextareaControl,{label:(0,w.__)("Describe the form you want","jet-form-builder"),value:r,onChange:o,maxLength:k,help:(0,w.sprintf)((0,w.__)("Prompt example: Simple contact form. %1$d/%2$d characters","jet-form-builder"),r.length,k)}),h&&(0,n.createElement)(g.Notice,{status:"warning",isDismissible:!1},(0,w.sprintf)((0,w.__)("Prompt is too long by %1$d characters. Maximum length is %2$d characters.","jet-form-builder"),r.length-k,k)),Boolean(r.length)&&(0,n.createElement)(g.Button,{variant:"primary",isBusy:l,disabled:l||h,onClick:()=>{h||(s(!0),_()({path:"/jet-form-builder/v1/ai/generate",method:"POST",data:{prompt:r}}).then(t=>{m(""),i(x(t.form)),console.group((0,w.__)("JFB: Parsed blocks from generated HTML","jet-form-builder")),console.log(j(t.form)),console.groupEnd(),d(t.usage),f(t.limit)}).catch(t=>{var e;m(null!==(e=t?.message)&&void 0!==e?e:(0,w.__)("Undefined error.","jet-form-builder"))}).finally(()=>{s(!1)}))}},(0,w.__)("Generate","jet-form-builder")),(0,n.createElement)("h4",null,(0,w.__)("Tips to write good prompt:","jet-form-builder")),(0,n.createElement)("ul",{style:{listStyle:"disc",paddingInlineStart:"1em"}},(0,n.createElement)("li",null,(0,w.__)("Start with the main purpose of the form.","jet-form-builder")),(0,n.createElement)("li",null,(0,w.__)("If you need specific fields – describe them in the prompt as well.","jet-form-builder")),(0,n.createElement)("li",null,(0,w.__)("It is better to use the English language for the prompt, as AI understands it better than others.","jet-form-builder"))),(0,n.createElement)("h4",null,(0,w.__)("Examples of the good prompts:","jet-form-builder")),(0,n.createElement)("ul",{style:{listStyle:"disc",paddingInlineStart:"1em"}},S.map(t=>(0,n.createElement)("li",{key:t},(0,n.createElement)(g.Button,{onClick:()=>o(t),variant:"link"},t))))))};function T({name:t,attributes:e}){return`\x3c!-- wp:${t} ${JSON.stringify(e)} /--\x3e`}const M=function(t){return t.map(T).join("\n\n")},{parseHTMLtoBlocks:F}=JetFormBuilderParser,I=function({clearHTML:t,formHTML:e,prompt:r,children:o=null}){return(0,n.createElement)(g.Flex,{justify:"flex-start"},(0,n.createElement)(g.Button,{variant:"primary",onClick:()=>{const t=F(e);t.length?_()({method:"POST",path:"/wp/v2/jet-form-builder",data:{title:r,content:M(t),status:"publish"}}).then(t=>{window.location.href=(t=>{const e=new URL(JetFormBuilderAdmin.edit_url);return e.searchParams.set("post",t),e.href})(t.id)}).catch(console.error):console.error((0,w.__)("JFB: Invalid html","jet-form-builder"),e)}},(0,w.__)("Create form with this template","jet-form-builder")),(0,n.createElement)(g.Button,{variant:"secondary",onClick:t},(0,w.__)("Change generation prompt","jet-form-builder")),o)},A=function(){const[t,e]=(0,y.useState)(!1);return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("a",{href:"#",className:"page-title-action",onClick:t=>{t.preventDefault(),e(t=>!t)}},(0,w.__)("Generate with AI","jet-form-builder")),t&&(0,n.createElement)(C,{setShowModal:e,footer:I}))},B=window.wp.domReady;r.n(B)()(()=>{const t=document.createElement("div");t.style.display="inline-flex",document.querySelector('.page-title-action[href*="post-new.php"]').after(t),(0,y.createRoot)(t).render((0,n.createElement)(A,null))})})();
1 +(()=>{"use strict";var t={42(t,e,r){var n=r(168),o=r.n(n),a=r(433),i=r.n(a)()(o());i.push([t.id,".jfb-ai-modal .badge{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:var(--wp-components-color-accent-inverted,#fff);font-size:0.65em;padding:0.2em 0.5em;border-radius:1em}.jfb-ai-modal .components-notice{margin:0 0 2em 0}",""]);const l=i;r.d(e,["A",0,l])},433(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r}).join("")},e.i=function(t,r,n,o,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(n)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(i[c]=!0)}for(var s=0;s<t.length;s++){var u=[].concat(t[s]);n&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),e.push(u))}},e}},168(t){t.exports=function(t){return t[1]}}};const e={};function r(n){const o=e[n];if(void 0!==o)return o.exports;const a=e[n]={id:n,exports:{}};return t[n](a,a.exports,r),a.exports}r.n=t=>{const e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.cw=t=>{var e;return()=>{if(t){var r=t;t=0,e={exports:{}},r.call(e.exports,e,e.exports)}return e.exports}},r.d=(t,e)=>{if(Array.isArray(e))for(var n=0;n<e.length;){var o=e[n++],a=e[n++],i=0===a?{enumerable:!0,value:e[n++]}:{enumerable:!0,get:a};r.o(t,o)||Object.defineProperty(t,o,i)}else for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.nc=void 0;var n=r.cw(function(t,e){var r=[];function n(t){for(var e=-1,n=0;n<r.length;n++)if(r[n].identifier===t){e=n;break}return e}function o(t,e){for(var o={},i=[],l=0;l<t.length;l++){var c=t[l],s=e.base?c[0]+e.base:c[0],u=o[s]||0,m="".concat(s," ").concat(u);o[s]=u+1;var p=n(m),d={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)r[p].references++,r[p].updater(d);else{var f=a(d,e);e.byIndex=l,r.splice(l,0,{identifier:m,updater:f,references:1})}i.push(m)}return i}function a(t,e){var r=e.domAPI(e);return r.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;r.update(t=e)}else r.remove()}}t.exports=function(t,e){var a=o(t=t||[],e=e||{});return function(t){t=t||[];for(var i=0;i<a.length;i++){var l=n(a[i]);r[l].references--}for(var c=o(t,e),s=0;s<a.length;s++){var u=n(a[s]);0===r[u].references&&(r[u].updater(),r.splice(u,1))}a=c}}}),o=r.cw(function(t,e){var r={};t.exports=function(t,e){var n=function(t){if(void 0===r[t]){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}r[t]=e}return r[t]}(t);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(e)}}),a=r.cw(function(t,e){t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}}),i=r.cw(function(t,e){t.exports=function(t){var e=r.nc;e&&t.setAttribute("nonce",e)}}),l=r.cw(function(t,e){t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(r){!function(t,e,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var a=r.sourceMap;a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(n,t,e.options)}(e,t,r)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}}),c=r.cw(function(t,e){t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}});const s=window.React;n(),l(),o(),i(),a(),c();var u=r(42),m={};m.styleTagTransform=function t(){return t.c||(t.c=r.n(c()))}()(),m.setAttributes=function t(){return t.c||(t.c=r.n(i()))}()(),m.insert=function t(){return t.c||(t.c=r.n(o()))}()().bind(null,"head"),m.domAPI=function t(){return t.c||(t.c=r.n(l()))}()(),m.insertStyleElement=function t(){return t.c||(t.c=r.n(a()))}()(),function t(){return t.c||(t.c=r.n(n()))}()()(u.A,m),u.A&&u.A.locals&&u.A.locals;const p=window.wp.components,d=window.wp.element,f=window.wp.i18n,h=window.wp.apiFetch;var b=r.n(h);const{parseHTMLtoBlocks:v,getFormInnerFields:g}=JetFormBuilderParser,w=["Registration form with minimum inputs","Opt-in form with gender selector like radio","Quiz form with 5 questions with choices about math"],y=4e3,E=function({setShowModal:t,footer:e=()=>"Here may be buttons"}){const[r,n]=(0,d.useState)(""),[o,a]=(0,d.useState)(""),[i,l]=(0,d.useState)(!1),[c,u]=(0,d.useState)(""),[m,h]=(0,d.useState)(0),[E,_]=(0,d.useState)(0),x=r.length>y;return(0,s.createElement)(p.Modal,{style:{width:"60vw"},onRequestClose:()=>t(!1),title:(0,s.createElement)(p.Flex,null,(0,f.__)("Generate Form with AI","jet-form-builder"),(0,s.createElement)("span",{className:"badge"},(0,f.__)("Limited 15 requests per month","jet-form-builder"))),className:"jfb-ai-modal"},c&&(0,s.createElement)(p.Notice,{status:"error",onRemove:()=>u("")},(0,s.createElement)(p.Flex,{direction:"column"},c,(0,s.createElement)(p.ExternalLink,{href:"https://support.crocoblock.com/support/home/"},(0,f.__)("Contact Crocoblock support","jet-form-builder")))),Boolean(o.length)?(0,s.createElement)(s.Fragment,null,(0,s.createElement)("div",{className:"jet-form-builder-html-parser-preview"},(0,s.createElement)("style",null,'\n\t\t\t\t\t.jet-form-builder-html-parser-preview {\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview textarea,\n\t\t\t\t\t.jet-form-builder-html-parser-preview input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),\n\t\t\t\t\t.jet-form-builder-html-parser-preview select {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\t\tmax-width: 100% !important;\n\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview label {\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\tmargin-bottom:5px;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview br {\n\t\t\t\t\t\tdisplay:none;\n\t\t\t\t\t}\n\t\t\t\t\t.jet-form-builder-html-parser-preview input[type="submit"],\n\t\t\t\t\t.jet-form-builder-html-parser-preview button {\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tbackground-color: #0071a1;\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tpadding: 10px 20px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t'),(0,s.createElement)("div",{dangerouslySetInnerHTML:{__html:o},style:{padding:"2em 1em",backgroundColor:"#f6f7f7",marginBottom:"1em"}})),(0,s.createElement)(e,{clearHTML:()=>a(""),formHTML:o,prompt:r},(0,s.createElement)("span",{style:{flex:"1",textAlign:"end",color:"rgb( 117, 117, 117 )"}},(0,f.sprintf)((0,f.__)("Requests used: %d/%d","jet-form-builder"),m,E)))):(0,s.createElement)(s.Fragment,null,(0,s.createElement)(p.TextareaControl,{label:(0,f.__)("Describe the form you want","jet-form-builder"),value:r,onChange:n,maxLength:y,help:(0,f.sprintf)((0,f.__)("Prompt example: Simple contact form. %1$d/%2$d characters","jet-form-builder"),r.length,y)}),x&&(0,s.createElement)(p.Notice,{status:"warning",isDismissible:!1},(0,f.sprintf)((0,f.__)("Prompt is too long by %1$d characters. Maximum length is %2$d characters.","jet-form-builder"),r.length-y,y)),Boolean(r.length)&&(0,s.createElement)(p.Button,{variant:"primary",isBusy:i,disabled:i||x,onClick:()=>{x||(l(!0),b()({path:"/jet-form-builder/v1/ai/generate",method:"POST",data:{prompt:r}}).then(t=>{u(""),a(g(t.form)),console.group((0,f.__)("JFB: Parsed blocks from generated HTML","jet-form-builder")),console.log(v(t.form)),console.groupEnd(),h(t.usage),_(t.limit)}).catch(t=>{var e;u(null!==(e=t?.message)&&void 0!==e?e:(0,f.__)("Undefined error.","jet-form-builder"))}).finally(()=>{l(!1)}))}},(0,f.__)("Generate","jet-form-builder")),(0,s.createElement)("h4",null,(0,f.__)("Tips to write good prompt:","jet-form-builder")),(0,s.createElement)("ul",{style:{listStyle:"disc",paddingInlineStart:"1em"}},(0,s.createElement)("li",null,(0,f.__)("Start with the main purpose of the form.","jet-form-builder")),(0,s.createElement)("li",null,(0,f.__)("If you need specific fields – describe them in the prompt as well.","jet-form-builder")),(0,s.createElement)("li",null,(0,f.__)("It is better to use the English language for the prompt, as AI understands it better than others.","jet-form-builder"))),(0,s.createElement)("h4",null,(0,f.__)("Examples of the good prompts:","jet-form-builder")),(0,s.createElement)("ul",{style:{listStyle:"disc",paddingInlineStart:"1em"}},w.map(t=>(0,s.createElement)("li",{key:t},(0,s.createElement)(p.Button,{onClick:()=>n(t),variant:"link"},t))))))};function _({name:t,attributes:e}){return`\x3c!-- wp:${t} ${JSON.stringify(e)} /--\x3e`}const x=function(t){return t.map(_).join("\n\n")},{parseHTMLtoBlocks:j}=JetFormBuilderParser,S=function({clearHTML:t,formHTML:e,prompt:r,children:n=null}){return(0,s.createElement)(p.Flex,{justify:"flex-start"},(0,s.createElement)(p.Button,{variant:"primary",onClick:()=>{const t=j(e);t.length?b()({method:"POST",path:"/wp/v2/jet-form-builder",data:{title:r,content:x(t),status:"publish"}}).then(t=>{window.location.href=(t=>{const e=new URL(JetFormBuilderAdmin.edit_url);return e.searchParams.set("post",t),e.href})(t.id)}).catch(console.error):console.error((0,f.__)("JFB: Invalid html","jet-form-builder"),e)}},(0,f.__)("Create form with this template","jet-form-builder")),(0,s.createElement)(p.Button,{variant:"secondary",onClick:t},(0,f.__)("Change generation prompt","jet-form-builder")),n)},k=function(){const[t,e]=(0,d.useState)(!1);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)("a",{href:"#",className:"page-title-action",onClick:t=>{t.preventDefault(),e(t=>!t)}},(0,f.__)("Generate with AI","jet-form-builder")),t&&(0,s.createElement)(E,{setShowModal:e,footer:S}))},C=window.wp.domReady;r.n(C)()(()=>{const t=document.createElement("div");t.style.display="inline-flex",document.querySelector('.page-title-action[href*="post-new.php"]').after(t),(0,d.createRoot)(t).render((0,s.createElement)(k,null))})})();