PluginProbe
bBlocks – Essential Gutenberg Blocks & Patterns Collection / 2.1.8
bBlocks – Essential Gutenberg Blocks & Patterns Collection v2.1.8
2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.43 2.0.42 2.0.41 2.0.40 2.0.39 2.0.38 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.5.1 1.5.2 1.5.3 All 108 releases
← All changes | build/form-builder/view.js +3 -1 2.0.40 → 2.1.8 View file →
@@ -1 +1,3 @@
1 -(()=>{"use strict";var t={5795:t=>{t.exports=window.ReactDOM},8744:(t,e,r)=>{var n=r(5795);e.H=n.createRoot,n.hydrateRoot}},e={};const r=window.React;var n=function r(n){var o=e[n];if(void 0!==o)return o.exports;var s=e[n]={exports:{}};return t[n](s,s.exports,r),s.exports}(8744);const o="linear-gradient(135deg, #0040E3, #18D4FD)",s=(t,e,r=!1)=>{return null==(n=e)||""===n||Array.isArray(n)&&0===n.length||"object"==typeof n&&0===Object.keys(n).length||"string"==typeof n&&""===n.trim()||"number"==typeof n&&0===n?"":`${t}: ${e}${r?" !important":""};`;var n},a=(t,e=!0,r=!0,n=!0)=>{const{type:a="solid",color:i="",gradient:l=o,image:c={},position:m="center center",attachment:d="",repeat:p="no-repeat",size:b="",overlayColor:u=""}=t||{};return"gradient"===a&&r?s("background",l):"image"===a&&n?`background: url(${c?.url});\n\t\t\t\t${s("background-color",u)}\n\t\t\t\t${s("background-position",m)}\n\t\t\t\t${s("background-size",b)}\n\t\t\t\t${s("background-repeat",p)}\n\t\t\t\t${s("background-attachment",d)}\n\t\t\t\t${s("background-repeat",p)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&s("background",i)},i=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:r="solid",width:n="0px"}=t;return`${n} ${r} ${e}`};return"object"!=typeof t||Array.isArray(t)?"":t.hasOwnProperty("top")||t.hasOwnProperty("right")||t.hasOwnProperty("bottom")||t.hasOwnProperty("left")?["top","right","bottom","left"].map((r=>t[r]?`border-${r}: ${e(t[r])};`:"")).join(" ").trim():s("border",e(t))},l=(t,e="box")=>{let r="";return t?.map(((n,o)=>{const{hOffset:s="0px",vOffset:a="0px",blur:i="0px",spreed:l="0px",color:c="#e7f0fe",isInset:m=!1}=n||{},d=m?"inset":"",p=`${s} ${a} ${i}`,b=o+1>=t.length?"":", ";r+="text"===e?`${p} ${c}${b}`:`${p} ${l} ${c} ${d}${b}`})),r||""},c=(t,e,r=!0)=>{const{fontFamily:n="Default",fontCategory:o="sans-serif",fontVariant:a=400,fontWeight:i,isUploadFont:l=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:m,textTransform:d,textDecoration:p,lineHeight:b,letterSpace:u}=e||{},g=!r||!n||"Default"===n,f=c?.desktop||c,h=c?.tablet||f,$=c?.mobile||h,k=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},y=`\n\t\t${g?"":`font-family: '${n}', ${o};`}\n\t\t${s("font-weight",i)}\n\t\t${s("font-size",k(f))}\n\t\t${s("font-style",m)}\n\t\t${s("text-transform",d)}\n\t\t${s("text-decoration",p)}\n\t\t${s("line-height",b)}\n\t\t${s("letter-spacing",u)}\n\t`,w=a&&400!==a?"400i"===a?":ital@1":a?.includes("00i")?`: ital, wght@1, ${a?.replace("00i","00")} `:`: wght@${a} `:"",v=g?"":`https://fonts.googleapis.com/css2?family=${n?.split(" ").join("+")}${w.replace(/ /g,"")}&display=swap`;return{googleFontLink:!l||g?"":`@import url(${v});`,styles:`${t}{\n\t\t\t${y}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",k(h))}\n\t\t\t}\n\t\t}\n\t\t@media only screen and (max-width: 640px) {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",k($))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},m=t=>{if(!t)return"";if("string"==typeof t)return t;if("object"==typeof t&&!Array.isArray(t)){const e=["top","right","bottom","left"];return e.map((e=>t[e]||"")).every((t=>!t))?"":e.map((e=>t[e]||"0")).join(" ")}return""},d=({attributes:t,id:e,isBackend:n=!1})=>{const{styles:o,termsConditions:d}=t,{form:p,buttonStyle:b,message:u}=o,{container:g,button:f,navigation:h}=b,{first:$,second:k}=h,{success:y,error:w}=u,v=`#${e}`,E=`${v} .b-blocks-b-form-wrapper`,x=`${E} .b-blocks-b-form-container`,A=`${x} .b-blocks-form-button-wrapper`,C=`${A} .b-blocks-form-submitBtn`,z=`${A} .b-blocks-form-button-navigation-wrapper`,S=`${z} .b-blocks-form-button-navigation-text`,N=`${z} .b-blocks-form-button-navigation-link`,F=`${x} .b-blocks-b-form-termsConditionWrapper`,H=`${E} .b-blocks-b-form-success-message`,L=`${E} .b-blocks-b-form-error-message`,M=n?".block-editor-inner-blocks .block-editor-block-list__layout":`${v} .b-blocks-b-form-child-field-wrapper`,j=` ${"left"===p.align?"justify-content: flex-start":"center"===p.align?"justify-content: center":"right"===p.align?"justify-content: flex-end":""}\n\t`;return(0,r.createElement)(r.Fragment,null,(0,r.createElement)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t\t${c("",f.typography).googleFontLink}\n\t\t\t${c("",$.typography).googleFontLink}\n\t\t\t${c("",k.typography).googleFontLink}\n\t\t\t${c("",d.typography).googleFontLink}\n\t\t\t${c("",y.typo).googleFontLink}\n\t\t\t${c("",w.typo).googleFontLink}\n\n\t\t\t${c(S,$.typography).styles}\n\t\t\t${c(N,k.typography).styles}\n\t\t\t${c(C,f.typography).styles}\n\t\t\t${c(F,d.typography).styles}\n\t\t\t${c(H,y.typo).styles}\n\t\t\t${c(L,w.typo).styles}\n\n\t\t\t${v}{\n\t\t\t\t${"custom"===p.width.type?j:""}\n\t\t\t}\n\n\t\t\t${E}{\n\t\t\t\t${a(p.bg)}\n\t\t\t\t${"custom"===p.width.type?s("width",p.width.desktop):""}\n\t\t\t\t${s("margin",m(p.desktop.margin))}\n\t\t\t\t${s("padding",m(p.desktop.padding))}\n\t\t\t\t${i(p.border)}\n\t\t\t\t${s("border-radius",m(p.desktop.radius))}\n\t\t\t\t${s("box-shadow",l(p.shadow))}\n\t\t\t}\n\n\t\t\t${M}{\n\t\t\t\tdisplay:grid;\n\t\t\t\t${s("gap",p.desktop.fieldGap?p.desktop.fieldGap+"px":"")}\n\t\t\t}\n\t\t\t\n\t\t\t${A}{\n\t\t\t\t${s("margin",m(g.desktop.margin))}\n\t\t\t\tflex-direction:${g.desktop.display};\n\t\t\t\t${"row"===g.desktop.display?"align-items: center;":`align-items:${g.desktop.align};`}\n\t\t\t\t${s("justify-content",g.desktop.justify)}\n\t\t\t\t${"row"===g.desktop.display?"":s("gap",g.desktop.gap)}\n\t\t\t}\n\n\t\t\t${C}{\n\t\t\t\t\t${s("margin",m(f.desktop.margin))}\n\t\t\t\t\t${s("padding",m(f.desktop.padding))}\n\t\t\t\t\t${s("color",f.normal.color)}\n\t\t\t\t\t${a(f.normal.bg)}\n\t\t\t\t\t${i(f.normal.desktop.border)}\n\t\t\t\t\t${s("border-radius",m(f.normal.desktop.radius))}\n\t\t\t\t\t${s("box-shadow",l(f.normal.desktop.shadow))}\n\t\t\t}\n\n\t\t\t${C}:hover{\n\t\t\t\t\t${s("color",f.hover.color)}\n\t\t\t\t\t${a(f.hover.bg)}\n\t\t\t\t\t${i(f.hover.desktop.border)}\n\t\t\t\t\t${s("border-radius",m(f.hover.desktop.radius))}\n\t\t\t\t\t${s("box-shadow",l(f.hover.desktop.shadow))}\n\t\t\t}\n\t\t\t${C}>.b-form-button-loading-spinner{\n\t\t\t\t${s("color",m(b.spinner.color))}\n\t\t\t\t${s("fill",m(b.spinner.color))}\n\t\t\t\t${s("margin",m(b.spinner.margin))}\n\t\t\t\t${s("width",b.spinner.size)}\n\t\t\t\t${s("height",b.spinner.size)}\n\t\t\t}\n\n\t\t\t${S}{\n\t\t\t\t${s("color",$.color)}\n\t\t\t\t${s("margin",m($.desktop.margin))}\n\t\t\t}\n\n\t\t\t${N}{\n\t\t\t\t${s("color",k.color)}\n\t\t\t\t${s("margin",m(k.desktop.margin))}\n\t\t\t}\n\n\t\t\t${F}{\n\t\t\t\t${s("margin",m(d.margin.desktop))}\n\t\t\t\t${s("padding",m(d.padding.desktop))}\n\t\t\t\t${s("color",m(d.color.text))}\n\t\t\t\t${s("background",m(d.color.bg))}\n\t\t\t}\n\n\t\t\t${F} .b-blocks-b-form-checkbox-container{\n\t\t\t\t${s("margin",m(d.checkboxMargin.desktop))}\n\t\t\t}\n\n\t\t\t${F} .b-blocks-b-blocks-termsConditionWrapper-link{\n\t\t\t\t${s("color",d.color.link)}\n\t\t\t}\n\n\t\t\t${F} .b-blocks-b-form-checkbox-container>input:checked ~ .b-blocks-b-form-checkmark {\n\t\t\t\t${s("background",d.color.checkbox)}\n\t\t\t}\n\n\t\t\t${H}{\n\t\t\t\t${s("margin",m(y.margin))}\n\t\t\t\t${s("padding",m(y.padding))}\n\t\t\t\t${s("color",y.color.text)}\n\t\t\t\t${a(y.color.bg)}\n\t\t\t\t${i(y.border)}\n\t\t\t\t${s("border-radius",m(y.radius))}\n\t\t\t}\n\t\t\t${L}{\n\t\t\t\t${s("margin",m(w.margin))}\n\t\t\t\t${s("padding",m(w.padding))}\n\t\t\t\t${s("color",w.color.text)}\n\t\t\t\t${a(w.color.bg)}\n\t\t\t\t${i(w.border)}\n\t\t\t\t${s("border-radius",m(w.radius))}\n\t\t\t}\n\n\t`.replace(/\s+/g," ").trim()}}))},p="b-blocks-input-field-error-container",b={invalid_email:{name:"email",message:"Incorrect email"},invalid_username:{name:"username",message:"Incorrect username"},incorrect_password:{name:"password",message:"Incorrect password"}},u=(t,e)=>{if(!t)return{container:null,messageEl:null};const r=t.querySelector(`.b-blocks-input-field-validation-${e}`),n=r?.querySelector(".b-blocks-input-field-error-message");return{container:r,messageEl:n}},g=(t,e,r)=>{const{container:n,messageEl:o}=u(t,e);n&&o&&(o.style.display="unset",o.textContent=r,n.classList.add(p))},f=(t,e)=>{const{container:r,messageEl:n}=u(t,e);r&&n&&(n.style.display="none",r.classList.remove(p))};(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 288 480 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-370.7 0 73.4-73.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-128 128z"})),(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{fill:"none",d:"M0 0h24v24H0V0z"}),(0,r.createElement)("path",{d:"M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z"})),(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{fill:"none",d:"M0 0h24v24H0V0z"}),(0,r.createElement)("path",{d:"M16 13h-3V3h-2v10H8l4 4 4-4zM4 19v2h16v-2H4z"})),(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"})),(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{d:"M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"})),(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{d:"M432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM108.1 96h231.81A12.09 12.09 0 0 0 352 83.9V44.09A12.09 12.09 0 0 0 339.91 32H108.1A12.09 12.09 0 0 0 96 44.09V83.9A12.1 12.1 0 0 0 108.1 96zm231.81 256A12.09 12.09 0 0 0 352 339.9v-39.81A12.09 12.09 0 0 0 339.91 288H108.1A12.09 12.09 0 0 0 96 300.09v39.81a12.1 12.1 0 0 0 12.1 12.1z"})),(0,r.createElement)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{d:"M16 224h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm416 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm3.17-384H172.83A12.82 12.82 0 0 0 160 44.83v38.34A12.82 12.82 0 0 0 172.83 96h262.34A12.82 12.82 0 0 0 448 83.17V44.83A12.82 12.82 0 0 0 435.17 32zm0 256H172.83A12.82 12.82 0 0 0 160 300.83v38.34A12.82 12.82 0 0 0 172.83 352h262.34A12.82 12.82 0 0 0 448 339.17v-38.34A12.82 12.82 0 0 0 435.17 288z"}));const h=t=>(0,r.createElement)("svg",{fill:"hsl(228, 97%, 42%)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t},(0,r.createElement)("g",null,(0,r.createElement)("circle",{cx:"12",cy:"2.5",r:"1.5",opacity:".14"}),(0,r.createElement)("circle",{cx:"16.75",cy:"3.77",r:"1.5",opacity:".29"}),(0,r.createElement)("circle",{cx:"20.23",cy:"7.25",r:"1.5",opacity:".43"}),(0,r.createElement)("circle",{cx:"21.50",cy:"12.00",r:"1.5",opacity:".57"}),(0,r.createElement)("circle",{cx:"20.23",cy:"16.75",r:"1.5",opacity:".71"}),(0,r.createElement)("circle",{cx:"16.75",cy:"20.23",r:"1.5",opacity:".86"}),(0,r.createElement)("circle",{cx:"12",cy:"21.5",r:"1.5"}),(0,r.createElement)("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"discrete",dur:"0.75s",values:"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12",repeatCount:"indefinite"}))),$=({children:t,attributes:e,isFrontend:n=!1})=>{const{form:o,button:s,termsConditions:a,message:i,formId:l,postId:c,formOptions:m,styles:d}=e,{navigation:p}=s,u=!n&&i.isShowDemoSuccess,$=!n&&i.isShowDemoError,[k,y]=(0,r.useState)(!1),[w,v]=(0,r.useState)(!1),E=window.bBlocksCursorDataConfig?.nonce,{data:x,saveData:A,error:C,isLoading:z,isError:S}=((t,e={},n=!0)=>{const[o,s]=(0,r.useState)(!1),[a,i]=(0,r.useState)(!1),[l,c]=(0,r.useState)(null),[m,d]=(0,r.useState)(null);if(!wp.ajax)return void console.error("Please use wp-util as a dependency");const p=(r={})=>{s(!0),i(!1),c(null),wp.ajax.post(t,{...e,...r}).done((t=>{s(!1),d(t)})).fail((t=>{s(!1),i(!0),c(t)}))},b=(t={})=>{p(t)};return(0,r.useEffect)((()=>{n&&p(e)}),[]),{data:m,saveData:b,refetch:b,isLoading:o,isError:a,error:l}})("b_form_submit",{_nonce:E},!1),N=(0,r.useRef)("");return((t,e,n,o)=>{(0,r.useEffect)((()=>{const e=n?.current;if(e&&t){if("register"===o){const r=(t=>{if(!t)return[];const e=new FormData(t);return Array.from(e.keys())})(e),n=t?.message||"";r.forEach((t=>{"string"==typeof n&&n.toLowerCase().includes(t.toLowerCase())?g(e,t,n):f(e,t)}))}if("login"===o){const r=t?.errorCode;(t=>{["email","username","password"].forEach((e=>f(t,e)))})(e);const n=b[r];n&&g(e,n.name,n.message)}}}),[t,e,n,o])})(C,S,N,o.formType),(0,r.useEffect)((()=>{C&&C?.message?.includes("Something went wrong")&&v(!0),x&&(y(!0),N.current.reset(),m.isRedirect&&(m.redirectUrl&&!m.redirectPrevious?setTimeout((()=>{window.location.href=m.redirectUrl}),500):m.redirectPrevious?setTimeout((()=>{window.history.back()}),1e3):window.location.href="/"))}),[C,z,x]),(0,r.createElement)("div",{className:"b-blocks-b-form-wrapper"},(0,r.createElement)("form",{onSubmit:t=>{t.preventDefault();const e=t.target;let r=[];const n=new FormData(t.target),s=Object.fromEntries(n);Object.keys(s).forEach((t=>{const n=(t=>{const r=e.querySelector(`.b-blocks-input-field-validation-${t}`);if(r)return JSON.parse(r.dataset.iserror)?(r.classList.add("b-blocks-input-field-error-container"),t):void(C||r.classList.remove("b-blocks-input-field-error-container"))})(t);n&&r.push(n)})),r.length>0?v(!0):A({...s,type:o.formType,current_post_id:c,formId:l})},className:"b-blocks-b-form-container",ref:N},t,a.show&&"register"===o.formType&&(0,r.createElement)("div",{className:"b-blocks-b-form-termsConditionWrapper"},(0,r.createElement)("label",{className:"b-blocks-b-form-checkbox-container"},(0,r.createElement)("input",{type:"checkbox",required:!0}),(0,r.createElement)("span",{className:"b-blocks-b-form-checkmark"})),(0,r.createElement)("label",{className:"b-blocks-b-blocks-termsConditionWrapper-first"},a.label.first),(0,r.createElement)("a",{className:"b-blocks-b-blocks-termsConditionWrapper-link",href:a.url},a.label.second)),(0,r.createElement)("div",{className:"b-blocks-form-button-wrapper"},(0,r.createElement)("button",{className:"b-blocks-form-submitBtn",type:"submit"},s.button.text," ",z&&n&&(0,r.createElement)(h,{className:"b-form-button-loading-spinner"})," ",!n&&d.buttonStyle.spinner.isDemo&&(0,r.createElement)(h,{className:"b-form-button-loading-spinner"})," "),p.isNavigation&&(p.first.text||p.second.text)&&(0,r.createElement)("div",{className:"b-blocks-form-button-navigation-wrapper"},(0,r.createElement)("p",{className:"b-blocks-form-button-navigation-text"},p.first.text)," ",(0,r.createElement)("a",{className:"b-blocks-form-button-navigation-link",href:p.second.url},p.second.text)," "))),k&&i.success.successFulRegistration&&(0,r.createElement)("div",{className:"b-blocks-b-form-success-message"},(0,r.createElement)("span",null,i.success.successFulRegistration)),u&&(0,r.createElement)("div",{className:"b-blocks-b-form-success-message"},(0,r.createElement)("span",null,i.success.successFulRegistration)),w&&i.error.default&&(0,r.createElement)("div",{className:"b-blocks-b-form-error-message"},(0,r.createElement)("span",null,i.error.default)),$&&(0,r.createElement)("div",{className:"b-blocks-b-form-error-message"},(0,r.createElement)("span",null,i.error.default)))},k=({attributes:t,templateContent:e})=>{const n=(0,r.useRef)(null);return(0,r.useEffect)((()=>{if(!n.current||!e)return;if("1"===e.dataset.moved)return;const t=Array.from(e.children);n.current.append(...t),e.dataset.moved="1"}),[n.current,e]),(0,r.createElement)($,{attributes:t,isFrontend:!0},(0,r.createElement)("div",{className:"b-blocks-b-form-child-field-wrapper",ref:n}))};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-form-builder").forEach((t=>{let e={};try{const r=t.dataset.attributes;r&&"undefined"!==r&&""!==r&&(e=JSON.parse(r))}catch(t){console.warn("B Form: Invalid attributes JSON",t)}const o=t.querySelector("div#bFormPhpGetContent");o&&((0,n.H)(t).render((0,r.createElement)(r.Fragment,null,(0,r.createElement)(d,{attributes:e,id:t.id}),(0,r.createElement)(k,{attributes:e,templateContent:o}))),t.hasAttribute("data-attributes")&&t.removeAttribute("data-attributes"))}))}))})();
1 +(()=>{"use strict";const t=window.ReactDOM,e=window.React;new class{constructor(t={}){this.defaultOptions={allowedTags:["svg","g","path","rect","circle","ellipse","line","polyline","polygon","text","tspan","defs","clipPath","mask","linearGradient","radialGradient","stop","style","title","desc"],allowedAttributes:["id","class","style","transform","xmlns","xmlns:xlink","version","baseProfile","xml:space","d","x","y","width","height","cx","cy","r","rx","ry","points","x1","y1","x2","y2","viewBox","preserveAspectRatio","overflow","fill","fill-opacity","fill-rule","stroke","stroke-width","stroke-linecap","stroke-linejoin","stroke-opacity","stroke-dasharray","stroke-dashoffset","stroke-miterlimit","opacity","color","paint-order","vector-effect","shape-rendering","display","visibility","clip-path","clip-rule","clipPathUnits","mask","maskUnits","maskContentUnits","offset","stop-color","stop-opacity","gradientUnits","gradientTransform","spreadMethod","fx","fy","fr","dx","dy","text-anchor","dominant-baseline","alignment-baseline","font-family","font-size","font-style","font-weight","letter-spacing","word-spacing","textLength","lengthAdjust","role","focusable","aria-hidden","aria-label","aria-labelledby","aria-describedby"],allowedProtocols:["http","https","data"],removeScripts:!0,removeEvents:!0,removeExternalResources:!0,sanitizeStyle:!0},this.options={...this.defaultOptions,...t},this.allowedTagSet=new Set(this.options.allowedTags.map((t=>t.toLowerCase()))),this.allowedAttributeSet=new Set(this.options.allowedAttributes.map((t=>t.toLowerCase())))}sanitize(t){if("string"!=typeof t||""===t.trim())return"";const e=(new DOMParser).parseFromString(t,"image/svg+xml"),r=e.documentElement;return!r||"svg"!==r.localName.toLowerCase()||e.getElementsByTagName("parsererror").length?"":(this.removeScripts(e),this.sanitizeElements(e),(new XMLSerializer).serializeToString(e.documentElement))}async sanitizeFile(t){const e=await fetch(t),r=await e.text();return this.sanitize(`${r}`)}removeScripts(t){this.options.removeScripts&&Array.from(t.querySelectorAll("*")).forEach((t=>{t.localName.toLowerCase().includes("script")&&t.remove()}))}sanitizeElements(t){Array.from(t.querySelectorAll("*")).forEach((t=>{const e=t.localName.toLowerCase();this.allowedTagSet.has(e)?("style"===e&&this.options.sanitizeStyle&&(t.textContent=this.sanitizeCss(t.textContent)),this.sanitizeAttributes(t)):t.remove()}))}sanitizeAttributes(t){Array.from(t.attributes).forEach((e=>{const r=e.name,n=r.toLowerCase(),o=e.value;if(this.options.removeEvents&&n.startsWith("on"))return void t.removeAttribute(r);if(this.options.removeExternalResources&&("href"===n||n.endsWith(":href"))&&!this.isAllowedUrl(o))return void t.removeAttribute(r);const s=n.replace("xlink:","");this.allowedAttributeSet.has(n)||this.allowedAttributeSet.has(s)?this.options.removeExternalResources&&this.hasExternalUrl(o)?t.removeAttribute(r):"style"===n&&this.options.sanitizeStyle&&t.setAttribute(r,this.sanitizeCss(o)):t.removeAttribute(r)}))}hasExternalUrl(t){return!("string"!=typeof t||!/url\s*\(/i.test(t))&&Array.from(t.matchAll(/url\s*\(\s*['"]?([^'")]*)/gi)).some((([,t])=>!t.trim().startsWith("#")))}isAllowedUrl(t){const e=String(t||"").trim();if(e.startsWith("#"))return!0;if(/^data:/i.test(e))return this.options.allowedProtocols.includes("data")&&/^data:image\/(png|jpe?g|gif|webp);base64,/i.test(e);try{return this.options.allowedProtocols.includes(new URL(e).protocol.replace(":",""))}catch{return!1}}sanitizeCss(t){return String(t||"").replace(/expression\s*\(/gi,"").replace(/javascript:/gi,"").replace(/behavior\s*:/gi,"").replace(/binding\s*:/gi,"").replace(/@import[^;]*;?/gi,"").replace(/url\s*\(\s*(['"]?)(?!#)[^)]*\)/gi,"none")}};const r="linear-gradient(135deg, #0040E3, #18D4FD)",n=t=>{const e=(t=>{try{const e=new URL(t);return["http:","https:"].includes(e.protocol)?e.toString():null}catch(e){return"string"==typeof t&&t.startsWith("/")&&!t.startsWith("//")?t:null}})(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"},o=(t,e)=>{return null==(r=e)||""===r||Array.isArray(r)&&0===r.length||"object"==typeof r&&0===Object.keys(r).length||"string"==typeof r&&""===r.trim()||"number"==typeof r&&0===r?"":`${t}: ${e};`;var r},s=(t,e=!0,s=!0,i=!0)=>{const{type:a="solid",color:l="",gradient:c=r,image:d={},position:p="center center",attachment:m="",repeat:b="no-repeat",size:u="",overlayColor:g=""}=t||{};return"gradient"===a&&s?o("background",c):"image"===a&&i?`background: ${n(d?.url)};\n\t\t\t\t${o("background-color",g)}\n\t\t\t\t${o("background-position",p)}\n\t\t\t\t${o("background-size",u)}\n\t\t\t\t${o("background-repeat",b)}\n\t\t\t\t${o("background-attachment",m)}\n\t\t\t\t${o("background-repeat",b)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&o("background",l)},i=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:r="solid",width:n="0px"}=t;return`${n} ${r} ${e}`};return"object"!=typeof t||Array.isArray(t)?"":t.hasOwnProperty("top")||t.hasOwnProperty("right")||t.hasOwnProperty("bottom")||t.hasOwnProperty("left")?["top","right","bottom","left"].map((r=>t[r]?`border-${r}: ${e(t[r])};`:"")).join(" ").trim():o("border",e(t))},a=(t,e="box")=>{let r="";return t?.map(((n,o)=>{const{hOffset:s="0px",vOffset:i="0px",blur:a="0px",spreed:l="0px",color:c="#e7f0fe",isInset:d=!1}=n||{},p=d?"inset":"",m=`${s} ${i} ${a}`,b=o+1>=t.length?"":", ";r+="text"===e?`${m} ${c}${b}`:`${m} ${l} ${c} ${p}${b}`})),r||""},l=(t,e,r=!0)=>{const{fontFamily:n="Default",fontCategory:s="sans-serif",fontVariant:i=400,fontWeight:a,isUploadFont:l=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:d,textTransform:p,textDecoration:m,lineHeight:b,letterSpace:u}=e||{},g=!r||!n||"Default"===n,f=c?.desktop||c,h=c?.tablet||f,y=c?.mobile||h,$=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},k=`\n\t\t${g?"":`font-family: '${n}', ${s};`}\n\t\t${o("font-weight",a)}\n\t\t${o("font-size",$(f))}\n\t\t${o("font-style",d)}\n\t\t${o("text-transform",p)}\n\t\t${o("text-decoration",m)}\n\t\t${o("line-height",b)}\n\t\t${o("letter-spacing",u)}\n\t`,x=i&&400!==i?"400i"===i?":ital@1":i?.includes("00i")?`: ital, wght@1, ${i?.replace("00i","00")} `:`: wght@${i} `:"",w=g?"":`https://fonts.googleapis.com/css2?family=${n?.split(" ").join("+")}${x.replace(/ /g,"")}&display=swap`;return{googleFontLink:!l||g?"":`@import url(${w});`,styles:`${t}{\n\t\t\t${k}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",$(h))}\n\t\t\t}\n\t\t}\n\t\t@media only screen and (max-width: 640px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",$(y))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},c=t=>{if(!t)return"";if("string"==typeof t)return t;if("object"==typeof t&&!Array.isArray(t)){const e=["top","right","bottom","left"];return e.map((e=>t[e]||"")).every((t=>!t))?"":e.map((e=>t[e]||"0")).join(" ")}return""},d=window.ReactJSXRuntime,p=({attributes:t,id:e,isBackend:r=!1})=>{const{styles:n,termsConditions:p}=t,{form:m,buttonStyle:b,message:u}=n,{container:g,button:f,navigation:h}=b,{first:y,second:$}=h,{success:k,error:x}=u,w=`#${e}`,v=`${w} .b-blocks-b-form-wrapper`,j=`${v} .b-blocks-b-form-container`,S=`${j} .b-blocks-form-button-wrapper`,A=`${S} .b-blocks-form-submitBtn`,E=`${S} .b-blocks-form-button-navigation-wrapper`,C=`${E} .b-blocks-form-button-navigation-text`,L=`${E} .b-blocks-form-button-navigation-link`,N=`${j} .b-blocks-b-form-termsConditionWrapper`,z=`${v} .b-blocks-b-form-success-message`,F=`${v} .b-blocks-b-form-error-message`,O=r?".block-editor-inner-blocks .block-editor-block-list__layout":`${w} .b-blocks-b-form-child-field-wrapper`,D=` ${"left"===m.align?"justify-content: flex-start":"center"===m.align?"justify-content: center":"right"===m.align?"justify-content: flex-end":""}\n\t`;return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("style",{dangerouslySetInnerHTML:{
2 +__html:`\n\t\t\t${l("",f.typography).googleFontLink}\n\t\t\t${l("",y.typography).googleFontLink}\n\t\t\t${l("",$.typography).googleFontLink}\n\t\t\t${l("",p.typography).googleFontLink}\n\t\t\t${l("",k.typo).googleFontLink}\n\t\t\t${l("",x.typo).googleFontLink}\n\n\t\t\t${l(C,y.typography).styles}\n\t\t\t${l(L,$.typography).styles}\n\t\t\t${l(A,f.typography).styles}\n\t\t\t${l(N,p.typography).styles}\n\t\t\t${l(z,k.typo).styles}\n\t\t\t${l(F,x.typo).styles}\n\n\t\t\t${w}{\n\t\t\t\t${"custom"===m.width.type?D:""}\n\t\t\t}\n\n\t\t\t${v}{\n\t\t\t\t${s(m.bg)}\n\t\t\t\t${"custom"===m.width.type?o("width",m.width.desktop):""}\n\t\t\t\t${o("margin",c(m.desktop.margin))}\n\t\t\t\t${o("padding",c(m.desktop.padding))}\n\t\t\t\t${i(m.border)}\n\t\t\t\t${o("border-radius",c(m.desktop.radius))}\n\t\t\t\t${o("box-shadow",a(m.shadow))}\n\t\t\t}\n\n\t\t\t${O}{\n\t\t\t\tdisplay:grid;\n\t\t\t\t${o("gap",m.desktop.fieldGap?m.desktop.fieldGap+"px":"")}\n\t\t\t}\n\t\t\t\n\t\t\t${S}{\n\t\t\t\t${o("margin",c(g.desktop.margin))}\n\t\t\t\tflex-direction:${g.desktop.display};\n\t\t\t\t${"row"===g.desktop.display?"align-items: center;":`align-items:${g.desktop.align};`}\n\t\t\t\t${o("justify-content",g.desktop.justify)}\n\t\t\t\t${"row"===g.desktop.display?"":o("gap",g.desktop.gap)}\n\t\t\t}\n\n\t\t\t${A}{\n\t\t\t\t\t${o("margin",c(f.desktop.margin))}\n\t\t\t\t\t${o("padding",c(f.desktop.padding))}\n\t\t\t\t\t${o("color",f.normal.color)}\n\t\t\t\t\t${s(f.normal.bg)}\n\t\t\t\t\t${i(f.normal.desktop.border)}\n\t\t\t\t\t${o("border-radius",c(f.normal.desktop.radius))}\n\t\t\t\t\t${o("box-shadow",a(f.normal.desktop.shadow))}\n\t\t\t}\n\n\t\t\t${A}:hover{\n\t\t\t\t\t${o("color",f.hover.color)}\n\t\t\t\t\t${s(f.hover.bg)}\n\t\t\t\t\t${i(f.hover.desktop.border)}\n\t\t\t\t\t${o("border-radius",c(f.hover.desktop.radius))}\n\t\t\t\t\t${o("box-shadow",a(f.hover.desktop.shadow))}\n\t\t\t}\n\t\t\t${A}>.b-form-button-loading-spinner{\n\t\t\t\t${o("color",c(b.spinner.color))}\n\t\t\t\t${o("fill",c(b.spinner.color))}\n\t\t\t\t${o("margin",c(b.spinner.margin))}\n\t\t\t\t${o("width",b.spinner.size)}\n\t\t\t\t${o("height",b.spinner.size)}\n\t\t\t}\n\n\t\t\t${C}{\n\t\t\t\t${o("color",y.color)}\n\t\t\t\t${o("margin",c(y.desktop.margin))}\n\t\t\t}\n\n\t\t\t${L}{\n\t\t\t\t${o("color",$.color)}\n\t\t\t\t${o("margin",c($.desktop.margin))}\n\t\t\t}\n\n\t\t\t${N}{\n\t\t\t\t${o("margin",c(p.margin.desktop))}\n\t\t\t\t${o("padding",c(p.padding.desktop))}\n\t\t\t\t${o("color",c(p.color.text))}\n\t\t\t\t${o("background",c(p.color.bg))}\n\t\t\t}\n\n\t\t\t${N} .b-blocks-b-form-checkbox-container{\n\t\t\t\t${o("margin",c(p.checkboxMargin.desktop))}\n\t\t\t}\n\n\t\t\t${N} .b-blocks-b-blocks-termsConditionWrapper-link{\n\t\t\t\t${o("color",p.color.link)}\n\t\t\t}\n\n\t\t\t${N} .b-blocks-b-form-checkbox-container>input:checked ~ .b-blocks-b-form-checkmark {\n\t\t\t\t${o("background",p.color.checkbox)}\n\t\t\t}\n\n\t\t\t${z}{\n\t\t\t\t${o("margin",c(k.margin))}\n\t\t\t\t${o("padding",c(k.padding))}\n\t\t\t\t${o("color",k.color.text)}\n\t\t\t\t${s(k.color.bg)}\n\t\t\t\t${i(k.border)}\n\t\t\t\t${o("border-radius",c(k.radius))}\n\t\t\t}\n\t\t\t${F}{\n\t\t\t\t${o("margin",c(x.margin))}\n\t\t\t\t${o("padding",c(x.padding))}\n\t\t\t\t${o("color",x.color.text)}\n\t\t\t\t${s(x.color.bg)}\n\t\t\t\t${i(x.border)}\n\t\t\t\t${o("border-radius",c(x.radius))}\n\t\t\t}\n\n\t`.replace(/\s+/g," ").trim()}})})},m="b-blocks-input-field-error-container",b={invalid_email:{name:"email",message:"Incorrect email"},invalid_username:{name:"username",message:"Incorrect username"},incorrect_password:{name:"password",message:"Incorrect password"}},u=(t,e)=>{if(!t)return{container:null,messageEl:null};const r=t.querySelector(`.b-blocks-input-field-validation-${e}`),n=r?.querySelector(".b-blocks-input-field-error-message");return{container:r,messageEl:n}},g=(t,e,r)=>{const{container:n,messageEl:o}=u(t,e);n&&o&&(o.style.display="unset",o.textContent=r,n.classList.add(m))},f=(t,e)=>{const{container:r,messageEl:n}=u(t,e);r&&n&&(n.style.display="none",r.classList.remove(m))},h=t=>(0,d.jsx)("svg",{fill:"hsl(228, 97%, 42%)",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,d.jsxs)("g",{children:[(0,d.jsx)("circle",{cx:"12",cy:"2.5",r:"1.5",opacity:".14"}),(0,d.jsx)("circle",{cx:"16.75",cy:"3.77",r:"1.5",opacity:".29"}),(0,d.jsx)("circle",{cx:"20.23",cy:"7.25",r:"1.5",opacity:".43"}),(0,d.jsx)("circle",{cx:"21.50",cy:"12.00",r:"1.5",opacity:".57"}),(0,d.jsx)("circle",{cx:"20.23",cy:"16.75",r:"1.5",opacity:".71"}),(0,d.jsx)("circle",{cx:"16.75",cy:"20.23",r:"1.5",opacity:".86"}),(0,d.jsx)("circle",{cx:"12",cy:"21.5",r:"1.5"}),(0,d.jsx)("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"discrete",dur:"0.75s",values:"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12",repeatCount:"indefinite"})]})}),y=({children:t,attributes:r,isFrontend:n=!1})=>{const{form:o,button:s,termsConditions:i,message:a,formId:l,postId:c,formOptions:p,styles:m}=r,{navigation:u}=s,y=!n&&a.isShowDemoSuccess,$=!n&&a.isShowDemoError,[k,x]=(0,e.useState)(!1),[w,v]=(0,e.useState)(!1),j=window.bBlocksCursorDataConfig?.nonce,{data:S,saveData:A,error:E,isLoading:C,isError:L}=((t,r={},n=!0)=>{const[o,s]=(0,e.useState)(!1),[i,a]=(0,e.useState)(!1),[l,c]=(0,e.useState)(null),[d,p]=(0,e.useState)(null);if(!wp.ajax)return void console.error("Please use wp-util as a dependency");const m=(e={})=>{s(!0),a(!1),c(null),wp.ajax.post(t,{...r,...e}).done((t=>{s(!1),p(t)})).fail((t=>{s(!1),a(!0),c(t)}))},b=(t={})=>{m(t)};return(0,e.useEffect)((()=>{n&&m(r)}),[]),{data:d,saveData:b,refetch:b,isLoading:o,isError:i,error:l}})("b_form_submit",{_nonce:j},!1),N=(0,e.useRef)("");return((t,r,n,o)=>{(0,e.useEffect)((()=>{const e=n?.current;if(e&&t){if("register"===o){const r=(t=>{if(!t)return[];const e=new FormData(t);return Array.from(e.keys())})(e),n=t?.message||"";r.forEach((t=>{"string"==typeof n&&n.toLowerCase().includes(t.toLowerCase())?g(e,t,n):f(e,t)}))}if("login"===o){const r=t?.errorCode;(t=>{["email","username","password"].forEach((e=>f(t,e)))})(e);const n=b[r];n&&g(e,n.name,n.message)}}}),[t,r,n,o])})(E,L,N,o.formType),(0,e.useEffect)((()=>{E&&E?.message?.includes("Something went wrong")&&v(!0),S&&(x(!0),N.current.reset(),p.isRedirect&&(p.redirectUrl&&!p.redirectPrevious?setTimeout((()=>{window.location.href=p.redirectUrl}),500):p.redirectPrevious?setTimeout((()=>{window.history.back()}),1e3):window.location.href="/"))}),[E,C,S]),(0,d.jsxs)("div",{className:"b-blocks-b-form-wrapper",children:[(0,d.jsxs)("form",{onSubmit:t=>{t.preventDefault();const e=t.target;let r=[];const n=new FormData(t.target),s=Object.fromEntries(n);Object.keys(s).forEach((t=>{const n=(t=>{const r=e.querySelector(`.b-blocks-input-field-validation-${t}`);if(r)return JSON.parse(r.dataset.iserror)?(r.classList.add("b-blocks-input-field-error-container"),t):void(E||r.classList.remove("b-blocks-input-field-error-container"))})(t);n&&r.push(n)})),r.length>0?v(!0):A({...s,type:o.formType,current_post_id:c,formId:l})},className:"b-blocks-b-form-container",ref:N,children:[t,i.show&&"register"===o.formType&&(0,d.jsxs)("div",{className:"b-blocks-b-form-termsConditionWrapper",children:[(0,d.jsxs)("label",{className:"b-blocks-b-form-checkbox-container",children:[(0,d.jsx)("input",{type:"checkbox",required:!0}),(0,d.jsx)("span",{className:"b-blocks-b-form-checkmark"})]}),(0,d.jsx)("label",{className:"b-blocks-b-blocks-termsConditionWrapper-first",children:i.label.first}),(0,d.jsx)("a",{className:"b-blocks-b-blocks-termsConditionWrapper-link",href:i.url,children:i.label.second})]}),(0,d.jsxs)("div",{className:"b-blocks-form-button-wrapper",children:[(0,d.jsxs)("button",{className:"b-blocks-form-submitBtn",type:"submit",children:[s.button.text," ",C&&n&&(0,d.jsx)(h,{className:"b-form-button-loading-spinner"})," ",!n&&m.buttonStyle.spinner.isDemo&&(0,d.jsx)(h,{className:"b-form-button-loading-spinner"})," "]
3 +}),u.isNavigation&&(u.first.text||u.second.text)&&(0,d.jsxs)("div",{className:"b-blocks-form-button-navigation-wrapper",children:[(0,d.jsx)("p",{className:"b-blocks-form-button-navigation-text",children:u.first.text})," ",(0,d.jsx)("a",{className:"b-blocks-form-button-navigation-link",href:u.second.url,children:u.second.text})," "]})]})]}),k&&a.success.successFulRegistration&&(0,d.jsx)("div",{className:"b-blocks-b-form-success-message",children:(0,d.jsx)("span",{children:a.success.successFulRegistration})}),y&&(0,d.jsx)("div",{className:"b-blocks-b-form-success-message",children:(0,d.jsx)("span",{children:a.success.successFulRegistration})}),w&&a.error.default&&(0,d.jsx)("div",{className:"b-blocks-b-form-error-message",children:(0,d.jsx)("span",{children:a.error.default})}),$&&(0,d.jsx)("div",{className:"b-blocks-b-form-error-message",children:(0,d.jsx)("span",{children:a.error.default})})]})},$=({attributes:t,templateContent:r})=>{const n=(0,e.useRef)(null);return(0,e.useEffect)((()=>{if(!n.current||!r)return;if("1"===r.dataset.moved)return;const t=Array.from(r.children);n.current.append(...t),r.dataset.moved="1"}),[n.current,r]),(0,d.jsx)(y,{attributes:t,isFrontend:!0,children:(0,d.jsx)("div",{className:"b-blocks-b-form-child-field-wrapper",ref:n})})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-form-builder").forEach((e=>{let r={};try{const t=e.dataset.attributes;t&&"undefined"!==t&&""!==t&&(r=JSON.parse(t))}catch(t){console.warn("B Form: Invalid attributes JSON",t)}const n=e.querySelector("div#bFormPhpGetContent");n&&((0,t.createRoot)(e).render((0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(p,{attributes:r,id:e.id}),(0,d.jsx)($,{attributes:r,templateContent:n})]})),e.hasAttribute("data-attributes")&&e.removeAttribute("data-attributes"))}))}))})();