https://rootstock.io/component---src-templates-ambassadors-js-4052fd8c8038ab22ba9a.js

1"use strict";(self.webpackChunkrsk=self.webpackChunkrsk||[]).push([[8816],{1361:function(e,t,n){n.d(t,{A:function(){return P}});var l=n(5556),a=n.n(l),r=n(6540),s=n(3593),m=n(3059),c=n(7395),i=n(1406),o=n(8978),d=n(4848);const u=["active","eventKey","mountOnEnter","transition","unmountOnExit","role","onEnter","onEntering","onEntered","onExit","onExiting","onExited"],p=["activeKey","getControlledId","getControllerId"],b=["as"];function E(e,t){if(null==e)return{};var n,l,a={},r=Object.keys(e);for(l=0;l<r.length;l++)n=r[l],t.indexOf(n)>=0||(a[n]=e[n]);return a}function g(e){let{active:t,eventKey:n,mountOnEnter:l,transition:a,unmountOnExit:s,role:m="tabpanel",onEnter:o,onEntering:d,onEntered:b,onExit:g,onExiting:x,onExited:v}=e,f=E(e,u);const N=(0,r.useContext)(c.A);if(!N)return[Object.assign({},f,{role:m}),{eventKey:n,isActive:t,mountOnEnter:l,transition:a,unmountOnExit:s,onEnter:o,onEntering:d,onEntered:b,onExit:g,onExiting:x,onExited:v}];const{activeKey:y,getControlledId:h,getControllerId:z}=N,k=E(N,p),w=(0,i.u)(n);return[Object.assign({},f,{role:m,id:h(n),"aria-labelledby":z(n)}),{eventKey:n,isActive:null==t&&null!=w?(0,i.u)(y)===w:t,transition:a||k.transition,mountOnEnter:null!=l?l:k.mountOnEnter,unmountOnExit:null!=s?s:k.unmountOnExit,onEnter:o,onEntering:d,onEntered:b,onExit:g,onExiting:x,onExited:v}]}const x=r.forwardRef(((e,t)=>{let{as:n="div"}=e,l=E(e,b);const[a,{isActive:r,onEnter:s,onEntering:m,onEntered:u,onExit:p,onExiting:x,onExited:v,mountOnEnter:f,unmountOnExit:N,transition:y=o.A}]=g(l);return(0,d.jsx)(c.A.Provider,{value:null,children:(0,d.jsx)(i.A.Provider,{value:null,children:(0,d.jsx)(y,{in:r,onEnter:s,onEntering:m,onEntered:u,onExit:p,onExiting:x,onExited:v,mountOnEnter:f,unmountOnExit:N,children:(0,d.jsx)(n,Object.assign({},a,{ref:t,hidden:!r,"aria-hidden":!r}))})})})}));x.displayName="TabPanel";const v=e=>{const{id:t,generateChildId:n,onSelect:l,activeKey:a,defaultActiveKey:o,transition:u,mountOnEnter:p,unmountOnExit:b,children:E}=e,[g,x]=(0,s.iC)(a,o,l),v=(0,m.Cc)(t),f=(0,r.useMemo)((()=>n||((e,t)=>v?`${v}-${t}-${e}`:null)),[v,n]),N=(0,r.useMemo)((()=>({onSelect:x,activeKey:g,transition:u,mountOnEnter:p||!1,unmountOnExit:b||!1,getControlledId:e=>f(e,"tabpane"),getControllerId:e=>f(e,"tab")})),[x,g,u,p,b,f]);return(0,d.jsx)(c.A.Provider,{value:N,children:(0,d.jsx)(i.A.Provider,{value:x||null,children:E})})};v.Panel=x;var f=v,N=n(7285);function y(e){return"boolean"==typeof e?e?N.A:o.A:e}const h=({transition:e,...t})=>(0,d.jsx)(f,{...t,transition:y(e)});h.displayName="TabContainer";var z=h,k=(0,n(6261).A)("tab-content"),w=n(2485),A=n.n(w),O=n(6519);const C=r.forwardRef((({bsPrefix:e,transition:t,...n},l)=>{const[{className:a,as:r="div",...s},{isActive:m,onEnter:o,onEntering:u,onEntered:p,onExit:b,onExiting:E,onExited:x,mountOnEnter:v,unmountOnExit:f,transition:h=N.A}]=g({...n,transition:y(t)}),z=(0,O.oU)(e,"tab-pane");return(0,d.jsx)(c.A.Provider,{value:null,children:(0,d.jsx)(i.A.Provider,{value:null,children:(0,d.jsx)(h,{in:m,onEnter:o,onEntering:u,onEntered:p,onExit:b,onExiting:E,onExited:x,mountOnEnter:v,unmountOnExit:f,children:(0,d.jsx)(r,{...s,ref:l,className:A()(a,z,m&&"active")})})})})}));C.displayName="TabPane";var $=C;const j={eventKey:a().oneOfType([a().string,a().number]),title:a().node.isRequired,disabled:a().bool,tabClassName:a().string,tabAttrs:a().object},I=()=>{throw new Error("ReactBootstrap: The `Tab` component is not meant to be rendered! It's an abstract component that is only valid as a direct Child of the `Tabs` Component. For custom tabs components use TabPane and TabsContainer directly")};I.propTypes=j;var P=Object.assign(I,{Container:z,Content:k,Pane:$})}

1,3876:function(e,t,n){var l=n(6540),a=n(1469),r=n(947),s=n(3586),m=n(6203);t.A=e=>{let{children:t,translations:n}=e;return l.createElement(m.p,null,l.createElement(a.Y,{translations:n}),l.createElement("main",null,t),l.createElement(r.w,null),l.createElement(s.I,null))}},5903:function(e,t,n){n.d(t,{Z:function(){return r}});var l=n(6540),a=n(7221);const r=e=>{const{color:t,title:n,label:r,text:s,button:m,image:c,classes:i}=e,o=c?{backgroundImage:`url(${c})`}:null;return l.createElement("div",{className:`zg-card d-flex flex-column justify-content-between align-items-start p-4 border rounded-4 ${i||""}`,style:o},l.createElement("div",null,l.createElement("h3",{className:"h4 text-black mb-5 d-flex align-items-start"},n&&l.createElement("span",{className:"d-flex flex-column align-items-start me-2",dangerouslySetInnerHTML:{__html:function(e,t){void 0===t&&(t="bg-pink p2");let n=e.split("|");return 1===n.length?`<span class="${t}">${e}</span>`:(n=n.filter((e=>""!==e)),e="",n.forEach((n=>{e+=`<span class="${t}">${n}</span>`})),e)}(n,`bg-${t} zg-line-height-sm letter-spacing-1 p-2 mb-1`)}}),r&&l.createElement("span",{className:`d-inline-block bg-${t} px-2 py-1 zg-label`},r)),s&&l.createElement("div",{className:"zg-text-md",dangerouslySetInnerHTML:{__html:s}})),m&&l.createElement(a.$,{title:m.title,url:m.url,external:m.external||m.target&&"_blank"===m.target,classes:"mt-5"}))}},6112:function(e,t,n){n.r(t),n.d(t,{Head:function(){return N},default:function(){return f}});

1var l=n(6540),a=n(5032),r=n(3876),s=n(7221),m=n(4087),c=n.p+"static/ambassador-figure-354100cf25d7a323df25e8b9a43fbfc0.svg",i=n(2902);const o=e=>{const t=e.data||{},n=(0,l.useRef)(null),{0:a,1:r}=(0,l.useState)(null),o=(0,l.useRef)(null),d={showCursor:!1,typeSpeed:30};let u=[{text:t.titlePart1,suptext:(0,l.useRef)(null),ref:(0,l.useRef)(null),typed:(0,l.useRef)(null)},{text:t.titlePart2,suptext:(0,l.useRef)(null),ref:(0,l.useRef)(null),typed:(0,l.useRef)(null)},{text:t.titlePart3,suptext:(0,l.useRef)(null),ref:(0,l.useRef)(null),typed:(0,l.useRef)(null)}];const p=()=>l.createElement(m.N,{start:u[2].ref,end:n,color:"#08FFD0"});return(0,l.useEffect)((()=>{let e=0;return u.forEach(((t,n)=>{0!==n&&(e+=u[n-1].text.length*d.typeSpeed),t.typed.current=new i.A(t.ref.current,{...d,startDelay:e,strings:[t.text],preStringTyped:(e,n)=>{var l;n.el.classList.remove("opacity-0"),null!==(l=t.suptext)&&void 0!==l&&l.current&&t.suptext.current.classList.remove("opacity-0")},onComplete:e=>{var t;n===u.length-1&&(r(l.createElement(p,null)),o.current.classList.remove("opacity-0"),null===(t=document.querySelector(".zg-ambassador-intro-img"))||void 0===t||t.classList.remove("opacity-0"))}})})),()=>{u.forEach(((e,t)=>{e.typed.current.destroy()}))}}),[]),l.createElement("section",{className:"pb-md-11 pb-lg-16 pt-14-rem pb-11 overflow-hidden"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-10 col-lg-12 col-xl-10 position-relative mb-6 mb-lg-5"},l.createElement("h1",{className:"mb-0 d-inline-flex flex-wrap align-items-start h2 position-relative"},l.createElement("span",{className:"zg-text-bg opacity-0 bg-purple mb-1 mb-md-2 me-2",ref:u[0].ref}),l.createElement("span",{className:"zg-label bg-purple me-1 opacity-0",ref:u[0].suptext},t.suptext1),l.createElement("span",{className:"zg-text-bg opacity-0 bg-white mb-1 me-2 mb-md-2",ref:u[1].ref}),l.createElement("span",{className:"zg-text-bg opacity-0 bg-cyan me-2 mb-1 mb-md-2",ref:u[2].ref})),l.createElement("img",{src:c,className:"position-absolute zg-ambassador-intro-img opacity-0 transition-opacity",alt:"Ambassador",width:"408",height:"392",loading:"lazy"}))),l.createElement("div",{className:"row align-items-lg-start align-items-md-center opacity-0 transition-opacity",ref:o},l.createElement("div",{className:"col-12 col-md-6 col-lg-6 offset-lg-1 mb-11 mb-md-4 mb-lg-7 position-relative",style:{zIndex:1}},t.link&&t.link.url&&l.createElement(s.$,{title:t.link.title,url:t.link.url,classes:"btn-lg",external:"_blank"===t.link.target})),l.createElement("div",{className:"col-10 offset-2 col-md-6 offset-md-6 col-lg-4 offset-lg-6 position-relative"},l.createElement("span",{ref:n,className:"zg-label bg-cyan position-absolute end-100 top-0 me-lg-2"},t.number),t.text&&l.createElement("p",{className:"zg-text-lg mb-0"},t.text))),a))};var d=n(9018),u=n(1361);const p=e=>{const{tabsData:t}=e,n=(0,l.useRef)([]);return l.createElement(u.A.Container,{id:"tabs",defaultActiveKey:"0"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-5 col-xl-6"},l.createElement(d.A,{variant:"pills",className:"mb-4 mb-md-0 d-flex flex-md-column zg-radio-wrap flex-nowrap"},t?t.map(((e,t)=>l.createElement(d.A.Item,{key:t},l.createElement(d.A.Link,{className:"zg-tab mb-0 me-4 "+(0!==t?"mt-md-4":""),eventKey:t,ref:e=>n.current[t]=e},l.createElement("span",{className:"zg-tab__title subtitle"},e.title),l.createElement("span",{className:"zg-tab__label"},`${t<9?"0":""}${t+1}`))))):"")),l.createElement("div",{className:"col-12 col-md-7 col-xl-6"},l.createElement(u.A.Content,null,t?t.map(((e,t)=>l.createElement(u.A.Pane,{key:t,eventKey:t},l.createElement("div",{className:"border rounded-4 p-4 min-h-100"},l.createElement("span",{className:"zg-label bg-orange mb-5"},`${t<9?"0":""}${t+1}`),l.createElement("div",{className:"text-block zg-text-md"},e.text))))):""))))},b=e=>{const t=e.data;return l.createElement("section",{className:"pt-lg-16 pt-9 pt-md-11 pb-11 pb-lg-13"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-xl-10 offset-xl-1"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex"},l.createElement("span",{className:"zg-label bg-purple me-2"},t.number),l.createElement("span",{className:"zg-label bg-purple"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-11",dangerouslySetInnerHTML:{__html:t.title}}

1),l.createElement(p,{tabsData:t.items})))))};var E=n(5903);const g=e=>{const t=e.data||{};return l.createElement("section",{className:"pt-lg-16 pb-lg-14 pt-md-11 pb-md-16 pb-lg-21  pt-9 pb-11"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-10 col-lg-8 col-xl-6"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex"},l.createElement("span",{className:"zg-label bg-purple me-2"},t.number),l.createElement("span",{className:"zg-label bg-purple"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-9 mb-lg-11"},t.title))),t.items&&t.items.length>0&&l.createElement("div",{className:"zg-items-grid zg-items-grid--no-scroll"},t.items.map(((e,t)=>l.createElement(E.Z,{key:t,classes:`h-100 ${e.class}`,label:`0${t+1}`,color:e.color,title:e.title,text:e.text,button:e.button}))))))},x=e=>{const t=e.data||{};return l.createElement("section",{className:"pt-lg-16 pb-lg-21 pt-md-11 pb-md-13 pt-9 pb-11"},l.createElement("div",{className:"container"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex justify-content-center"},l.createElement("span",{className:"zg-label bg-purple me-2"},t.number),l.createElement("span",{className:"zg-label bg-purple"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-9 mb-lg-11 text-center"},t.title),t.items&&t.items.length>0&&l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-xl-10 offset-xl-1"},l.createElement("div",{className:"zg-table-wrap mb-5 d-flex d-md-block"},l.createElement("div",{className:"px-3 px-md-0 py-3 py-md-0 px-md-6 d-grid zg-card-row zg-card-row--th mb-md-5 me-3 me-md-0"},l.createElement("span",{className:"text-uppercase letter-spacing-4-plus fw-semibold"},t.column1),l.createElement("span",{className:"text-uppercase letter-spacing-4-plus fw-semibold"},t.column2),l.createElement("span",{className:"text-uppercase letter-spacing-4-plus fw-semibold"},t.column3)),t.items.map(((e,t)=>l.createElement("div",{className:"rounded-4 border py-3 py-md-4 px-3 px-md-6 d-grid mb-2 zg-card-row me-2 me-md-0",key:t},l.createElement("p",{className:"zg-text-lg mb-0"},e.title),l.createElement("div",null,l.createElement("span",{className:`rounded-4 px-2 py-1 text-black bg-${e.color}`},e.label)),l.createElement("div",{className:"zg-text-md",dangerouslySetInnerHTML:{__html:e.text}}))))))),t.link&&t.link.url&&l.createElement("div",{className:"text-center"},l.createElement(s.$,{title:t.link.title,url:t.link.url,classes:"btn-lg",external:"_blank"===t.link.target}))))},v=e=>{const t=e.data||{};return l.createElement("section",{className:"pt-lg-16 pb-lg-17 pt-md-16 pb-md-13 pt-9 pb-11"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-6 offset-md-6 col-xl-4"},l.createElement("div",{className:"mb-4 mb-md-6 d-flex"},l.createElement("span",{className:"zg-label bg-purple me-2"},t.number),l.createElement("span",{className:"zg-label bg-purple"},t.subtitle)),l.createElement("h2",{className:"h3 mb-8 mb-md-9 mb-lg-11"},t.title))),t.items&&t.items.length>0&&l.createElement("div",{className:"zg-items-grid zg-items-grid--4-col mb-6 mb-md-8"},t.items.map(((e,t)=>l.createElement(E.Z,{key:t,label:`0${t+1}`,color:e.color,title:e.title,text:e.text,button:e.button})))),t.text&&l.createElement("div",{className:"row"},l.createElement("div",{className:"col-12 col-md-6 offset-md-6 col-xl-4"},l.createElement("p",{className:"mb-0 zg-text-lg",dangerouslySetInnerHTML:{__html:t.text}})))))};var f=e=>{var t,n;const a=e.data.page.template.ambassadorsPageACF||{},s=(null==e||null===(t=e.data)||void 0===t||null===(n=t.page)||void 0===n?void 0:n.translations)||{};return l.createElement(r.A,{translations:s},l.createElement(o,{data:a.intro||{}}),l.createElement(g,{data:a.benefits||{}}),l.createElement(v,{data:a.responsibilities||{}}),l.createElement(x,{data:a.rewards||{}}),l.createElement(b,{data:a.protocols||{}}))};const N=e=>{var t;const n=(null===(t=e.data.page)||void 0===t?void 0:t.seo)||{};

1return l.createElement(a.A,{title:null==n?void 0:n.title,description:null==n?void 0:n.metaDesc})}}}]);
2//# sourceMappingURL=component---src-templates-ambassadors-js-4052fd8c8038ab22ba9a.js.map