| @@ -1 +1,3 @@ | ||
| 1 | -(()=>{"use strict";const t=window.ReactDOM,e=window.React,n="linear-gradient(135deg, #0040E3, #18D4FD)",r=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==(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};`;var n},s=(t,e=!0,s=!0,i=!0)=>{const{type:a="solid",color:c="",gradient:l=n,image:d={},position:b="center center",attachment:p="",repeat:m="no-repeat",size:u="",overlayColor:g=""}=t||{};return"gradient"===a&&s?o("background",l):"image"===a&&i?`background: ${r(d?.url)};\n\t\t\t\t${o("background-color",g)}\n\t\t\t\t${o("background-position",b)}\n\t\t\t\t${o("background-size",u)}\n\t\t\t\t${o("background-repeat",m)}\n\t\t\t\t${o("background-attachment",p)}\n\t\t\t\t${o("background-repeat",m)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&o("background",c)},i=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:n="solid",width:r="0px"}=t;return`${r} ${n} ${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((n=>t[n]?`border-${n}: ${e(t[n])};`:"")).join(" ").trim():o("border",e(t))},a=(t,e="box")=>{let n="";return t?.map(((r,o)=>{const{hOffset:s="0px",vOffset:i="0px",blur:a="0px",spreed:c="0px",color:l="#e7f0fe",isInset:d=!1}=r||{},b=d?"inset":"",p=`${s} ${i} ${a}`,m=o+1>=t.length?"":", ";n+="text"===e?`${p} ${l}${m}`:`${p} ${c} ${l} ${b}${m}`})),n||""},c=(t,e,n=!0)=>{const{fontFamily:r="Default",fontCategory:s="sans-serif",fontVariant:i=400,fontWeight:a,isUploadFont:c=!0,fontSize:l={desktop:null,tablet:null,mobile:null},fontStyle:d,textTransform:b,textDecoration:p,lineHeight:m,letterSpace:u}=e||{},g=!n||!r||"Default"===r,f=l?.desktop||l,$=l?.tablet||f,h=l?.mobile||$,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: '${r}', ${s};`}\n\t\t${o("font-weight",a)}\n\t\t${o("font-size",k(f))}\n\t\t${o("font-style",d)}\n\t\t${o("text-transform",b)}\n\t\t${o("text-decoration",p)}\n\t\t${o("line-height",m)}\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=${r?.split(" ").join("+")}${x.replace(/ /g,"")}&display=swap`;return{googleFontLink:!c||g?"":`@import url(${w});`,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${o("font-size",k($))}\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",k(h))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},l=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,b=({attributes:t,id:e,isBackend:n=!1})=>{const{styles:r,termsConditions:b}=t,{form:p,buttonStyle:m,message:u}=r,{container:g,button:f,navigation:$}=m,{first:h,second:k}=$,{success:y,error:x}=u,w=`#${e}`,j=`${w} .b-blocks-b-form-wrapper`,v=`${j} .b-blocks-b-form-container`,S=`${v} .b-blocks-form-button-wrapper`,N=`${S} .b-blocks-form-submitBtn`,F=`${S} .b-blocks-form-button-navigation-wrapper`,C=`${F} .b-blocks-form-button-navigation-text`,L=`${F} .b-blocks-form-button-navigation-link`,E=`${v} .b-blocks-b-form-termsConditionWrapper`,D=`${j} .b-blocks-b-form-success-message`,O=`${j} .b-blocks-b-form-error-message`,R=n?".block-editor-inner-blocks .block-editor-block-list__layout":`${w} .b-blocks-b-form-child-field-wrapper`,_=` ${"left"===p.align?"justify-content: flex-start":"center"===p.align?"justify-content: center":"right"===p.align?"justify-content: flex-end":""}\n\t`;return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t\t${c("",f.typography).googleFontLink}\n\t\t\t${c("",h.typography).googleFontLink}\n\t\t\t${c("",k.typography).googleFontLink}\n\t\t\t${c("",b.typography).googleFontLink}\n\t\t\t${c("",y.typo).googleFontLink}\n\t\t\t${c("",x.typo).googleFontLink}\n\n\t\t\t${c(C,h.typography).styles}\n\t\t\t${c(L,k.typography).styles}\n\t\t\t${c(N,f.typography).styles}\n\t\t\t${c(E,b.typography).styles}\n\t\t\t${c(D,y.typo).styles}\n\t\t\t${c(O,x.typo).styles}\n\n\t\t\t${w}{\n\t\t\t\t${"custom"===p.width.type?_:""}\n\t\t\t}\n\n\t\t\t${j}{\n\t\t\t\t${s(p.bg)}\n\t\t\t\t${"custom"===p.width.type?o("width",p.width.desktop):""}\n\t\t\t\t${o("margin",l(p.desktop.margin))}\n\t\t\t\t${o("padding",l(p.desktop.padding))}\n\t\t\t\t${i(p.border)}\n\t\t\t\t${o("border-radius",l(p.desktop.radius))}\n\t\t\t\t${o("box-shadow",a(p.shadow))}\n\t\t\t}\n\n\t\t\t${R}{\n\t\t\t\tdisplay:grid;\n\t\t\t\t${o("gap",p.desktop.fieldGap?p.desktop.fieldGap+"px":"")}\n\t\t\t}\n\t\t\t\n\t\t\t${S}{\n\t\t\t\t${o("margin",l(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${N}{\n\t\t\t\t\t${o("margin",l(f.desktop.margin))}\n\t\t\t\t\t${o("padding",l(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",l(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${N}: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",l(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${N}>.b-form-button-loading-spinner{\n\t\t\t\t${o("color",l(m.spinner.color))}\n\t\t\t\t${o("fill",l(m.spinner.color))}\n\t\t\t\t${o("margin",l(m.spinner.margin))}\n\t\t\t\t${o("width",m.spinner.size)}\n\t\t\t\t${o("height",m.spinner.size)}\n\t\t\t}\n\n\t\t\t${C}{\n\t\t\t\t${o("color",h.color)}\n\t\t\t\t${o("margin",l(h.desktop.margin))}\n\t\t\t}\n\n\t\t\t${L}{\n\t\t\t\t${o("color",k.color)}\n\t\t\t\t${o("margin",l(k.desktop.margin))}\n\t\t\t}\n\n\t\t\t${E}{\n\t\t\t\t${o("margin",l(b.margin.desktop))}\n\t\t\t\t${o("padding",l(b.padding.desktop))}\n\t\t\t\t${o("color",l(b.color.text))}\n\t\t\t\t${o("background",l(b.color.bg))}\n\t\t\t}\n\n\t\t\t${E} .b-blocks-b-form-checkbox-container{\n\t\t\t\t${o("margin",l(b.checkboxMargin.desktop))}\n\t\t\t}\n\n\t\t\t${E} .b-blocks-b-blocks-termsConditionWrapper-link{\n\t\t\t\t${o("color",b.color.link)}\n\t\t\t}\n\n\t\t\t${E} .b-blocks-b-form-checkbox-container>input:checked ~ .b-blocks-b-form-checkmark {\n\t\t\t\t${o("background",b.color.checkbox)}\n\t\t\t}\n\n\t\t\t${D}{\n\t\t\t\t${o("margin",l(y.margin))}\n\t\t\t\t${o("padding",l(y.padding))}\n\t\t\t\t${o("color",y.color.text)}\n\t\t\t\t${s(y.color.bg)}\n\t\t\t\t${i(y.border)}\n\t\t\t\t${o("border-radius",l(y.radius))}\n\t\t\t}\n\t\t\t${O}{\n\t\t\t\t${o("margin",l(x.margin))}\n\t\t\t\t${o("padding",l(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",l(x.radius))}\n\t\t\t}\n\n\t`.replace(/\s+/g," ").trim()}})})},p="b-blocks-input-field-error-container",m={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 n=t.querySelector(`.b-blocks-input-field-validation-${e}`),r=n?.querySelector(".b-blocks-input-field-error-message");return{container:n,messageEl:r}},g=(t,e,n)=>{const{container:r,messageEl:o}=u(t,e);r&&o&&(o.style.display="unset",o.textContent=n,r.classList.add(p))},f=(t,e)=>{const{container:n,messageEl:r}=u(t,e);n&&r&&(r.style.display="none",n.classList.remove(p))},$=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"})]})}),h=({children:t,attributes:n,isFrontend:r=!1})=>{const{form:o,button:s,termsConditions:i,message:a,formId:c,postId:l,formOptions:b,styles:p}=n,{navigation:u}=s,h=!r&&a.isShowDemoSuccess,k=!r&&a.isShowDemoError,[y,x]=(0,e.useState)(!1),[w,j]=(0,e.useState)(!1),v=window.bBlocksCursorDataConfig?.nonce,{data:S,saveData:N,error:F,isLoading:C,isError:L}=((t,n={},r=!0)=>{const[o,s]=(0,e.useState)(!1),[i,a]=(0,e.useState)(!1),[c,l]=(0,e.useState)(null),[d,b]=(0,e.useState)(null);if(!wp.ajax)return void console.error("Please use wp-util as a dependency");const p=(e={})=>{s(!0),a(!1),l(null),wp.ajax.post(t,{...n,...e}).done((t=>{s(!1),b(t)})).fail((t=>{s(!1),a(!0),l(t)}))},m=(t={})=>{p(t)};return(0,e.useEffect)((()=>{r&&p(n)}),[]),{data:d,saveData:m,refetch:m,isLoading:o,isError:i,error:c}})("b_form_submit",{_nonce:v},!1),E=(0,e.useRef)("");return((t,n,r,o)=>{(0,e.useEffect)((()=>{const e=r?.current;if(e&&t){if("register"===o){const n=(t=>{if(!t)return[];const e=new FormData(t);return Array.from(e.keys())})(e),r=t?.message||"";n.forEach((t=>{"string"==typeof r&&r.toLowerCase().includes(t.toLowerCase())?g(e,t,r):f(e,t)}))}if("login"===o){const n=t?.errorCode;(t=>{["email","username","password"].forEach((e=>f(t,e)))})(e);const r=m[n];r&&g(e,r.name,r.message)}}}),[t,n,r,o])})(F,L,E,o.formType),(0,e.useEffect)((()=>{F&&F?.message?.includes("Something went wrong")&&j(!0),S&&(x(!0),E.current.reset(),b.isRedirect&&(b.redirectUrl&&!b.redirectPrevious?setTimeout((()=>{window.location.href=b.redirectUrl}),500):b.redirectPrevious?setTimeout((()=>{window.history.back()}),1e3):window.location.href="/"))}),[F,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 n=[];const r=new FormData(t.target),s=Object.fromEntries(r);Object.keys(s).forEach((t=>{const r=(t=>{const n=e.querySelector(`.b-blocks-input-field-validation-${t}`);if(n)return JSON.parse(n.dataset.iserror)?(n.classList.add("b-blocks-input-field-error-container"),t):void(F||n.classList.remove("b-blocks-input-field-error-container"))})(t);r&&n.push(r)})),n.length>0?j(!0):N({...s,type:o.formType,current_post_id:l,formId:c})},className:"b-blocks-b-form-container",ref:E,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&&r&&(0,d.jsx)($,{className:"b-form-button-loading-spinner"})," ",!r&&p.buttonStyle.spinner.isDemo&&(0,d.jsx)($,{className:"b-form-button-loading-spinner"})," "]}),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})," "]})]})]}),y&&a.success.successFulRegistration&&(0,d.jsx)("div",{className:"b-blocks-b-form-success-message",children:(0,d.jsx)("span",{children:a.success.successFulRegistration})}),h&&(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})}),k&&(0,d.jsx)("div",{className:"b-blocks-b-form-error-message",children:(0,d.jsx)("span",{children:a.error.default})})]})},k=({attributes:t,templateContent:n})=>{const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{if(!r.current||!n)return;if("1"===n.dataset.moved)return;const t=Array.from(n.children);r.current.append(...t),n.dataset.moved="1"}),[r.current,n]),(0,d.jsx)(h,{attributes:t,isFrontend:!0,children:(0,d.jsx)("div",{className:"b-blocks-b-form-child-field-wrapper",ref:r})})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-form-builder").forEach((e=>{let n={};try{const t=e.dataset.attributes;t&&"undefined"!==t&&""!==t&&(n=JSON.parse(t))}catch(t){console.warn("B Form: Invalid attributes JSON",t)}const r=e.querySelector("div#bFormPhpGetContent");r&&((0,t.createRoot)(e).render((0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{attributes:n,id:e.id}),(0,d.jsx)(k,{attributes:n,templateContent:r})]})),e.hasAttribute("data-attributes")&&e.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"))}))}))})(); | |
