https://one-payu-website.vercel.app/static/components-sections-get…g-started-index.es5.fe19453483e1b612cde4.js

1(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[13],{355:function(t,e,n){"use strict";n.r(e),n.d(e,"SectionAnimation",(function(){return L}));n(10),n(12),n(6),n(13),n(7),n(8),n(9),n(19),n(32),n(14),n(29),n(30),n(28),n(22),n(25),n(31),n(21),n(36);var r=n(1),i=n(4),o=n(2),a=n(114),l=n(64),c=n(238),s=(n(26),n(311)),u=n(452),d=n(451),f=n(0);function b(t){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?p(Object(n),!0).forEach((function(e){v(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function v(t,e,n){return(e=function(t){var e=function(t,e){if("object"!==b(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===b(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function g(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);c=!0);}catch(t){s=!0,i=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return h(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var y={hidden:{opacity:1.1,scale:1,y:0},show:{opacity:1.1,scale:1,y:0},transition:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{ease:"anticipate",duration:e?.8:.5,delay:(e?.8:.5)*t-.1*t}}},j=function(t){var e=t.data,n=t.sectionWidth,i=t.viewed,a=t.deviceType,d=Object(s.a)(0),b=Object(u.a)(),p=g(Object(r.useState)(0),2),v=p[0],h=p[1],j=g(Object(r.useState)(0),2),O=j[0],S=j[1],E=g(Object(r.useState)(["pixel",24]),2),P=E[0],A=E[1],N=g(Object(r.useState)(24),2),C=N[0],_=(N[1],g(Object(r.useState)(100),2)),D=_[0],L=(_[1],g(Object(r.useState)(400),2)),F=L[0],z=L[1],M=g(Object(r.useState)(700),2),H=M[0],T=M[1],I=g(Object(r.useState)(500),2),B=I[0],R=I[1],W=g(Object(r.useState)(470),2),U=W[0],V=W[1],$=Object(r.useRef)(null),K=function(t,e){var n=g(Object(r.useState)({top:0,bottom:0,left:0,right:0,markerLeft:0,markerRight:0,markerHorizontalCenter:0}),2),i=n[0],o=n[1],a=function(){var n=t.current,r=n.offsetHeight,i=n.firstChild.offsetHeight,a=n.offsetWidth,l=n.firstChild.offsetWidth,c=n.getBoundingClientRect(),s=c.left+("pixel"==e[0]?e[1]:e[1]*a),u=c.right-("pixel"==e[0]?e[1]:e[1]*a),d=c.left+.5*a;o({top:r-i,bottom:0,left:a-l,right:0,markerLeft:s,markerRight:u,markerHorizontalCenter:d})};return Object(r.useEffect)((function(){return a(),window.addEventListener("resize",a),function(){window.removeEventListener("resize",a)}}),[]),i}($,P),q=K.top,Z=K.bottom,G=K.left,J=K.right,Q=Object(r.useRef)(null),X=function(t){var n=$.current,r=n.offsetWidth,i=n.getBoundingClientRect(),o=i.left+("pixel"==P[0]?P[1]:P[1]*r),a=(i.right,"pixel"==P[0]?P[1]:P[1],i.left,Q.current),l=0;t>v&&(l=-H+F);var c=a.children[t].getBoundingClientRect().left-o+l;t>=0&&t<e.length&&(h(t),S(t>v?1:-1),Y(c+12*(t>

1v?0:-1),1))};var Y=function(t,e){var n=d.get()-t*e;d.stop(),d.start((function(){b.start({x:n,transition:{duration:.5}})}))},tt=function(t){X(v+t)},et=function(){var t=window.innerWidth,e=Math.min(t,1600);if(t<Number(o.f.breakpoints.md)){var r=n||t-64;T(Math.min(t-64,r)),z(Math.min(t-64,r)),A(["pixel",(e-r)/2]),R(400),V(380),d.set((e-r)/2-C)}else T(770),z(342),A(["pixel",(e-n)/2]),R(500),V(454),d.set((e-n)/2-C);X(0)};return Object(r.useEffect)((function(){return et(),window.addEventListener("resize",et),function(){window.removeEventListener("resize",et)}}),[]),Object(r.useEffect)((function(){et()}),[n,i]),Object(f.jsxs)(x,{activeCardHeight:B,itemsMargin:C,markerOffset:null==P?void 0:P[1],children:[Object(f.jsx)(c.a.div,{className:"desktop-only top-slider",variants:y,initial:"hidden",animate:i?"show":"hidden",transition:m({},y.transition(2,!1)),children:Object(f.jsx)("div",{className:"slider-toggles",children:Object(f.jsx)(w,{onClick:function(t){X(v+t)},isFirstSlide:0==v,isLastSlide:v==e.length-1})})}),Object(f.jsx)(c.a.div,{className:"swiper-container",ref:$,onWheel:function(t){},children:Object(f.jsx)(c.a.div,{drag:"x",dragConstraints:{top:q,bottom:Z,left:G,right:J},className:"scrollable",style:{x:d},animate:b,ref:Q,dragElastic:1,onDragEnd:function(t,e){var n=function(t,e){return Math.abs(t.x)>2*Math.abs(t.y)&&Math.abs(e.x)>2*Math.abs(e.y)?Math.abs(t.x)*e.x:0}(e.offset,e.velocity);n<-D?tt(1):n>D&&tt(-1)},dragMomentum:!1,transition:{x:{type:"spring",stiffness:300,damping:10}},children:e&&e.map((function(t,e){var n,r,i,o,l,s,u,d;return Object(f.jsxs)(c.a.div,{onTap:function(n){n.stopPropagation(),X(e),v==e&&t.url&&(window.location.href=t.url)},className:"swiper-card ".concat(v==e&&"active"),initial:{opacity:0,height:"".concat(U,"px"),width:"".concat(F,"px")},animate:v==e?{opacity:1,height:"".concat(B,"px"),width:"".concat(H,"px"),margin:"0px ".concat(C/4,"px"),background:"#FFFFFF",boxShadow:"rgba(20 20 22 .16) 0px 50px 50px",zIndex:10}:{opacity:1,background:"#DBE1E2",width:"".concat(F,"px"),height:"".concat(U,"px"),margin:"0px ".concat(C/2,"px")},transition:{duration:.5,delay:0},style:{cursor:v==e?"pointer":"grabbing"},children:[Object(f.jsx)("img",{src:"mobile"==a?(null==t||null===(n=t.image_mobile)||void 0===n?void 0:n.url)||(null==t||null===(r=t.image)||void 0===r?void 0:r.url):(null==t||null===(i=t.image)||void 0===i?void 0:i.url)||(null==t||null===(o=t.image_mobile)||void 0===o?void 0:o.url),alt:"mobile"==a?(null==t||null===(l=t.image_mobile)||void 0===l?void 0:l.name)||(null==t||null===(s=t.image)||void 0===s?void 0:s.name):(null==t||null===(u=t.image)||void 0===u?void 0:u.name)||(null==t||null===(d=t.image_mobile)||void 0===d?void 0:d.name),loading:0==e?"eager":"lazy",fetchpriority:0==e?"low":"auto"}),Object(f.jsx)(c.a.div,{className:"text-container",children:Object(f.jsxs)(c.a.div,{initial:{opacity:.5},animate:v==e?{opacity:["50%","0%","0%","10%","50%","100%"],y:[0,20,10,0]}:v-O==e?{opacity:["100%","50%","10%","0%","0%","50%"],y:[0,10,20,0]}:{},transition:{duration:.5,delay:0},children:[Object(f.jsx)("h4",{className:"h4",children:t.heading}),Object(f.jsx)("p",{className:"body2",children:t.description}),t.buttons&&t.buttons.length>0?Object(f.jsx)(k,{buttons:t.buttons}):Object(f.jsx)(f.Fragment,{})]})})]})}))})}),Object(f.jsx)(l.a,{padding:"level4",className:"mobile-only",children:Object(f.jsx)("div",{children:Object(f.jsx)("div",{className:"slider-toggles",children:Object(f.jsx)(w,{onClick:function(t){X(v+t)},isFirstSlide:0==v,isLastSlide:v==e.length-1})})})})]})},x=Object(i.styled)("div",{target:"e86l47m2"})("position:relative;.mobile-only{display:none;",o.f.screen.mob,"{display:block;}}.desktop-only{&.top-slider{position:absolute;top:-64px;right:",(function(t){return t.markerOffset}),"px;.slider-toggles{padding:0px 0px;}}",o.f.screen.mob,"{display:none;}}.swiper-container{overflow:hidden;display:flex;flex-direction:row;max-width:1600px;margin:0px auto;}.scrollable{display:flex;flex-direction:row;align-items:flex-end;padding-bottom:100px;height:",(function(t){return t.activeCardHeight+100}),"px;}.swiper-card{display:flex;border-radius:16.5467px;margin:0px ",(function(t){return t.itemsMargin/2}),"px;position:relative;img{transition:opacity 0.5s ease-in-out 0.5s;visibility:hidden;position:absolute;top:0;left:0;object-fit:cover;width:100%;opacity:0;}.text-container{position:absolute;bottom:0px;padding:1rem 3.5rem 4rem 3.5rem;opacity:0.5;",o.f.screen.mob,"{padding:1.5rem 2rem;}p{margin-top:0.5rem;}}}.active{transition:border-radius 0.7s ease-in 0s,margin 0.1s ease-in 0s;transform:translateZ(120px) perspective(150px);border-radius:9.92803px;.text-container{background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);border-radius:0px 0px 9.92803px 9.92803px;opacity:1;visibility:visible;transition:opacity 0.5s ease-in-out 0.5s;padding:1rem 4.5rem 4rem 4.5rem;",o.f.screen.mob,"{padding:1.5rem 2rem;}}img{visibility:visible;opacity:1;}}.slider-toggles{position:absolute;bottom:0rem;right:0px;padding:0rem ",o.f.constants.padding.level4,";",o.f.screen.mob,"{width:100%;padding:0rem ",o.f.constants.padding.level1,";}}"),O=Object(i.styled)("div",{target:"e86l47m1"})("display:flex;justify-content:space-between;align-items:center;

1.button{cursor:pointer;width:36px;height:36px;background:rgba(255, 255, 255, 0.72);opacity:0.8;box-shadow:inset 1.65467px 1.65467px 1.65467px rgba(255, 255, 255, 0.25);backdrop-filter:blur(26.4748px);border-radius:50%;display:flex;justify-content:center;align-items:center;background:rgb(255, 255, 255);box-shadow:rgb(255 255 255 / 25%) 2px 2px 2px inset;backdrop-filter:blur(32px);border-radius:50%;transform:none;opacity:1;",o.f.screen.mob,"{width:48px;height:48px;}img{height:14px;width:auto;",o.f.screen.mob,"{height:17px;}}}.button.left{margin-right:36px;img{position:relative;right:1px;}}.button.right{img{transform:rotate(180deg);position:relative;left:1px;}}.button.inactive{cursor:not-allowed;opacity:0.5;background:rgba(255, 255, 255, 0.72);opacity:0.8;box-shadow:inset 2px 2px 2px rgba(255, 255, 255, 0.25);backdrop-filter:blur(32px);border-radius:50%;}"),w=function(t){var e=t.onClick,n=t.isFirstSlide,r=t.isLastSlide;return Object(f.jsxs)(O,{children:[Object(f.jsx)(c.a.div,{className:"button left ".concat(n?"inactive":""),onClick:function(){return e(-1)},whileHover:n?{}:{scale:1.05,transition:{ease:"anticipate",duration:.2}},whileTap:n?{}:{scale:.9},children:Object(f.jsx)("img",{src:d.a,loading:"lazy",alt:"left-arrow"})}),Object(f.jsx)(c.a.div,{className:"button right ".concat(r?"inactive":""),onClick:function(){return e(1)},whileHover:r?{}:{scale:1.05,transition:{ease:"anticipate",duration:.2}},whileTap:r?{}:{scale:.9},children:Object(f.jsx)("img",{src:d.a,loading:"lazy",alt:"right-arrow"})})]})},S=Object(i.styled)("div",{target:"e86l47m0"})({name:"osjjra",styles:"display:flex;justify-content:start;align-items:center;margin-top:2rem;margin-bottom:1rem;.button{cursor:pointer;margin-right:3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 32px;border-radius:16px;}.button.dark{background:#00AB88;h5{margin:0px 10px;color:#FFFFFF;}}.button.light{background:transparent;padding:16px 0px;h5{margin:0px 10px;color:#2F695D;}}"}),k=function(t){var e=t.buttons;return Object(f.jsx)(S,{children:e&&e.map((function(t,e){return Object(f.jsx)("div",{className:"button ".concat(e%2?"light":"dark"),children:Object(f.jsx)("h5",{children:t.title})})}))})};n(454);function E(t){return(E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){N(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function N(t,e,n){return(e=function(t){var e=function(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===E(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function C(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);c=!0);}catch(t){s=!0,i=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return _(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _(t,e)}

1(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var D=Object(i.styled)("div",{target:"e1wnof130"})("min-height:300px;position:relative;overflow-x:clip;.texts{margin-bottom:4rem;",o.f.screen.mob,"{margin-bottom:3.5rem;}p{margin-top:1rem;}}"),L={hidden:{opacity:1.1,scale:1,y:0},show:{opacity:1.1,scale:1,y:0},transition:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{ease:"anticipate",duration:e?.8:.5,delay:(e?.8:.5)*t-.1*t}}};e.default=Object(i.connect)((function(t){var e,n,i=t.state,o=(t.actions,t.data),s=t.libraries,u=Object(r.useRef)(null),d=C(Object(a.d)(u,"0px"),3),b=(d[0],d[1],d[2]),p=(s.html2react.Component,C(Object(r.useState)(0),2)),m=p[0],v=p[1],g=Object(a.e)(null==i||null===(e=i.environment)||void 0===e?void 0:e.detectedDevice),h=function(){var t,e=null==u||null===(t=u.current)||void 0===t?void 0:t.clientWidth;v(e)};return Object(r.useEffect)((function(){return h(),window.addEventListener("resize",h),window.addEventListener("orientationchange",h),function(){window.removeEventListener("resize",h),window.removeEventListener("orientationchange",h)}}),[]),Object(f.jsx)(f.Fragment,{children:Object(f.jsxs)(D,{id:null==o||null===(n=o.section)||void 0===n?void 0:n.internalLink,children:[Object(f.jsx)(l.b,{style:{marginBottom:"unset",minHeight:"unset"},padding:"level4",className:"section-container getting-started",children:Object(f.jsxs)(c.a.div,{className:"texts",ref:u,variants:L,initial:"hidden",animate:b?"show":"hidden",transition:A({},L.transition(0,!1)),children:[Object(f.jsx)("h3",{className:"h2",children:o.heading}),o.description&&Object(f.jsx)("p",{className:"body2",children:o.description})]})}),Object(f.jsx)(j,{data:o&&o.cards||[],sectionWidth:m,viewed:b,deviceType:g})]})})}))},451:function(t,e,n){"use strict";e.a=n.p+"f78fcea6d66a0091aa6e80293fba8ec7.webp"},452:function(t,e,n){"use strict";n.d(e,"a",(function(){return u}));var r=n(3),i=n(66),o=n(239),a=n(140);function l(){var t=!1,e=[],n=new Set,l={subscribe:function(t){return n.add(t),function(){n.delete(t)}},start:function(r,i){if(t){var a=[];return n.forEach((function(t){a.push(Object(o.a)(t,r,{transitionOverride:i}))})),Promise.all(a)}return new Promise((function(t){e.push({animation:[r,i],resolve:t})}))},set:function(e){return Object(i.invariant)(t,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),n.forEach((function(t){Object(a.d)(t,e)}))},stop:function(){n.forEach((function(t){Object(o.b)(t)}))},mount:function(){return t=!0,e.forEach((function(t){var e=t.animation,n=t.resolve;l.start.apply(l,Object(r.__spreadArray)([],Object(r.__read)(e),!1)).then(n)})),function(){t=!1,l.stop()}}};return l}var c=n(1),s=n(70);function u(){var t=Object(s.a)(l);return Object(c.useEffect)(t.mount,[]),t}},454:function(t,e,n){"use strict";n.d(e,"a",(function(){return m}));n(10),n(12),n(6),n(13),n(7),n(8),n(9),n(19),n(32),n(14),n(29),n(30),n(28),n(22),n(25),n(31),n(21),n(36);var r=n(1),i=n(4),o=n(2),a=n(238),l=n(0);function c(t){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(Object(n),!0).forEach((function(e){d(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d(t,e,n){return(e=function(t){var e=function(t,e){if("object"!==c(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}

1(t,"string");return"symbol"===c(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);c=!0);}catch(t){s=!0,i=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return b(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var p=Object(i.styled)("div",{target:"e1fqlo4a0"})("align-self:stretch;flex-shrink:0;.card{display:flex;flex-direction:row;gap:",o.f.reponsiveCssValue(20,48,375,20,922,48),";.image-wrapper{aspect-ratio:1/1;width:auto;height:",o.f.reponsiveCssValue(96,150,375,96,922,150),";justify-content:flex-start;img{object-fit:contain;width:100%;height:auto;max-width:100%;max-height:100%;}}

1.card-texts{display:flex;flex-direction:column;flex-grow:1;position:relative;text-align:left;.card-heading{}.card-description{margin-top:",o.f.reponsiveCssValue(8,16,375,8,992,16),";}.card-link{color:#00AB88;font-weight:600;}}}"),m=Object(i.connect)((function(t){var e,n,i,o,c,s,d,b,m,v,g,h,y,j=f(Object(r.useState)(!1),2),x=j[0],O=j[1],w=null==t?void 0:t.libraries.html2react.Component,S=f(Object(r.useState)((null==t||null===(e=t.data)||void 0===e||null===(n=e.image_mobile)||void 0===n?void 0:n.url)||(null==t||null===(i=t.data)||void 0===i||null===(o=i.image)||void 0===o?void 0:o.url)),2),k=S[0],E=S[1];Object(r.useEffect)((function(){var e,n,r,i,o,a,l,c;"mobile"==t.deviceType?E((null==t||null===(e=t.data)||void 0===e||null===(n=e.image_mobile)||void 0===n?void 0:n.url)||(null==t||null===(r=t.data)||void 0===r||null===(i=r.image)||void 0===i?void 0:i.url)):E((null==t||null===(o=t.data)||void 0===o||null===(a=o.image)||void 0===a?void 0:a.url)||(null==t||null===(l=t.data)||void 0===l||null===(c=l.image_mobile)||void 0===c?void 0:c.url))}),[t.deviceType]);var P={hidden:{opacity:0,scale:.9,y:60},show:{opacity:1.1,scale:1,y:0},transition:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return{ease:"anticipate",duration:e?.8:.25,delay:(e?.8:.15)*t}}};return Object(l.jsx)(p,{isFirst:null==t?void 0:t.isFirst,isLast:null==t?void 0:t.isLast,children:Object(l.jsxs)(a.a.div,{whileHover:"hover",variants:P,className:"card",initial:"hidden",animate:t.viewed?"show":"hidden",transition:x?{transition:{duration:.2,delay:0}}:u({},P.transition(t.index+1,!1)),onAnimationComplete:function(){return O(!0)},children:[Object(l.jsx)("div",{className:"image-wrapper",children:k&&Object(l.jsx)(a.a.img,{src:k,loading:"lazy",alt:""})}),Object(l.jsxs)("div",{className:"card-texts",children:[Object(l.jsx)("h3",{className:"h5 card-heading",children:Object(l.jsx)(w,{html:(null==t||null===(c=t.data)||void 0===c?void 0:c.heading)||""})}),(null==t||null===(s=t.data)||void 0===s?void 0:s.description)&&Object(l.jsx)("p",{className:"body2 card-description",children:Object(l.jsx)(w,{html:(null==t||null===(d=t.data)||void 0===d?void 0:d.description)||""})}),(null==t||null===(b=t.data)||void 0===b||null===(m=b.link)||void 0===m?void 0:m.text)&&Object(l.jsx)(a.a.a,{href:null==t||null===(v=t.data)||void 0===v||null===(g=v.link)||void 0===g?void 0:g.url,whileHover:{zIndex:10,scale:1.02,x:4},className:"button2 card-link",children:null==t||null===(h=t.data)||void 0===h||null===(y=h.link)||void 0===y?void 0:y.text})]})]})})}))}}]);