https://www.zicasso.com/component---src-pages-how-zicasso-works-index-js-88f710d3fbc2d933ceb9.js

1"use strict";(self.webpackChunkz3_web=self.webpackChunkz3_web||[]).push([[4780],{45399:function(e,t,a){var s=a(24794),o=a(21707),i=a(47582);t.A=()=>{const e=(0,s.useStaticQuery)("2458149375").organizationJson,t=(0,o.A)().reviewCount.reviewCount;return e.brand.description=e.brand.description.replace("{reviewCount}",t.toLocaleString("en-US")),(0,i.A)(e)}},47582:function(e,t){const a=e=>{if(!e)return e;if(Array.isArray(e))return e.map(e=>a(e));if("object"!=typeof e)return e;try{const t=Object.assign({},e);return Object.entries(t).forEach(e=>{let s=e[0],o=e[1];if("_type"===s||"_context"===s||"_id"===s){const e=s.replace("_","@");t[e]=o,delete t[s]}null!==o&&"object"==typeof o&&(t[s]=a(o))}),t}catch(t){return console.error("Error transforming JSON-LD fields:",t),e}};t.A=a},84633:function(e,t,a){a.d(t,{A:function(){return d}});var s=a(96540),o=a(5588),i="gatsby-hero-image-module--gatsby-image-wrapper-ie--ca7cc";var l=e=>{let t=e.children,a=void 0===t?null:t,l=e.customClassName,n=e.gatsbyImages,r=void 0===n?null:n,c=e.heroImage,m=e.imageClass,d=void 0===m?null:m,u=e.mobileHeroImage,h=void 0===u?null:u,g=e.pageParent,p=void 0===g?null:g,w=e.style,b=void 0===w?null:w;return s.createElement("div",{className:l,id:p?"ztest-"+p+"-hero-header":void 0},h&&s.createElement(o.G,{alt:h.alt,className:"\n          mobile-tablet-display\n          "+d+"\n          "+i+"\n        ",fetchPriority:"high",image:r,id:"mobile",key:"mobile-hero",loading:"eager",style:Object.assign({},b,{height:"100%"}),title:h.title}),s.createElement(o.G,{alt:c.alt,className:"\n        "+(h?"desktop-display":"")+"\n        "+d+"\n        "+i+"\n      ",fetchPriority:"high",image:r,id:"desktop",key:"desktop-hero",loading:"eager",style:Object.assign({},b,{height:"100%"}),title:c.title||c.alt}),a)},n=a(40312);var r=e=>{let t=e.aspectRatio,a=void 0===t?null:t,o=e.children,i=void 0===o?null:o,l=e.customClassName,r=void 0===l?"":l,c=e.heroImage,m=e.imageClass,d=void 0===m?"":m,u=e.imagesEndpoint,h=e.mobileHeroImage,g=void 0===h?null:h,p=e.pageParent,w=void 0===p?null:p,b=e.style,_=void 0===b?null:b;return s.createElement("div",{className:r,id:w?"ztest-"+w+"-hero-header":void 0},g&&s.createElement(n.Ay,{alt:g.alt,aspectRatio:a,className:"\n          mobile-tablet-display\n          "+d+"\n      ",cloudinarySrc:g.uri,crop:g.crop||"fill",effect:g.effect,gravity:g.gravity||"center",id:"mobile",key:"mobile-hero",src:u,style:_,title:g.title}),s.createElement(n.Ay,{alt:null==c?void 0:c.alt,aspectRatio:a,className:"\n        "+(g?"desktop-display":"")+"\n        "+d+"\n      ",cloudinarySrc:null==c?void 0:c.uri,crop:(null==c?void 0:c.crop)||"fill",effect:null==c?void 0:c.effect,gravity:(null==c?void 0:c.gravity)||"center",id:"desktop",key:"desktop-hero",src:u,style:_,title:null==c?void 0:c.title}),i)},c=a(68218);const m=e=>{let t=e.aspectRatio,a=void 0===t?null:t,i=e.children,n=void 0===i?null:i,m=e.customClassName,d=void 0===m?"":m,u=e.customGatsbyImages,h=void 0===u?null:u,g=e.heroImage,p=e.heroImageSharp,w=void 0===p?null:p,b=e.imageClass,_=void 0===b?"":b,v=e.imagesEndpoint,y=e.mobileHeroImage,k=void 0===y?null:y,E=e.mobileHeroImageSharp,f=void 0===E?null:E,N=e.style,z=void 0===N?null:N;const I=(0,s.useContext)(c.A),S=(0,s.useMemo)(()=>h||(f&&w?(0,o.w)((0,o.c)(w),[{media:"(max-width: 1279px)",image:(0,o.c)(f)}]):w?(0,o.c)(w):null),[f,w,h]);return S?s.createElement(l,{aspectRatio:a,customClassName:d,gatsbyImages:S,heroImage:g,imageClass:_,mobileHeroImage:k,pageParent:I,style:z},n):s.createElement(r,{aspectRatio:a,customClassName:d,heroImage:g,imageClass:_,imagesEndpoint:v,mobileHeroImage:k,pageParent:I,style:z},n)};m.displayName="GatsbyHeroImageContainer";var d=m},85558:function(e,t,a){a.r(t),a.d(t,{Head:function(){return f},default:function(){return N}});var s=a(96540),o=a(24794),i=a(71468),l=a(5588),n=a(40312);var r=e=>{let t=e.breakpoint,a=void 0===t?null:t,o=e.items,i=e.section,l=e.rowReverse,r=void 0!==l&&l;return s.createElement("div",{className:"how-zicasso-works-list-module--about__list--wrapper--outer--2892f",style:{flexDirection:r&&"desktop"===a?"row-reverse":"row"}},s.createElement("div",{className:"how-zicasso-works-list-module--about__list--wrapper--inner--19777",style:{paddingLeft:r&&"desktop"===a&&"50px"}},i.title&&s.createElement("h2",{className:"how-zicasso-works-list-module--about__list--title--e00db"},i.title),i.content&&i.content.map(e=>

1s.createElement("p",{key:"contents-"+e,dangerouslySetInnerHTML:{__html:e}})),s.createElement("ul",{className:"how-zicasso-works-list-module--about__list--62e4f"},o&&o.map((e,t)=>s.createElement("li",{key:"about-step-"+(e.title||e.content.slice(0,30).replace(/[^a-zA-Z0-9]/g,""))},s.createElement("div",{className:"how-zicasso-works-list-module--about__list--number--2d02b"},t+1),s.createElement("div",null,e.title&&s.createElement("p",{className:"how-zicasso-works-list-module--about__list--sub-title--0a06e"},e.title),s.createElement("div",{className:"how-zicasso-works-list-module--about__list--content--9bd00",dangerouslySetInnerHTML:{__html:e.content}})))))),s.createElement("div",{style:{width:i.image.customWidth&&i.image.customWidth,height:i.image.customHeight&&i.image.customHeight,flex:!i.image.customWidth&&1},className:"desktop-display"},s.createElement(n.ax,{alt:i.image.alt,className:"how-zicasso-works-list-module--about__list--image--0c657",uri:i.image.uri,crop:"fill",width:i.image.customWidth,height:i.image.customHeight})))},c=a(84633),m=a(99586);var d=e=>{let t=e.header,a=e.heroImage,o=e.gatsbyImages,i=e.imagesEndpoint;return s.createElement("div",{className:"how-zicasso-works-header-module--about__header--df185"},s.createElement(c.A,{customClassName:"how-zicasso-works-header-module--about__header--image--158eb",heroImage:a,customGatsbyImages:o,imagesEndpoint:i}),s.createElement("div",{className:"how-zicasso-works-header-module--about__header--overlay--ec1a8"},s.createElement("div",{className:"how-zicasso-works-header-module--about__header--title--wrapper--a69cd"},s.createElement("div",null,s.createElement("h1",{className:"how-zicasso-works-header-module--about__header--title--95b09"},t.title),s.createElement("div",{className:"how-zicasso-works-header-module--about__header--subtitle--3dedd"},t.content)),s.createElement(m.A,{href:t.cta.link,rel:"nofollow",className:"how-zicasso-works-header-module--about__header--button--49083"},t.cta.text))))};var u=(e,t)=>{const a=(0,s.useRef)();(0,s.useEffect)(()=>{a.current=e},[e]),(0,s.useEffect)(()=>{if(t){const e=setInterval(()=>a.current(),t);return()=>clearInterval(e)}},[t])};var h=e=>{let t=e.slides;const a=(0,s.useState)(0),o=a[0],i=a[1];return u(()=>{o<t.length-1?i(o+1):i(0)},3e3),s.createElement("div",{className:"how-zicasso-works-slides-module--about__slides--wrapper--outer--27229"},t&&t.map((e,t)=>s.createElement("div",{className:"how-zicasso-works-slides-module--about__slides--wrapper--inner--4da97",style:{opacity:t===o?1:0},key:"slide-"+e.top+"-"+e.bottom+"-"+e.right},s.createElement("div",{className:"how-zicasso-works-slides-module--about__slides--left--6bf30"},s.createElement(n.Ay,{className:"how-zicasso-works-slides-module--about__slides--image--top--c5590",cloudinarySrc:e.top,height:510,lazy:!0,width:585}),s.createElement(n.Ay,{cloudinarySrc:e.bottom,height:481,lazy:!0,width:585})),s.createElement("div",{className:"how-zicasso-works-slides-module--about__slides--right--f861d"},s.createElement(n.Ay,{className:"how-zicasso-works-slides-module--about__slides--image--right--9f0d3",cloudinarySrc:e.right,height:991,lazy:!0,width:585})))))},g="how-zicasso-works-page-module--about__content--4b2b0",p="how-zicasso-works-page-module--about__title--d8fd6";var w=e=>{let t=e.body,a=e.currentBreakpoint,o=void 0===a?null:a,i=e.header,c=e.heroImageSharp,m=e.mobileHeroImageSharp,u=e.tabletHeroImageSharp,w=e.site,b=void 0===w?null:w;const _=(0,s.useMemo)(()=>

1c?(0,l.w)((0,l.c)(c),[{media:"(max-width: 767px)",image:(0,l.c)(m)},{media:"(max-width: 1279px)",image:(0,l.c)(u)}]):null,[c,m,u]);return s.createElement(s.Fragment,null,s.createElement(d,{header:i,heroImage:i.heroImage,gatsbyImages:_,imagesEndpoint:b.siteMetadata.imagesEndpoint}),s.createElement("section",{id:t.sections[0].anchor,key:"content-section-1",className:"how-zicasso-works-page-module--about-page__section1--wrapper--f13e3"},s.createElement("div",{className:"how-zicasso-works-page-module--about-page__section1--content--48c3d"},s.createElement("h2",{className:p},t.sections[0].title),t.sections[0].content&&t.sections[0].content.map(e=>s.createElement("p",{key:"contents-"+e,className:g,dangerouslySetInnerHTML:{__html:e}})),t.sections[1].content.map(e=>s.createElement("p",{key:"contents-"+e,className:g,dangerouslySetInnerHTML:{__html:e}}))),s.createElement("div",{className:"how-zicasso-works-page-module--about-page__half-desktop--8fe5e"},s.createElement(n.VI,null,s.createElement(n.kL,{aspectRatio:1.6,media:"(min-width: 768px)",uri:t.sections[1].image.uri,width:860}),s.createElement(n.ax,{alt:t.sections[1].image.alt,aspectRatio:1.58,className:"how-zicasso-works-page-module--about__image--aa5a5 how-zicasso-works-page-module--image__2--1acc1",uri:t.sections[1].image.uri,crop:"fill",lazy:!0,width:430})))),s.createElement("section",{id:t.sections[2].anchor,key:"content-section-2",className:"how-zicasso-works-page-module--about-page__section2--wrapper--83c0d"},s.createElement("div",{className:"how-zicasso-works-page-module--about-page__section2--content--279bd"},s.createElement(r,{breakpoint:o,items:t.sections[2].bulletList,section:t.sections[2]}))),s.createElement("section",{key:"content-section-3",className:"how-zicasso-works-page-module--about-page__section3--wrapper--45a63"},s.createElement("div",{className:"how-zicasso-works-page-module--about-page__section3--content--5d06b"},s.createElement(r,{breakpoint:o,items:t.sections[3].bulletList,section:t.sections[3],rowReverse:!0}))),s.createElement("section",{key:"content-section-4",className:"how-zicasso-works-page-module--about-page__section4--wrapper--26a03"},s.createElement("div",null,s.createElement("h2",{className:p},t.sections[4].title),s.createElement("div",{className:"how-zicasso-works-page-module--about-page__section4--content--a1a0c"},s.createElement("p",{className:g,dangerouslySetInnerHTML:{__html:t.sections[4].content[0]}}),s.createElement("p",{className:g,dangerouslySetInnerHTML:{__html:t.sections[4].content[1]}})))),s.createElement("section",{key:"content-section-5"},s.createElement("div",{className:"how-zicasso-works-page-module--about-page__section5--wrapper--6558d"},s.createElement(h,{slides:t.sections[5].slides}))))},b=a(32442);var _=(0,i.Ng)(e=>({currentBreakpoint:e.breakpoints.currentBreakpoint}))(e=>{const t=(0,o.useStaticQuery)("4242148396").howZicassoWorksJson,a=(0,b.Q)().site;return s.createElement(w,Object.assign({},e,t,{site:a}))}),v=a(45458),y=a(22837),k=a(45399),E=a(47582);const f=e=>{let t=e.location;const a=(0,o.useStaticQuery)("2800996630").howZicassoWorksJson,i=(null==a?void 0:a.seo)||{},l=(0,k.A)(),n=(0,E.A)(null==a?void 0:a.howTo),r=n?JSON.stringify(n):null,c=[JSON.stringify(l)].concat((0,v.A)(r?[r]:[])).filter(Boolean);return s.createElement(y.A,{location:t,canonical:"https://www.zicasso.com/how-zicasso-works",description:i.description,jsonLDStrings:c,title:i.title})};var N=_}}]);