{"version":3,"sources":["main/comps/PDPMenu.tsx","main/comps/PDPSpinner.tsx","main/comps/PDPMobileMenu.tsx","main/config/routes.ts","main/config/menu.ts","main/Master.tsx","App.tsx","index.tsx","main/core/context.ts"],"names":["PDPMenu","props","context","usePDPContext","React","createElement","Menu","mode","onClick","param","key","config","filter","menu","condition","authenticated","map","Item","path","text","PDPSpinner","forwardRef","PDPSpinnerComponent","ref","state","dispatch","useState","visible","useImperativeHandle","Spin","spinning","delay","className","classnames","hidden","PDPMobileMenu","PDPMobileMenuComponent","Drawer","title","onClose","placement","PDPRoutes","component","lazy","PDPMenus","iconClass","withRouter","Header","Content","Footer","Layout","bp","useBreakpoint","location","useLocation","mobileMenuRef","useRef","onMenuClick","history","push","useEffect","console","log","route","find","r","pathname","requireLogin","Fragment","ToastContainer","newestOnTop","pauseOnHover","pauseOnFocusLoss","closeOnClick","autoClose","draggable","position","xs","sm","md","Button","type","alt","src","concat","process","role","value","Link","to","Popover","trigger","content","profile","undefined","Typography","Text","firstName","lastName","icon","MdMenu","current","Row","getTitle","Col","span","Title","level","Switch","Route","exact","render","p","ViewComponent","App","setState","PDPContextInitial","spinnerRef","BrowserRouter","Suspense","fallback","PDPContext","Provider","Object","assign","showLoading","hideLoading","Master","ReactDOM","document","getElementById","createContext","useContext"],"mappings":"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","file":"static/js/main.b5994c89.chunk.js","sourcesContent":["import React from \"react\";\nimport { Menu } from \"antd\";\nimport { IPDPMenu, usePDPContext } from \"../core\";\nimport { ClickParam } from \"antd/lib/menu\";\ninterface IPDPMenuProps {\n  config: IPDPMenu[];\n  mode?: \"horizontal\" | \"vertical\";\n  onClick: (menu: string) => void;\n}\nconst PDPMenuComponent: React.FunctionComponent<IPDPMenuProps> = (props) => {\n  const context = usePDPContext();\n  return (\n    <Menu\n      mode={props.mode ? props.mode : \"horizontal\"}\n      onClick={(param: ClickParam) => {\n        props.onClick(param.key);\n      }}\n    >\n      {props.config\n        .filter((menu) => {\n          return (\n            !menu.condition ||\n            (menu.condition === \"authenticated\" &&\n              context.authenticated === true) ||\n            (menu.condition === \"not-authenticated\" &&\n              context.authenticated === false)\n          );\n        })\n        .map((menu) => {\n          return <Menu.Item key={menu.path}>{menu.text}</Menu.Item>;\n        })}\n    </Menu>\n  );\n};\nexport const PDPMenu = PDPMenuComponent;\n","import React, { forwardRef, useImperativeHandle, useState } from \"react\";\nimport { Spin } from \"antd\";\nimport classnames from \"classnames\";\ninterface IPDPSpinnerProps extends Partial<IPDPSpinnerState> {\n  delay: number;\n}\nexport interface IPDPSpinnerHandles extends IPDPSpinnerState {}\ninterface IPDPSpinnerState {\n  visible: boolean;\n}\nconst PDPSpinnerComponent: React.RefForwardingComponent<\n  IPDPSpinnerHandles,\n  IPDPSpinnerProps\n> = (props, ref) => {\n  const [state, dispatch] = useState<IPDPSpinnerState>({\n    visible: props.visible === true,\n  });\n  useImperativeHandle(ref, () => ({\n    get visible(): boolean {\n      return state.visible;\n    },\n    set visible(visible: boolean) {\n      state.visible = visible;\n      dispatch({\n        visible,\n      });\n    },\n  }));\n  return (\n    <Spin\n      spinning={true}\n      delay={props.delay}\n      className={classnames(\"pdp-spinner\", {\n        hidden: state.visible !== true,\n      })}\n    ></Spin>\n  );\n};\nexport const PDPSpinner = forwardRef(PDPSpinnerComponent);\n","import { Drawer } from \"antd\";\nimport React, { forwardRef, useImperativeHandle, useState } from \"react\";\nimport { IPDPMenu } from \"../core\";\nimport { PDPMenu } from \"./PDPMenu\";\ninterface IPDPMobileMenuProps extends Partial<IPDPMobileMenuState> {\n  config: IPDPMenu[];\n  onClick: (menu: string) => void;\n}\nexport interface IPDPMobileMenuHandles extends IPDPMobileMenuState {}\ninterface IPDPMobileMenuState {\n  visible: boolean;\n}\nconst PDPMobileMenuComponent: React.RefForwardingComponent<\n  IPDPMobileMenuHandles,\n  IPDPMobileMenuProps\n> = (props, ref) => {\n  const [state, dispatch] = useState<IPDPMobileMenuState>({\n    visible: props.visible === true,\n  });\n  useImperativeHandle(ref, () => ({\n    get visible(): boolean {\n      return state.visible;\n    },\n    set visible(visible: boolean) {\n      state.visible = visible;\n      dispatch({\n        visible,\n      });\n    },\n  }));\n  return (\n    <Drawer\n      visible={state.visible}\n      className=\"menu-mobile-drawer\"\n      title=\"Developer Portal\"\n      onClose={() => {\n        state.visible = false;\n        dispatch({\n          visible: false,\n        });\n      }}\n    >\n      <PDPMenu\n        config={[\n          {\n            path: \"/\",\n            text: \"Home\",\n            placement: \"LEFT\",\n          },\n          ...props.config,\n        ]}\n        onClick={(menu: string) => {\n          props.onClick(menu);\n          state.visible = false;\n          dispatch({\n            visible: false,\n          });\n        }}\n        mode=\"vertical\"\n      ></PDPMenu>\n    </Drawer>\n  );\n};\nexport const PDPMobileMenu = forwardRef(PDPMobileMenuComponent);\n","import React from \"react\";\nimport { IPDPRoute } from \"../core\";\nexport const PDPRoutes: IPDPRoute[] = [\n  {\n    path: \"/\",\n    title: \"How It Works\",\n    component: React.lazy(() => import(\"../views/HIW\")),\n  },\n  {\n    path: \"/apis\",\n    title: \"APIs\",\n    component: React.lazy(() => import(\"../views/APIs\")),\n  },\n  {\n    path: \"/how-it-works\",\n    title: \"How It Works\",\n    component: React.lazy(() => import(\"../views/HIW\")),\n  },\n  {\n    path: \"/documentation\",\n    title: \"Documentation\",\n    component: React.lazy(() => import(\"../views/Docs\")),\n  },\n  {\n    path: \"/faq\",\n    title: \"Frequently Asked Questions\",\n    component: React.lazy(() => import(\"../views/FAQ\")),\n  },\n  {\n    path: \"/contact-us\",\n    title: \"Contact Us\",\n    component: React.lazy(() => import(\"../views/Contact\")),\n  },\n];\n","import { IPDPMenu } from \"../core\";\nexport const PDPMenus: IPDPMenu[] = [\n  {\n    text: \"How It Works\",\n    path: \"how-it-works\",\n    placement: \"LEFT\",\n    iconClass:\"icon-home\",\n  },\n  {\n    text: \"Documentation\",\n    path: \"documentation\",\n    placement: \"LEFT\",\n    iconClass:\"icon-documentation\",\n  },\n  {\n    text: \"APIs\",\n    path: \"apis\",\n    placement: \"LEFT\",\n    iconClass:\"icon-apis\",\n  },\n  {\n    text: \"FAQ\",\n    path: \"faq\",\n    placement: \"LEFT\",\n    iconClass:\"icon-faq\",\n  },\n  {\n    text: \"Contact Us\",\n    path: \"contact-us\",\n    placement: \"LEFT\",\n    iconClass:\"icon-contact-us\",\n  },\n  //{\n  //    text: \"Register\",\n  //    path: \"register\",\n  //    placement: \"RIGHT\",\n  //    condition: \"not-authenticated\",\n  //},\n  //{\n  //    text: \"Login\",\n  //    path: \"login\",\n  //    placement: \"RIGHT\",\n  //    condition: \"not-authenticated\",\n  //},\n];\n","import { Button, Layout, Row, Col, Typography, Popover } from \"antd\";\nimport useBreakpoint from \"antd/lib/grid/hooks/useBreakpoint\";\nimport React, { useEffect, useRef } from \"react\";\nimport { MdMenu } from \"react-icons/md\";\nimport {\n  Route,\n  RouteComponentProps,\n  Switch,\n  withRouter,\n  useLocation,\n} from \"react-router-dom\";\nimport { ToastContainer } from \"react-toastify\";\nimport { IPDPMobileMenuHandles, PDPMenu, PDPMobileMenu } from \"./comps\";\nimport { PDPMenus, PDPRoutes } from \"./config\";\nimport \"antd/dist/antd.css\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport \"./theme/theme.css\";\nimport { usePDPContext } from \"./core\";\nimport { Link } from \"react-router-dom\";\nconst Master: React.FunctionComponent<RouteComponentProps> = (props) => {\n  const { Header, Content, Footer } = Layout;\n  const bp = useBreakpoint();\n  const location = useLocation();\n  const context = usePDPContext();\n\n  const mobileMenuRef = useRef<IPDPMobileMenuHandles>(null);\n\n  const onMenuClick = (menu: string) => {\n    props.history.push(menu);\n  };\n\n  const getTitle = (): React.ReactNode => {\n    const route = PDPRoutes.find((r) => {\n      return r.path === location.pathname;\n    });\n    if (route && route.title) {\n      return (\n        <Col span={24}>\n          <Typography.Title level={3} className=\"view-title\">\n            {route.title}\n          </Typography.Title>\n        </Col>\n      );\n    } else {\n      return undefined;\n    }\n  };\n\n  useEffect(() => {\n    console.log(\n      PDPMenus.filter((menu) => {\n        return menu.placement === \"LEFT\";\n      })\n    );\n    const route = PDPRoutes.find((r) => {\n      return r.path === location.pathname;\n    });\n    if (route && route.requireLogin && !context.authenticated) {\n      props.history.push(\"/\");\n    }\n  }, []);\n\n  return (\n    <React.Fragment>\n      <ToastContainer\n        newestOnTop={true}\n        pauseOnHover={true}\n        pauseOnFocusLoss={false}\n        closeOnClick={true}\n        autoClose={5000}\n        draggable={false}\n        position={\n          bp.xs === true || (bp.sm === true && bp.md !== true)\n            ? \"top-center\"\n            : \"top-right\"\n        }\n      ></ToastContainer>\n      <Layout className=\"wrapper\">\n        <Header className=\"pdp-header\">\n          <div>\n            <div className=\"logo\">\n              <Button type=\"link\" onClick={() => props.history.push(\"/\")}>\n                <img\n                  alt=\"\"\n                  src={`${process.env.PUBLIC_URL}/assets/logo.svg`}\n                ></img>\n              </Button>\n            </div>\n            <div className=\"menu-left\">\n              <ul className=\"menu\" role=\"menu\">\n                {PDPMenus.map((value) => {\n                  return (\n                    <li role=\"menuitem\">\n                      <Link to={value.path} className={value.iconClass}>{value.text}</Link> \n                    </li>\n                  );\n                })}\n              </ul>\n            </div>\n          </div>\n          <div className=\"menu-right\">\n            {context.authenticated === true && (\n              <Popover\n                trigger=\"hover\"\n                title=\"\"\n                content={\n                  <Button\n                    type=\"link\"\n                    onClick={() => {\n                      context.dispatch({\n                        authenticated: false,\n                        profile: undefined,\n                      });\n                      props.history.push(\"/\");\n                    }}\n                  >\n                    Logout\n                  </Button>\n                }\n              >\n                <Typography.Text className=\"profile\">{`${\n                  context.profile!.firstName\n                } ${context.profile!.lastName}`}</Typography.Text>\n              </Popover>\n            )}\n            {context.authenticated !== true && (\n              <PDPMenu\n                config={PDPMenus.filter((menu) => {\n                  return menu.placement === \"RIGHT\";\n                })}\n                onClick={onMenuClick}\n              ></PDPMenu>\n            )}\n          </div>\n          <div className=\"menu-mobile\">\n            <Button\n              icon={<MdMenu></MdMenu>}\n              onClick={() => {\n                mobileMenuRef.current!.visible = true;\n              }}\n            ></Button>\n          </div>\n        </Header>\n        <Content className=\"pdp-content\">\n          <Row>\n            {getTitle()}\n            <Col span={24}>\n              <Switch>\n                {PDPRoutes.filter((route) => {\n                  return !context.authenticated ? !route.requireLogin : true;\n                }).map((route) => {\n                  return (\n                    <Route\n                      key={route.path}\n                      path={route.path}\n                      exact={true}\n                      render={(p) => {\n                        const ViewComponent = route.component;\n                        return <ViewComponent {...p}></ViewComponent>;\n                      }}\n                    ></Route>\n                  );\n                })}\n              </Switch>\n            </Col>\n          </Row>\n        </Content>\n        <Footer className=\"pdp-footer\"></Footer>\n      </Layout>\n      <PDPMobileMenu\n        ref={mobileMenuRef}\n        config={PDPMenus.filter((menu) => {\n          return (\n            context.authenticated !== true ||\n            menu.condition !== \"not-authenticated\"\n          );\n        })}\n        onClick={onMenuClick}\n      ></PDPMobileMenu>\n    </React.Fragment>\n  );\n};\nexport default withRouter(Master);\n","import React, { Suspense, useState, useRef } from \"react\";\nimport Master from \"./main/Master\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport {\n  PDPSpinner,\n  IPDPContextState,\n  PDPContext,\n  PDPContextInitial,\n  IPDPSpinnerHandles,\n} from \"./main\";\nimport { Spin } from \"antd\";\nconst App: React.FunctionComponent = () => {\n  const [state, setState] = useState<IPDPContextState>(PDPContextInitial);\n  const spinnerRef = useRef<IPDPSpinnerHandles>(null);\n  return (\n    <BrowserRouter>\n      <Suspense\n        fallback={\n          <Spin spinning={true} delay={100} className=\"pdp-spinner\"></Spin>\n        }\n      >\n        <PDPContext.Provider\n          value={Object.assign(\n            { ...state },\n            {\n              dispatch: (context: Partial<IPDPContextState>) => {\n                setState(Object.assign({ ...state }, context));\n              },\n              showLoading: () => {\n                spinnerRef.current!.visible = true;\n              },\n              hideLoading: () => {\n                spinnerRef.current!.visible = false;\n              },\n            }\n          )}\n        >\n          <Master />\n          <PDPSpinner ref={spinnerRef} delay={100} visible={false}></PDPSpinner>\n        </PDPContext.Provider>\n      </Suspense>\n    </BrowserRouter>\n  );\n};\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n","import React, { useContext } from \"react\";\nimport { IPDPContext, IPDPContextState } from \"./models\";\nexport const PDPContextInitial: IPDPContextState = {\n  authenticated: false,\n};\nexport const PDPContext = React.createContext<IPDPContext>({\n  ...PDPContextInitial,\n  dispatch: () => {},\n  showLoading: () => {},\n  hideLoading: () => {},\n});\n\nexport function usePDPContext(): IPDPContext {\n  return useContext<IPDPContext>(PDPContext);\n}\n"],"sourceRoot":""}