{"version":3,"sources":["webpack:///./src/images/VisionImages.png","webpack:///./src/images/ComprehensiveReporting.png","webpack:///./src/pages/portfolio-tracking.js","webpack:///./src/images/Dart.png","webpack:///./src/images/ManagingMultAccountPortfolios.png","webpack:///./src/components/portfolio-tracking.js","webpack:///./src/images/notificationIcon.png"],"names":["module","exports","PortfolioTrackingPage","props","React","createElement","PortfolioTracking","Object","assign","questrade","active","setActive","useState","registerPath","setRegisterPath","appBase","getAppBase","navbar","setNavbar","changeBackground","window","scrollY","saveTrackingCode","saveReferralCode","useEffect","generateTrackingPath","addEventListener","data","errors","postNodes","posts","mapEdgesToNodes","filter","filterOutDocsWithoutSlugs","filterOutDocsPublishedInTheFuture","Layout","SEO","title","description","className","href","FreeForQuestrade","src","AssetAllocation","alt","role","ComprehensiveReporting","LeavesDesignLeft","class","AccordionScroll","open","ManagingMultAccountPortfolios","people","dart","notificationIcon","VisionImages","Right_leave","BlogPostPreviewList","nodes","browseMoreHref","type","placeholder","SignUpImage"],"mappings":"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","file":"component---src-pages-portfolio-tracking-js-063afddef1c26c697f6c.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/VisionImages-e6cb1e00572327334200e4ca46d280b1.png\";","module.exports = __webpack_public_path__ + \"static/ComprehensiveReporting-640ea8866d0ab55c0ef8c0f0ce98b06b.png\";","import React from \"react\";\nimport PortfolioTracking from \"../components/portfolio-tracking\";\nexport const query = graphql`\n  query indexPageQueryPortfolioTracking {\n    site: sanitySiteSettings(_id: { regex: \"/(drafts.|)siteSettings/\" }) {\n      title\n      description\n      keywords\n    }\n    posts: allSanityPost(\n      limit: 3\n      sort: { fields: [publishedAt], order: DESC }\n      filter: { slug: { current: { ne: null } }, publishedAt: { ne: null } }\n    ) {\n      edges {\n        node {\n          id\n          publishedAt\n          mainImage {\n            ...SanityImage\n            alt\n          }\n          title\n          _rawExcerpt\n          slug {\n            current\n          }\n        }\n      }\n    }\n  }\n`;\nconst PortfolioTrackingPage = props => {\n  return <PortfolioTracking questrade={false} {...props} />;\n};\n\nexport default PortfolioTrackingPage;\n","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/ManagingMultAccountPortfolios-47085db5624b964be720c6506ee6f6b3.png\";","import React, { useState, useEffect } from \"react\";\nimport \"./usecases.css\";\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\nimport \"../components/home/platforms.module.css\";\nimport AccordionScroll from \"../components/accordion-scroll\";\n\nimport {\n  mapEdgesToNodes,\n  filterOutDocsWithoutSlugs,\n  filterOutDocsPublishedInTheFuture\n} from \"../lib/helpers\";\nimport BlogPostPreviewList from \"../components/blog-post-preview-list\";\n\nimport AssetAllocation from \"../images/AssetAllocation.png\";\nimport ComprehensiveReporting from \"../images/ComprehensiveReporting.png\";\nimport LeavesDesignLeft from \"../images/Left_leaves.png\";\nimport ManagingMultAccountPortfolios from \"../images/ManagingMultAccountPortfolios.png\";\nimport dart from \"../images/Dart.png\";\nimport people from \"../images/people.png\";\nimport notificationIcon from \"../images/notificationIcon.png\";\nimport VisionImages from \"../images/VisionImages.png\";\nimport Right_leave from \"../images/Right_leave.png\";\nimport SignUpImage from \"../images/SignUpImage.png\";\nimport { cn, generateTrackingPath, getAppBase, saveReferralCode, saveTrackingCode } from \"../lib/helpers\";\nimport Image_Placeholder from \"../images/Image_Placeholder.png\";\nimport FreeForQuestrade from \"./free-for-questrade\";\n\nconst PortfolioTracking = props => {\n  const [active, setActive] = React.useState(0);\n\n  const [registerPath, setRegisterPath] = useState(\"/register/\");\n  const appBase = getAppBase();\n  const [navbar, setNavbar] = useState(false);\n  const changeBackground = () => {\n    if (window.scrollY >= 66) {\n      setNavbar(true);\n    } else {\n      setNavbar(false);\n    }\n  };\n\n  saveTrackingCode();\n  saveReferralCode();\n\n  useEffect(() => {\n    setRegisterPath(generateTrackingPath(\"/register/\"));\n    changeBackground();\n    window.addEventListener(\"scroll\", changeBackground);\n  }, []);\n\n  const { data, questrade, errors } = props;\n  const postNodes = (data || {}).posts\n    ? mapEdgesToNodes(data.posts)\n        .filter(filterOutDocsWithoutSlugs)\n        .filter(filterOutDocsPublishedInTheFuture)\n    : [];\n\n  return (\n    <Layout>\n      {\n        <SEO\n          title=\"Portfolio Tracking\"\n          description=\"Simplify your investment tracking. Get an easy-to-read view of your portfolio's performance in a single dashboard view.\"\n        />\n      }\n\n      <section className=\"Container_Class\">\n        {/* Top heading section */}\n        <section className=\"First_heading\">\n          <div className=\"top_Header\">\n            <div className=\"header_Wrap\">\n              <h1>\n                Totally Clear <span className=\"bold_text\">Portfolio Tracking</span>\n              </h1>\n              <p>Track everything that matters to you in a single, easy-to-read dashboard view.</p>\n              <a className=\"btn1\" href={`https://${appBase}${registerPath}`}>\n                Start Tracking{\" \"}\n              </a>\n              {questrade && <FreeForQuestrade />}\n            </div>\n            <div className=\"Image_background\">\n              <img src={AssetAllocation} alt=\"\" role=\"Presentation\" />\n            </div>\n          </div>\n        </section>\n\n        {/* Second slanted grey section */}\n        <section className=\"Slanted_background_grey\">\n          <div className=\"top_Header\">\n            <div className=\"Slanted_Image_background\">\n              <div className=\"Image_slanted\">\n                <img src={ComprehensiveReporting} alt=\"\" role=\"Presentation\" />\n              </div>\n            </div>\n            <div className=\"header_Wrap\">\n              <h4>THE PROBLEM</h4>\n              <h2>I Am Overwhelmed By Data</h2>\n              <p>\n                I want to see how my accounts are performing, but the data is all over the place. My\n                broker’s interface is so confusing - nothing is where I think it should be and\n                everything is outdated. I just want this to be simple.\n              </p>\n            </div>\n          </div>\n        </section>\n\n        {/* leaves section */}\n        <section className=\"left_leaves_design\">\n          <img src={LeavesDesignLeft} alt=\"\" role=\"Presentation\" />\n        </section>\n\n        {/* Third section  */}\n        <div className=\"header_Wrap_center\">\n          <div class=\"text_inside\">\n            <h4>THE SOLUTION</h4>\n            <h2>Clear Your Vision</h2>\n            <p>\n              Clear and simple tracking of what matters to you. Get easy-to-read reports on your\n              investment growth, fees, dividend income, and more. Always remain in the loop about\n              your performance with notifications.\n            </p>\n          </div>\n        </div>\n\n        {/* Fourth section */}\n        <div className=\"top_Header\">\n          <div className=\"header_Wrap_text\">\n            <h2>See The Full Picture</h2>\n            <div className=\"list\">\n              <AccordionScroll active={active} setActive={setActive}>\n                <details className=\"list_format\" open={active === 0}>\n                  <summary>Connect All Your Accounts</summary>\n                  <p>\n                    With all your accounts in one portfolio, you can track yours, your spouse, and\n                    your kids’ accounts together.\n                  </p>\n                </details>\n                <details className=\"list_format\" open={active === 1}>\n                  <summary>Set Your Goals</summary>\n                  <p>\n                    {\" \"}\n                    If you have plans for your investments, choose them as goals and run what-if\n                    scenarios to understand how to reach your goals faster.\n                  </p>\n                </details>\n                <details className=\"list_format\" open={active === 2}>\n                  <summary>View Your Reports</summary>\n                  <p>\n                    Get a visual on how your portfolio is performing. Review your performance with\n                    simple-to-read graphs and summaries for any chosen timeframe.\n                  </p>\n                </details>\n                <details className=\"list_format\" open={active === 3}>\n                  <summary>Manage Your Cash Notifications</summary>\n                  <p>\n                    Cash Notifications keep you informed when new cash or dividends hits your\n                    account. Set a Cash Threshold to only receive Cash Notifications when your cash\n                    account is more than your chosen threshold.\n                  </p>\n                </details>\n                <details className=\"list_format\" open={active === 4}>\n                  <summary>Setup Your Drift Notifications</summary>\n                  <p>\n                    As the market moves, your portfolio accuracy will drift from your target. Choose\n                    an accuracy ‘drift threshold’ to be tracked by Passiv so when your portfolio\n                    accuracy drifts below that threshold target, Passiv sends you a Drift\n                    Notification to take action.\n                  </p>\n                </details>\n              </AccordionScroll>\n            </div>\n          </div>\n          <div className=\"Image_background_large\">\n            <img src={ManagingMultAccountPortfolios} alt=\"\" role=\"presentation\" />\n          </div>\n        </div>\n\n        {/* Section slanted green background   */}\n        <section className=\"Slanted_background_green\">\n          <div className=\"top_Header\">\n            <div class=\"text_wrap\">\n              <h2>Bring Clarity To Your Portfolio</h2>\n              <p>Passiv can remove the clutter so you can see clearly</p>\n              <a className=\"btn1\" href={`https://${appBase}${registerPath}`}>\n                Try These Features\n              </a>\n            </div>\n\n            <div className=\"fragments\">\n              <div className=\"tile\">\n                <div className=\"tileContainer\">\n                  <div className=\"ImageAlign\">\n                    <img src={people} alt=\"\" role=\"people\" />\n                  </div>\n                  <h3>Multi-Account Portfolios</h3>\n                  <p>\n                    If you are managing accounts for multiple family members or have more than one\n                    for yourself, group your accounts into one or more portfolio groups and manage\n                    them in a single unified view.\n                  </p>\n                </div>\n              </div>\n\n              <div className=\"tile\">\n                <div className=\"tileContainer\">\n                  <div className=\"ImageAlign\">\n                    <img src={dart} alt=\"\" role=\"dart\" />\n                  </div>\n                  <h3>Goal Tracking</h3>\n                  <p>\n                    Plan to buy a house, a car, or go to school? Set those as goals in Goal\n                    Tracking. Plan for how frequently and how much you need to contribute, your\n                    expected return, and time frame for reaching your goal.\n                  </p>\n                </div>\n              </div>\n\n              <div className=\"tile\">\n                <div className=\"tileContainer\">\n                  <div className=\"ImageAlign\">\n                    <img src={notificationIcon} alt=\"\" role=\"Notification\" />\n                  </div>\n                  <h3>Notifications</h3>\n                  <p>\n                    Stay up to date when new cash or assets hit your account, stay in the loop about\n                    your portfolio performance, and keep informed about effects the market has on\n                    your portfolio.\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        {/* Section vision */}\n        <section className=\"Vision_header\">\n          <div className=\"top_Header\">\n            <div className=\"Image_background_wrap\">\n              <img src={VisionImages} alt=\"\" role=\"\" />\n            </div>\n            <div className=\"header_Wrap\">\n              <h2>Clear Your Vision</h2>\n              <p>Are you ready to start tracking your portfolio performance?</p>\n              <a className=\"btn1\" href={`https://${appBase}${registerPath}`}>\n                Yes, I Want To Track My Portfolio\n              </a>\n            </div>\n          </div>\n        </section>\n\n        {/* right leaves section */}\n        <section className=\"right_leaves_design\">\n          <img src={Right_leave} alt=\"\" role=\"\" />\n        </section>\n\n        <section>\n          <div className=\"top_Header_related_articles\">\n            {postNodes && (\n              <BlogPostPreviewList title=\"Latest Posts\" nodes={postNodes} browseMoreHref=\"/blog/\" />\n            )}\n          </div>\n        </section>\n\n        <section className=\"Footer_section\">\n          <div className=\"top_Header\">\n            <div className=\"left_Footer\">\n              <div className=\"heading_wrap\">\n                <h2>Automate Your Learning</h2>\n                <p>\n                  Invest in yourself with The Index, our monthly newsletter to build your investing\n                  confidence.\n                </p>\n                <div className=\"form\">\n                  <input type=\"text\" placeholder=\"Your email\"></input>\n                  <a className=\"btn1\" href={`https://${appBase}${registerPath}`}>\n                    SUBSCRIBE\n                  </a>\n                </div>\n                <p>Trusted by our 30,000+ subscribers.</p>\n              </div>\n            </div>\n            <div className=\"Image_background\">\n              <div className=\"Image_Wrap\"></div>\n              <img src={SignUpImage} alt=\"\" role=\"\" />\n            </div>\n          </div>\n        </section>\n      </section>\n    </Layout>\n  );\n};\n\nexport default PortfolioTracking;\n","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}