https://optikmelawai.com/_next/static/chunks/6245.42335c2ab109eeed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6245],{25933:function(e,t,l){l.d(t,{Rx:function(){return d},NX:function(){return c},Hj:function(){return o}});var i=l(78551),a=l(98029),s=l(63781);const n="https://strapicms.optikmelawai.com/api",r=async(e,t,l)=>{const i=e.toUpperCase(),a={method:s.Is[i],overrideBaseUrl:n,subUrl:t,useStrapi:!0};"GET"!==i&&(a.data=l);return(await(0,s.RE)(a)).data},c=e=>{const t=(0,i.a)({queryKey:["getPageBuilderContent",e],queryFn:()=>(async e=>(await(0,s.RE)({method:s.Is.GET,overrideBaseUrl:"https://api.optikmelawai.com",subUrl:"/api/v2/pages/".concat(e),useStrapi:!0})).data)(e),enabled:!1});return t},d=e=>{let{fsMethod:t,fsUrl:l,payload:a}=e;return(0,i.a)({queryKey:["getEvent"],queryFn:()=>r(t,l,a),enabled:!1,refetchOnMount:!1})},o=()=>(0,a.D)({mutationFn:e=>{let{fsMethod:t,fsUrl:l,payload:i}=e;return r(t,l,i)}})},40950:function(e,t,l){var i=l(85893),a=l(67294),s=l(25935);const n={left:"text-left",right:"text-right",center:"text-center",justify:"text-justify"},r={h1:"text-4xl text-black font-epilogue",h2:"text-3xl text-black font-epilogue",h3:"text-2xl text-black font-epilogue",h4:"text-xl text-black font-epilogue",h5:"text-lg text-black font-epilogue",h6:"text-base font-bold text-black font-epilogue"};t.Z=e=>{let{htmlString:t,position:l}=e;const c={replace:e=>{if("type"in e&&"name"in e&&"tag"===e.type){const t=e.attribs&&e.attribs.style?(e.attribs.style.match(/text-align:\s*(\w+)/)||[])[1]:"",d=n[t]||"";if("ul"===e.name){let t="list-disc";e.attribs&&e.attribs.style&&(e.attribs.style.includes("list-style-type:circle;")?t="list-circle":e.attribs.style.includes("list-style-type:square;")?t="list-square":e.attribs.style.includes("list-style-type:none;")&&(t="list-none"));const a="".concat(t,"center"===l?" pl-4 mt-5 flex flex-col items-center":" pl-4 mt-5");return(0,i.jsx)("ul",{className:a,children:(0,s.du)(e.children,{...c})})}if("ol"===e.name){let t=e.parent;for(;t&&"tag"!==t.type;)t=t.parent;let a="list-decimal";e.attribs&&e.attribs.style&&(e.attribs.style.includes("list-style-type:lower-roman;")?a="list-lower-roman":e.attribs.style.includes("list-style-type:upper-roman;")?a="list-upper-roman":e.attribs.style.includes("list-style-type:lower-latin;")?a="list-lower-latin":e.attribs.style.includes("list-style-type:upper-latin;")?a="list-upper-latin":e.attribs.style.includes("list-style-type:lower-alpha;")?a="list-lower-alpha":e.attribs.style.includes("list-style-type:upper-alpha;")?a="list-upper-alpha":e.attribs.style.includes("list-style-type:decimal-leading-zero;")?a="list-decimal-leading-zero":e.attribs.style.includes("list-style-type:georgian;")?a="list-georgian":e.attribs.style.includes("list-style-type:hebrew;")&&(a="list-hebrew"));const n="center"===l?"pl-4 mt-5 flex flex-col items-center ".concat(a):"pl-4 mt-5 ".concat(a);return t&&"li"===t.name?(0,i.jsx)("ol",{className:"ml-5 text-base text-black font-epilogue my-3 ".concat(a),children:(0,s.du)(e.children,{...c})}):(0,i.jsx)("ol",{className:n,children:(0,s.du)(e.children,{...c})})}if("li"===e.name)return(0,i.jsx)("li",{children:(0,s.du)(e.children,{...c})});if("a"===e.name&&e.attribs)return(0,i.jsx)("a",{href:e.attribs.href,target:e.attribs.target,rel:e.attribs.rel,className:"text-blue-500",children:(0,s.du)(e.children,{...c})});if("span"===e.name&&e.attribs){const t=(e.attribs.style||"").split(";").reduce((e,t)=>{const[l,i]=t.split(":");return l&&i&&(e[l.trim()]=i.trim()),e},{});return(0,i.jsx)("span",{className:"font-epilogue",style:t,children:(0,s.du)(e.children,{...c})})}if("blockquote"===e.name)return(0,i.jsx)("blockquote",{className:"p-4 my-4 border-s-4 border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-gray-800",children:(0,i.jsx)("p",{className:"mb-3 italic",children:(0,s.du)(e.children,{...c})})});if("p"===e.name&&e.attribs){const t=e.attribs.style||"",l="mb-3 ".concat(d);return(0,i.jsx)("p",{className:l,style:t.split(";").reduce((e,t)=>{const[l,i]=t.split(":");if(l&&i){const t=l.trim(),a=i.trim();t in e&&(e[t]=a)}return e},{}),children:(0,s.du)(e.children,{...c})})}if(e.name in r){const t="".concat(r[e.name]," ").concat(d);return a.createElement(e.name,{className:t},(0,s.du)(e.children,{...c}))}}return e}},d=(0,s.ZP)(t,{...c});return(0,i.jsx)(i.Fragment,{children:d})}},6245:function(e,t,l){l.r(t),l.d(t,{default:function(){return f}});var i=l(85893),a=l(67294),s=l(11163),n=l(39332),r=l(25933),c=l(15267);function d(e){let{width:t,imgSrc:l,margin:s="",padding:n="",alt:r=""}=e;const[d,o]=(0,a.useState)();return(0,a.useEffect)(()=>{!async function(){let e={...d};if(""!=s)e={...e,margin:""!=s?s:"0px 0px 0px 0px"};else{let t={...e};delete t.margin,e=t}if(""!=n)e={...e,padding:""!=n?n:"0px 0px 0px 0px"};else{let t={...e};delete t.padding,e=t}o({...e})}()},[s,n]),(0,i.jsx)(c.Z,{fallbackSrc:"/assets/icons/broken-img.svg",src:l,className:"w-full",width:t,height:t,style:d,alt:r})}var o=l(41664),u=l.n(o),p=l(40950);function m(e){let{padding:t="",margin:l="",label:s="",url:n=""}=e;const[r,c]=(0,a.useState)();return(0,a.useEffect)(()=>{!async function(){let e={...r};if(""!=l)e={...e,margin:""!=l?l:"0px 0px 0px 0px"};else{let t={...e};delete t.margin,e=t}if(""!=t)e={...e,padding:""!=t?t:"0px 0px 0px 0px"};else{let t={...e};delete t.padding,e=t}c({...e})}()},[l,t]),(0,i.jsx)("div",{className:"md:w-[50%]",style:r,children:(0,i.jsx)(u(),{href:n,children:(0,i.jsx)("button",{className:"w-full py-3 px-4 flex justify-center items-center text-base font-epilogue text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0",children:(0,i.jsx)(p.Z,{htmlString:s})})})})}function x(e){let{padding:t="",margin:l="",width:s="",text:n=""}=e;const[r,c]=(0,a.useState)();return(0,a.useEffect)(()=>{!async function(){let e={...r};if(""!=l)e={...e,margin:""!=l?l:"0px 0px 0px 0px"};else{let t={...e};delete t.margin,e=t}if(""!=t)e={...e,padding:""!=t?t:"0px 0px 0px 0px"};else{let t={...e};delete t.padding,e=t}c({...e})}()},[l,t]),(0,i.jsx)("div",{style:{maxWidth:s||"100%"},children:(0,i.jsx)("div",{className:"mt-4 group-open:animate-fadeIn",style:r,children:(0,i.jsx)(p.Z,{htmlString:n})})})}function g(e){let{padding:t="",margin:l="",width:s=""}=e;const[n,r]=(0,a.useState)();return(0,a.useEffect)(()=>{!async function(){let e={...n};if(""!=l)e={...e,margin:""!=l?l:"0px 0px 0px 0px"};else{let t={...e};delete t.margin,e=t}if(""!=t)e={...e,padding:""!=t?t:"0px 0px 0px 0px"};else{let t={...e};delete t.padding,e=t}r({...e})}()},[l,t]),(0,i.jsx)("div",{style:{maxWidth:s||"100%",minWidth:"500px",...n},className:"grid justify-items-center",children:(0,i.jsx)("div",{className:"w-[500px]",children:(0,i.jsxs)("form",{children:[(0,i.jsxs)("div",{children:[(0,i.jsxs)("label",{className:"font-bold font-epilogue text-black text-base uppercase block mb-2",children:["email ",(0,i.jsx)("span",{className:"text-primary",children:"*"})," "]}),(0,i.jsx)("input",{type:"text",className:"h-[50px] w-full focus:outline-none focus:ring-0 focus:shadow-none",placeholder:"Enter you email address"})]}),(0,i.jsx)("div",{className:"flex flex-col gap-3 mt-10 w-full",children:(0,i.jsx)("button",{type:"button",className:"w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0","data-te-offcanvas-toggle":"","data-te-target":"#emailSubmissionModal","aria-controls":"emailSubmissionModal","data-te-ripple-init":"","data-te-ripple-color":"light",children:"SUBSCRIBE"})})]})})})}var f=()=>

1{const e=(0,s.useRouter)(),t=(0,n.useSearchParams)().get("slug"),[l,c]=(0,a.useState)(!0),[o,u]=(0,a.useState)(!1),[p,f]=(0,a.useState)(""),[h,y]=(0,a.useState)(null),b=(0,r.NX)(p);return(0,a.useEffect)(()=>{var l;null!=e.query.slug&&("article"==e.query.slug?f(t):f((null===(l=e.query.slug)||void 0===l?void 0:l.toString())||""))},[e.query.slug]),(0,a.useEffect)(()=>{""!=p&&null!=p&&null!=p&&b.refetch()},[p]),(0,a.useEffect)(()=>{b.isSuccess&&(c(!1),u(!1),b.data.status?y(b.data.data||null):u(!0)),b.isError&&(c(!1),u(!0))},[b.isFetching,b.isError,b.isSuccess]),(0,i.jsxs)(i.Fragment,{children:[l&&(0,i.jsx)("div",{className:"text-center py-52",children:(0,i.jsx)("div",{className:"inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",role:"status",children:(0,i.jsx)("span",{className:"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]",children:"Loading..."})})}),!l&&(0,i.jsx)(i.Fragment,{children:!o&&null!=h&&(0,i.jsx)("div",{className:"w-full grid justify-items-center",children:(0,i.jsx)("div",{style:{maxWidth:h.content.meta.width||"100%"},className:"grid justify-items-center",children:h.content.rows.map((e,t)=>{var l,a,s,n,r,c,o;return"image-only"==e.name?(0,i.jsx)(d,{width:parseInt(h.content.meta.width.substring(0,h.content.meta.width.length-2)),padding:e.meta.padding||"",margin:e.meta.margin||"",imgSrc:(null===(l=e.data.image)||void 0===l?void 0:l.url)||"",alt:(null===(a=e.data.image)||void 0===a?void 0:a.name)||""},t):"button-only"==e.name?(0,i.jsx)(m,{padding:e.meta.padding||"",margin:e.meta.margin||"",label:(null===(n=e.data.builderButton)||void 0===n||null===(s=n.label)||void 0===s?void 0:s.text)||"",url:(null===(r=e.data.builderButton)||void 0===r?void 0:r.url)||""},t):"paragraph-only"==e.name?(0,i.jsx)(x,{padding:e.meta.padding||"",margin:e.meta.margin||"",text:(null===(c=e.data.paragraph)||void 0===c?void 0:c.text)||"",width:(null===(o=e.data.paragraph)||void 0===o?void 0:o.meta.width)||""},t):"email-submission-only"==e.name?(0,i.jsx)(g,{padding:e.meta.padding||"",margin:e.meta.margin||"",width:h.content.meta.width||""},t):(0,i.jsx)("div",{},t)})})})})]})}}}]);