https://www.zicasso.com/component---src-pages-how-zicasso-works-index-js-45d6d2d29bfe17966150.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,r=e.gatsbyImages,n=void 0===r?null:r,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:n,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:n,id:"desktop",key:"desktop-hero",loading:"eager",style:Object.assign({},b,{height:"100%"}),title:c.title||c.alt}),a)},r=a(40312);var n=e=>{let t=e.aspectRatio,a=void 0===t?null:t,o=e.children,i=void 0===o?null:o,l=e.customClassName,n=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:n,id:w?"ztest-"+w+"-hero-header":void 0},g&&s.createElement(r.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(r.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,r=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},r):s.createElement(n,{aspectRatio:a,customClassName:d,heroImage:g,imageClass:_,imagesEndpoint:v,mobileHeroImage:k,pageParent:I,style:z},r)};m.displayName="GatsbyHeroImageContainer";var d=m},85558:function(e,t,a){a.r(t),a.d(t,{Head:function(){return z},default:function(){return I}});var s=a(96540),o=a(24794),i=a(71468),l=a(5588),r=a(40312),n=a(89958);const c="content-1-cta";var m=e=>{let t=e.breakpoint,a=void 0===t?null:t,o=e.items,i=e.section,l=e.rowReverse,m=void 0!==l&&l;const d=(0,n.A)(),u=e=>{e.target.closest("#"+c)&&d({ctaId:c,ctaText:"trip request form"})};return s.createElement("div",{className:"how-zicasso-works-list-module--about__list--wrapper--outer--2892f",style:{flexDirection:m&&"desktop"===a?"row-reverse":"row"}},s.createElement("div",{className:"how-zicasso-works-list-module--about__list--wrapper--inner--19777",style:{paddingLeft:m&&"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)=>{return 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:(a=e.content,a.replace(/<a(\s+href=(['"])\/trip-request\2)/,'<a id="'+c+'"$1'))},onClick:u})));var a}))),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(r.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})))},d=a(84633),u=a(99586);var h=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(d.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(u.A,{className:"how-zicasso-works-header-module--about__header--button--49083",ctaId:"hero-cta",href:t.cta.link,rel:"nofollow"},t.cta.text))))};var g=(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 p=e=>{let t=e.slides;const a=(0,s.useState)(0),o=a[0],i=a[1];return g(()=>{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(r.Ay,{className:"how-zicasso-works-slides-module--about__slides--image--top--c5590",cloudinarySrc:e.top,height:510,lazy:!0,width:585}),s.createElement(r.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(r.Ay,{className:"how-zicasso-works-slides-module--about__slides--image--right--9f0d3",cloudinarySrc:e.right,height:991,lazy:!0,width:585})))))},w="how-zicasso-works-page-module--about__content--4b2b0",b="how-zicasso-works-page-module--about__title--d8fd6";var _=e=>{let t=e.body,a=e.currentBreakpoint,o=void 0===a?null:a,i=e.header,n=e.heroImageSharp,c=e.mobileHeroImageSharp,d=e.tabletHeroImageSharp,u=e.site,g=void 0===u?null:u;const _=(0,s.useMemo)(()=>

1n?(0,l.w)((0,l.c)(n),[{media:"(max-width: 767px)",image:(0,l.c)(c)},{media:"(max-width: 1279px)",image:(0,l.c)(d)}]):null,[n,c,d]);return s.createElement(s.Fragment,null,s.createElement(h,{header:i,heroImage:i.heroImage,gatsbyImages:_,imagesEndpoint:g.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:b},t.sections[0].title),t.sections[0].content&&t.sections[0].content.map(e=>s.createElement("p",{key:"contents-"+e,className:w,dangerouslySetInnerHTML:{__html:e}})),t.sections[1].content.map(e=>s.createElement("p",{key:"contents-"+e,className:w,dangerouslySetInnerHTML:{__html:e}}))),s.createElement("div",{className:"how-zicasso-works-page-module--about-page__half-desktop--8fe5e"},s.createElement(r.VI,null,s.createElement(r.kL,{aspectRatio:1.6,media:"(min-width: 768px)",uri:t.sections[1].image.uri,width:860}),s.createElement(r.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(m,{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(m,{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:b},t.sections[4].title),s.createElement("div",{className:"how-zicasso-works-page-module--about-page__section4--content--a1a0c"},s.createElement("p",{className:w,dangerouslySetInnerHTML:{__html:t.sections[4].content[0]}}),s.createElement("p",{className:w,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(p,{slides:t.sections[5].slides}))))},v=a(32442);var y=(0,i.Ng)(e=>({currentBreakpoint:e.breakpoints.currentBreakpoint}))(e=>{const t=(0,o.useStaticQuery)("4242148396").howZicassoWorksJson,a=(0,v.Q)().site;return s.createElement(_,Object.assign({},e,t,{site:a}))}),k=a(45458),E=a(22837),f=a(45399),N=a(47582);const z=e=>{let t=e.location;const a=(0,o.useStaticQuery)("2800996630").howZicassoWorksJson,i=(null==a?void 0:a.seo)||{},l=(0,f.A)(),r=(0,N.A)(null==a?void 0:a.howTo),n=r?JSON.stringify(r):null,c=[JSON.stringify(l)].concat((0,k.A)(n?[n]:[])).filter(Boolean);return s.createElement(E.A,{location:t,canonical:"https://www.zicasso.com/how-zicasso-works",description:i.description,jsonLDStrings:c,title:i.title})};var I=y}}]);