{"version":3,"sources":["webpack:///./src/views/ArticleCollectionView.tsx","webpack:///./src/views/ActivityView/ActivityView.tsx","webpack:///./src/views/NewsStandView/NewsStandView.tsx","webpack:///./src/views/DebugView.tsx","webpack:///./src/views/SettingsView/SettingsView.tsx"],"names":["__webpack_require__","d","__webpack_exports__","ArticleCollectionView","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","antd_mobile__WEBPACK_IMPORTED_MODULE_1__","components_Article_Article__WEBPACK_IMPORTED_MODULE_2__","props","articles","articleIndex","activeArticle","articleCount","length","articleTabs","map","article","title","id","articleEls","a","createElement","key","className","leftContent","onClick","history","back","rightContent","current","mode","total","destroyInactiveTab","initialPage","onChange","tabInfo","pushState","renderTabBar","tabs","Item","full","Header","Fragment","Body","href","slideWidth","dots","cellSpacing","src","renderHeader","thumb","item","multipleLine","wrap","align","react_redux__WEBPACK_IMPORTED_MODULE_1__","actions_EditionActions__WEBPACK_IMPORTED_MODULE_2__","actions_ConfigActions__WEBPACK_IMPORTED_MODULE_3__","components_EditionCover_EditionCover__WEBPACK_IMPORTED_MODULE_4__","reducers_configReducer__WEBPACK_IMPORTED_MODULE_6__","Object","state","editions","values","filter","e","type","DAILY","sort","b","Date","parse","published","slice","setActiveEdition","setViewMode","[object Object]","editionId","this","INDEX","edition","date","handleSelect","chooseEdition","edition_id","views_DebugView","react_redux_es","variants","isOffline","config","theme","ConfigActions","setOfflineMode","updateVariantAction","variantActions","resetVariants","setTheme","react","toggleOffline","event","checked","target","handleVariantChange","name","value","clearVariants","utils","handleThemeChange","entries","val","react_default","SelectElement","assign","handleChange","variantControls","buildVariants","htmlFor","defaultValue","keys","configReducer","k","SettingsView_SettingsView_SettingsView","es","Brief","Panel","super","setTabIndex","index","setState","activeTabIndex","pushNotifications","breakingNewsNotification","myActivityNotifications","page","prerenderingSiblingsNumber","swipeable","arrow","index_esm","size","header","extra","platform","icon","inline","style","marginRight","fontSize","padding"],"mappings":"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","file":"main~33d48c78.bundle.js","sourcesContent":["import React from \"react\";\nimport { NavBar, Pagination, Tabs } from \"antd-mobile\";\nimport { ArticleType } from \"reducers/articleReducer\";\nimport Article from \"components/Article/Article\";\nimport \"./ArticleCollectionView.css\";\n\ninterface PropTypes {\n  articles: ArticleType[];\n  activeArticle: string | null;\n  articleIndex: number;\n}\n\nexport function ArticleCollectionView(props: PropTypes): JSX.Element | null {\n  const { articles, articleIndex, activeArticle } = props;\n\n  if (!activeArticle) return null;\n\n  const articleCount = articles.length;\n  const articleTabs = articles.map((article): { title: string } => ({\n    title: article.id\n  }));\n\n  const articleEls = articles.map(\n    (article): JSX.Element => <Article id={article.id} key={article.id} />\n  );\n\n  return (\n    <section className=\"article_collection\">\n      <NavBar\n        leftContent={<button onClick={(): void => history.back()}>Back</button>}\n        rightContent={\n          articleCount > 1 && (\n            <div className=\"article_collection__pagination\">\n              Page\n              <Pagination\n                current={articleIndex + 1}\n                mode=\"number\"\n                total={articleCount}\n              />\n            </div>\n          )\n        }\n      />\n\n      <Tabs\n        destroyInactiveTab={true}\n        initialPage={articleIndex}\n        onChange={(tabInfo): void => history.pushState(null, \"\", tabInfo.key)}\n        renderTabBar={false}\n        tabs={articleTabs}\n      >\n        {articleEls}\n      </Tabs>\n    </section>\n  );\n}\n","import React from \"react\";\nimport { Card, WingBlank, WhiteSpace, Carousel, List } from \"antd-mobile\";\nimport \"./ActivityView.css\";\n\nconst { Item } = List;\n\nexport const ActivityView = (): JSX.Element => {\n  // Notifications\n  // - see all\n  // History\n  // - see all\n  // Saved\n  // - see all\n\n  const savedData = [\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    },\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    },\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    },\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    },\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    },\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    },\n    {\n      id: \"xx\",\n      title:\n        \"Theresa May calls on Vladimir Putin to halt irresponsible activity around the world\",\n      thumb:\n        \"https://www.telegraph.co.uk/content/dam/PortalPictures/June2019/mayputin858-small.jpg?imwidth=120\"\n    }\n  ];\n\n  return (\n    <section id=\"activity\">\n      <Card full>\n        <Card.Header\n          title={\n            <>\n              <h2 className=\"group__headline\">Notifications</h2>\n              <button className=\"btn btn--tiny-text\">See all</button>\n            </>\n          }\n        />\n        <Card.Body>\n          <ul className=\"saved-list\">\n            <li>\n              A. Reader has replied to your{\" \"}\n              <a className=\"activity__link\" href=\"#\">\n                comment\n              </a>\n            </li>\n            <li>\n              Boris Johnson has written a{\" \"}\n              <a className=\"activity__link\" href=\"#\">\n                new article\n              </a>\n            </li>\n            <li>\n              Watch our documentary{\" \"}\n              <a className=\"activity__link\" href=\"#\">\n                The Disk\n              </a>\n            </li>\n          </ul>\n        </Card.Body>\n      </Card>\n\n      <WhiteSpace />\n\n      <div className=\"activity__history\">\n        <WingBlank className=\"activity__history-header\">\n          <h2 className=\"group__headline\">Article history</h2>\n          <button className=\"btn btn--tiny-text\">See all</button>\n        </WingBlank>\n        <Carousel\n          className=\"activity__history-carousel\"\n          slideWidth={0.8}\n          dots={false}\n          cellSpacing={10}\n          // swipeSpeed={70}\n        >\n          <div className=\"activity__history-slide\">\n            <img\n              className=\"activity__history-image\"\n              src=\"https://www.telegraph.co.uk/content/dam/money/2019/04/10/TELEMMGLPICT000170178359-small_trans_NvBQzQNjv4BqpVlberWd9EgFPZtcLiMQfyf2A9a6I9YchsjMeADBa08.jpeg?imwidth=120\"\n            />\n            <p className=\"activity__history-text\">\n              The ultimate guide to retiring young: five essential tips to enjoy\n              the later years\n            </p>\n          </div>\n\n          <div className=\"activity__history-slide\">\n            <img\n              className=\"activity__history-image\"\n              src=\"https://www.telegraph.co.uk/content/dam/money/2019/04/10/TELEMMGLPICT000170178359-small_trans_NvBQzQNjv4BqpVlberWd9EgFPZtcLiMQfyf2A9a6I9YchsjMeADBa08.jpeg?imwidth=120\"\n            />\n            <p className=\"activity__history-text\">\n              The ultimate guide to retiring young: five essential tips to enjoy\n              the later years\n            </p>\n          </div>\n\n          <div className=\"activity__history-slide\">\n            <img\n              className=\"activity__history-image\"\n              src=\"https://www.telegraph.co.uk/content/dam/money/2019/04/10/TELEMMGLPICT000170178359-small_trans_NvBQzQNjv4BqpVlberWd9EgFPZtcLiMQfyf2A9a6I9YchsjMeADBa08.jpeg?imwidth=120\"\n            />\n            <p className=\"activity__history-text\">\n              The ultimate guide to retiring young: five essential tips to enjoy\n              the later years\n            </p>\n          </div>\n\n          <div className=\"activity__history-slide\">\n            <img\n              className=\"activity__history-image\"\n              src=\"https://www.telegraph.co.uk/content/dam/money/2019/04/10/TELEMMGLPICT000170178359-small_trans_NvBQzQNjv4BqpVlberWd9EgFPZtcLiMQfyf2A9a6I9YchsjMeADBa08.jpeg?imwidth=120\"\n            />\n            <p className=\"activity__history-text\">\n              The ultimate guide to retiring young: five essential tips to enjoy\n              the later years\n            </p>\n          </div>\n\n          <div className=\"activity__history-slide\">\n            <img\n              className=\"activity__history-image\"\n              src=\"https://www.telegraph.co.uk/content/dam/money/2019/04/10/TELEMMGLPICT000170178359-small_trans_NvBQzQNjv4BqpVlberWd9EgFPZtcLiMQfyf2A9a6I9YchsjMeADBa08.jpeg?imwidth=120\"\n            />\n            <p className=\"activity__history-text\">\n              The ultimate guide to retiring young: five essential tips to enjoy\n              the later years\n            </p>\n          </div>\n        </Carousel>\n      </div>\n\n      <WhiteSpace />\n\n      <WingBlank>\n        <List\n          className=\"list list--clean\"\n          renderHeader={\n            <>\n              <h2 className=\"group__headline\">Saved</h2>\n              <button className=\"btn btn--tiny-text\">See all</button>\n            </>\n          }\n        >\n          {savedData.map(\n            (item): JSX.Element => {\n              return (\n                <Item\n                  key={item.id}\n                  thumb={item.thumb}\n                  multipleLine\n                  wrap\n                  align=\"top\"\n                  className=\"list-item--clean\"\n                >\n                  <p className=\"list-item--text\">{item.title}</p>\n                </Item>\n              );\n            }\n          )}\n        </List>\n      </WingBlank>\n    </section>\n  );\n};\n\nexport default ActivityView;\n","import React, { PureComponent } from \"react\";\nimport { connect } from \"react-redux\";\nimport { StateInterface } from \"reducers/rootReducer\";\nimport { EditionInterface, EditionTypes } from \"actions/EditionActions\";\nimport { setActiveEdition, setViewMode } from \"actions/ConfigActions\";\nimport { EditionCover } from \"components/EditionCover/EditionCover\";\nimport \"./NewsStandView.css\";\nimport { ViewModes } from \"reducers/configReducer\";\n\ninterface PropsInterface extends MapStatePropsInterface, MapDispatchInterface {}\n\nclass NewsStandView extends PureComponent<PropsInterface> {\n  public chooseEdition(editionId: string): void {\n    const { setActiveEdition, setViewMode } = this.props;\n    setActiveEdition(editionId);\n    setViewMode(ViewModes.INDEX);\n  }\n\n  public render(): JSX.Element {\n    const { editions } = this.props;\n\n    return (\n      <section className=\"news_stand\">\n        {editions.map(\n          (edition: EditionInterface): JSX.Element => (\n            <EditionCover\n              date={edition.published}\n              handleSelect={(): void => {\n                this.chooseEdition(edition.edition_id);\n              }}\n              key={edition.edition_id}\n            />\n          )\n        )}\n      </section>\n    );\n  }\n}\n\ninterface MapStatePropsInterface {\n  editions: EditionInterface[];\n}\n\nfunction mapStateToProps(state: StateInterface): MapStatePropsInterface {\n  const EDITION_COUNT = 5;\n  const filteredEditions = Object.values(state.editions)\n    .filter((e): boolean => e.type === EditionTypes.DAILY)\n    .sort((a, b): number => Date.parse(b.published) - Date.parse(a.published))\n    .slice(0, EDITION_COUNT);\n  return {\n    editions: filteredEditions\n  };\n}\n\ninterface MapDispatchInterface {\n  setActiveEdition: typeof setActiveEdition;\n  setViewMode: typeof setViewMode;\n}\n\nexport default connect(\n  mapStateToProps,\n  { setActiveEdition, setViewMode }\n)(NewsStandView);\n","import React, { PureComponent, ChangeEvent, ReactEventHandler } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport { SelectElement } from \"components/SelectElement/SelectElement\";\nimport { setViewMode, setOfflineMode, setTheme } from \"actions/ConfigActions\";\nimport { updateVariantAction, resetVariants } from \"actions/variantActions\";\nimport { ConfigInterface, Themes, ThemeTypes } from \"reducers/configReducer\";\nimport { StateInterface } from \"reducers/rootReducer\";\nimport { VariantState } from \"reducers/variantReducer\";\nimport { setQueryParams } from \"libs/utils\";\n\ninterface PropsInterface extends MapPropsInterface {\n  setViewMode: typeof setViewMode;\n  setOfflineMode: typeof setOfflineMode;\n  setTheme: typeof setTheme;\n  updateVariantAction: typeof updateVariantAction;\n  resetVariants: typeof resetVariants;\n}\n\nclass DebugView extends PureComponent<PropsInterface> {\n  private toggleOffline = (event: ChangeEvent<HTMLInputElement>): void => {\n    const { checked } = event.target;\n    const { setOfflineMode } = this.props;\n\n    setOfflineMode(checked);\n  };\n\n  private handleVariantChange = (\n    event: ChangeEvent<HTMLSelectElement>\n  ): void => {\n    const { name, value } = event.target;\n    const { updateVariantAction } = this.props;\n    updateVariantAction(name, value);\n  };\n\n  private clearVariants = (): void => {\n    this.props.resetVariants();\n    setQueryParams({});\n  };\n\n  private buildVariants(variants: VariantState): JSX.Element[] {\n    return Object.entries(variants).map(\n      ([key, val]): JSX.Element => (\n        <p key={key}>\n          {val.title}\n          <SelectElement {...val} handleChange={this.handleVariantChange} />\n        </p>\n      )\n    );\n  }\n\n  private handleThemeChange = (event: ChangeEvent<HTMLSelectElement>): void => {\n    const { setTheme } = this.props;\n    const { value } = event.target;\n    setTheme(value as ThemeTypes);\n  };\n\n  public render(): JSX.Element {\n    const { isOffline, variants, theme } = this.props;\n    const variantControls = this.buildVariants(variants);\n\n    return (\n      <main>\n        <h1>Debug view</h1>\n        <p>Customize app config and view status information.</p>\n\n        <h2>Config</h2>\n\n        <label htmlFor=\"theme\">Theme</label>\n        <select\n          defaultValue={theme}\n          id=\"theme\"\n          onChange={this.handleThemeChange}\n        >\n          {Object.keys(Themes).map(\n            (k: string): JSX.Element => {\n              return (\n                <option key={k} value={k}>\n                  {k}\n                </option>\n              );\n            }\n          )}\n        </select>\n\n        <label htmlFor=\"offlineInput\">Is offline</label>\n        <input\n          checked={isOffline}\n          id=\"offlineInput\"\n          name=\"toggleOffline\"\n          onChange={this.toggleOffline}\n          type=\"checkbox\"\n        />\n\n        <h2>Variants</h2>\n        <button onClick={this.clearVariants}>Clear variants</button>\n        {variantControls}\n      </main>\n    );\n  }\n}\n\ninterface MapPropsInterface\n  extends Pick<ConfigInterface, \"isOffline\" | \"theme\">,\n    Pick<StateInterface, \"variants\"> {}\n\nfunction mapStateToProps(state: StateInterface): MapPropsInterface {\n  return {\n    variants: state.variants,\n    isOffline: state.config.isOffline,\n    theme: state.config.theme\n  };\n}\n\nexport default connect(\n  mapStateToProps,\n  {\n    setViewMode,\n    setOfflineMode,\n    updateVariantAction,\n    resetVariants,\n    setTheme\n  }\n)(DebugView);\n","import React, { PureComponent } from \"react\";\nimport { FiUser, FiSettings, FiArrowLeft } from \"react-icons/fi\";\nimport { List, WhiteSpace, Tabs, Button, Accordion, Switch } from \"antd-mobile\";\n\nimport \"./SettingsView.css\";\nimport DebugView from \"views/DebugView\";\n\nconst { Item } = List;\nconst { Brief } = Item;\nconst { Panel } = Accordion;\n\ninterface PropsInterface {\n  activeTabIndex: number;\n  pushNotifications: boolean;\n  breakingNewsNotification: boolean;\n  myActivityNotifications: boolean;\n}\n\nexport class SettingsView extends PureComponent<{}, PropsInterface> {\n  public constructor(props: PropsInterface) {\n    super(props);\n    this.state = {\n      activeTabIndex: 0,\n      pushNotifications: true,\n      breakingNewsNotification: true,\n      myActivityNotifications: true\n    };\n  }\n\n  private setTabIndex = (index: number): void => {\n    this.setState({ activeTabIndex: index });\n  };\n\n  public render(): JSX.Element {\n    const {\n      activeTabIndex,\n      pushNotifications,\n      breakingNewsNotification,\n      myActivityNotifications\n    } = this.state;\n\n    return (\n      <section className=\"settings-view\">\n        <Tabs\n          page={activeTabIndex}\n          prerenderingSiblingsNumber={0}\n          renderTabBar={false}\n          swipeable={false}\n          tabs={[\n            { title: \"settings\" },\n            { title: \"account\" },\n            { title: \"Config\" }\n          ]}\n        >\n          <div>\n            <List className=\"settings-view__list\">\n              <Item\n                arrow=\"horizontal\"\n                className=\"settings-view__item\"\n                onClick={(): void => {\n                  this.setTabIndex(1);\n                }}\n                thumb={<FiUser />}\n              >\n                My Account\n                <Brief className=\"settings-view__item-subtitle\">\n                  Review details\n                </Brief>\n              </Item>\n\n              <Item\n                arrow=\"horizontal\"\n                className=\"settings-view__item\"\n                onClick={(): void => {\n                  this.setTabIndex(2);\n                }}\n                thumb={<FiSettings />}\n              >\n                Configuration\n                <Brief className=\"settings-view__item-subtitle\">\n                  Prototype settings\n                </Brief>\n              </Item>\n            </List>\n\n            <WhiteSpace size=\"xl\" />\n            <Accordion>\n              <Panel header=\"Notifications test\">\n                <List className=\"my-list\">\n                  <List.Item\n                    extra={\n                      <Switch\n                        checked={pushNotifications}\n                        onChange={(): void => {\n                          this.setState({\n                            pushNotifications: !pushNotifications\n                          });\n                        }}\n                        platform=\"android\"\n                      />\n                    }\n                  >\n                    Push notifications\n                  </List.Item>\n\n                  <List.Item\n                    extra={\n                      <Switch\n                        checked={breakingNewsNotification}\n                        onChange={(): void => {\n                          this.setState({\n                            breakingNewsNotification: !breakingNewsNotification\n                          });\n                        }}\n                        platform=\"android\"\n                      />\n                    }\n                  >\n                    Breaking news\n                  </List.Item>\n\n                  <List.Item\n                    extra={\n                      <Switch\n                        checked={myActivityNotifications}\n                        onChange={(): void => {\n                          this.setState({\n                            myActivityNotifications: !myActivityNotifications\n                          });\n                        }}\n                        platform=\"android\"\n                      />\n                    }\n                  >\n                    My Activity\n                  </List.Item>\n                </List>\n              </Panel>\n\n              <Panel header=\"Accessibility\">\n                <section className=\"settings-view__panel--pad\">\n                  <p>Accessibility Options</p>\n                  <p>Accessibility Options</p>\n                  <p>Accessibility Options</p>\n                  <p>Accessibility Options</p>\n                </section>\n              </Panel>\n\n              <Panel header=\"Support\">\n                <section className=\"settings-view__panel--pad\">\n                  <p>support information</p>\n                  <p>support information</p>\n                  <p>support information</p>\n                  <p>support information</p>\n                </section>\n              </Panel>\n\n              <Panel header=\"About\">\n                <section className=\"settings-view__panel--pad\">\n                  <p>All about the telegraph app</p>\n                  <p>All about the telegraph app</p>\n                  <p>All about the telegraph app</p>\n                  <p>All about the telegraph app</p>\n                  <p>All about the telegraph app</p>\n                </section>\n              </Panel>\n            </Accordion>\n          </div>\n\n          {/* TAB 2 */}\n          <div>\n            <List className=\"settings-view__list\">\n              <Item>\n                <Button\n                  icon={<FiArrowLeft />}\n                  inline={true}\n                  onClick={(): void => {\n                    this.setTabIndex(0);\n                  }}\n                  size=\"small\"\n                  style={{\n                    marginRight: \"4px\",\n                    fontSize: \"12px\",\n                    padding: \"0 10px\"\n                  }}\n                  type=\"ghost\"\n                >\n                  Back\n                </Button>\n              </Item>\n              <Item\n                arrow=\"empty\"\n                className=\"settings-view__item\"\n                onClick={(): void => {}}\n                thumb={<FiUser />}\n              >\n                Adam Reader\n                <Brief className=\"settings-view__item-subtitle\">\n                  Logged in as a_reader22@example.com\n                </Brief>\n              </Item>\n            </List>\n            <Accordion>\n              <Panel header=\"Personal details\">\n                <section className=\"settings-view__panel--pad\">\n                  Personal detail information\n                </section>\n              </Panel>\n\n              <Panel header=\"Subscription details\">\n                <section className=\"settings-view__panel--pad\">\n                  Subscription details\n                </section>\n              </Panel>\n\n              <Panel header=\"My Newsletters\">\n                <section className=\"settings-view__panel--pad\">\n                  My Newsletters\n                </section>\n              </Panel>\n\n              <Panel header=\"My Rewards\">\n                <section className=\"settings-view__panel--pad\">\n                  My Rewards\n                </section>\n              </Panel>\n            </Accordion>\n          </div>\n\n          {/* Tab 3 */}\n\n          <List className=\"settings-view__list\">\n            <Item>\n              <Button\n                icon={<FiArrowLeft />}\n                inline={true}\n                onClick={(): void => {\n                  this.setTabIndex(0);\n                }}\n                size=\"small\"\n                style={{\n                  marginRight: \"4px\",\n                  fontSize: \"12px\",\n                  padding: \"0 10px\"\n                }}\n                type=\"ghost\"\n              >\n                Back\n              </Button>\n            </Item>\n            <Item>\n              <DebugView />\n            </Item>\n          </List>\n        </Tabs>\n      </section>\n    );\n  }\n}\n"],"sourceRoot":""}