{"version":3,"sources":["webpack:///./src/images/build_circle.svg","webpack:///./src/components/page-title.jsx","webpack:///./src/components/sequence-diagram.jsx","webpack:///./src/pages/how-it-works.js"],"names":["module","exports","TitleW","styled","div","props","theme","palette","primary","main","datamap","img","breakpoints","sm","curve","SubTitle","p","Date","Title","h1","PageTitle","title","subTitle","icon","date","SequenceChart","footer","wrapperId","arrowSize","height","pathSpace","rectangleHeight","topPadding","transitionDuration","viewBoxHeight","viewBoxWidth","width","sections","slices","position","canvasTopPadding","footerHeight","primaryColor","secondaryColor","draw","addArrow","parent","end","labelX","labelY","from","to","top","number","displayOrder","direction","start","delay","group","append","attr","transition","duration","circleW","on","select","style","text","addProcess","location","useEffect","defs","svg","lower","line","addRightMarker","addLeftMarker","selectAll","data","enter","d","i","addTimeline","rectangleGroups","addSectionRectangles","groups","addSlices","addFooter","canvas","addDrawingCanvas","remove","id","textAlign","display","opacity","backgroundColor","color","padding","borderRadius","HowItWorksW","HowItWorks","window","buildCircle","Container","collapsible","defaultSelectedItem","multiple"],"mappings":"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","file":"component---src-pages-how-it-works-js-28b10e46cbd0528dc8da.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiCiAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgZmlsbD0iYmxhY2siCiAgIHdpZHRoPSIxOHB4IgogICBoZWlnaHQ9IjE4cHgiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEyIgogICBzb2RpcG9kaTpkb2NuYW1lPSJidWlsZF9jaXJjbGUuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMSAoMDc2N2Y4MzAyYSwgMjAyMC0xMC0xNykiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE4Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTYiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNTg3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMzMiCiAgICAgaWQ9Im5hbWVkdmlldzE0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSI1MS43Nzc3NzgiCiAgICAgaW5rc2NhcGU6Y3g9IjkiCiAgICAgaW5rc2NhcGU6Y3k9IjkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjI0NTciCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjU3MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEyIiAvPgogIDxnCiAgICAgaWQ9Imc0Ij4KICAgIDxyZWN0CiAgICAgICBmaWxsPSJub25lIgogICAgICAgaGVpZ2h0PSIyNCIKICAgICAgIHdpZHRoPSIyNCIKICAgICAgIGlkPSJyZWN0MiIgLz4KICA8L2c+CiAgPGcKICAgICBpZD0iZzEwIj4KICAgIDxnCiAgICAgICBpZD0iZzgiPgogICAgICA8cGF0aAogICAgICAgICBkPSJNMTIsMkM2LjQ4LDIsMiw2LjQ4LDIsMTJjMCw1LjUyLDQuNDgsMTAsMTAsMTBzMTAtNC40OCwxMC0xMCBDMjIsNi40OCwxNy41MiwyLDEyLDJ6IE0xNi45LDE1LjQ5bC0xLjQsMS40Yy0wLjIsMC4yLTAuNTEsMC4yLTAuNzEsMGwtMy40MS0zLjQxYy0xLjIyLDAuNDMtMi42NCwwLjE3LTMuNjItMC44MSBjLTEuMTEtMS4xMS0xLjMtMi43OS0wLjU5LTQuMWwyLjM1LDIuMzVsMS40MS0xLjQxTDguNTgsNy4xN2MxLjMyLTAuNzEsMi45OS0wLjUyLDQuMSwwLjU5YzAuOTgsMC45OCwxLjI0LDIuNCwwLjgxLDMuNjIgbDMuNDEsMy40MUMxNy4wOSwxNC45OCwxNy4wOSwxNS4zLDE2LjksMTUuNDl6IgogICAgICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgIGlkPSJwYXRoNiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZiZmJmYjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=\"","import React from \"react\"\nimport styled from \"styled-components\"\nimport curve from \"../images/curve.svg\"\nimport { breakpoints } from \"./variables\"\n\nconst TitleW = styled.div`\n  padding-top: 7rem;\n  padding-bottom: 10vw;\n  position: relative;\n  color: ${props => props.theme.palette.primary.main};\n  background-color: ${props => props.theme.palette.datamap.main};\n  margin-bottom: 2rem;\n  &::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    height: 20rem;\n    width: 100%;\n    top: 50%;\n    transform: translateY(-50%);\n    background-image: url(${props => props.img});\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    opacity: 0.07;\n    @media screen and (max-width: ${breakpoints.sm}) {\n      width: 50%;\n      left: 50%;\n      top: 60%;\n      transform: translateX(-50%) translateY(-50%);\n    }\n  }\n  &::after {\n    display: block;\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    padding-bottom: 2vw;\n    background-image: url(${curve});\n    background-position-x: center;\n    background-size: 110vw;\n  }\n`\nconst SubTitle = styled.p`\n  text-align: center;\n  margin-top: 1rem;\n  font-size: 1.5rem;\n  @media screen and (max-width: ${breakpoints.sm}) {\n    font-size: 1.2rem;\n  }\n`\nconst Date = styled.p`\n  text-align: center;\n  margin-top: 2rem;\n  font-size: 1.5rem;\n  @media screen and (max-width: ${breakpoints.sm}) {\n    font-size: 1.2rem;\n  }\n`\nconst Title = styled.h1`\n  text-align: center;\n  margin: 0;\n  font-size: 3rem;\n  @media screen and (max-width: ${breakpoints.sm}) {\n    font-size: 2.5rem;\n  }\n`\n\nconst PageTitle = ({ title, subTitle, icon, date }) => {\n  return (\n    <TitleW img={icon}>\n      <Title>{title}</Title>\n      {subTitle && <SubTitle>{subTitle}</SubTitle>}\n      {date && (\n        <Date>\n          Last update on: <b>{date}</b>\n        </Date>\n      )}\n    </TitleW>\n  )\n}\n\nexport default PageTitle\n","import React, { useEffect } from \"react\"\nimport { select, line } from \"d3\"\n\nconst SequenceChart = ({\n  wrapperId = \"svgW1\",\n  arrowSize = 5,\n  height = 900,\n  pathSpace = 50,\n  rectangleHeight = 50,\n  topPadding = 40,\n  transitionDuration = 300,\n  viewBoxHeight = 900,\n  viewBoxWidth = 1000,\n  width = \"100%\",\n  sections = [100, 300, 500, 700, 900],\n  slices = [\n    { title: \"Cloud Servers\", position: 200 },\n    { title: \"Client Servers\", position: 600 },\n  ],\n  canvasTopPadding = 20,\n  footerHeight = 0,\n  primaryColor = \"rgb(8,31,59)\",\n  secondaryColor = \"rgb(43 120 29)\",\n  draw,\n}) => {\n  let footer\n  const addMarker = parent => {\n    const addDefs = () => parent.append(\"defs\")\n    const addRightMarker = parent => {\n      parent\n        .append(\"marker\")\n        .attr(\"id\", `${wrapperId}_rightArrow`)\n        .attr(\"viewBox\", [0, 0, arrowSize * 2, arrowSize * 2])\n        .attr(\"refX\", arrowSize)\n        .attr(\"refY\", arrowSize)\n        .attr(\"markerWidth\", arrowSize * 2)\n        .attr(\"markerHeight\", arrowSize * 2)\n        .attr(\"orient\", \"auto-start-reverse\")\n        .append(\"path\")\n        .attr(\n          \"d\",\n          line()([\n            [0, 0],\n            [0, arrowSize * 2],\n            [arrowSize * 2, arrowSize],\n          ])\n        )\n        .attr(\"stroke\", primaryColor)\n    }\n    const addLeftMarker = parent => {\n      parent\n        .append(\"marker\")\n        .attr(\"id\", \"leftArrow\")\n        .attr(\"viewBox\", [0, 0, 10, 10])\n        .attr(\"refX\", 5)\n        .attr(\"refY\", 5)\n        .attr(\"markerWidth\", 10)\n        .attr(\"markerHeight\", 10)\n        .attr(\"orient\", \"auto-start-reverse\")\n        .append(\"path\")\n        .attr(\n          \"d\",\n          line()([\n            [10, 0],\n            [0, 5],\n            [10, 10],\n          ])\n        )\n        .attr(\"stroke\", primaryColor)\n    }\n    const defs = addDefs()\n    addRightMarker(defs)\n    addLeftMarker(defs)\n  }\n  const addSvg = () =>\n    select(`#${wrapperId}`)\n      .append(\"svg\")\n      .lower()\n      .attr(\"viewBox\", `0 0 ${viewBoxWidth} ${viewBoxHeight + footerHeight}`)\n\n  const addTimeline = parent =>\n    parent\n      .selectAll(null)\n      .data(sections)\n      .enter()\n      .append(\"path\")\n      .attr(\"d\", d => `M ${d} ${50 + topPadding} V ${50 + topPadding}`)\n      .transition()\n      .delay((d, i) => i * 100)\n      .duration(transitionDuration)\n      .attr(\"d\", d => `M ${d} ${50 + topPadding} V ${height}`)\n      .attr(\"stroke\", primaryColor)\n\n  const addSectionRectangles = parent => {\n    const rectangleGroups = parent\n      .selectAll(null)\n      .data(sections)\n      .enter()\n      .append(\"g\")\n      .attr(\"transform\", d => `translate(${d - 75}, ${topPadding})`)\n    rectangleGroups\n      .append(\"rect\")\n      .attr(\"width\", 150)\n      .attr(\"height\", rectangleHeight)\n      .attr(\"rx\", 10)\n      .attr(\"ry\", 10)\n      .attr(\"fill\", \"transparent\")\n      .attr(\"stroke\", primaryColor)\n    rectangleGroups\n      .data([\"Actor\", \"Concur\", \"DataMap\", \"Connectors\", \"Sage\"])\n      .append(\"text\")\n      .attr(\"x\", 75)\n      .attr(\"y\", 30)\n      .attr(\"fill\", primaryColor)\n      .attr(\"text-anchor\", \"middle\")\n      .text(d => d)\n  }\n\n  const addDrawingCanvas = parent =>\n    parent\n      .append(\"g\")\n      .attr(\n        \"transform\",\n        `translate(0,${topPadding + rectangleHeight + canvasTopPadding})`\n      )\n  const addArrow = parent => ({\n    from,\n    to,\n    top = 1,\n    number,\n    displayOrder,\n    title,\n  }) => {\n    let end, labelX, labelY\n    const direction = from === to ? \"self\" : from > to ? \"left\" : \"right\"\n    const start = `M ${sections[from]} ${top * pathSpace} H ${sections[from]}`\n    end = `M ${sections[from]} ${top * pathSpace} H ${\n      direction === \"left\" ? sections[to] + arrowSize : sections[to] - arrowSize\n    }`\n    labelX = direction === \"left\" ? sections[from] - 100 : sections[from] + 100\n    labelY = top * pathSpace\n    if (direction === \"self\") {\n      end = `M ${sections[from]} ${top * pathSpace} H ${sections[to] +\n        50} V ${top * pathSpace + pathSpace} H ${sections[to] + arrowSize}`\n      labelX = sections[from] + 50\n      labelY = top * pathSpace + 25\n    }\n    const delay = displayOrder * transitionDuration + displayOrder * 100\n    const group = parent.append(\"g\")\n\n    group\n      .append(\"path\")\n      .attr(\"stroke\", primaryColor)\n      .attr(\"fill\", \"transparent\")\n      .attr(\"d\", () => start)\n      .transition()\n      .duration(transitionDuration)\n      .delay(delay)\n      .attr(\"d\", () => end)\n      .attr(\"marker-end\", `url(#${wrapperId}_rightArrow)`)\n    const circleW = group\n      .append(\"g\")\n      .on(\"mouseover\", () => {\n        if (title) {\n          select(`#${wrapperId}_svgTooltipW`).style(\"display\", \"block\")\n          select(`#${wrapperId}_svgTooltip`)\n            .transition()\n            .duration(transitionDuration)\n            .style(\"opacity\", 1)\n            .text(title)\n        }\n      })\n      .on(\"mouseout\", () => {\n        select(`#${wrapperId}_svgTooltipW`).style(\"display\", \"none\")\n        select(`#${wrapperId}_svgTooltip`)\n          .transition()\n          .duration(transitionDuration)\n          .style(\"opacity\", 0)\n      })\n    footer\n      .append(\"text\")\n      .attr(\"y\", number * 20)\n      .text(`${number}-${number < 10 ? \" \" : \"\"} ${title}`)\n      .attr(\"x\", width)\n      .transition()\n      .delay(delay)\n      .duration(transitionDuration)\n      .attr(\"x\", 100)\n      .attr(\"fill\", primaryColor)\n\n    circleW\n      .append(\"circle\")\n      .attr(\"fill\", primaryColor)\n      .attr(\"cx\", labelX)\n      .attr(\"cy\", labelY)\n      .transition()\n      .delay(delay)\n      .duration(transitionDuration)\n      .attr(\"r\", 15)\n\n    circleW\n      .append(\"text\")\n      .attr(\"x\", labelX)\n      .attr(\"y\", labelY + 5)\n      .attr(\"fill\", \"white\")\n      .attr(\"text-anchor\", \"middle\")\n      .transition()\n      .delay(delay)\n      .duration(transitionDuration)\n      .text(() => number)\n\n    return group\n  }\n  const addProcess = parent => ({ location, top, height, displayOrder }) => {\n    const delay = displayOrder * transitionDuration + displayOrder * 100\n    parent\n      .append(\"rect\")\n      .attr(\"x\", sections[location] - 10)\n      .attr(\"y\", top * pathSpace + 10)\n      .attr(\"height\", 0)\n      .attr(\"width\", 20)\n      .style(\"fill\", secondaryColor)\n      .attr(\"rx\", \"0.5%\")\n      .attr(\"ry\", \"0.5%\")\n      .transition()\n      .delay(delay)\n      .duration(transitionDuration)\n      .attr(\"height\", height * pathSpace - 20)\n  }\n\n  const addSlices = parent => {\n    const groups = parent\n      .selectAll(null)\n      .data(slices)\n      .enter()\n      .append(\"g\")\n    groups\n      .append(\"path\")\n      .style(\"stroke-dasharray\", \"7, 4\")\n      .style(\"opacity\", 0.5)\n      .attr(\"stroke\", primaryColor)\n      .attr(\"d\", d => `M ${d.position} 0 V ${height}`)\n    groups\n      .append(\"text\")\n      .attr(\"x\", d => d.position + 200)\n      .attr(\"y\", 20)\n      .attr(\"fill\", primaryColor)\n      .attr(\"text-anchor\", \"middle\")\n      .text(d => d.title)\n  }\n\n  const addFooter = parent => {\n    footer = parent.append(\"g\").attr(\"transform\", `translate(0, ${height})`)\n  }\n\n  useEffect(() => {\n    const svg = addSvg()\n    addMarker(svg)\n    addTimeline(svg)\n    addSectionRectangles(svg)\n    addSlices(svg)\n    addFooter(svg)\n    const canvas = addDrawingCanvas(svg)\n    draw({ canvas, addArrow: addArrow(canvas), addProcess: addProcess(canvas) })\n    return () => {\n      select(`#${wrapperId}`)\n        .select(\"svg\")\n        .remove()\n    }\n  })\n  return (\n    <div id={wrapperId} style={{ position: \"relative\", textAlign: \"center\" }}>\n      <div\n        id={`${wrapperId}_svgTooltipW`}\n        style={{\n          position: \"absolute\",\n          top: 150,\n          width: \"100%\",\n          textAlign: \"center\",\n          display: \"none\",\n        }}\n      >\n        <div\n          id={`${wrapperId}_svgTooltip`}\n          style={{\n            display: \"inline\",\n            opacity: 0,\n            textAlign: \"center\",\n            backgroundColor: primaryColor,\n            color: \"white\",\n            padding: \"0.5rem 1rem\",\n            borderRadius: \"0.5rem\",\n          }}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default SequenceChart\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport { Container } from \"@material-ui/core\"\nimport { Accordion } from \"devextreme-react\"\nimport { Item as AccordionItem } from \"devextreme-react/accordion\"\n\nimport \"devextreme/dist/css/dx.common.css\"\nimport \"devextreme/dist/css/dx.light.css\"\n\nimport buildCircle from \"../images/build_circle.svg\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport PageTitle from \"../components/page-title\"\nimport SequenceDiagram from \"../components/sequence-diagram\"\n\nconst HowItWorksW = styled.div``\n\nconst HowItWorks = () => {\n  if (typeof window === `undefined`) return null\n  return (\n    <Layout>\n      <SEO title=\"How It Works\" />\n      <PageTitle title=\"How It Works\" subTitle=\"\" icon={buildCircle} />\n      <HowItWorksW>\n        <Container>\n          <Accordion\n            collapsible={true}\n            defaultSelectedItem={null}\n            multiple={true}\n          >\n            <AccordionItem title=\"Sending Vendors To Concur\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={190}\n                height={700}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={700}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW9\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Send vendors to Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get transformed vendors\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title: \"Get new or modified vendors\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Response (new or modified vendors)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform vendors to Concur format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed vendors)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Send vendors to Concur\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Response (api call result)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Response (operation result)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Importing Accounts Payable Invoices From Concur Into Sage\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={270}\n                height={900}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={900}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW10\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Fetch accounts payable invoices from Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get new accounts payable invoices\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title:\n                      \"Response (new accounts payable invoices in flat file format)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Transform flat files\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform accounts payable invoices to Sage format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed accounts payable invoices)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Response (transformation results)\",\n                  })\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title:\n                      \"Import selected accounts payable invoices into Sage\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title:\n                      \"Import selected accounts payable invoices into Sage\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 11,\n                    number: 10,\n                    displayOrder: 18,\n                    title:\n                      \"Import selected accounts payable invoices into Sage\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 12,\n                    number: 11,\n                    displayOrder: 20,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 13,\n                    number: 12,\n                    displayOrder: 22,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 14,\n                    number: 13,\n                    displayOrder: 24,\n                    title: \"Response (importing results)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 0,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 10,\n                    height: 1,\n                    displayOrder: 17,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 11,\n                    height: 1,\n                    displayOrder: 19,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 12,\n                    height: 1,\n                    displayOrder: 21,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 13,\n                    height: 1,\n                    displayOrder: 23,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Importing Accounts Payable Payments From Concur Into Sage\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={270}\n                height={900}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={900}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW1\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Fetch accounts payable payments from Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get new accounts payable payments\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title:\n                      \"Response (new accounts payable payments in flat file format)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Transform flat files\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform accounts payable payments to Sage format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed accounts payable payments)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Response (transformation results)\",\n                  })\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title:\n                      \"Import selected accounts payable payments into Sage\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title:\n                      \"Import selected accounts payable payments into Sage\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 11,\n                    number: 10,\n                    displayOrder: 18,\n                    title:\n                      \"Import selected accounts payable payments into Sage\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 12,\n                    number: 11,\n                    displayOrder: 20,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 13,\n                    number: 12,\n                    displayOrder: 22,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 14,\n                    number: 13,\n                    displayOrder: 24,\n                    title: \"Response (importing results)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 0,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 10,\n                    height: 1,\n                    displayOrder: 17,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 11,\n                    height: 1,\n                    displayOrder: 19,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 12,\n                    height: 1,\n                    displayOrder: 21,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 13,\n                    height: 1,\n                    displayOrder: 23,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Sending Purchase Orders To Concur\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={190}\n                height={700}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={700}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW8\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Send purchase orders to Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get transformed purchase orders\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title: \"Get new or modified purchase orders\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Response (new or modified purchase orders)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform purchase orders to Concur format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed purchase orders)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Send purchase orders to Concur\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Response (api call result)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Response (operation result)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Sending Purchase Order Receipts To Concur\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={190}\n                height={700}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={700}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW6\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Send purchase order receipts to Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get transformed purchase order receipts\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title: \"Get new or modified purchase order receipts\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Response (new or modified purchase order receipts)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform purchase order receipts to Concur format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed purchase order receipts)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Send purchase order receipts to Concur\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Response (api call result)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Response (operation result)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Importing Purchase Order Invoices From Concur Into Sage\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={270}\n                height={900}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={900}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW4\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Fetch purchase order invoices from Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get new purchase order invoices\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title:\n                      \"Response (new purchase order invoices in flat file format)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Transform flat files\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform purchase order invoices to Sage format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed purchase order invoices)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Response (transformation results)\",\n                  })\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Import selected purchase order invoices into Sage\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Import selected purchase order invoices into Sage\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 11,\n                    number: 10,\n                    displayOrder: 18,\n                    title: \"Import selected purchase order invoices into Sage\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 12,\n                    number: 11,\n                    displayOrder: 20,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 13,\n                    number: 12,\n                    displayOrder: 22,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 14,\n                    number: 13,\n                    displayOrder: 24,\n                    title: \"Response (importing results)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 0,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 10,\n                    height: 1,\n                    displayOrder: 17,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 11,\n                    height: 1,\n                    displayOrder: 19,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 12,\n                    height: 1,\n                    displayOrder: 21,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 13,\n                    height: 1,\n                    displayOrder: 23,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Importing Purchase Order Payments From Concur Into Sage\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={270}\n                height={900}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={900}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW5\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Fetch purchase order payments from Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get new purchase order payments\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title:\n                      \"Response (new purchase order payments in flat file format)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Transform flat files\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform purchase order payments to Sage format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed purchase order payments)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Response (transformation results)\",\n                  })\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Import selected purchase order payments into Sage\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Import selected purchase order payments into Sage\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 11,\n                    number: 10,\n                    displayOrder: 18,\n                    title: \"Import selected purchase order payments into Sage\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 12,\n                    number: 11,\n                    displayOrder: 20,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 13,\n                    number: 12,\n                    displayOrder: 22,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 14,\n                    number: 13,\n                    displayOrder: 24,\n                    title: \"Response (importing results)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 0,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 10,\n                    height: 1,\n                    displayOrder: 17,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 11,\n                    height: 1,\n                    displayOrder: 19,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 12,\n                    height: 1,\n                    displayOrder: 21,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 13,\n                    height: 1,\n                    displayOrder: 23,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Importing Expenses From Concur Into Sage\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={270}\n                height={900}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={900}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW3\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Fetch expenses from Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get new expenses\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title: \"Response (new expenses in flat file format)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Transform flat files\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform expenses to Sage format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed expenses)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Response (transformation results)\",\n                  })\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Import selected expenses into Sage\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Import selected expenses into Sage\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 11,\n                    number: 10,\n                    displayOrder: 18,\n                    title: \"Import selected expenses into Sage\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 12,\n                    number: 11,\n                    displayOrder: 20,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 13,\n                    number: 12,\n                    displayOrder: 22,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 14,\n                    number: 13,\n                    displayOrder: 24,\n                    title: \"Response (importing results)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 0,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 10,\n                    height: 1,\n                    displayOrder: 17,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 11,\n                    height: 1,\n                    displayOrder: 19,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 12,\n                    height: 1,\n                    displayOrder: 21,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 13,\n                    height: 1,\n                    displayOrder: 23,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Importing Expense Payments From Concur Into Sage\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={270}\n                height={900}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={900}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW2\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Fetch expense payments from Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get new expense payments\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title:\n                      \"Response (new expense payments in flat file format)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Transform flat files\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform expense payments to Sage format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed expense payments)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Response (transformation results)\",\n                  })\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Import selected expense payments into Sage\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Import selected expense payments into Sage\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 11,\n                    number: 10,\n                    displayOrder: 18,\n                    title: \"Import selected expense payments into Sage\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 12,\n                    number: 11,\n                    displayOrder: 20,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 13,\n                    number: 12,\n                    displayOrder: 22,\n                    title: \"Response (importing results)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 14,\n                    number: 13,\n                    displayOrder: 24,\n                    title: \"Response (importing results)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 0,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 10,\n                    height: 1,\n                    displayOrder: 17,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 11,\n                    height: 1,\n                    displayOrder: 19,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 12,\n                    height: 1,\n                    displayOrder: 21,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 13,\n                    height: 1,\n                    displayOrder: 23,\n                  })\n                }}\n              />\n            </AccordionItem>\n            <AccordionItem title=\"Sending List Items To Concur\">\n              <SequenceDiagram\n                arrowSize={7}\n                footerHeight={190}\n                height={700}\n                pathSpace={50}\n                topPadding={40}\n                rectangleHeight={50}\n                transitionDuration={500}\n                viewBoxHeight={700}\n                viewBoxWidth={1000}\n                width={1000}\n                wrapperId=\"svgW9\"\n                sections={[100, 300, 500, 700, 900]}\n                slices={[\n                  { title: \"Cloud Servers\", position: 200 },\n                  { title: \"Client Servers\", position: 600 },\n                ]}\n                canvasTopPadding={20}\n                draw={({ addArrow, addProcess }) => {\n                  addArrow({\n                    from: 0,\n                    to: 2,\n                    top: 1,\n                    number: 1,\n                    displayOrder: 1,\n                    title: \"Send list-items to Concur\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 3,\n                    top: 2,\n                    number: 2,\n                    displayOrder: 3,\n                    title: \"Get transformed list-items\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 4,\n                    top: 3,\n                    number: 3,\n                    displayOrder: 5,\n                    title: \"Get new or modified list-items\",\n                  })\n                  addArrow({\n                    from: 4,\n                    to: 3,\n                    top: 4,\n                    number: 4,\n                    displayOrder: 7,\n                    title: \"Response (new or modified list-items)\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 3,\n                    top: 5,\n                    number: 5,\n                    displayOrder: 8,\n                    title: \"Transform list-items to Concur format\",\n                  })\n                  addArrow({\n                    from: 3,\n                    to: 2,\n                    top: 7,\n                    number: 6,\n                    displayOrder: 10,\n                    title: \"Response (transformed list-items)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 1,\n                    top: 8,\n                    number: 7,\n                    displayOrder: 12,\n                    title: \"Send list-items to Concur\",\n                  })\n                  addArrow({\n                    from: 1,\n                    to: 2,\n                    top: 9,\n                    number: 8,\n                    displayOrder: 14,\n                    title: \"Response (api call result)\",\n                  })\n                  addArrow({\n                    from: 2,\n                    to: 0,\n                    top: 10,\n                    number: 9,\n                    displayOrder: 16,\n                    title: \"Response (operation result)\",\n                  })\n\n                  addProcess({\n                    location: 2,\n                    top: 1,\n                    height: 1,\n                    displayOrder: 2,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 2,\n                    height: 1,\n                    displayOrder: 4,\n                  })\n                  addProcess({\n                    location: 4,\n                    top: 3,\n                    height: 1,\n                    displayOrder: 6,\n                  })\n                  addProcess({\n                    location: 3,\n                    top: 5,\n                    height: 1,\n                    displayOrder: 9,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 7,\n                    height: 1,\n                    displayOrder: 11,\n                  })\n                  addProcess({\n                    location: 1,\n                    top: 8,\n                    height: 1,\n                    displayOrder: 13,\n                  })\n                  addProcess({\n                    location: 2,\n                    top: 9,\n                    height: 1,\n                    displayOrder: 15,\n                  })\n                }}\n              />\n            </AccordionItem>\n          </Accordion>\n        </Container>\n      </HowItWorksW>\n    </Layout>\n  )\n}\n\nexport default HowItWorks\n"],"sourceRoot":""}