{"version":3,"sources":["webpack:///./src/pages/products/arranger/index.js","webpack:///./src/pages/products/arranger/assets/screenshot.png"],"names":["ArrangerPage","className","name","content","title","subTitle","cardText","getStartedLink","productsDict","arranger","githubUrl","badge","color","text","logo","progressType","header","icon","details","iconSize","size","src","screenshot","pinnedLink","ARRANGER_UPDATES_LINK","prompts","to","ARRANGER_LOCAL_LINK","ARRANGER_GETTING_STARTED_LINK","description","link","type","module","exports"],"mappings":"8FAAA,wHAoOeA,UA3MM,kBACnB,0BAAMC,UAAU,YAEd,kBAAC,IAAD,KACE,gEACA,0BAAMC,KAAK,GAAGC,QAAQ,KACtB,0BACED,KAAK,WACLC,QAAQ,qQAKZ,kBAAC,IAAD,CACEC,MAAM,WACNC,SAAS,wDACTC,SAAS,8JACTC,eAAgBC,IAAaC,SAASC,UACtCC,MAAO,CAAEC,MAAO,OAAQC,KAAM,qBAC9BC,KAAK,eACLC,aAAa,OAIf,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,OAAO,eACPC,KAAK,OACLC,QACE,+GAGJ,kBAAC,IAAD,CACEF,OAAO,eACPC,KAAK,eACLE,SAAU,GACVD,QAAS,yGAEX,kBAAC,IAAD,CACEF,OAAO,aACPC,KAAK,SACLC,QACE,4GAMN,6BAASjB,UAAU,qBACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,2CAGb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,OACb,kBAAC,IAAD,CACEmB,KAAK,QACLH,KAAK,SACLD,OAAO,mBACPE,QAAS,gGAIb,yBAAKjB,UAAU,OACb,kBAAC,IAAD,CACEmB,KAAK,QACLH,KAAK,SACLD,OAAO,sBACPE,QACE,iJAQN,yBAAKjB,UAAU,OACb,kBAAC,IAAD,CACEmB,KAAK,QACLH,KAAK,SACLD,OAAO,yBACPE,QACE,kHASR,yBAAKjB,UAAU,wCACb,yBAAKoB,IAAKC,UAQlB,kBAAC,IAAD,CAAgBC,WAAYC,KAG1B,yBAAKvB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACE,kBAAC,IAAD,yBAEF,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUwB,QAAS,CAAC,kDAMxB,yBAAKxB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,4BAA6B,KAE/B,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CAAUwB,QAAS,CAAC,4BAKxB,yBAAKxB,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,gDAAiD,KAEnD,yBAAKA,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CACEwB,QAAS,CACP,6BACE,kBAAC,IAAD,CAAMC,GAAIC,KAAsBA,WAQ1C,yBAAK1B,UAAU,gBACb,yBAAKA,UAAU,eACb,kBAAC,IAAD,CAAIA,UAAU,OAAd,KACA,6BACG,IACD,kBAAC,IAAD,mBACa,kBAAC,IAAD,CAAMyB,GAAIE,KAAV,eADb,8CAGM,KAER,yBAAK3B,UAAU,oBAGjB,yBAAKA,UAAU,uCACb,kBAAC,IAAD,CACEwB,QAAS,CACP,qCACQ,IACN,kBAAC,IAAD,CAAMC,GAAIE,KAAgCA,YAQtD,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEX,KAAK,eACLY,YAAY,6FACZ5B,UAAU,UAEV,kBAAC,IAAD,CACEgB,KAAK,cACLa,KAAMtB,IAAaC,SAASC,UAC5BU,KAAK,SACLW,KAAK,WAJP,oB,qBCvNRC,EAAOC,QAAU,IAA0B,0D","file":"component---src-pages-products-arranger-index-js-8cc975237a881f7b299a.js","sourcesContent":["import React from 'react';\nimport Helmet from 'react-helmet';\nimport {\n  BottomCallout,\n  Button,\n  Callout,\n  GettingStarted,\n  H2,\n  H4,\n  LinkHelper as Link,\n  ProductFeature,\n  ProductFeatureRow,\n  ProductHero,\n  Terminal,\n  UrlBar,\n} from 'components';\nimport productsDict from 'constants/products';\nimport {\n  ARRANGER_GETTING_STARTED_LINK,\n  ARRANGER_LOCAL_LINK,\n  ARRANGER_UPDATES_LINK,\n} from 'constants/external-links';\nimport screenshot from './assets/screenshot.png';\nimport './style.scss';\n\nconst ArrangerPage = () => (\n  <main className=\"Arranger\">\n    {/* Metadata */}\n    <Helmet>\n      <title>Overture Products - Arranger </title>\n      <meta name=\"\" content=\"\" />\n      <meta\n        name=\"keywords\"\n        content=\"Overture, data science software, bioinformatics software, open-source software, cancer research, single sign-on, facebook authentication, google authentication, user management, JSON web tokens, Spring Security, Ontario Institute for Cancer Research, OICR\"\n      />\n    </Helmet>\n\n    {/* Hero */}\n    <ProductHero\n      title=\"Arranger\"\n      subTitle=\"Data can be messy, let Arranger organize it for you. \"\n      cardText=\"Provide your administrators with the power to organize an intuitive data search interface, complete with customizable components, tables, and search terms.\"\n      getStartedLink={productsDict.arranger.githubUrl}\n      badge={{ color: 'blue', text: 'Access & Download' }}\n      logo=\"logoArranger\"\n      progressType=\"rc\"\n    />\n\n    {/* Features  */}\n    <ProductFeatureRow>\n      <ProductFeature\n        header=\"User managed\"\n        icon=\"user\"\n        details={\n          <div>Sit back and relax as your administrators determine facets and search terms.</div>\n        }\n      />\n      <ProductFeature\n        header=\"Customizable\"\n        icon=\"customizable\"\n        iconSize={80}\n        details={<div>Use the default theme, or create a portal with your own branded theme.</div>}\n      />\n      <ProductFeature\n        header=\"Search API\"\n        icon=\"search\"\n        details={\n          <div>Arranger creates and manages a flexible yet powerful GraphQL search API.</div>\n        }\n      />\n    </ProductFeatureRow>\n\n    {/* Target Features + Screenshot */}\n    <section className=\"bg-curve-grey pb4\">\n      <div className=\"container\">\n        <div className=\"columns column target-feature-container\">\n          {/* targets */}\n\n          <div className=\"column pt2 is-4-desktop pt2\">\n            <div className=\"py2\">\n              <ProductFeature\n                size=\"small\"\n                icon=\"target\"\n                header=\"It’s index based\"\n                details={<div>Simply provide an Elasticsearch index and you’re good to go!</div>}\n              />\n            </div>\n\n            <div className=\"py2\">\n              <ProductFeature\n                size=\"small\"\n                icon=\"target\"\n                header=\"Built-in components\"\n                details={\n                  <div>\n                    Search through a list of data-types and pre-built aggregation components like\n                    boolean, list, string and date.\n                  </div>\n                }\n              />\n            </div>\n\n            <div className=\"py2\">\n              <ProductFeature\n                size=\"small\"\n                icon=\"target\"\n                header=\"Content Administration\"\n                details={\n                  <div>\n                    Customize the content of your data portal display such as filters and tables.\n                  </div>\n                }\n              />\n            </div>\n          </div>\n\n          {/* screenshot */}\n          <div className=\"column is-offset-1 flex items-center\">\n            <img src={screenshot} />\n          </div>\n        </div>\n      </div>\n    </section>\n\n    {/* Getting Started Terminals / steps */}\n\n    <GettingStarted pinnedLink={ARRANGER_UPDATES_LINK}>\n      {/* Getting Started: Step 1 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">1</H2>\n          <div>\n            <H4>Clone the repo.</H4>\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <Terminal prompts={['git@github.com:overture-stack/arranger.git']} />\n        </div>\n      </div>\n\n      {/* Getting Started: step 2 */}\n\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">2</H2>\n          <div>\n            {' '}\n            <H4>Run docker compose.</H4>{' '}\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <Terminal prompts={['docker-compose up -d']} />\n        </div>\n      </div>\n\n      {/* Getting Started: step 3 */}\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">3</H2>\n          <div>\n            {' '}\n            <H4>Go to localhost to see arranger server.</H4>{' '}\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <UrlBar\n            prompts={[\n              <div>\n                <Link to={ARRANGER_LOCAL_LINK}>{ARRANGER_LOCAL_LINK}</Link>\n              </div>,\n            ]}\n          />\n        </div>\n      </div>\n\n      {/* Getting Started: step 4 */}\n      <div className=\"columns Step\">\n        <div className=\"column is-3\">\n          <H2 className=\"pb1\">4</H2>\n          <div>\n            {' '}\n            <H4>\n              Follow the <Link to={ARRANGER_GETTING_STARTED_LINK}>quick guide</Link> to generate\n              demo data and a local portal!\n            </H4>{' '}\n          </div>\n          <div className=\"mt3 yellow-bar\" />\n        </div>\n\n        <div className=\"column is-8 is-offset-1 self-center\">\n          <UrlBar\n            prompts={[\n              <div>\n                Visit{' '}\n                <Link to={ARRANGER_GETTING_STARTED_LINK}>{ARRANGER_GETTING_STARTED_LINK}</Link>\n              </div>,\n            ]}\n          />\n        </div>\n      </div>\n    </GettingStarted>\n\n    <BottomCallout>\n      <Callout\n        icon=\"githubYellow\"\n        description=\"Provide your administrators with the power to organize an intuitive data search interface.\"\n        className=\"center\"\n      >\n        <Button\n          icon=\"githubWhite\"\n          link={productsDict.arranger.githubUrl}\n          size=\"medium\"\n          type=\"primary\"\n        >\n          Get Started\n        </Button>\n      </Callout>\n    </BottomCallout>\n  </main>\n);\n\nexport default ArrangerPage;\n","module.exports = __webpack_public_path__ + \"static/screenshot-0919eac6ae91f13e916a6c19d155538b.png\";"],"sourceRoot":""}