PageSourceSearch

https://olist.com/_next/static/chunks/pages/marketplace-integration-4e9d2102eb2d77b8.js

js olist.com collected 2026-09-24 18:44:35 UTC 36,525 bytes, 43 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4417],{90472:function(t,e,i){"use strict";i.d(e,{V:function(){return b}});var n=i(52938),o=i(67294);let l=t=>o.createElement("svg",Object.assign({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t),o.createElement("path",{d:"m22 20.587-4.825-4.825A8.5 8.5 0 0 0 19 10.5C19 5.8 15.2 2 10.5 2S2 5.8 2 10.5 5.8 19 10.5 19a8.5 8.5 0 0 0 5.262-1.825L20.587 22 22 20.587ZM10.5 17A6.503 6.503 0 0 1 4 10.5C4 6.912 6.912 4 10.5 4S17 6.912 17 10.5 14.088 17 10.5 17Z",fill:"currentColor"}));var a=i(43769),r=i(19521),d=i(31873),s=i(35748),c=i(83386);let p=(0,r.ZP)(s.S)`
2  width: 100%;
3
4  &::-webkit-search-cancel-button {
5    appearance: none;
6  }
7`,u=r.ZP.button(({theme:{olist:{color:t}}})=>(0,r.iv)`
8    display: none;
9    padding: 0;
10    border: none;
11    background-color: transparent;
12    cursor: pointer;
13    color: ${t.neutral.strong};
14
15    &:hover {
16      color: ${t.neutral.stronger};
17    }
18  `),g=(0,r.ZP)(t=>o.createElement("svg",Object.assign({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.09-14.477 1.41 1.42-3.084 3.06 3.075 3.085-1.417 1.412-3.078-3.088-3.086 3.065-1.41-1.42 3.084-3.06L7.509 8.91 8.926 7.5l3.078 3.088 3.086-3.065Z",fill:"currentColor"})))`
19  width: 16px;
20  height: 16px;
21`,x=r.ZP.div(({hasCtaButton:t})=>(0,r.iv)`
22    width: 100%;
23
24    &:focus-within {
25      ${u} {
26        display: block;
27      }
28    }
29
30    ${t&&(0,r.iv)`
31      ${c.AX} {
32        padding-right: 0;
33      }
34    `}
35
36    ${a.d8}
37  `),m=(0,r.ZP)(d.Z)(({theme:{olist:{spacing:t}}})=>(0,r.iv)`
38    flex-shrink: 0;
39    border-top-left-radius: 0;
40    border-bottom-left-radius: 0;
41    height: 48px;
42    margin-left: ${t.inline.small};
43  `),h=(t,e=600)=>{let i=(0,o.useRef)();return(0,o.useCallback)((...n)=>{let o=setTimeout(()=>{t(...n)},e);i.current&&clearTimeout(i.current),i.current=o},[t,e])};var v=i(91674);let b=(0,o.forwardRef)((t,e)=>{var{debounceDelay:i=600,placeholder:a,feedback:r,isLoading:d,onClean:s,onSearch:b,disabled:f,value:_,ctaButton:w,ctaButtonText:y="buscar",ctaButtonVariation:j="primary",helperText:k,readOnly:N,margin:I,marginTop:C,marginBottom:H,marginRight:Z,marginLeft:z,marginHorizontal:P,marginVertical:S,m:M,mt:F,mr:T,mb:L,ml:E,mx:B,my:R}=t,O=(0,n._)(t,["debounceDelay","placeholder","feedback","isLoading","onClean","onSearch","disabled","value","ctaButton","ctaButtonText","ctaButtonVariation","helperText","readOnly","margin","marginTop","marginBottom","marginRight","marginLeft","marginHorizontal","marginVertical","m","mt","mr","mb","ml","mx","my"]);let A=(0,o.useRef)(null),D=h(b,i);return(0,o.useImperativeHandle)(e,()=>A.current),(0,o.useEffect)(()=>{_&&!w&&D(_)},[_,D]),o.createElement(x,Object.assign({hasCtaButton:w},{margin:I,marginTop:C,marginBottom:H,marginRight:Z,marginLeft:z,marginHorizontal:P,marginVertical:S,m:M,mt:F,mr:T,mb:L,ml:E,mx:B,my:R}),o.createElement(c.AX,{disabled:f,feedback:r,readOnly:N,isLoading:d},o.createElement(p,Object.assign({},O,{ref:A,value:_,prefix:l,feedback:r,isLoading:d,placeholder:a,disabled:f,readOnly:N,type:"search",suffix:_&&!d&&!r&&o.createElement(u,{tabIndex:-1,"aria-hidden":!0,onClick:function(){var t;null===(t=A.current)||void 0===t||t.focus(),s()}},o.createElement(g,null))})),w&&o.createElement(m,{variation:j,size:"medium",onClick:function(){b(_)},disabled:f||d,"aria-readonly":N},y)),k&&o.createElement(v.Z,null,k))});b.displayName="InputSearch"},40871:function(t,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/marketplace-integration",function(){return i(82120)}])},23257:function(t,e,i){"use strict";i.d(e,{j:function(){return b}});var n=i(85893),o=i(90472),l=i(31873),a=i(25675),r=i.n(a),d=i(67294);let s=[{tag:"all",text:"Todas as integra\xe7\xf5es"},{tag:"marketplaces",text:"Marketplaces"},{tag:"ecommerce",text:"Plataformas de e-commerce"},{tag:"hubs_conectores",text:"Hubs e conectores"},{tag:"logistica",text:"Log\xedstica"},{tag:"gateways",text:"Gateways de pagamento"},{tag:"vendas",text:"Vendas"},{tag:"financeiro",text:"Solu\xe7\xf5es financeiras"},{tag:"gestao",text:"Gest\xe3o e estrat\xe9gia"},{tag:"outros",text:"Outros"}];var c=i(19521),p=i(65278),u=i(85703);let g=c.ZP.div.withConfig({displayName:"list-integrations.styled__ContainerIntegrations",componentId:"sc-a961773-0"})(["margin:0 auto;max-width:","px;width:100%;"," .flex-buttons-integrations{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;","{flex-direction:column;justify-content:flex-start;a,button{width:fit-content;}}}.button-integration-center{display:flex;justify-content:center;","{justify-content:flex-start;a,button{width:fit-content;}}}"],u.r.container.max_width,p.yc,p.Hb.xsmall,p.Hb.xsmall),x=c.ZP.div.withConfig({displayName:"list-integrations.styled__SearchIntegrations",componentId:"sc-a961773-1"})(["align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:center;.title-integrations{h1,h2,h3,h4{font-weight:600;font-size:28px;line-height:120%;text-align:center;}}form.pill-input{max-width:550px;width:100%;margin:40px auto 0;div > div{border-radius:35px;}}ul.filter-categories-integrations{align-items:stretch;display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center;list-style:none;margin:20px 20px 0;max-width:900px;padding-left:0;}"]),m=c.ZP.div.withConfig({displayName:"list-integrations.styled__ContainerIntegrationsList",componentId:"sc-a961773-2"})(["align-items:center;display:flex;flex-direction:column;margin-top:40px;width:100%;.columns-integrations{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;padding-bottom:60px;","{gap:20px;grid-template-columns:1fr 1fr;}","{gap:10px;grid-template-columns:1fr;padding-bottom:40px;}.integration{background-color:",";border-radius:12px;color:",";display:flex;flex-direction:row;padding:12px;align-items:center;position:relative;&:hover{background-color:",";border-color:transparent;box-shadow:0 0 0 2px rgba(34,130,255,0.58);outline:none;
43transition:box-shadow 0.2s ease-out 0.1s,background-color 0.2s ease-out 0.1s;.link-details{color:",";opacity:1;}}}.content-image-integration{align-items:center;background-color:",";border-radius:8px;display:flex;height:100%;justify-content:center;max-height:71px;max-width:71px;width:100%;}.info-integration{padding-left:10px;.integration-title *{font-weight:600;font-size:15px;line-height:120%;color:",";padding-bottom:6px;}.integration-category{font-weight:400;font-size:13px;line-height:120%;color:#4b5a7e;}}}.search-empty > p{font-size:19px;margin:0 auto;}"],p.Hb.medium,p.Hb.mobile,u.r.colors.gray,t=>{let{theme:e}=t;return e.color.neutral.stronger},u.r.colors.white,u.r.colors.primary,u.r.colors.white,u.r.colors.dark),h=(0,c.ZP)(l.Z).withConfig({displayName:"list-integrations.styled__ButtonIntegrationsCategory",componentId:"sc-a961773-3"})(["&.button-filter{&,&:hover{background:",";border:1px solid ",";box-shadow:none;color:",";outline:none;text-transform:lowercase;transition:background 0.3s ease-in-out;}&.active{background:",";box-shadow:none;color:",";outline:none;}}"],t=>{let{bgColor:e}=t;return e||"transparent"},u.r.colors.gray_medium,t=>{let{textColor:e}=t;return e||u.r.colors.dark},t=>{let{bgColorActive:e}=t;return e||"#df9fc7"},t=>{let{textColorActive:e}=t;return e||u.r.colors.dark}),v=(0,c.ZP)(l.Z).withConfig({displayName:"list-integrations.styled__ButtonIntegrations",componentId:"sc-a961773-4"})(["background-color:"," !important;color:"," !important;margin:"," !important;outline:none;white-space:nowrap;&:hover{background-color:",";color:",";}"],t=>{let{bgcolor:e}=t;return e||u.r.colors.primary},t=>{let{textcolor:e}=t;return e},t=>{let{margin:e}=t;return e},t=>{let{bghovercolor:e}=t;return e||u.r.colors.primary},t=>{let{texthoverColor:e}=t;return e||u.r.colors.white}),b=t=>{let{addFilterCategory:e=!0,bgButtonCategory:i,bgButtonCategoryActive:a,bgTextButton:c,bgTextButtonActive:p,buttonAdditional:u,buttonShowMoreIntegrations:b,emptySearch:f,integrationList:_,title:w}=t,[y,j]=(0,d.useState)("all"),[k,N]=(0,d.useState)(""),[I,C]=(0,d.useState)(8),H=t=>{t!=k&&(j("all"),N(t),C(8))},Z=t=>{N(""),j(t),C(8)},z=(0,d.useMemo)(()=>_.filter(t=>!!(""==k||t.title.toLowerCase().includes(k.toLowerCase()))&&("all"==y||t.category==y)),[y,k,_]),P=()=>{C(I+8)};return(0,n.jsxs)(g,{children:[(0,n.jsx)(x,{children:(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"title-integrations",dangerouslySetInnerHTML:{__html:w}}),(0,n.jsx)("form",{className:"pill-input",onSubmit:t=>t.preventDefault(),children:(0,n.jsx)(o.V,{debounceDelay:0,value:k,placeholder:"Busque pelas integra\xe7\xf5es",onClean:()=>null,onSearch:t=>H(t),onChange:t=>{H(t.target.value)}})}),e&&(0,n.jsx)("ul",{className:"filter-categories-integrations",children:s.map((t,e)=>(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("li",{children:(0,n.jsx)(h,{bgColor:i,bgColorActive:a,textColor:c,textColorActive:p,className:"pill-button button-filter ".concat(y==(null==t?void 0:t.tag)?"active":""),onClick:()=>Z(null==t?void 0:t.tag),children:null==t?void 0:t.text})},e)}))})]})}),(0,n.jsxs)(m,{children:[!z.length&&(0,n.jsx)("div",{className:"search-empty",dangerouslySetInnerHTML:{__html:f}}),(0,n.jsx)("div",{className:"columns-integrations",children:z.slice(0,I).map((t,e)=>{var i,o,l,a;let d=s.find(e=>(null==e?void 0:e.tag)===(null==t?void 0:t.category)),c=d?null==d?void 0:d.text:null==t?void 0:t.category;return(0,n.jsxs)("a",{href:null==t?void 0:t.link,target:t.page_is_tiny?"_self":"_blank",className:"integration",children:[(0,n.jsx)("div",{className:"content-image-integration",children:(0,n.jsx)(r(),{src:null==t?void 0:null===(o=t.image_integration)||void 0===o?void 0:null===(i=o[0])||void 0===i?void 0:i.url,width:70,height:70,alt:(null==t?void 0:null===(a=t.image_integration)||void 0===a?void 0:null===(l=a[0])||void 0===l?void 0:l.alternativeText)||"Logo integra\xe7\xe3o",loading:"lazy",style:{objectFit:"contain",width:"100%",maxWidth:"70px",height:"auto"}})}),(0,n.jsxs)("div",{className:"info-integration",children:[(0,n.jsx)("div",{className:"integration-title",dangerouslySetInnerHTML:{__html:null==t?void 0:t.t
43itle}}),(0,n.jsx)("div",{className:"integration-category",dangerouslySetInnerHTML:{__html:c}})]})]},"integration-".concat(e))})})]}),(0,n.jsxs)("div",{className:z.length>I&&u?"flex-buttons-integrations":"button-integration-center",children:[z.length>I&&(0,n.jsx)(l.Z,{size:"small",className:"pill-button",onClick:()=>P(),variation:"secondary",children:b}),u&&(0,n.jsx)(v,{size:"small",className:"pill-button",href:null==u?void 0:u.link,bgcolor:null==u?void 0:u.custom_bg_color,bghovercolor:null==u?void 0:u.custom_hover_color,textcolor:null==u?void 0:u.custom_text_color,texthoverColor:null==u?void 0:u.custom_hover_text_color,borderColor:null==u?void 0:u.border_color,target:"_".concat(null==u?void 0:u.target),children:null==u?void 0:u.title})]})]})}},82120:function(t,e,i){"use strict";i.r(e),i.d(e,{__N_SSG:function(){return K},default:function(){return Q}});var n=i(85893),o=i(1303),l=i(14424),a=i(75563),r=i(45841),d=i(9008),s=i.n(d),c=i(25675),p=i.n(c),u=i(11163),g=i(67294),x=i(15303),m=i(58964),h=i(23257),v=i(19521),b=i(65278);let f=v.ZP.video.withConfig({displayName:"media-content.styles__VideoMediaRenderer",componentId:"sc-ea4ddb33-0"})(["display:block;margin:0 auto;max-width:900px;object-fit:cover;object-position:top;width:100%;","{height:auto;}"],b.Hb.mobile),_=t=>{var e,i,o,l,a,r,d,s,c,u,g,x,m,h,v,b,_,w;let{media:y}=t;return(0,n.jsx)("div",{className:"content-media-render",children:(null==y?void 0:null===(i=y.data)||void 0===i?void 0:null===(e=i.attributes)||void 0===e?void 0:e.ext)==".png"||(null==y?void 0:null===(l=y.data)||void 0===l?void 0:null===(o=l.attributes)||void 0===o?void 0:o.ext)==".jpg"||(null==y?void 0:null===(r=y.data)||void 0===r?void 0:null===(a=r.attributes)||void 0===a?void 0:a.ext)==".gif"||(null==y?void 0:null===(s=y.data)||void 0===s?void 0:null===(d=s.attributes)||void 0===d?void 0:d.ext)==".svg"?(0,n.jsx)(p(),{className:"image-media-render",alt:(null==y?void 0:null===(u=y.data)||void 0===u?void 0:null===(c=u.attributes)||void 0===c?void 0:c.alternativeText)||"Ilustra\xe7\xe3o",src:null==y?void 0:null===(x=y.data)||void 0===x?void 0:null===(g=x.attributes)||void 0===g?void 0:g.url,width:null==y?void 0:null===(h=y.data)||void 0===h?void 0:null===(m=h.attributes)||void 0===m?void 0:m.width,height:null==y?void 0:null===(b=y.data)||void 0===b?void 0:null===(v=b.attributes)||void 0===v?void 0:v.height}):(0,n.jsx)(f,{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,children:(0,n.jsx)("source",{src:null==y?void 0:null===(w=y.data)||void 0===w?void 0:null===(_=w.attributes)||void 0===_?void 0:_.url,type:"video/webm"})})})};var w=i(53900),y=i(85703),j=i(61748),k=i(31873);let N=v.ZP.section.withConfig({displayName:"marketplace-integration.styles__WrapperMarketplaceIntegration",componentId:"sc-2a6e0cc9-0"})(["width:100%;"]),I=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__SectionMarketplaceIntegration",componentId:"sc-2a6e0cc9-1"})(["background:",";color:",";overflow:visible;position:relative;width:100%;&.border-bottom-small{border-radius:0 0 48px 48px;","{border-radius:0 0 32px 32px;}}&.border-bottom{border-radius:0 0 96px 96px;","{border-radius:0 0 32px 32px;}}&.border-top-small{border-radius:48px 48px 0 0;","{border-radius:32px 32px 0 0;}}&.border-top{border-radius:96px 96px 0 0;","{border-radius:32px 32px 0 0;}}"," .button-center{display:flex;justify-content:center;}"],t=>{let{bgcolor:e}=t;return e||y.r.colors.white},t=>{let{textcolor:e}=t;return e||y.r.colors.dark},b.Hb.mobile,b.Hb.mobile,b.Hb.mobile,b.Hb.mobile,t=>{let{bgtopcolor:e}=t;return e&&(0,v.iv)(["&::after{background:",";content:'';height:200px;position:absolute;top:-120px;width:100%;z-index:-1;}"],e)}),C=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__ContentMarketplaceIntegration",componentId:"sc-2a6e0cc9-2"})(["overflow:hidden;position:relative;width:100%;.image-marketplace-absolute{height:auto;max-width:450px;object-fit:contain;position:absolute;width:auto;&.image-header{opacity:0.5;","{display:none;}&:nth-child(1){left:calc(100vw / 2 - 95px - 450px - 20px);}&:nth-child(2){left:calc(100vw / 2 - 95px - 450px - 215px);}&:nth-child(3){right:calc(100vw / 2 - 95px - 450px - 30px);}&:nth-child(4){right:calc(100vw / 2 - 95px - 450px - 200px);}}&.image-banner{opacity:0.7;","{display:none;}&:nth-child(1){left:calc(100vw / 2 - 95px - 450px - 20px);","{left:calc(100vw / 2 - 95px - 450px + 225px);}}&:nth-child(2){left:calc(100vw / 2 - 95px - 450px - 215px);
43","{left:calc(100vw / 2 - 95px - 450px + 60px);}}&:nth-child(3){right:calc(100vw / 2 - 95px - 450px - 40px);","{right:calc(100vw / 2 - 95px - 450px + 130px);}}&:nth-child(4){right:calc(100vw / 2 - 95px - 450px - 260px);","{right:calc(100vw / 2 - 95px - 450px + 10px);}}}}"],b.Hb.mobile,b.Hb.mobile,b.Hb.medium,b.Hb.medium,b.Hb.medium,b.Hb.medium),H=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__PaddingMarketplaceIntegration",componentId:"sc-2a6e0cc9-3"})(["margin:0 auto;padding:",";position:relative;width:100%;","{padding:",";}","{padding:",";}","{padding:",";}"],t=>{let{p:e}=t;return e||"80px"},b.Hb.medium,t=>{let{pmedium:e}=t;return e||"70px 48px"},b.Hb.small,t=>{let{psmall:e}=t;return e||"40px 20px"},b.Hb.xsmall,t=>{let{pxsmall:e}=t;return e||"40px 16px"}),Z=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__MaxContentMarketplaceIntegration",componentId:"sc-2a6e0cc9-4"})(["margin:0 auto;max-width:","px;position:relative;width:100%;"],y.r.container.max_width_small),z=v.ZP.ul.withConfig({displayName:"marketplace-integration.styles__BreadcrumbMarketplaceIntegration",componentId:"sc-2a6e0cc9-5"})(["li{display:inline-block;& + li{margin-left:10px;}a,p{color:",";font-size:14px;font-weight:400;line-height:24px;opacity:0.8;text-decoration:none;","}}"],y.r.colors.dark,b.yc),P=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__HeaderContentMarketplaceIntegration",componentId:"sc-2a6e0cc9-6"})(["padding-top:40px;width:100%;"," ","{padding-top:20px;}.content-text-header{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding-bottom:60px;","{padding-bottom:28px;}}.media-desktop{","{display:none;}}.media-mobile{display:none;","{display:block;}}.text-header{padding-bottom:30px;padding-top:10px;h1,h2,h3,h4{font-size:48px;font-weight:600;line-height:120%;padding-bottom:30px;text-align:center;strong{-webkit-text-fill-color:transparent;background:linear-gradient( 90deg,#8dd7d7 0%,"," 80.69% );background-clip:text;font-weight:600;background-color:#488fde;background-repeat:repeat;background-size:100%;}","{font-size:32px;line-height:40px;}}p{font-size:18px;font-weight:400;line-height:120%;text-align:center;","{font-size:16px;line-height:24px;}}}"],b.yc,b.Hb.mobile,b.Hb.mobile,b.Hb.mobile,b.Hb.mobile,y.r.colors.primary,b.Hb.mobile,b.Hb.mobile),S=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__TagMarketplaceIntegration",componentId:"sc-2a6e0cc9-7"})(["align-items:center;background-color:transparent;display:flex;gap:5px;margin-bottom:20px;padding:9px 19px;position:relative;width:fit-content;"," &::after{background:",";border-radius:200px;content:'';inset:0;mask:linear-gradient("," 0 0) content-box,linear-gradient("," 0 0);mask-composite:exclude;padding:1px;position:absolute;}"],b.yc,t=>{let{bordercolor:e}=t;return e||"linear-gradient(90deg, ".concat(y.r.colors.primary," -3.41%, #8DD7D7 105.49%)")},y.r.colors.black,y.r.colors.black),M=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__SliderIntegrationsMarketplaceIntegration",componentId:"sc-2a6e0cc9-8"})(["position:relative;.fade-left,.fade-right{bottom:0;pointer-events:none;position:absolute;top:0;width:200px;z-index:2;","{width:100px;}","{width:50px;}}.fade-left{background:linear-gradient( to left,rgba(10,78,228,0) 0%,#fff 76.92% );left:0;}.fade-right{background:linear-gradient( to right,rgba(10,78,228,0) 0%,#fff 76.92% );right:0;}"],b.Hb.mobile,b.Hb.xsmall),F=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__SectionsMarketplace",componentId:"sc-2a6e0cc9-9"})(["width:100%;"," &.grid-on{display:grid;gap:80px;grid-template-columns:1fr 1fr;","{gap:50px;grid-template-columns:1fr;}}"],b.yc,b.Hb.mobile),T=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__ContentListIntegrations",componentId:"sc-2a6e0cc9-10"})(["background-color:",";border-radius:60px;padding:80px;width:100%;"," ","{border-radius:32px;padding:60px 20px;}.text-top-integrations{-webkit-text-fill-color:transparent;background:linear-gradient( 90deg,#8dd7d7 -3.41%,"," 83.17% );background-clip:text;background-repeat:repeat;background-size:100%;font-size:16px;font-weight:500;line-height:120%;padding-bottom:20px;text-align:center;}"],y.r.colors.white,b.yc,b.Hb.mobile,y.r.colors.primary),L=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__PriceMarketplaceIntegration",componentId:"sc-2a6e0cc9-11"})(["width:100%;"," .content-price-text{width:100%;padding-bottom:40px;","{padding-bottom:20px;}}.text-price{h1,h2,h3,h4{font-weight:600;font-size:40px;line-height:120%;text-align:center;","{font-size:32px;line-height:40px;}}p{font-size:16px;font-weight:400;line-height:120%;padding-top:20px;text-align:center;","{font-size:14px;}}}"],b.yc,b.Hb.mobile,b.Hb.mobile,b.Hb.mobile),E=v.ZP.div.withConfig({displayName:"marketplace-integration.styles__BannerMarketplaceIntegration",componentId:"sc-2a6e0cc9-12"})(["width:100%;"," .title-banner{margin:0 auto;max-width:1055px;h1,h2,h3,h4{font-weight:600;font-size:40px;line-height:120%;text-align:center;","{font-size:28px;}}p{font-size:18px;font-weight:400;line-height:28px;padding-top:8px;text-align:center;}}"],b.yc,b.Hb.mobile),B=(0,v.ZP)(k.Z).withConfig({displayName:"marketplace-integration.styles__StyledButtonMarketplaceIntegration",componentId:"sc-2a6e0cc9-13"})(["background:"," !important;color:"," !important;margin:"," !important;white-space:nowrap;&.button-border{border:1px solid ",";}&:hover{background:",";color:",";}"],t=>{let{bgcolor:e}=t;return e||y.r.colors.primary},t=>{let{textcolor:e}=t;return e},t=>{let{margin:e}=t;return e},t=>{let{borderColor:e}=t;return e},t=>{let{bghovercolor:e}=t;return e||y.r.colors.primary},t=>{let{texthoverColor:e}=t;return e||y.r.colors.white}),R=t=>{let{addArrow:e=!1,button:i,classButton:o,marginTop:l="0"}=t;return(0,n.jsx)(B,{className:"pill-button ".concat(o),size:"small",href:null==i?void 0:i.link,bgcolor:null==i?void 0:i.custom_bg_color,bghovercolor:null==i?void 0:i.custom_hover_color,textcolor:null==i?void 0:i.custom_text_color,texthoverColor:null==i?void 0:i.custom_hover_text_color,borderColor:null==i?void 0:i.border_color,target:"_".concat(null==i?void 0:i.target),mt:"".concat(l,"px"),iconRight:e?j.Z:void 0,children:null==i?void 0:i.title})},O=v.ZP.div.withConfig({displayName:"case-marketplace-integration.styles__CaseMarketplaceIntegrationStyled",componentId:"sc-79ff685b-0"})(["align-items:center;background:",";border-radius:60px;display:grid;gap:50px;grid-template-columns:1fr 1fr;height:100%;max-height:675px;overflow:hidden;width:100%;","{border-radius:40px;gap:20px;grid-template-columns:1fr;max-height:1160px;}.content-text-case{padding:95px 0 95px 80px;","{padding:80px 20px 10px;}}
43.case-image{img{display:block;height:100%;height:auto;max-width:550px;object-fit:contain;width:100%;margin-top:-20px;margin-left:auto;","{margin:30px auto 0;object-fit:cover;}}}.title-case{padding-bottom:30px;h1,h2,h3,h4{font-size:32px;font-weight:600;line-height:120%;"," ","{line-height:40px;}}p{font-size:16px;font-weight:400;line-height:28px;}}"],t=>{let{bgcolor:e}=t;return e||y.r.colors.dark},b.Hb.mobile,b.Hb.mobile,b.Hb.mobile,b.yc,b.Hb.mobile),A=t=>{var e,i,o,l,a,r,d,s;let{bgColor:c,button:u,image:g,text:x}=t;return(0,n.jsxs)(O,{bgcolor:c,children:[(0,n.jsxs)("div",{className:"content-text-case",children:[x&&(0,n.jsx)("div",{className:"title-case",dangerouslySetInnerHTML:{__html:x}}),(0,n.jsx)("div",{children:u&&(0,n.jsx)(R,{button:u,addArrow:!0})})]}),(0,n.jsx)("div",{className:"case-image",children:(null==g?void 0:g.data)&&(0,n.jsx)(p(),{src:null==g?void 0:null===(i=g.data)||void 0===i?void 0:null===(e=i.attributes)||void 0===e?void 0:e.url,alt:(null==g?void 0:null===(l=g.data)||void 0===l?void 0:null===(o=l.attributes)||void 0===o?void 0:o.url)||"Ilustra\xe7\xe3o",width:null==g?void 0:null===(r=g.data)||void 0===r?void 0:null===(a=r.attributes)||void 0===a?void 0:a.width,height:null==g?void 0:null===(s=g.data)||void 0===s?void 0:null===(d=s.attributes)||void 0===d?void 0:d.height,loading:"lazy"})})]})},D=v.ZP.div.withConfig({displayName:"section-marketplace.styles__ColumnsMarketplace",componentId:"sc-37f45d14-0"})(["display:grid;gap:80px;grid-template-columns:1fr 1fr;width:100%;"," &.center-content{align-items:center;}","{gap:40px;grid-template-columns:1fr;}&.column-reverse{grid-template-areas:'conteudo2 conteudo1';","{grid-template-areas:'conteudo1' 'conteudo2';}}.title-sections{&.margin-top-on{margin-top:15px;}h1,h2{font-weight:600;font-size:28px;line-height:120%;padding-bottom:40px;}h3,h4{font-weight:600;font-size:22px;line-height:120%;padding-bottom:8px;}p{font-weight:400;font-size:16px;line-height:24px;padding-bottom:5px;opacity:0.8;}}.img-sections{display:block;height:auto;margin:0 auto;max-width:640px;border-radius:20px;object-fit:contain;width:100%;","{border-radius:11px;}}.content-step-1{grid-area:conteudo1;}.content-step-2{grid-area:conteudo2;}"],b.yc,b.Hb.mobile,b.Hb.mobile,b.Hb.mobile),V=t=>{var e,i,o,l,a,r,d,s,c,u,g,x,m,h,v;let{content:b,section:f}=t;return(null==f?void 0:null===(e=f.content_section)||void 0===e?void 0:e.length)==1?(0,n.jsxs)(D,{className:"center-content ".concat((null==b?void 0:b.reverse)?"column-reverse":""),children:[(0,n.jsxs)("div",{className:b.reverse?"content-step-1":"",children:[(0,n.jsx)("div",{className:"title-sections",dangerouslySetInnerHTML:{__html:null==b?void 0:b.title}}),(null==b?void 0:b.button_link)&&(0,n.jsx)(B,{className:"pill-button",size:"small",href:null==b?void 0:b.button_link,bgcolor:null==b?void 0:b.button_bg_color,bghovercolor:null==b?void 0:b.button_bg_color,textcolor:null==b?void 0:b.button_text_color,texthoverColor:null==b?void 0:b.button_text_color,target:"_".concat(null==b?void 0:b.target),mt:30,children:null==b?void 0:b.button_title})]}),(0,n.jsx)("div",{className:b.reverse?"content-step-2":"",children:(null==b?void 0:null===(c=b.image)||void 0===c?void 0:c.data)&&(0,n.jsx)(p(),{className:"img-sections",src:null==b?void 0:null===(x=b.image)||void 0===x?void 0:null===(g=x.data)||void 0===g?void 0:null===(u=g.attributes)||void 0===u?void 0:u.url,alt:(null==b?void 0:null===(v=b.image)||void 0===v?void 0:null===(h=v.data)||void 0===h?void 0:null===(m=h.attributes)||void 0===m?void 0:m.alternativeText)||"Ilustra\xe7\xe3o",width:530,height:405,loading:"lazy"})})]}):(0,n.jsxs)("div",{children:[(null==b?void 0:null===(i=b.image)||void 0===i?void 0:i.data)&&(0,n.jsx)(p(),{className:"img-sections",src:null==b?void 0:null===(a=b.image)||void 0===a?void 0:null===(l=a.data)||void 0===l?void 0:null===(o=l.attributes)||void 0===o?void 0:o.url,alt:(null==b?void 0:null===(s=b.image)||void 0===s?void 0:null===(d=s.data)||void 0===d?void 0:null===(r=d.attributes)||void 0===r?void 0:r.alternativeText)||"Ilustra\xe7\xe3o",width:530,height:405,loading:"lazy"}),(0,n.jsx)("div",{className:"title-sections margin-top-on",dangerouslySetInnerHTML:{__html:null==b?void 0:b.title}}
43),(null==b?void 0:b.button_link)&&(0,n.jsx)(B,{className:"pill-button",size:"medium",href:null==b?void 0:b.button_link,bgcolor:null==b?void 0:b.button_bg_color,bghovercolor:null==b?void 0:b.button_bg_color,textcolor:null==b?void 0:b.button_text_color,texthoverColor:null==b?void 0:b.button_text_color,target:"_".concat(null==b?void 0:b.target),mt:30,children:null==b?void 0:b.button_title})]})};i(64172),i(57638);let $=(0,v.F4)(["0%{transform:translateX(-50%);}100%{transform:translateX(0%);}"]),X=v.ZP.div.withConfig({displayName:"slider-integrations-marketplace.styles__InfiniteScrollTrack",componentId:"sc-f3410c5-0"})(["animation:"," 40s linear infinite;display:flex;flex-wrap:nowrap;width:max-content;"],$),G=v.ZP.div.withConfig({displayName:"slider-integrations-marketplace.styles__InfiniteScrollWrapper",componentId:"sc-f3410c5-1"})(["width:100%;&:hover ","{animation-play-state:paused;}"],X),W=v.ZP.div.withConfig({displayName:"slider-integrations-marketplace.styles__SliderIntegrationsMarketplaceContent",componentId:"sc-f3410c5-2"})(["padding-bottom:10px;position:relative;"]),q=v.ZP.div.withConfig({displayName:"slider-integrations-marketplace.styles__CardIntegrationsMarketplace",componentId:"sc-f3410c5-3"})(["align-items:center;display:flex;flex:0 0 auto;height:100%;justify-content:center;.card-content{align-items:center;display:flex;height:100%;justify-content:center;margin-left:35px;margin-right:35px;transform:scale(1);transition:transform 0.3s ease-in-out;&:hover{transform:scale(1.06);}.image-slide-images{display:block;margin:0 auto;max-width:100px;object-fit:contain;width:100%;}}"]),Y=t=>{let{integrations:e}=t;return(0,n.jsx)(W,{children:(0,n.jsx)(G,{children:(0,n.jsx)(X,{children:[...e,...e,...e].map((t,e)=>{var i,o,l,a,r,d;return(0,n.jsx)(q,{children:(0,n.jsx)("div",{className:"card-content",children:(0,n.jsx)("div",{children:(0,n.jsx)(p(),{className:"image-slide-images",src:null==t?void 0:null===(l=t.image)||void 0===l?void 0:null===(o=l.data)||void 0===o?void 0:null===(i=o.attributes)||void 0===i?void 0:i.url,alt:(null==t?void 0:null===(d=t.image)||void 0===d?void 0:null===(r=d.data)||void 0===r?void 0:null===(a=r.attributes)||void 0===a?void 0:a.alternativeText)||"Logo",width:95,height:45,loading:"lazy"})})})},"slide-".concat(e))})})})})},J=t=>{var e,i,o,d,c,v,b,f,j,k,B,O,D,$,X,G,W;let q=(0,u.useRouter)(),{SEO:J,pageContent:K}=t,Q=null==K?void 0:K.attributes,U=(null==Q?void 0:Q.header_logo_blue)?"Dark":"White",tt=(null==Q?void 0:Q.header_color)||y.r.colors.white,te=null==t?void 0:t.plansValues,ti=(0,g.useRef)(null),{scrollYProgress:tn}=(0,l.v)({target:ti,offset:["start end","end start"]}),to=[(0,a.H)(tn,[0,1],[1200,-400]),(0,a.H)(tn,[0,1],[900,-105]),(0,a.H)(tn,[0,1],[1200,-400]),(0,a.H)(tn,[0,1],[900,-105])],tl=(0,g.useRef)(null),{scrollYProgress:ta}=(0,l.v)({target:tl,offset:["start end","end start"]}),tr=[(0,a.H)(ta,[0,1],[400,-205]),(0,a.H)(ta,[0,1],[400,-530]),(0,a.H)(ta,[0,1],[500,-100]),(0,a.H)(ta,[0,1],[400,-455])],td=null==Q?void 0:null===(e=Q.sections)||void 0===e?void 0:e.length;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w.n0,{bgcolor:tt,type:U}),(0,n.jsx)(s(),{children:J&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(m.pG,{metaData:J,page:"marketplace-integration",router:q}),(0,n.jsx)("title",{children:null==Q?void 0:Q.seo_title}),(0,n.jsx)("meta",{name:"description",content:null==Q?void 0:Q.seo_description})]})}),(0,n.jsxs)(N,{children:[(0,n.jsx)(I,{id:"inicio",bgcolor:null==Q?void 0:Q.bg_color,textcolor:null==Q?void 0:Q.text_color,className:(null==Q?void 0:Q.add_list_integrations)?"border-bottom-small":"",children:(0,n.jsxs)(C,{ref:ti,children:[(null==Q?void 0:null===(i=Q.image_background)||void 0===i?void 0:i.data)&&(0,n.jsx)(n.Fragment,{children:to.map((t,e)=>{var i,o,l,a,d,s;return(0,n.jsx)(r.E.img,{style:{y:t},className:"image-marketplace-absolute image-header",alt:"Ilustra\xe7\xe3o",src:null===(o=Q.image_background.data)||void 0===o?void 0:null===(i=o.attributes)||void 0===i?void 0:i.url,width:null===(a=Q.image_background.data)||void 0===a?void 0:null===(l=a.attributes)||void 0===l?void 0:l.width,height:null===(s=Q.image_background.data)||void 0===s?void 0:null===(d=s.attributes)||void 0===d?void 0:d.height,loading:"lazy"},e)})}),(0,n.jsx)(H,{p:"20px 80px 80px",pmedium:"20px 20px 70px",psmall:"20px 20px 40px",pxsmall:"20px 16px 40px",children:(0,n.jsxs)(Z,{children:[(0,n.jsxs)(z,{children:[(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://olist.com/",children:"home /"})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://olist.com/hub-de-integracao/",children:"hub de integra\xe7\xe3o /"})}),(0,n.jsx)("li",{children:(0,n.jsx)("p",{children:"marketplaces"})})]}),(0,n.jsxs)(P,{children:[(0,n.jsxs)("div",{className:"content-text-header",children:[(null==Q?void 0:Q.tag)&&(0,n.jsxs)(S,{bordercolor:"",children:[(null==Q?void 0:null===(d=Q.tag)||void 0===d?void 0:null===(o=d.icon)||void 0===o?void 0:o.data)&&(0,n.jsx)(p(),{src:null==Q?void 0:null===(f=Q.tag)||void 0===f?void 0:null===(b=f.icon)||void 0===b?void 0:null===(v=b.data)||void 0===v?void 0:null===(c=v.attributes)||void 0===c?void 0:c.url,alt:(null==Q?void 0:null===(O=Q.tag)||void 0===O?void 0:null===(B=O.icon)||void 0===B?void 0:null===(k=B.data)||void 0===k?void 0:null===(j=k.attributes)||void 0===j?void 0:j.alternativeText)||"\xcdcone",width:20,height:20,loading:"lazy",style:{objectFit:"contain"}}),(0,n.jsx)("div",{className:"text-tag",dangerouslySetInnerHTML:{__html:null==Q?void 0:null===(D=Q.tag)||void 0===D?void 0:D.text}})]}),(0,n.jsx)("div",{className:"text-header",dangerouslySetInnerHTML:{__html:null==Q?void 0:Q.text}}),(null==Q?void 0:Q.button)&&(0,n.jsx)(R,{button:null==Q?void 0:Q.button})]}),(null==Q?void 0:null===($=Q.media)||void 0===$?void 0:$.data)&&(0,n.jsx)("div",{className:"media-desktop",children:(0,n.jsx)(_,{media:null==Q?void 0:Q.media})}),(null==Q?void 0:null===(X=Q.media_mobile)||void 0===X?void 0:X.data)&&(0,n.jsx)("div",{className:"media-mobile",children:(0,n.jsx)(_,{media:null==Q?void 0:Q.media_mobile})})]})]})})]})}),(null==Q?void 0:Q.add_list_integrations)&&(0,n.jsx)(I,{id:"carrossel-integracoes",children:(0,n.jsx)(C,{children:(0,n.jsx)(H,{p:"60px 0",pmedium:"60px 0px",psmall:"50px 0px",pxsmall:"50px 0px",children:(0,n.jsxs)(M,{children:[(0,n.jsx)("div",{className:"fade-left"}),(0,n.jsxs)(Z,{children:[(0,n.jsx)(Y,{integrations:null==Q?void 0:Q.list_integrations}),(null==Q?void 0:Q.button_list_integrations)&&(0,n.jsx)("div",{className:"button-center",children:(0,n.jsx)(R,{marginTop:"20",classButton:"button-border",button:null==Q?void 0:Q.button_list_integrations})})]}),(0,n.jsx)("div",{className:"fade-right"})]})})})}),(null==Q?void 0:Q.sections)&&(null==Q?void 0:Q.sections.map((t,e)=>{var i;return(0,n.jsx)(I,{id:"section-".concat(null==t?void 0:t.id_section),className:0==e&&(null==Q?void 0:Q.add_list_integrations)?"border-top-small":"",bgcolor:0==e?"linear-gradient(180deg, rgba(242, 240, 232, 0.3) 52.48%, #FFFFFF 99.95%)":"",children:(0,n.jsx)(C,{children:(0,n.jsx)(H,{psmall:td==e+1?"80px 20px":"80px 20px 0 20px",pxsmall:td==e+1?"80px 16px":"80px 16px 0 16px",children:(0,n.jsx)(Z,{children:(0,n.jsx)(F,{className:"".concat((null==t?void 0:null===(i=t.content_section)||void 0===i?void 0:i.length)>=2?"grid-on":""),children:null==t?void 0:t.content_section.map(e=>(0,n.jsx)(V,{section:t,content:e},"content-".concat(e.id)))})})})})},"section-".concat(t.id_section))})),(null==Q?void 0:Q.add_integrations)&&(0,n.jsx)(I,{id:"integracoes",bgcolor:"linear-gradient(180deg, #F2F0E8 25.09%, #FFFFFF 100%)",className:"border-top",children:(0,n.jsx)(C,{children:(0,n.jsx)(H,{psmall:"60px 20px",pxsmall:"60px 16px",children:(0,n.jsx)(Z,{children:(0,n.jsxs)(T,{children:[(0,n.jsx)("p",{className:"text-top-integrations",children:null==Q?void 0:Q.text_integrations_top}),(0,n.jsx)(h.j,{title:null==Q?void 0:Q.text_integrations,integrationList:null==Q?void 0:null===(G=Q.site_list_integration)||void 0===G?void 0:G.integrations,addFilterCategory:!1,buttonAdditional:null==Q?void 0:Q.button_integrations,buttonShowMoreIntegrations:"ver mais integra\xe7\xf5es",emptySearch:"Sua pesquisa n\xe3o retornou resultados"})]})})})})}),(null==Q?void 0:Q.add_section_case)&&(0,n.jsx)(I,{id:"depoimento",bgcolor:"linear-gradient(4deg, rgb(242, 240, 232,1) 5.27%, rgb(255, 255, 255,1) 99%)",textcolor:y.r.colors.white,bgtopcolor:"",children:(0,n.jsx)(C,{children:(0,n.jsx)(H,{p:"60px 80px",pmedium:"40px 0px",psmall:"40px 0px",pxsmall:"40px 0px",children:(0,n.jsx)(Z,{children:(0,n.jsx)(A,{button:null==Q?void 0:Q.button_case,image:null==Q?void 0:Q.image_case,text:null==Q?void 0:Q.text_case})})})})}),(null==Q?void 0:Q.add_price)&&(0,n.jsx)(I,{id:"planos",className:"border-bottom",bgcolor:"linear-gradient(180deg, #F2F0E8 0%, #FFFFFF 41.93%)",children:(0,n.jsx)(C,{children:(0,n.jsx)(H,{children:(0,n.jsx)(Z,{children:(0,n.jsxs)(L,{children:[(0,n.jsx)("div",{className:"content-price-text",children:(null==Q?void 0:Q.text_price)&&(0,n.jsx)("div",{className:"text-price",dangerouslySetInnerHTML:{__html:null==Q?void 0:Q.text_price}})}),(null==Q?void 0:Q.site_tiny_cards_plano.data)&&te&&(0,n.jsx)(x.s,{cardsPlanos:null==Q?void 0:Q.site_tiny_cards_plano,plansAPI:te})]})})})})}),(null==Q?void 0:Q.add_banner)&&(0,n.jsx)(I,{id:"banner",className:"border-bottom",bgcolor:"linear-gradient(to bottom, ".concat(y.r.colors.dark," 57.24%, ").concat(y.r.colors.primary," 158.42%)"),textcolor:y.r.colors.white,bgtopcolor:y.r.colors.dark,children:(0,n.jsxs)(C,{ref:tl,children:[(null==Q?void 0:null===(W=Q.image_background_banner)||void 0===W?void 0:W.data)&&(0,n.jsx)(n.Fragment,{children:tr.map((t,e)=>{var i,o,l,a,d,s;return(0,n.jsx)(r.E.img,{style:{y:t},className:"image-marketplace-absolute image-banner",alt:"Ilustra\xe7\xe3o",src:null===(o=Q.image_background_banner.data)||void 0===o?void 0:null===(i=o.attributes)||void 0===i?void 0:i.url,width:null===(a=Q.image_background_banner.data)||void 0===a?void 0:null===(l=a.attributes)||void 0===l?void 0:l.width,height:null===(s=Q.image_background_banner.data)||void 0===s?void 0:null===(d=s.attributes)||void 0===d?void 0:d.height,loading:"lazy"},e)})}),(0,n.jsx)(H,{p:"140px 80px",pmedium:"100px 48px",psmall:"80px 20px",pxsmall:"80px 20px",children:(0,n.jsx)(Z,{children:(0,n.jsxs)(E,{children:[(null==Q?void 0:Q.text_banner)&&(0,n.jsx)("div",{className:"title-banner",dangerouslySetInnerHTML:{__html:null==Q?void 0:Q.text_banner}}),(null==Q?void 0:Q.button_banner)&&(0,n.jsx)("div",{className:"button-center",children:(0,n.jsx)(R,{button:null==Q?void 0:Q.button_banner,marginTop:"40"})})]})})})]})})]})]})};var K=!0,Q=t=>{let{plansContent:e,siteFooterOlist:i,siteHeaderOlist:l,siteSocialOlist:a}=t;return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.i,{header:l,footer:i,social:a,plans:e,children:(0,n.jsx)(J,{...t})})})}}},function(t){t.O(0,[1664,299,8328,6832,9755,1332,3877,6991,5443,8964,1303,3900,5303,2888,9774,179],function(){return t(t.s=40871)}),_N_E=t.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.