https://olist.com/_next/static/chunks/8929-b9643bec7ee9954d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8929],{23257:function(e,t,n){n.d(t,{j:function(){return f}});var l=n(85893),o=n(90472),i=n(31873),a=n(25675),r=n.n(a),s=n(67294);let d=[{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=n(19521),u=n(65278),x=n(85703);let g=c.default.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;}}}"],x.r.container.max_width,u.yc,u.Hb.xsmall,u.Hb.xsmall),p=c.default.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.default.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;transition: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;}"],u.Hb.medium,u.Hb.mobile,x.r.colors.gray,e=>{let{theme:t}=e;return t.color.neutral.stronger},x.r.colors.white,x.r.colors.primary,x.r.colors.white,x.r.colors.dark),v=(0,c.default)(i.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;}}"],e=>{let{bgColor:t}=e;return t||"transparent"},x.r.colors.gray_medium,e=>{let{textColor:t}=e;return t||x.r.colors.dark},e=>{let{bgColorActive:t}=e;return t||"#df9fc7"},e=>{let{textColorActive:t}=e;return t||x.r.colors.dark}),h=(0,c.default)(i.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:",";}"],e=>{let{bgcolor:t}=e;return t||x.r.colors.primary},e=>{let{textcolor:t}=e;return t},e=>{let{margin:t}=e;return t},e=>{let{bghovercolor:t}=e;return t||x.r.colors.primary},e=>{let{texthoverColor:t}=e;return t||x.r.colors.white}),f=e=>{let{addFilterCategory:t=!0,bgButtonCategory:n,bgButtonCategoryActive:a,bgTextButton:c,bgTextButtonActive:u,buttonAdditional:x,buttonShowMoreIntegrations:f,emptySearch:_,integrationList:b,title:j}

1=e,[y,N]=(0,s.useState)("all"),[w,I]=(0,s.useState)(""),[k,C]=(0,s.useState)(8),H=e=>{e!=w&&(N("all"),I(e),C(8))},M=e=>{I(""),N(e),C(8)},L=(0,s.useMemo)(()=>b.filter(e=>!!(""==w||e.title.toLowerCase().includes(w.toLowerCase()))&&("all"==y||e.category==y)),[y,w,b]),S=()=>{C(k+8)};return(0,l.jsxs)(g,{children:[(0,l.jsx)(p,{children:(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"title-integrations",dangerouslySetInnerHTML:{__html:j}}),(0,l.jsx)("form",{className:"pill-input",onSubmit:e=>e.preventDefault(),children:(0,l.jsx)(o.V,{debounceDelay:0,value:w,placeholder:"Busque pelas integra\xe7\xf5es",onClean:()=>null,onSearch:e=>H(e),onChange:e=>{H(e.target.value)}})}),t&&(0,l.jsx)("ul",{className:"filter-categories-integrations",children:d.map((e,t)=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("li",{children:(0,l.jsx)(v,{bgColor:n,bgColorActive:a,textColor:c,textColorActive:u,className:"pill-button button-filter ".concat(y==(null==e?void 0:e.tag)?"active":""),onClick:()=>M(null==e?void 0:e.tag),children:null==e?void 0:e.text})},t)}))})]})}),(0,l.jsxs)(m,{children:[!L.length&&(0,l.jsx)("div",{className:"search-empty",dangerouslySetInnerHTML:{__html:_}}),(0,l.jsx)("div",{className:"columns-integrations",children:L.slice(0,k).map((e,t)=>{var n,o,i,a;let s=d.find(t=>(null==t?void 0:t.tag)===(null==e?void 0:e.category)),c=s?null==s?void 0:s.text:null==e?void 0:e.category;return(0,l.jsxs)("a",{href:null==e?void 0:e.link,target:e.page_is_tiny?"_self":"_blank",className:"integration",children:[(0,l.jsx)("div",{className:"content-image-integration",children:(0,l.jsx)(r(),{src:null==e?void 0:null===(o=e.image_integration)||void 0===o?void 0:null===(n=o[0])||void 0===n?void 0:n.url,width:70,height:70,alt:(null==e?void 0:null===(a=e.image_integration)||void 0===a?void 0:null===(i=a[0])||void 0===i?void 0:i.alternativeText)||"Logo integra\xe7\xe3o",loading:"lazy",style:{objectFit:"contain",width:"100%",maxWidth:"70px",height:"auto"}})}),(0,l.jsxs)("div",{className:"info-integration",children:[(0,l.jsx)("div",{className:"integration-title",dangerouslySetInnerHTML:{__html:null==e?void 0:e.title}}),(0,l.jsx)("div",{className:"integration-category",dangerouslySetInnerHTML:{__html:c}})]})]},"integration-".concat(t))})})]}),(0,l.jsxs)("div",{className:L.length>k&&x?"flex-buttons-integrations":"button-integration-center",children:[L.length>k&&(0,l.jsx)(i.Z,{size:"small",className:"pill-button",onClick:()=>S(),variation:"secondary",children:f}),x&&(0,l.jsx)(h,{size:"small",className:"pill-button",href:null==x?void 0:x.link,bgcolor:null==x?void 0:x.custom_bg_color,bghovercolor:null==x?void 0:x.custom_hover_color,textcolor:null==x?void 0:x.custom_text_color,texthoverColor:null==x?void 0:x.custom_hover_text_color,borderColor:null==x?void 0:x.border_color,target:"_".concat(null==x?void 0:x.target),children:null==x?void 0:x.title})]})]})}},48330:function(e,t,n){n.d(t,{H:function(){return _}});var l=n(85893),o=n(67294),i=n(19521),a=n(65278),r=n(85703),s=n(88666);let d=i.default.div.withConfig({displayName:"content-addons-fee.styles__ContainerAddonsFee",componentId:"sc-2f4a06f4-0"})(["width:100%;.title-addons *{font-size:22px;font-weight:500;line-height:40px;text-align:center;}.list-addons{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);padding-top:40px;","{grid-template-columns:repeat(2,1fr);}","{grid-template-columns:1fr;}.addon{background-color:",";border-radius:10px;padding:20px 15px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;.title-addon *{font-weight:700;font-size:14px;}.addon-resource{align-items:center;color:",";display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:10px 0px;border-bottom:1px solid #0016470d;&:first-child{border:none;opacity:0.8;padding:10px 0px 26px 0px;}&:last-child{border:none;}.text-resource-addon *{font-weight:600;font-size:13px;line-height:16px;opacity:0.8;}.text-addon *{font-weight:400;font-size:13px;line-height:28px;}.value-addon *{font-weight:700;font-size:14px;line-height:28px;}}.text-obs-addon *{font-weight:400;font-size:12px;opacity:0.8;}}}.addons-text-obs{padding-top:40px;*{font-size:13px;line-height:18px;}}"],a.Hb.medium,a.Hb.mobile,r.r.colors.white,r.r.colors.dark),c=i.default.div.withConfig({displayName:"content-addons-fee.styles__DividerAddons",componentId:"sc-2f4a06f4-1"})(["background-color:",";height:1px;margin:20px 0;width:100%;"],s.ky),u=e=>{var t,n;let{addons:o}=e;return(0,l.jsxs)(d,{className:"container-addons-fee",children:[(null==o?void 0:o.title)&&(0,l.jsx)("div",{className:"title-addons",dangerouslySetInnerHTML:{__html:null==o?void 0:o.title}}),(null==o?void 0:null===(t=o.list_addons)||void 0===t?void 0:t.length)>0&&(0,l.jsx)("div",{className:"list-addons",children:null==o?void 0:null===(n=o.list_addons)||void 0===n?void 0:n.map(e=>{var t;return(0,l.jsxs)("div",{className:"addon",children:[(0,l.jsxs)("div",{children:[(null==e?void 0:e.title)&&(0,l.jsx)("div",{className:"title-addon",dangerouslySetInnerHTML:{__html:null==e?void 0:e.title}}

1),(0,l.jsx)(c,{}),(0,l.jsx)("div",{className:"addon-resources",children:null==e?void 0:null===(t=e.list)||void 0===t?void 0:t.map((e,t)=>(0,l.jsxs)("div",{className:"addon-resource",children:[(null==e?void 0:e.title)&&(0,l.jsx)("div",{className:0==t?"text-resource-addon":"text-addon",dangerouslySetInnerHTML:{__html:null==e?void 0:e.title}}),(null==e?void 0:e.value)&&(0,l.jsx)("div",{className:0==t?"text-resource-addon":"value-addon",dangerouslySetInnerHTML:{__html:null==e?void 0:e.value}})]},"addon-resource-".concat(null==e?void 0:e.id)))})]}),(null==e?void 0:e.text_obs)&&(0,l.jsx)("div",{className:"text-obs-addon",dangerouslySetInnerHTML:{__html:null==e?void 0:e.text_obs}})]},"addon-".concat(null==e?void 0:e.id))})}),(null==o?void 0:o.text_obs)&&(0,l.jsx)("div",{className:"addons-text-obs",dangerouslySetInnerHTML:{__html:null==o?void 0:o.text_obs}})]})};var x=n(13819);let g={PIX:"pix_e_boleto",PAYMENT_LINK:"link_pagamento",PHONE_MACHINE:"maquininha_celular"};var p=n(38607),m=n(75273),v=n(79851);let h=e=>{var t,n;let{fee:i}=e,{width:a}=(0,x.i)(),r=a<=1080,[d,c]=(0,o.useState)([g.PIX]),u={[g.PIX]:(0,o.useRef)(null),[g.PAYMENT_LINK]:(0,o.useRef)(null),[g.PHONE_MACHINE]:(0,o.useRef)(null)},h=e=>{d.includes(e)?d.length>1&&c(t=>t.filter(t=>t!==e)):(c(t=>[...t,e]),r||setTimeout(()=>{var t;null===(t=u[e].current)||void 0===t||t.scrollIntoView({behavior:"smooth"})},200))};return(0,l.jsxs)(s.An,{children:[(null==i?void 0:i.title)&&(0,l.jsx)("div",{className:"title-fee",dangerouslySetInnerHTML:{__html:null==i?void 0:i.title}}),(0,l.jsxs)(s.OE,{children:[(null==i?void 0:i.text_filter)&&(0,l.jsx)("p",{className:"text-filter",children:null==i?void 0:i.text_filter}),(0,l.jsx)("div",{className:"content-buttons-filter",children:null==i?void 0:null===(t=i.filter_buttons)||void 0===t?void 0:t.map(e=>{let t=d.includes(null==e?void 0:e.title);return(0,l.jsxs)(s.e1,{className:"pill-button button-filter ".concat(t?"active":""),onClick:()=>h(null==e?void 0:e.title),children:[(0,l.jsx)("span",{className:"checkbox-visual"}),(null==e?void 0:e.description)&&(0,l.jsx)("div",{className:"text-button-filter-fee",dangerouslySetInnerHTML:{__html:null==e?void 0:e.description}})]},null==e?void 0:e.title)})})]}),(null==i?void 0:i.site_fees.length)>0&&(0,l.jsx)(s.rR,{children:null==i?void 0:null===(n=i.site_fees)||void 0===n?void 0:n.map((e,t)=>{var n;return(0,l.jsxs)("div",{className:"fee-card",children:[(0,l.jsxs)("div",{className:"header-card-fee",children:[e.text&&(0,l.jsx)("p",{className:"description-card-fee",children:e.text}),(null==e?void 0:e.plan_name)&&(0,l.jsx)("div",{className:"title-card-fee",dangerouslySetInnerHTML:{__html:null==e?void 0:e.plan_name}})]}),(0,l.jsx)("div",{ref:u[g.PIX],children:(null==e?void 0:null===(n=e.content_pix_boleto)||void 0===n?void 0:n.length)>0&&d.includes(g.PIX)&&(0,l.jsx)(v.V,{data:null==e?void 0:e.content_pix_boleto})}),(0,l.jsx)("div",{ref:u[g.PAYMENT_LINK],children:d.includes(g.PAYMENT_LINK)&&(0,l.jsx)(p.e,{data:null==e?void 0:e.content_payment_link})}),(0,l.jsx)("div",{ref:u[g.PHONE_MACHINE],children:d.includes(g.PHONE_MACHINE)&&(0,l.jsx)(m.u,{data:null==e?void 0:e.content_phone_machine})})]},"card-fee-".concat(t))})}),(null==i?void 0:i.text_obs)&&(0,l.jsx)("div",{className:"fee-text-obs",dangerouslySetInnerHTML:{__html:null==i?void 0:i.text_obs}})]})};var f=n(85174);let _=e=>{let{data:t}=e,[n,i]=(0,o.useState)(0),a=t[0],r=e=>{i(e)};return(0,l.jsx)(f.bs,{children:(0,l.jsx)("div",{children:(null==a?void 0:a.text_button_1)&&(null==a?void 0:a.text_button_2)?(0,l.jsxs)("div",{children:[(0,l.jsxs)(f.Bt,{children:[(0,l.jsx)("button",{className:0==n?"active":"",onClick:()=>r(0),children:(0,l.jsx)("span",{children:null==a?void 0:a.text_button_1})}),(0,l.jsx)("button",{className:1==n?"active":"",onClick:()=>r(1),children:(0,l.jsx)("span",{children:null==a?void 0:a.text_button_2})})]}),0==n&&(0,l.jsx)(h,{fee:null==a?void 0:a.component_fee}),1==n&&(0,l.jsx)(u,{addons:null==a?void 0:a.component_addons})]}):(0,l.jsxs)("div",{children:[(null==a?void 0:a.text_button_1)&&(0,l.jsx)(h,{fee:null==a?void 0:a.component_fee}),(null==a?void 0:a.text_button_2)&&(0,l.jsx)(u,{addons:null==a?void 0:a.component_addons})]})})})}}}]);