https://flatfile.com/component---src-pages-platform-portal-index-tsx-81cd1e3b1813dbe3bbf8.js

1"use strict";(self.webpackChunkRetailGatsby=self.webpackChunkRetailGatsby||[]).push([[3586],{26573:function(e,t,a){var o=a(96540),n=a(86462),r=a(24794),i=a(27581),l=a(99751),c=a(82471),d=a(73219),s=a(98368);const m=i.default.div.withConfig({displayName:"SubNav__SubNavWrapper",componentId:"sc-1odi3ry-0"})(["background-color:",";"," padding-top:4.75rem;ul{display:flex;justify-content:center;list-style:none;gap:0.5rem;}a{"," text-decoration:none;padding:0.5rem;border-radius:0.25rem;transition:all 0.2s ease-in-out;}a:hover,a:focus,a:active{","}a.is-active{font-weight:bold;}display:none;@media (min-width:","px){display:block;}"],e=>{let{inverted:t}=e;return t?c.K5.black:c.K5.white},e=>{let{backgroundColor:t}=e;return t&&(0,i.css)(["background-color:",";"],t)},e=>{let{inverted:t}=e;return(0,i.css)(["color:",";"],t?"#fff":"#000")},e=>{let{inverted:t}=e;return(0,i.css)(["color:",";"],t?c.K5.primaryAccent:c.K5.primary)},l.R.md),p=i.default.div.withConfig({displayName:"SubNav__SubNavContainer",componentId:"sc-1odi3ry-1"})(["display:block;"]),f=i.default.div.withConfig({displayName:"SubNav__SubNavContent",componentId:"sc-1odi3ry-2"})(["display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;"]),u=i.default.div.withConfig({displayName:"SubNav__Logo",componentId:"sc-1odi3ry-3"})(["display:flex;align-items:center;height:2rem;"]),g=(i.default.div.withConfig({displayName:"SubNav__LogoIcon",componentId:"sc-1odi3ry-4"})(["display:block;width:1.25rem;height:1.25rem;margin-right:0.75rem;background-color:",";"],e=>{let{backgroundColor:t}=e;return t||c.K5.primaryAccent}),i.default.nav.withConfig({displayName:"SubNav__Nav",componentId:"sc-1odi3ry-5"})(["display:flex;align-items:center;gap:0.5rem;a{position:relative;sup{position:absolute;top:0rem;right:-0.25rem;font-size:0.75rem;}}"])),h=()=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20"},o.createElement("path",{fill:"#FFD152",d:"M0 0H20V20H0z"}),o.createElement("path",{stroke:"#000",d:"M15.5 5v-.5H9.904l.854.854 1.198 1.198-2.393 2.392H3.944v2.112H10.437l.147-.147 2.864-2.865 1.198 1.198.758.758-.758.758-1.198 1.198-1.59-1.591-.354-.354-.354.354-.785.785-.354.354.354.353 1.59 1.591-1.197 1.198-.854.854H15.5V5z"})),b=[{label:"Projects",to:"/platform/projects/"},{label:"Portal",to:"/platform/portal/"}],w=[{label:"Workbooks",to:"/platform/workbooks/"},{label:"Mapping",to:"/platform/mapping/"},{label:"Orchestration",to:"/platform/orchestration/"},{label:"Plugins",to:"/docs/plugins/overview"}];t.A=e=>{let{inverted:t,backgroundColor:a,leftLinks:i=b,logo:l={backgroundColor:c.K5.primaryAccent,icon:o.createElement(h,null),text:"Platform",linkUrl:"#"},rightLinks:y=w}=e;const v=(0,n.useLocation)();return o.createElement(m,{inverted:t,backgroundColor:a},o.createElement("div",{className:"border-t-1 border-gray-500"},o.createElement(p,{className:"max-w-container mx-auto px-4 md:px-16 lg:px-9 flex"},o.createElement(f,null,o.createElement(u,null,l.linkUrl?o.createElement(r.Link,{to:l.linkUrl,className:"!p-0"},o.createElement(d.VI,{color:t?c.K5.white:c.K5.black,case:"normal",letterSpacing:"normal"},l.showChevron&&o.createElement(s.A,{color:"currentColor",classes:"fa-sharp fa-regular fa-chevron-left mr-2 relative top-[1px]",size:"1rem"}),l.text&&l.text)):o.createElement(d.VI,{color:t?c.K5.white:c.K5.black,case:"normal",letterSpacing:"normal"},l.text&&l.text)),o.createElement(g,null,o.createElement("ul",null,i.map((e,t)=>o.createElement("li",{key:t},o.createElement(r.Link,{to:e.to,className:v.pathname.includes(e.to)?"is-active":""},e.label)))),y&&o.createElement(o.Fragment,null," ","|"," ",o.createElement("ul",null,y.map((e,t)=>o.createElement("li",{key:t},e.external?o.createElement("a",{href:e.to,target:"_blank",rel:"noreferrer"},e.label,e.external&&o.createElement("sup",null,"↗")):o.createElement(r.Link,{to:e.to,className:v.pathname.includes(e.to)?"is-active":""},e.label))))))))))}},35478:function(e,t,a){a.d(t,{I8:function(){return n},Lr:function(){return o},PI:function(){return r}});const o={author:{name:"Scott Snider",title:"Lead Engineer"},body:"I was excited to leapfrog using Flatfile, rather than [having to] start from scratch on our own.",caseStudyPath:"/resources/case-studies/clickup",company:{jewelLogoSrc:"/img/quotes/clickup-jewel.webp",logoSrc:"/img/contentful/2a01EYal-clickup-white.svg",logoSrcBlack:"/img/logos/clickup-black.svg",logoSrcSvg:"/img/logos/clickup-black.svg",photoSrc:"/img/quotes/clickup-quote-photo.webp",name:"ClickUp"}},n={author:{name:"Heath Cajandig",title:"Vice President of Product"},body:"We have always handled our data import internally. But this time, we needed to do it faster and with the assurance that it would be done without errors and securely.",caseStudyPath:"/resources/case-studies/mimeo/",company:{jewelLogoSrc:"",logoSrcBlack:"/img/quotes/mimeo-logo.svg",logoSrcSvg:"/img/quotes/mimeo-logo.svg",photoSrc:"/img/quotes/mimeo-office.webp",name:"Mimeo"}},r={author:{name:"Daniel Scrivner",title:"CEO"},body:"It creates an importing experience that handles the complexity behind the scenes and all the customer sees is a drop dead, simple user interface that makes the importing process easy for anyone on their team to handle.",caseStudyPath:"",company:{jewelLogoSrc:"",logoSrc:"",logoSrcBlack:"/img/quotes/flow.svg",logoSrcSvg:"/img/quotes/flow.svg",photoSrc:"/img/quotes/daniel-flow.webp",name:"Flow"}}},41617:function(e,t,a){a.r(t),a.d(t,{Head:function(){return G},default:function(){return T}});var o=a(96540),n=a(32532),r=a(27581),i=a(24133),l=a(93186),c=a(28899),d=a(20582),s=a(82471),m=a(73219),p=a(83643),f=a(89001),u=a(99751),g=a(14104);const h=r.default.div.withConfig({displayName:"DevDocsBar__DevDocsBarWrapper",componentId:"sc-drjpq9-0"})(["background-color:",";display:flex;justify-content:center;align-items:center;padding:2rem;gap:2rem;flex-direction:column;@media (min-width:","px){flex-direction:row;gap:4rem;}"],e=>e.backgroundColor,u.R.md);var b=e=>{let{backgroundColor:t=s.K5.pigeon300,text:a}=e;return o.createElement(h,{backgroundColor:t},o.createElement(m.RN,null,a),o.createElement(g.Wd,{color:s.K5.black,inverted:!0,label:"View Dev Docs",role:"secondary",to:"/docs/overview/",target:"_blank",external:!0}))},w=a(89448),y=a(82519),v=a(7296);const x=(0,r.default)(y.jR).withConfig({displayName:"ParkingLot__ParkingLotWrapper",componentId:"sc-uqu6kc-0"})([""]),E=r.default.div.withConfig({displayName:"ParkingLot__Tier1Wrapper",componentId:"sc-uqu6kc-1"})(["display:flex;flex-direction:column;gap:1rem;"]),k={titleContent:"And much more",titleAs:"h2",bodyContent:"Reduce the time between entering data and identifying errors from hours to milliseconds -- a game-changer for data workflows.",bodyMaxWidth:"120ch"},S=e=>{let{borderColor:t=s.K5.black,bodyMaxWidth:a,titleMaxWidth:n,callOutbarText:r,sectionHeader:i=k,sectionMaxWidth:l,featureSection:c,tier1Data:d,tier2Data:u}=e;return o.createElement(x,{paddingLarge:"6.25rem 0",paddingSmall:"4rem 0"},i&&o.createElement(p.m,null,o.createElement(v.A,{titleContent:i.titleContent,titleAs:i.titleAs,bodyContent:i.bodyContent,marginBottom:i.marginBottom,bodyMaxWidth:a||null,titleMaxWidth:n||null,sectionMaxWidth:l||null})),c&&o.createElement(p.m,null,c),d&&o.createElement(w.x,{container:!0,columns:{sm:2,md:3},spacing:{sm:2,md:3},margin:"0 0 4rem"},d.map((e,t)=>o.createElement(w.V,{key:t},o.createElement(E,null,e.title&&o.createElement(m.Xn,null,e.title),e.image&&o.createElement("img",{src:e.image,alt:e.title,loading:"lazy"}),e.body&&o.createElement(m.qb,null,e.body))))),u&&o.createElement(w.x,{container:!0,columns:{sm:2,md:3},columnSpacing:{sm:2,md:3},rowSpacing:{sm:2,md:4}},u.map((e,a)=>o.createElement(w.V,{key:a},o.createElement(f.A,{title:e.title,body:e.body,borderColor:t})))),r&&o.createElement(p.m,{style:{marginTop:"4rem"}},o.createElement(b,{text:r})))};

1var C=a(13388),A=a(26573),N=a(32283),_=a(98368),I=a(23906),L=a(76219),z=a(64880),W=a(10462),D=a(35478),P=a(77748);const j=(0,r.default)(y.jR).withConfig({displayName:"portal__HeroSectionWrapper",componentId:"sc-1ge2hak-0"})([""]),M=r.default.div.withConfig({displayName:"portal__ImgContainer",componentId:"sc-1ge2hak-1"})(["margin-inline:auto;max-width:1100px;margin-top:3rem;@media (min-width:","px){margin-top:6rem;}"],u.R.md),q=()=>o.createElement(j,{paddingLarge:"6rem 0 6rem",paddingSmall:"6rem 0 2rem"},o.createElement(p.m,null,o.createElement(v.A,{titleContent:"Embed a data importer in your app",titleAs:"h1",titleMaxWidth:"65ch",topHatText:"Portal",bodyMaxWidth:"100ch",bodyContent:"The elegant data importer that implements in hours, not weeks. Give your users the import experience you always dreamed of but never had time to build.",primaryCTA:{label:"Get a demo",path:"/demo/portal/"}}),o.createElement(M,null,o.createElement(n.S,{alt:"",src:"../../../../static/img/platform/portal/[email protected]",width:2200,__imageData:a(94829)})))),H=(0,r.default)(y.jR).withConfig({displayName:"portal__TheNewStandardWrapper",componentId:"sc-1ge2hak-2"})([""]),K=()=>o.createElement(H,{paddingLarge:"6.25rem 0",paddingSmall:"4rem 0"},o.createElement(p.m,null,o.createElement(v.A,{titleContent:"The new standard for data import",titleAs:"h2",bodyContent:"Provide a simple and efficient data import option for users.",titleMaxWidth:"100ch",sectionMaxWidth:"100ch"})),o.createElement(w.x,{container:!0,columns:{md:2},spacing:{xs:2,lg:4}},o.createElement(w.V,null,o.createElement(W.A,{gap:"2.5rem",style:{maxWidth:"45ch"}},o.createElement("li",null,o.createElement(L.A,{content:"Flatfile’s JavaScript configurator allows you to set a target model for data validation, allowing users to match incoming file data.",image:o.createElement(_.A,{classes:"fa-sharp fa-light fa-search",size:"1.5rem"}),imageBgColor:s.K5.pigeon200,title:"Ingest",titleAs:"h3"})),o.createElement("li",null,o.createElement(L.A,{content:"Flatfile learns over time how data should be organized, saving time and making the process more efficient for your customers.",image:o.createElement(_.A,{classes:"fa-sharp fa-light fa-table-tree",size:"1.5rem"}),imageBgColor:s.K5.pigeon200,title:"Structure",titleAs:"h3"})),o.createElement("li",null,o.createElement(L.A,{content:"Flatfile's validation features give you control over how data is formatted. Ensure imported data is clean and ready to use.",image:o.createElement(_.A,{classes:"fa-sharp fa-light fa-input-numeric",size:"1.5rem"}),imageBgColor:s.K5.pigeon200,title:"Validate",titleAs:"h3"})))),o.createElement(w.V,null,o.createElement(n.S,{alt:"",className:"u-solidShadow",src:"../../../../static/img/platform/portal/[email protected]",width:1158,__imageData:a(97620)})))),V=[{title:"Internationalization",body:"The Flatfile importer automatically translates to your customer's chosen system language."},{title:"Data hooks",body:"Advanced functions for inline data validation and transformation."},{title:"Upload CSV, XLS, or paste data",body:"Allow data to be uploaded using a CSV, XLS, or even manual pasting from the user's clipboard."},{title:"AI-assisted imports",body:"Automatically match 95% of imported columns using machine learning and fuzzy matching."},{title:"Webhooks",body:"Pull data from Flatfile directly into your application database by setting up a webhook listener."},{title:"Customize styles",body:"Personalize the Flatfile importer to match the look and feel of your app."}],B=(m.jz,m.jz,m.jz,(0,r.default)(y.jR).withConfig({displayName:"portal__DevsInMindWrapper",componentId:"sc-1ge2hak-3"})([""])),F=()=>o.createElement(B,{paddingLarge:"6.25rem 0",paddingSmall:"4rem 0"},o.createElement(w.x,{container:!0,columns:{md:2},spacing:{xs:2,lg:8},style:{placeItems:"center"}},o.createElement(w.V,null,o.createElement(m.XC,{marginBottom:"1rem"},"Built with developers in mind"),o.createElement(m.jz,null,"Flatfile’s API-first, event-driven architecture provides full control and flexibility for any business or data requirements without having to deal with the headaches of building it yourself.")),o.createElement(w.V,null,o.createElement(n.S,{alt:"",src:"../../../../static/img/platform/portal/[email protected]",width:476,__imageData:a(60016)})))),R=[P.cM,P.QW,P.Zk];var T=()=>

1o.createElement(I.A,null,o.createElement(d.A,null),o.createElement(A.A,null),o.createElement(q,null),o.createElement(c.XC,{showTopHat:!0,paddingLarge:"2rem 0",paddingSmall:"2rem 0"}),o.createElement(K,null),o.createElement(C.HH,{quote:D.Lr}),o.createElement(S,{sectionHeader:{titleContent:"Data that works for you",titleAs:"h2",bodyContent:"Ensure imported data is clean and ready to use."},tier2Data:V}),o.createElement(F,null),o.createElement(l.f,{theme:"dark",headerData:{title:"Getting started is easy",body:"Explore the Flatfile Data Exchange Platform and build the ideal data file import experience for your users - faster, easier and safer.",topHat:""},cardData:[{body:"Add an elegant import button to your web app.",linkLabel:"Get started with Portal for free",linkPath:"sign-up/",title:"Start"},{body:"Get a custom sales demo for your use case",linkLabel:"Contact us",linkPath:"/demo/",title:"Demo"}]}),o.createElement(N.g,{cardData:R}),o.createElement(i.A,null));const G=()=>o.createElement(z.A,{description:"Give users the import experience you always dreamed of but never had time to build. Support any data or workflow requirements without the headaches.",title:"Easily add a powerful CSV importer to your app"})},60016:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/a4f78411ffd583f8630a63a1fb8ad1a8/02a05/portal-devs-in-mind%402x.webp","srcSet":"/static/a4f78411ffd583f8630a63a1fb8ad1a8/509eb/portal-devs-in-mind%402x.webp 119w,\\n/static/a4f78411ffd583f8630a63a1fb8ad1a8/f9c60/portal-devs-in-mind%402x.webp 238w,\\n/static/a4f78411ffd583f8630a63a1fb8ad1a8/02a05/portal-devs-in-mind%402x.webp 476w,\\n/static/a4f78411ffd583f8630a63a1fb8ad1a8/27c42/portal-devs-in-mind%402x.webp 952w","sizes":"(min-width: 476px) 476px, 100vw"},"sources":[{"srcSet":"/static/a4f78411ffd583f8630a63a1fb8ad1a8/8d373/portal-devs-in-mind%402x.avif 119w,\\n/static/a4f78411ffd583f8630a63a1fb8ad1a8/23544/portal-devs-in-mind%402x.avif 238w,\\n/static/a4f78411ffd583f8630a63a1fb8ad1a8/c35e0/portal-devs-in-mind%402x.avif 476w,\\n/static/a4f78411ffd583f8630a63a1fb8ad1a8/14837/portal-devs-in-mind%402x.avif 952w","type":"image/avif","sizes":"(min-width: 476px) 476px, 100vw"}]},"width":476,"height":325}')},94829:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/5096317f1f7ffed3b4bddc2738b39d83/c1db3/portal-hero%402x.webp","srcSet":"/static/5096317f1f7ffed3b4bddc2738b39d83/d1b5d/portal-hero%402x.webp 550w,\\n/static/5096317f1f7ffed3b4bddc2738b39d83/4cfdd/portal-hero%402x.webp 1100w,\\n/static/5096317f1f7ffed3b4bddc2738b39d83/c1db3/portal-hero%402x.webp 2200w","sizes":"(min-width: 2200px) 2200px, 100vw"},"sources":[{"srcSet":"/static/5096317f1f7ffed3b4bddc2738b39d83/5e0e1/portal-hero%402x.avif 550w,\\n/static/5096317f1f7ffed3b4bddc2738b39d83/b2b81/portal-hero%402x.avif 1100w,\\n/static/5096317f1f7ffed3b4bddc2738b39d83/1334c/portal-hero%402x.avif 2200w","type":"image/avif","sizes":"(min-width: 2200px) 2200px, 100vw"}]},"width":2200,"height":1392}')},97620:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/274c7463fad6de2c19c092174fe84502/e200a/ingest%402x.webp","srcSet":"/static/274c7463fad6de2c19c092174fe84502/79e6e/ingest%402x.webp 290w,\\n/static/274c7463fad6de2c19c092174fe84502/8486a/ingest%402x.webp 579w,\\n/static/274c7463fad6de2c19c092174fe84502/e200a/ingest%402x.webp 1158w","sizes":"(min-width: 1158px) 1158px, 100vw"},"sources":[{"srcSet":"/static/274c7463fad6de2c19c092174fe84502/9496d/ingest%402x.avif 290w,\\n/static/274c7463fad6de2c19c092174fe84502/a81ef/ingest%402x.avif 579w,\\n/static/274c7463fad6de2c19c092174fe84502/349bf/ingest%402x.avif 1158w","type":"image/avif","sizes":"(min-width: 1158px) 1158px, 100vw"}]},"width":1158,"height":830}')}}]);
2//# sourceMappingURL=component---src-pages-platform-portal-index-tsx-81cd1e3b1813dbe3bbf8.js.map