@decafhub/decaf-react-webapp 0.0.8 → 0.0.10

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/components/Page404.tsx","../src/components/PageAbout.tsx","../src/components/PageScroller.tsx","../src/components/VersionSelector.tsx","../src/components/Screenshotter.tsx","../src/components/ZendeskWidget.tsx","../src/Layout.tsx","../src/theme.ts","../src/index.tsx","../src/style.ts"],"sourcesContent":["import { Result } from 'antd';\nimport React from 'react';\n\nexport default function Page404() {\n  return <Result status=\"404\" title={'404'} subTitle={'Sorry, the page you visited does not exist.'} />;\n}\n","import { useDecaf } from '@decafhub/decaf-react';\nimport { Descriptions, Space } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nexport interface AboutPageProps {\n  appName?: string;\n  appVersion?: string;\n  appDescription?: string;\n  content?: React.ReactNode;\n}\nexport default function PageAbout(props: AboutPageProps) {\n  const { client } = useDecaf();\n  const [versionBarista, setVersionBarista] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    client.barista.get<{ version: string }>('/version/').then(({ data }) => setVersionBarista(data.version));\n  }, [client]);\n\n  return (\n    <Space direction=\"vertical\" size=\"middle\" style={{ width: '100%' }}>\n      <Descriptions title=\"About\" column={1} bordered>\n        <Descriptions.Item label=\"Web Application Name\">{props.appName}</Descriptions.Item>\n        <Descriptions.Item label=\"Web Application Description\">{props.appDescription}</Descriptions.Item>\n        <Descriptions.Item label=\"Web Application Version\">{`v${props.appVersion}`}</Descriptions.Item>\n        <Descriptions.Item label=\"DECAF Barista Version\">{`v${versionBarista}`}</Descriptions.Item>\n      </Descriptions>\n      {props.content}\n    </Space>\n  );\n}\n","import { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport React from 'react';\n\nexport default function PageScroller() {\n  return (\n    <div>\n      <Button\n        title=\"Scroll to top\"\n        type=\"text\"\n        size=\"small\"\n        onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}\n        icon={<UpOutlined />}\n      />\n      <Button\n        title=\"Scroll to bottom\"\n        type=\"text\"\n        size=\"small\"\n        onClick={() => window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })}\n        icon={<DownOutlined />}\n      />\n    </div>\n  );\n}\n","import { CaretUpOutlined } from '@ant-design/icons';\nimport { Button, Dropdown } from 'antd';\nimport React from 'react';\n\nexport type Version = {\n  code: string;\n  name: string;\n  color: string;\n  url: string;\n  show: boolean;\n};\n\nfunction getAppNameFromUrl(url: string) {\n  const parts = url.split('/');\n  const indexOfWebapps = parts.indexOf('webapps');\n  if (indexOfWebapps === -1) {\n    return '';\n  } else {\n    return parts[indexOfWebapps + 1];\n  }\n}\n\nfunction getAppVersionFromUrl(url: string) {\n  const parts = url.split('/');\n  const indexOfWebapps = parts.indexOf('webapps');\n  if (indexOfWebapps === -1) {\n    return '';\n  } else {\n    return parts[indexOfWebapps + 2];\n  }\n}\n\nfunction getCurrentAppPath(url: string) {\n  const parts = url.split('/');\n  const indexOfWebapps = parts.indexOf('webapps');\n  if (indexOfWebapps === -1) {\n    return '';\n  } else {\n    return parts.slice(indexOfWebapps + 3).join('/');\n  }\n}\n\nexport default function VersionSelector() {\n  const appName = getAppNameFromUrl(window.location.href);\n  const appVersion = getAppVersionFromUrl(window.location.href);\n\n  const versions: Version[] = [\n    {\n      code: 'development',\n      name: 'Development Version',\n      color: 'red',\n      url: `/webapps/${appName}/development/${getCurrentAppPath(window.location.href)}`,\n      show: process.env.NODE_ENV === 'development',\n    },\n    {\n      code: 'testing',\n      name: 'Testing Version',\n      color: 'orange',\n      url: `/webapps/${appName}/testing/${getCurrentAppPath(window.location.href)}`,\n      show: true,\n    },\n    {\n      code: 'staging',\n      name: 'Staging Version',\n      color: 'yellow',\n      url: `/webapps/${appName}/staging/${getCurrentAppPath(window.location.href)}`,\n      show: true,\n    },\n    {\n      code: 'production',\n      name: 'Production Version',\n      color: 'green',\n      url: `/webapps/${appName}/production/${getCurrentAppPath(window.location.href)}`,\n      show: true,\n    },\n  ];\n  const currentVersion = versions.find((v) => v.code === appVersion);\n\n  if (!currentVersion) {\n    return null;\n  }\n\n  return (\n    <Dropdown\n      placement=\"top\"\n      arrow\n      menu={{\n        items: versions.map((version) => ({\n          key: version.name,\n          label: (\n            <span>\n              <i className={`dot ${version.color}`} /> {version.name}\n            </span>\n          ),\n          onClick: () => {\n            window.location.href = version.url;\n          },\n        })),\n      }}\n    >\n      <Button type=\"text\" size=\"small\">\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <i className={`dot ${currentVersion?.color}`} style={{ marginRight: 5 }} />\n          <CaretUpOutlined />\n        </div>\n      </Button>\n    </Dropdown>\n  );\n}\n","import { CameraOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport html2canvas from 'html2canvas';\nimport React from 'react';\n\nexport interface ScreenShotterProps {\n  triggerNode?: React.ReactNode;\n}\nexport default function ScreenShotter(props: ScreenShotterProps) {\n  async function handleScreenshot() {\n    // hide footer before taking screenshot\n    const footer = document.getElementById('decaf-footer');\n    footer?.style.setProperty('display', 'none');\n\n    const canvas = await html2canvas(document.body);\n    const dataUrl = canvas.toDataURL('image/png');\n\n    // show footer after taking screenshot\n    footer?.style.setProperty('display', 'block');\n\n    const link = document.createElement('a');\n    link.download = 'screenshot.png';\n    link.href = dataUrl;\n    link.click();\n    link.remove();\n  }\n\n  if (props.triggerNode) {\n    return React.cloneElement(props.triggerNode as React.ReactElement, {\n      onClick: handleScreenshot,\n    });\n  } else {\n    return (\n      <Button\n        title=\"Take a screenshot of the current page\"\n        type=\"text\"\n        size=\"small\"\n        icon={<CameraOutlined />}\n        onClick={handleScreenshot}\n      />\n    );\n  }\n}\n","import { QuestionCircleOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nconst ZENDESK_WIDGET_SCRIPT = 'https://static.zdassets.com/ekr/snippet.js';\n\ndeclare global {\n  // eslint-disable-next-line no-unused-vars\n  interface Window {\n    zE: any;\n    zESettings: any;\n  }\n}\n\nexport default function ZendeskWidget() {\n  const { me, publicConfig } = useDecaf();\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (!publicConfig.zendesk || typeof document === 'undefined') return;\n    const script = document.createElement('script');\n    script.src = ZENDESK_WIDGET_SCRIPT + '?key=' + publicConfig.zendesk;\n    script.async = true;\n    script.id = 'ze-snippet'; // do not change this. zendesk expects this to be ze-snippet\n    script.onload = () => {\n      window.zE('webWidget', 'hide');\n      window.zE('webWidget:on', 'open', () => {\n        window.zE('webWidget', 'show');\n        setOpen(true);\n      });\n      window.zE('webWidget:on', 'close', () => {\n        window.zE('webWidget', 'hide');\n        setOpen(false);\n      });\n    };\n\n    document.body.appendChild(script);\n    window.zESettings = {\n      webWidget: {\n        offset: {\n          horizontal: -7,\n          vertical: 20,\n        },\n      },\n      contactForm: {\n        subject: true,\n        fields: [\n          {\n            id: 'name',\n            prefill: { '*': me.fullname },\n          },\n          {\n            id: 'email',\n            prefill: { '*': me.email },\n          },\n        ],\n      },\n    };\n\n    return () => {\n      document.body.removeChild(script);\n    };\n  }, [publicConfig, me]);\n\n  function toggle() {\n    if (open) {\n      window.zE?.('webWidget', 'close');\n    } else {\n      window.zE?.('webWidget', 'open');\n    }\n    setOpen(!open);\n  }\n\n  if (!publicConfig.zendesk) return null;\n\n  return (\n    <Button size=\"small\" icon={<QuestionCircleOutlined />} onClick={toggle}>\n      Support\n    </Button>\n  );\n}\n","import { UserOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button, Col, Layout, Menu, Row, theme, Typography } from 'antd';\nimport { ItemType, SubMenuType } from 'antd/es/menu/hooks/useItems';\nimport PageScroller from './components/PageScroller';\nimport VersionSelector from './components/VersionSelector';\nimport React from 'react';\nimport { Link, NavLink, useMatches } from 'react-router-dom';\nimport ScreenShotter from './components/Screenshotter';\nimport ZendeskWidget from './components/ZendeskWidget';\n\ninterface BaseDecafMenuItem {\n  label: any;\n  icon?: React.ReactNode;\n  children?: DecafMenuItem[];\n}\n\nexport type DecafMenuItem = BaseDecafMenuItem & ({ to?: string } | { href?: string });\n\nexport interface DecafLayoutProps {\n  menu: DecafMenuItem[];\n  appName: string;\n  appIcon?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function routesToAntMenu(routes: DecafMenuItem[]): ItemType[] {\n  const result: ItemType[] = [];\n  routes.forEach((route) => {\n    const item: ItemType = {\n      key: 'to' in route ? route.to : route.label,\n      label: route.label,\n      icon: route.icon,\n    };\n    if ('to' in route && route.to) {\n      item.label = (\n        <NavLink to={route.to} end={route.to === '/'}>\n          {route.label}\n        </NavLink>\n      );\n    } else if ('href' in route && route.href) {\n      item.label = <a href={route.href}>{route.label}</a>;\n    } else if (route.children) {\n      item.label = route.label;\n      (item as SubMenuType).children = routesToAntMenu(route.children || []);\n    }\n    result.push(item);\n  });\n\n  return result;\n}\n\nexport default function DecafLayout(props: DecafLayoutProps) {\n  const menuItems = routesToAntMenu(props.menu);\n  const matches = useMatches();\n  const matchedMenuItems = matches.map((match) => match.pathname);\n  const { me } = useDecaf();\n  const { token } = theme.useToken();\n\n  return (\n    <Layout style={{ height: '100%' }}>\n      <Layout.Header id=\"decaf-header\">\n        <div style={{ paddingInline: 20, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n          <Link to=\"/\" style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n            {props.appIcon}\n            <Typography.Title level={4} style={{ margin: 0 }}>\n              {props.appName}\n            </Typography.Title>\n          </Link>\n          <Menu\n            style={{ justifyContent: 'flex-end', backgroundColor: 'transparent', border: 'none', flex: 1 }}\n            mode=\"horizontal\"\n            items={menuItems}\n            selectedKeys={matchedMenuItems}\n          />\n        </div>\n      </Layout.Header>\n      <Layout.Content id=\"decaf-content\">{props.children}</Layout.Content>\n      <Layout.Footer id=\"decaf-footer\">\n        <Row justify=\"space-between\" align={'middle'}>\n          <Col span={10}>\n            <ZendeskWidget />\n          </Col>\n          <Col span={4}>\n            <Typography.Text type=\"secondary\">\n              Powered by{' '}\n              <b>\n                <a href=\"https://teloscube.com\" target=\"_blank\" rel=\"noreferrer\" style={{ color: token.colorText }}>\n                  Teloscube\n                </a>\n              </b>\n            </Typography.Text>\n          </Col>\n          <Col span={10} style={{ justifyContent: 'flex-end', display: 'flex' }}>\n            <Button size=\"small\" icon={<UserOutlined />}>\n              {me.username}\n            </Button>\n            <VersionSelector />\n            <ScreenShotter />\n            <PageScroller />\n          </Col>\n        </Row>\n      </Layout.Footer>\n    </Layout>\n  );\n}\n","import { theme } from 'antd';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\n\nconst BORDER_COLORS_TRANSPARENT = {\n  colorBorder: '#10161d',\n  colorBorderSecondary: '#10161d',\n};\n\nconst INPUT_BG_COLOR = '#2c3d50';\n\nexport const decafTheme: ThemeConfig = {\n  hashed: true,\n  components: {\n    Layout: {\n      colorBgHeader: '#10161d',\n    },\n    Button: {\n      boxShadow: 'none',\n      boxShadowSecondary: 'none',\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Input: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Select: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Dropdown: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgElevated: INPUT_BG_COLOR,\n      controlItemBgActive: INPUT_BG_COLOR,\n    },\n    DatePicker: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n      colorBgElevated: INPUT_BG_COLOR,\n    },\n    InputNumber: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Checkbox: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n  },\n  token: {\n    fontFamily: 'Lato, sans-serif',\n    colorPrimary: '#344961',\n    colorBgBase: '#1a242f',\n    colorBgContainer: '#10161d',\n    colorBgElevated: '#1a242f',\n    colorBorderSecondary: '#1a242f',\n    colorBorder: '#1a242f',\n    colorBgLayout: '#1a242f',\n    borderRadius: 0,\n    green: '#48734d',\n    red: '#b03a38',\n    blue: '#0d6efd',\n    yellow: '#ffc107',\n    orange: '#fd7e14',\n    colorWhite: '#fff',\n  },\n\n  algorithm: [theme.darkAlgorithm],\n};\n","import { InfoCircleOutlined } from '@ant-design/icons';\nimport { DecafApp, DecafAppConfig, DecafAppController, DecafWebappController } from '@decafhub/decaf-react';\nimport { css, Global } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ConfigProvider } from 'antd';\nimport 'antd/dist/reset.css';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport React, { useEffect } from 'react';\nimport { createBrowserRouter, Outlet, RouteObject, RouterProvider } from 'react-router-dom';\nimport Page404 from './components/Page404';\nimport PageAbout from './components/PageAbout';\nimport DecafLayout, { DecafMenuItem } from './Layout';\nimport { getStyles } from './style';\nimport { decafTheme } from './theme';\n\nexport type DecafRoute = RouteObject;\n\nexport interface DecafWebappProps {\n  config?: DecafAppConfig;\n  controller?: DecafAppController;\n  theme?: ThemeConfig;\n  /**\n   * App routes.<br />\n   * About page and 404 page will be added automatically.<br />\n   * See https://reactrouter.com/en/main/routers/create-browser-router#routes\n   */\n  routes: DecafRoute[];\n  /**\n   * App menu.<br />\n   * About page will be added automatically.\n   */\n  menuItems: DecafMenuItem[];\n  appName: string;\n  appDescription?: string;\n  appIcon?: React.ReactNode;\n  /**\n   * The extra content to show on the about page.\n   */\n  aboutPageContent?: React.ReactNode;\n}\n\nfunction buildRoutes(props: DecafWebappProps, routes: DecafRoute[]): RouteObject[] {\n  const result: RouteObject[] = [];\n\n  routes.forEach((route) => {\n    const item: RouteObject = { ...route };\n    if (route.children) {\n      item.element = route.element ?? <Outlet />;\n      item.children = buildRoutes(props, route.children);\n    } else {\n      item.element = (\n        <DecafLayout menu={props.menuItems} appName={props.appName} appIcon={props.appIcon}>\n          {route.element}\n        </DecafLayout>\n      );\n    }\n    result.push(item);\n  });\n\n  return result;\n}\n\nfunction addTo<T>(array: T[], items: T[], key: keyof T): T[] {\n  const result: T[] = [...array];\n  items.forEach((item) => {\n    const index = result.findIndex((r) => r[key] === item[key]);\n    if (index >= 0) {\n      result[index] = item;\n    } else {\n      result.push(item);\n    }\n  });\n  return result;\n}\n\nfunction DecafWebapp(props: DecafWebappProps) {\n  useEffect(() => {\n    // add plausible analytics\n    const script = document.createElement('script');\n    script.defer = true;\n    script.setAttribute('data-domain', location.hostname);\n    script.src = 'https://webax.svc.sys.decafhub.com/js/plausible.js';\n    document.body.appendChild(script);\n\n    return () => {\n      document.body.removeChild(script);\n    };\n  }, []);\n\n  let routes = addTo<RouteObject>(\n    props.routes,\n    [\n      {\n        path: '/about',\n        element: (\n          <PageAbout\n            appName={props.appName}\n            appVersion={props.config?.currentVersion}\n            appDescription={props.appDescription}\n            content={props.aboutPageContent}\n          />\n        ),\n      },\n      { path: '*', element: <Page404 /> },\n    ],\n    'path'\n  );\n  const menuWithAboutPage = addTo(\n    props.menuItems,\n    [\n      {\n        label: 'About',\n        to: '/about',\n        icon: <InfoCircleOutlined />,\n      },\n    ],\n    'to' as any\n  );\n  routes = buildRoutes({ ...props, menuItems: menuWithAboutPage }, routes);\n\n  const router = createBrowserRouter(routes, {\n    basename: props.config?.basePath,\n  });\n\n  const theme = props.theme ?? decafTheme;\n\n  const controller = props.controller || DecafWebappController;\n  controller.disableZendeskWidget = true;\n\n  const globalStyles = getStyles(theme);\n\n  return (\n    <ConfigProvider theme={theme}>\n      <Global styles={globalStyles} />\n      <DecafApp config={props.config} controller={controller}>\n        <RouterProvider router={router} />\n      </DecafApp>\n    </ConfigProvider>\n  );\n}\n\nexport { DecafWebapp, Global as GlobalStyle, css, styled, decafTheme };\n","import { Interpolation, Theme } from '@emotion/react';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\n\nexport function getStyles(theme: ThemeConfig): Interpolation<Theme> {\n  return {\n    '@font-face': {\n      fontFamily: 'Lato, sans-serif',\n      src: 'url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap)',\n    },\n    body: {\n      background: theme.token?.colorBgBase,\n      fontFamily: theme.token?.fontFamily,\n      margin: 0,\n    },\n    // antd overrides\n    button: {\n      boxShadow: 'none !important',\n    },\n    '.ant-page-header-back-button, .ant-page-header-heading-title': {\n      color: `${theme.token?.colorWhite} !important`,\n    },\n    '.ant-badge-count': {\n      color: `${theme.token?.colorWhite} !important`,\n    },\n    // end antd overrides\n    '#decaf-header': {\n      position: 'fixed',\n      zIndex: 1030,\n      right: 0,\n      left: 0,\n      paddingInline: 0,\n    },\n    '#decaf-content': {\n      paddingInline: 20,\n      paddingTop: '5rem',\n      paddingBottom: '5rem',\n    },\n    '#decaf-footer': {\n      position: 'fixed',\n      bottom: 0,\n      right: 0,\n      left: 0,\n      background: theme.token?.colorBgContainer,\n      paddingBlock: 0,\n      paddingInline: 0,\n    },\n    '.dot': {\n      borderRadius: '50%',\n      width: 10,\n      height: 10,\n      display: 'inline-block',\n      '&.green': {\n        backgroundColor: `#80ff00 !important`,\n      },\n      '&.yellow': {\n        backgroundColor: `#ff0 !important`,\n      },\n      '&.orange': {\n        backgroundColor: `#ff7000 !important`,\n      },\n      '&.red': {\n        backgroundColor: `#ff0000 !important`,\n      },\n    },\n  };\n}\n"],"names":["Page404","React","createElement","Result","status","title","subTitle","PageAbout","props","client","useDecaf","_useState","useState","undefined","versionBarista","setVersionBarista","useEffect","barista","get","then","data","version","Space","direction","size","style","width","Descriptions","column","bordered","Item","label","appName","appDescription","appVersion","content","PageScroller","Button","type","onClick","window","scrollTo","top","behavior","icon","UpOutlined","document","body","scrollHeight","DownOutlined","getCurrentAppPath","url","parts","split","indexOfWebapps","indexOf","slice","join","VersionSelector","location","href","getAppVersionFromUrl","versions","code","name","color","show","process","env","NODE_ENV","currentVersion","find","v","Dropdown","placement","arrow","menu","items","map","key","className","display","alignItems","marginRight","CaretUpOutlined","ScreenShotter","handleScreenshot","getElementById","footer","setProperty","Promise","resolve","html2canvas","canvas","dataUrl","toDataURL","link","download","click","remove","e","reject","triggerNode","cloneElement","CameraOutlined","ZendeskWidget","me","_useDecaf","publicConfig","open","setOpen","zendesk","script","src","ZENDESK_WIDGET_SCRIPT","async","id","onload","zE","appendChild","zESettings","webWidget","offset","horizontal","vertical","contactForm","subject","fields","prefill","fullname","email","removeChild","QuestionCircleOutlined","routesToAntMenu","routes","forEach","route","item","to","NavLink","end","children","result","push","DecafLayout","menuItems","matchedMenuItems","useMatches","match","pathname","token","theme","useToken","Layout","height","Header","paddingInline","justifyContent","Link","gap","appIcon","Typography","Title","level","margin","Menu","backgroundColor","border","flex","mode","selectedKeys","Content","Footer","Row","justify","align","Col","span","Text","target","rel","colorText","UserOutlined","username","BORDER_COLORS_TRANSPARENT","colorBorder","colorBorderSecondary","INPUT_BG_COLOR","decafTheme","hashed","components","colorBgHeader","boxShadow","boxShadowSecondary","colorBgContainer","Input","Select","colorBgElevated","controlItemBgActive","DatePicker","InputNumber","Checkbox","fontFamily","colorPrimary","colorBgBase","colorBgLayout","borderRadius","green","red","blue","yellow","orange","colorWhite","algorithm","darkAlgorithm","buildRoutes","_route$element","_extends","element","Outlet","addTo","array","concat","index","findIndex","r","defer","setAttribute","hostname","path","_props$config","config","aboutPageContent","InfoCircleOutlined","router","createBrowserRouter","basename","_props$config2","basePath","_props$theme","controller","DecafWebappController","disableZendeskWidget","globalStyles","_theme$token","_theme$token2","_theme$token3","_theme$token4","_theme$token5","background","button","position","zIndex","right","left","paddingTop","paddingBottom","bottom","paddingBlock","getStyles","ConfigProvider","Global","styles","DecafApp","RouterProvider"],"mappings":"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"}
+{"version":3,"file":"index.umd.js","sources":["../src/components/Error.tsx","../src/components/PageScroller.tsx","../src/components/Screenshotter.tsx","../src/components/VersionSelector.tsx","../src/components/ZendeskWidget.tsx","../src/components/Logo.tsx","../src/components/Layout.tsx","../src/components/PageAbout.tsx","../src/theme.ts","../src/index.tsx","../src/style.ts","../src/utils.tsx"],"sourcesContent":["import { Button, Result, Typography } from 'antd';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nexport function Page404() {\n  return <Result status=\"404\" title={'404'} subTitle={'Sorry, the page you visited does not exist.'} />;\n}\n\nexport function ErrorElement() {\n  return (\n    <Result\n      status=\"500\"\n      title={'Error'}\n      subTitle={\n        <>\n          <Typography>\n            Something went wrong. Please try again later. If the problem persists, please contact the administrator.\n          </Typography>\n          <Link to=\"/\">\n            <Button style={{ marginTop: 20 }}>Back Home</Button>\n          </Link>\n        </>\n      }\n    />\n  );\n}\n","import { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport React from 'react';\n\nexport default function PageScroller() {\n  return (\n    <div>\n      <Button\n        title=\"Scroll to top\"\n        type=\"text\"\n        size=\"small\"\n        onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}\n        icon={<UpOutlined />}\n      />\n      <Button\n        title=\"Scroll to bottom\"\n        type=\"text\"\n        size=\"small\"\n        onClick={() => window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })}\n        icon={<DownOutlined />}\n      />\n    </div>\n  );\n}\n","import { CameraOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport html2canvas from 'html2canvas';\nimport React from 'react';\n\nexport interface ScreenShotterProps {\n  triggerNode?: React.ReactNode;\n}\nexport default function ScreenShotter(props: ScreenShotterProps) {\n  async function handleScreenshot() {\n    // hide footer before taking screenshot\n    const footer = document.getElementById('decaf-footer');\n    footer?.style.setProperty('display', 'none');\n\n    const canvas = await html2canvas(document.body);\n    const dataUrl = canvas.toDataURL('image/png');\n\n    // show footer after taking screenshot\n    footer?.style.setProperty('display', 'block');\n\n    const link = document.createElement('a');\n    link.download = 'screenshot.png';\n    link.href = dataUrl;\n    link.click();\n    link.remove();\n  }\n\n  if (props.triggerNode) {\n    return React.cloneElement(props.triggerNode as React.ReactElement, {\n      onClick: handleScreenshot,\n    });\n  } else {\n    return (\n      <Button\n        title=\"Take a screenshot of the current page\"\n        type=\"text\"\n        size=\"small\"\n        icon={<CameraOutlined />}\n        onClick={handleScreenshot}\n      />\n    );\n  }\n}\n","import { CaretUpOutlined } from '@ant-design/icons';\nimport { Button, Dropdown } from 'antd';\nimport React from 'react';\n\ntype VersionCode = 'production' | 'staging' | 'testing' | 'development' | 'preview' | 'release';\nexport type Version = {\n  code: VersionCode;\n  name: string;\n  color: string;\n  url: string;\n  show: boolean;\n};\n\nfunction getAppNameFromUrl(url: string) {\n  const parts = url.split('/');\n  const indexOfWebapps = parts.indexOf('webapps');\n  if (indexOfWebapps === -1) {\n    return '';\n  } else {\n    return parts[indexOfWebapps + 1];\n  }\n}\n\nfunction getAppVersionFromUrl(url: string) {\n  const parts = url.split('/');\n  const indexOfWebapps = parts.indexOf('webapps');\n  if (indexOfWebapps === -1) {\n    return '';\n  } else {\n    return parts[indexOfWebapps + 2];\n  }\n}\n\nfunction isPreviewVersion(version: string) {\n  return version.startsWith('preview-') && version.length > 8;\n}\n\nfunction isReleaseVersion(version: string) {\n  return version.startsWith('v') && version.length > 1;\n}\n\nfunction getAppVersionCode(version: string) {\n  if (isPreviewVersion(version)) {\n    return 'preview';\n  } else if (isReleaseVersion(version)) {\n    return 'release';\n  } else {\n    return version;\n  }\n}\n\nfunction getCurrentAppPath(url: string) {\n  const parts = url.split('/');\n  const indexOfWebapps = parts.indexOf('webapps');\n  if (indexOfWebapps === -1) {\n    return '';\n  } else {\n    return parts.slice(indexOfWebapps + 3).join('/');\n  }\n}\n\nexport default function VersionSelector() {\n  const appName = getAppNameFromUrl(window.location.href);\n  const appVersion = getAppVersionFromUrl(window.location.href); // development, staging, preview-123, v1.0.0\n  const appVersionCode = getAppVersionCode(appVersion); // development, staging, preview, release\n\n  const versions: Version[] = [\n    {\n      code: 'development',\n      name: 'Development Version',\n      color: 'red',\n      url: `/webapps/${appName}/development/${getCurrentAppPath(window.location.href)}`,\n      show: process.env.NODE_ENV === 'development',\n    },\n    {\n      code: 'testing',\n      name: 'Testing Version',\n      color: 'orange',\n      url: `/webapps/${appName}/testing/${getCurrentAppPath(window.location.href)}`,\n      show: true,\n    },\n    {\n      code: 'staging',\n      name: 'Staging Version',\n      color: 'yellow',\n      url: `/webapps/${appName}/staging/${getCurrentAppPath(window.location.href)}`,\n      show: true,\n    },\n    {\n      code: 'production',\n      name: 'Production Version',\n      color: 'green',\n      url: `/webapps/${appName}/production/${getCurrentAppPath(window.location.href)}`,\n      show: true,\n    },\n    {\n      code: 'preview',\n      name: 'Preview Version',\n      color: 'grey',\n      url: `/`,\n      show: false,\n    },\n    {\n      code: 'release',\n      name: 'Release Version',\n      color: 'grey',\n      url: `/`,\n      show: false,\n    },\n  ];\n\n  const currentVersion = versions.find((v) => v.code === appVersionCode);\n\n  if (!currentVersion) {\n    return null;\n  }\n\n  return (\n    <Dropdown\n      placement=\"top\"\n      arrow\n      menu={{\n        items: versions\n          .filter((v) => v.show)\n          .map((version) => ({\n            key: version.name,\n            label: (\n              <span>\n                <i className={`dot ${version.color}`} /> {version.name}\n              </span>\n            ),\n            onClick: () => {\n              window.location.href = version.url;\n            },\n          })),\n      }}\n    >\n      <Button type=\"text\" size=\"small\">\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <i className={`dot ${currentVersion?.color}`} style={{ marginRight: 5 }} />\n          {currentVersion.code !== 'production' && (\n            <span style={{ marginRight: 5 }}>\n              You are on <b>{currentVersion.name}</b>\n            </span>\n          )}\n          <CaretUpOutlined />\n        </div>\n      </Button>\n    </Dropdown>\n  );\n}\n","import { QuestionCircleOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nconst ZENDESK_WIDGET_SCRIPT = 'https://static.zdassets.com/ekr/snippet.js';\n\ndeclare global {\n  // eslint-disable-next-line no-unused-vars\n  interface Window {\n    zE: any;\n    zESettings: any;\n  }\n}\n\nexport default function ZendeskWidget() {\n  const { me, publicConfig } = useDecaf();\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (!publicConfig.zendesk || typeof document === 'undefined') return;\n    const script = document.createElement('script');\n    script.src = ZENDESK_WIDGET_SCRIPT + '?key=' + publicConfig.zendesk;\n    script.async = true;\n    script.id = 'ze-snippet'; // do not change this. zendesk expects this to be ze-snippet\n    script.onload = () => {\n      window.zE('webWidget', 'hide');\n      window.zE('webWidget:on', 'open', () => {\n        window.zE('webWidget', 'show');\n        setOpen(true);\n      });\n      window.zE('webWidget:on', 'close', () => {\n        window.zE('webWidget', 'hide');\n        setOpen(false);\n      });\n    };\n\n    document.body.appendChild(script);\n    window.zESettings = {\n      webWidget: {\n        offset: {\n          horizontal: -7,\n          vertical: 20,\n        },\n      },\n      contactForm: {\n        subject: true,\n        fields: [\n          {\n            id: 'name',\n            prefill: { '*': me.fullname },\n          },\n          {\n            id: 'email',\n            prefill: { '*': me.email },\n          },\n        ],\n      },\n    };\n\n    return () => {\n      document.body.removeChild(script);\n    };\n  }, [publicConfig, me]);\n\n  function toggle() {\n    if (open) {\n      window.zE?.('webWidget', 'close');\n    } else {\n      window.zE?.('webWidget', 'open');\n    }\n    setOpen(!open);\n  }\n\n  if (!publicConfig.zendesk) return null;\n\n  return (\n    <Button size=\"small\" icon={<QuestionCircleOutlined />} onClick={toggle}>\n      Support\n    </Button>\n  );\n}\n","import React from 'react';\n\nexport default function Logo() {\n  return (\n    <svg\n      version=\"1.1\"\n      id=\"Layer_1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 649.6 767.9\"\n      enableBackground={'new 0 0 649.6 767.9'}\n      xmlSpace=\"preserve\"\n      width={50}\n      height={50}\n    >\n      <g>\n        <path\n          fill=\"#52CEF4\"\n          d=\"M324,767.9c-6.6-5.1-14.2-8.6-21.3-12.9c-22-13-44.3-25.6-66.4-38.5c-21.3-12.4-42.5-25-63.8-37.4\n      c-33.5-19.5-67.1-39-100.7-58.5c-22.7-13.2-45.3-26.5-68-39.6c-2.8-1.6-3.8-3.3-3.8-6.5c0.2-58.6-0.2-117.3,0.4-175.9\n      C1,333,0.7,267.3,1,201.6c0-1.8-0.6-3.7,0.6-5.4c6.4,3.8,12.7,7.6,19.1,11.3c23.8,13.9,47.7,27.9,71.5,41.8\n      c4.9,2.9,9.6,6.2,14.9,8.4c-1.2,5.2-0.2,10.3-0.1,15.5c0.5,56.1-0.2,112.2,0.9,168.3c0.3,18.4,0.2,36.8,0.2,55.2\n      c0,3,0.7,4.9,3.5,6.4c6.3,3.4,12.3,7.3,18.5,11c26.1,15.7,52.3,31.5,78.4,47.2c33,19.8,66,39.6,99,59.3c5.7,3.4,10.9,7.5,17.2,9.7\n      c0,1.5,0.1,2.9,0.1,4.4c0,42.4,0,84.8,0,127.3c0,1.8-0.7,3.7,0.8,5.3c0,0.2,0,0.4,0,0.7C325.1,767.9,324.5,767.9,324,767.9z\"\n        />\n        <path\n          fill=\"#227EC3\"\n          d=\"M107.1,257.6c-5.3-2.2-10-5.5-14.9-8.4c-23.8-13.9-47.7-27.8-71.5-41.8c-6.4-3.7-12.7-7.6-19.1-11.3\n      c8.2-6,17.1-10.7,25.7-16c28.7-17.5,57.5-34.9,86.3-52.4c39.2-23.8,78.5-47.6,117.7-71.4c27-16.3,53.9-32.7,80.9-49\n      c4-2.4,8.1-4.6,11.7-7.4c1.3,0,2.7,0,4,0c0.3,1.6,1.9,1.8,2.9,2.4c31,18.9,62,37.8,93.1,56.4c4.2,2.5,5.9,5.2,5.9,10.3\n      c-0.3,38.3-0.1,76.7-0.1,115c0,2.7-0.1,5.3-0.2,8c-10.5-6.3-21-12.5-31.4-18.9c-23.1-14-46.2-28-69.3-42c-1.6-1-2.8-1.6-5-0.4\n      c-26.8,15.8-53.7,31.5-80.6,47.2c-26.1,15.2-52.2,30.4-78.3,45.7C145.7,235,126.4,246.3,107.1,257.6z\"\n        />\n        <path\n          fill=\"#409DD5\"\n          d=\"M324.7,630.2c5.2-4.2,11-7.4,16.7-10.9c32.6-20.3,65.3-40.6,98-60.8c30.8-19,61.6-38,92.4-57\n  c7.5-4.6,7.5-4.6,7.5-13.6c0-58.6,0.1-117.3,0.1-175.9c0-1.6-0.1-3.2-0.1-4.8c0.8-1.5,0.4-3.1,0.4-4.7c0.1-14.7,0.2-29.5,0.3-44.2\n  c1.3,0.1,2.4-0.4,3.4-1c8.7-5.1,17.4-10.2,26.1-15.3c15.8-9.2,31.7-18.3,47.6-27.5c10.5-6.1,21.1-12.3,31.6-18.4\n      c1.5,0.9,0.8,2.4,0.8,3.6c0,124.2,0,248.4,0.1,372.6c0,2.7-0.9,4-3.1,5.3c-35.3,20.8-70.5,41.7-105.8,62.6\n      c-27.2,16.1-54.5,32.2-81.7,48.4c-27,16-54,32.1-81,48c-17.4,10.3-34.8,20.4-52.3,30.7c-1.5-1.6-0.8-3.5-0.8-5.3\n      c0-42.4,0-84.8,0-127.3C324.8,633.2,324.7,631.7,324.7,630.2z\"\n        />\n        <path\n          fill=\"#227EC3\"\n          d=\"M648.7,196.1c-10.5,6.1-21,12.3-31.6,18.4c-15.8,9.2-31.7,18.3-47.6,27.5c-8.7,5.1-17.4,10.2-26.1,15.3\n      c-1,0.6-2.1,1.1-3.4,1c0-12.4-0.1-24.8-0.1-37.2c0-30.2,0-60.5,0-91c2.8,0.3,4.5,2,6.5,3.1c28.4,17.3,56.8,34.7,85.2,52\n      C637.3,188.8,643.4,191.8,648.7,196.1z\"\n        />\n        <path\n          fill=\"#227EC3\"\n          d=\"M216.2,322.3c-0.3-1.6-0.4-2.9,1.4-4c29.2-18,58.4-36.1,87.5-54.1c4.7-2.9,9.5-5.8,14.2-8.9\n      c1.5-1,2.7-1.1,4.3-0.2c26.9,15.9,53.8,31.8,80.7,47.7c7.1,4.2,14.1,8.5,21.4,12.4c3.5,1.9,4.8,4.3,3.9,8c-1.7,1.1-3.3,2.2-5,3.2\n      c-20.5,11.9-41.1,23.8-61.6,35.7c-13,7.6-26.1,15.2-39.1,22.8c-7-4-14-8.1-21-12.1c-21.7-12.7-43.2-25.5-65-38\n      C230.7,330.5,223.8,325.8,216.2,322.3z\"\n        />\n        <path\n          fill=\"#52CEF4\"\n          d=\"M216.2,322.3c7.6,3.5,14.5,8.2,21.8,12.4c21.7,12.5,43.3,25.3,65,38c7,4.1,14,8.1,21,12.1\n      c0,39.3,0.1,78.6,0.1,117.9c-1.5,0.9-2.5-0.4-3.6-1c-21.3-12.8-42.5-25.5-63.7-38.3c-13.3-8-26.5-16.1-39.8-24\n      c-1.8-1.1-2.5-2.3-2.5-4.4c0.4-26.9,0.4-53.8,1.1-80.7C215.8,343.6,215.4,332.9,216.2,322.3z\"\n        />\n        <path\n          fill=\"#409DD5\"\n          d=\"M324,502.6c0-39.3-0.1-78.6-0.1-117.9c13-7.6,26.1-15.2,39.1-22.8c20.5-11.9,41.1-23.8,61.6-35.7\n      c1.7-1,3.3-2.1,5-3.2c0.1,7.6,0.1,15.2,0.1,22.8c0,30.5,0,61,0,91.5c0,2.6-0.4,4.4-2.9,5.8c-31.6,18.2-63,36.5-94.5,54.8\n      C329.6,499.6,327.2,501.8,324,502.6z\"\n        />\n      </g>\n    </svg>\n  );\n}\n","import { UserOutlined } from '@ant-design/icons';\nimport { useDecaf } from '@decafhub/decaf-react';\nimport { Button, Col, Layout, Menu, Row, Typography } from 'antd';\nimport { ItemType, SubMenuType } from 'antd/es/menu/hooks/useItems';\nimport React from 'react';\nimport { Link, NavLink, useMatches } from 'react-router-dom';\nimport PageScroller from './PageScroller';\nimport ScreenShotter from './Screenshotter';\nimport VersionSelector from './VersionSelector';\nimport ZendeskWidget from './ZendeskWidget';\nimport Logo from './Logo';\n\ninterface BaseDecafMenuItem {\n  label: any;\n  icon?: React.ReactNode;\n  children?: DecafMenuItem[];\n}\n\nexport type DecafMenuItem = BaseDecafMenuItem & ({ to?: string } | { href?: string });\n\nexport interface DecafLayoutProps {\n  menu: DecafMenuItem[];\n  appName: string;\n  children: React.ReactNode;\n}\n\nfunction buildAntMenuFromDecafMenu(routes: DecafMenuItem[]): ItemType[] {\n  const result: ItemType[] = [];\n  routes.forEach((route) => {\n    const item: ItemType = {\n      key: 'to' in route ? route.to : route.label,\n      label: route.label,\n      icon: route.icon,\n    };\n    if ('to' in route && route.to) {\n      item.label = (\n        <NavLink to={route.to} end={route.to === '/'}>\n          {route.label}\n        </NavLink>\n      );\n    } else if ('href' in route && route.href) {\n      item.label = <a href={route.href}>{route.label}</a>;\n    } else if (route.children) {\n      item.label = route.label;\n      (item as SubMenuType).children = buildAntMenuFromDecafMenu(route.children || []);\n    }\n    result.push(item);\n  });\n\n  return result;\n}\n\nexport default function DecafLayout(props: DecafLayoutProps) {\n  const menuItems = buildAntMenuFromDecafMenu(props.menu);\n  const matches = useMatches();\n  const matchedMenuItems = matches.map((match) => match.pathname);\n  const { me } = useDecaf();\n\n  return (\n    <Layout style={{ height: '100%' }}>\n      <Layout.Header id=\"decaf-header\">\n        <div style={{ paddingInline: 20, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n          <Link to=\"/\" style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n            <Logo />\n            <Typography.Title level={4} style={{ margin: 0 }}>\n              {props.appName}\n            </Typography.Title>\n          </Link>\n          <Menu\n            style={{ justifyContent: 'flex-end', backgroundColor: 'transparent', border: 'none', flex: 1 }}\n            mode=\"horizontal\"\n            items={menuItems}\n            selectedKeys={matchedMenuItems}\n          />\n        </div>\n      </Layout.Header>\n      <Layout.Content id=\"decaf-content\">{props.children}</Layout.Content>\n      <Layout.Footer id=\"decaf-footer\">\n        <Row justify=\"space-between\" align={'middle'}>\n          <Col span={10}>\n            <ZendeskWidget />\n          </Col>\n          <Col span={4} style={{ textAlign: 'center' }}>\n            <Typography.Text type=\"secondary\">\n              Powered by{' '}\n              <b>\n                <a href=\"https://teloscube.com\" target=\"_blank\" rel=\"noreferrer\">\n                  Teloscube\n                </a>\n              </b>\n            </Typography.Text>\n          </Col>\n          <Col span={10} style={{ justifyContent: 'flex-end', display: 'flex', gap: 10 }}>\n            <Button size=\"small\" icon={<UserOutlined />}>\n              {me.username}\n            </Button>\n            <VersionSelector />\n            <ScreenShotter />\n            <PageScroller />\n          </Col>\n        </Row>\n      </Layout.Footer>\n    </Layout>\n  );\n}\n","import { useDecaf } from '@decafhub/decaf-react';\nimport { Descriptions, Space } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nexport interface AboutPageProps {\n  appName?: string;\n  appVersion?: string;\n  appDescription?: string;\n  content?: React.ReactNode;\n}\nexport default function PageAbout(props: AboutPageProps) {\n  const { client } = useDecaf();\n  const [versionBarista, setVersionBarista] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    client.barista.get<{ version: string }>('/version/').then(({ data }) => setVersionBarista(data.version));\n  }, [client]);\n\n  return (\n    <Space direction=\"vertical\" size=\"middle\" style={{ width: '100%' }}>\n      <Descriptions title=\"About\" column={1} bordered>\n        <Descriptions.Item label=\"Web Application Name\">{props.appName}</Descriptions.Item>\n        <Descriptions.Item label=\"Web Application Description\">{props.appDescription}</Descriptions.Item>\n        <Descriptions.Item label=\"Web Application Version\">{`v${props.appVersion}`}</Descriptions.Item>\n        <Descriptions.Item label=\"DECAF Barista Version\">{`v${versionBarista}`}</Descriptions.Item>\n      </Descriptions>\n      {props.content}\n    </Space>\n  );\n}\n","import { theme } from 'antd';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\n\nexport const MAIN_BLACK = '#10161d';\n\nconst BORDER_COLORS_TRANSPARENT = {\n  colorBorder: MAIN_BLACK,\n  colorBorderSecondary: MAIN_BLACK,\n};\n\nconst INPUT_BG_COLOR = '#2c3d50';\n\nexport const decafTheme: ThemeConfig = {\n  hashed: true,\n  components: {\n    Layout: {\n      colorBgHeader: MAIN_BLACK,\n    },\n    Button: {\n      boxShadow: 'none',\n      boxShadowSecondary: 'none',\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Input: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Select: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Dropdown: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgElevated: MAIN_BLACK,\n      controlItemBgActive: MAIN_BLACK,\n    },\n    DatePicker: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n      colorBgElevated: INPUT_BG_COLOR,\n    },\n    InputNumber: {\n      ...BORDER_COLORS_TRANSPARENT,\n      colorBgContainer: INPUT_BG_COLOR,\n    },\n    Menu: {\n      colorItemText: 'rgba(255, 255, 255, 0.5)',\n    },\n  },\n  token: {\n    fontFamily: 'Lato, sans-serif',\n    colorPrimary: '#344961',\n    colorBgBase: '#1a242f',\n    colorBgContainer: MAIN_BLACK,\n    colorBgElevated: '#1a242f',\n    colorBorderSecondary: '#1a242f',\n    colorBorder: '#1a242f',\n    colorBgLayout: '#1a242f',\n    borderRadius: 0,\n    green: '#48734d',\n    red: '#b03a38',\n    blue: '#0d6efd',\n    yellow: '#ffc107',\n    orange: '#fd7e14',\n    colorWhite: '#fff',\n    colorLink: '#a4bfff',\n    colorLinkHover: '#7199fb',\n    colorLinkActive: '#7199fb',\n  },\n\n  algorithm: [theme.darkAlgorithm],\n};\n","import { InfoCircleOutlined } from '@ant-design/icons';\nimport { DecafApp, DecafAppConfig, DecafAppController, DecafWebappController } from '@decafhub/decaf-react';\nimport { css, Global } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ConfigProvider } from 'antd';\nimport 'antd/dist/reset.css';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport React, { useEffect } from 'react';\nimport { createBrowserRouter, Outlet, RouteObject, RouterProvider } from 'react-router-dom';\nimport { ErrorElement, Page404 } from './components/Error';\nimport DecafLayout, { DecafMenuItem } from './components/Layout';\nimport PageAbout from './components/PageAbout';\nimport { getStyles } from './style';\nimport { decafTheme } from './theme';\nimport { useTableMaxHeight } from './utils';\n\nexport type DecafRoute = RouteObject;\n\nexport interface DecafWebappProps {\n  config?: DecafAppConfig;\n  controller?: DecafAppController;\n  theme?: ThemeConfig;\n  /**\n   * App routes.<br />\n   * About page and 404 page will be added automatically.<br />\n   * See https://reactrouter.com/en/main/routers/create-browser-router#routes\n   */\n  routes: DecafRoute[];\n  /**\n   * App menu.<br />\n   * About page will be added automatically.\n   */\n  menuItems: DecafMenuItem[];\n  appName: string;\n  appDescription?: string;\n  /**\n   * The extra content to show on the about page.\n   */\n  aboutPageContent?: React.ReactNode;\n}\n\nfunction buildRoutes(props: DecafWebappProps, routes: DecafRoute[]): RouteObject[] {\n  const result: RouteObject[] = [];\n\n  routes.forEach((route) => {\n    const item: RouteObject = { ...route };\n    if (route.children) {\n      item.element = route.element ?? <Outlet />;\n      item.children = buildRoutes(props, route.children);\n      item.errorElement = route.errorElement || <ErrorElement />;\n    } else {\n      item.element = (\n        <DecafLayout menu={props.menuItems} appName={props.appName}>\n          {route.element}\n        </DecafLayout>\n      );\n    }\n    result.push(item);\n  });\n\n  return result;\n}\n\nfunction addTo<T>(array: T[], items: T[], key: keyof T): T[] {\n  const result: T[] = [...array];\n  items.forEach((item) => {\n    const index = result.findIndex((r) => r[key] === item[key]);\n    if (index >= 0) {\n      result[index] = item;\n    } else {\n      result.push(item);\n    }\n  });\n  return result;\n}\n\nfunction DecafWebapp(props: DecafWebappProps) {\n  useEffect(() => {\n    // add plausible analytics\n    const script = document.createElement('script');\n    script.defer = true;\n    script.setAttribute('data-domain', location.hostname);\n    script.src = 'https://webax.svc.sys.decafhub.com/js/plausible.js';\n    document.body.appendChild(script);\n\n    return () => {\n      document.body.removeChild(script);\n    };\n  }, []);\n\n  let routes = addTo<RouteObject>(\n    props.routes,\n    [\n      {\n        path: '/about',\n        element: (\n          <PageAbout\n            appName={props.appName}\n            appVersion={props.config?.currentVersion}\n            appDescription={props.appDescription}\n            content={props.aboutPageContent}\n          />\n        ),\n      },\n      { path: '*', element: <Page404 /> },\n    ],\n    'path'\n  );\n  const menuWithAboutPage = addTo(\n    props.menuItems,\n    [\n      {\n        label: 'About',\n        to: '/about',\n        icon: <InfoCircleOutlined />,\n      },\n    ],\n    'to' as any\n  );\n  routes = buildRoutes({ ...props, menuItems: menuWithAboutPage }, routes);\n\n  const router = createBrowserRouter(routes, {\n    basename: props.config?.basePath,\n  });\n\n  const theme = props.theme ?? decafTheme;\n\n  const controller = props.controller || DecafWebappController;\n  controller.disableZendeskWidget = true;\n\n  const globalStyles = getStyles(theme);\n\n  return (\n    <ConfigProvider theme={theme}>\n      <Global\n        styles={css`\n          @import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);\n        `}\n      />\n      <Global styles={globalStyles} />\n      <DecafApp config={props.config} controller={controller}>\n        <RouterProvider router={router} />\n      </DecafApp>\n    </ConfigProvider>\n  );\n}\nexport { DecafWebapp, Global as GlobalStyle, css, styled, decafTheme, useTableMaxHeight };\n","import { Interpolation, Theme } from '@emotion/react';\nimport { ThemeConfig } from 'antd/es/config-provider/context';\nimport { MAIN_BLACK } from './theme';\n\nexport function getStyles(theme: ThemeConfig): Interpolation<Theme> {\n  return {\n    body: {\n      background: theme.token?.colorBgBase,\n      fontFamily: 'Lato, sans-serif',\n      margin: 0,\n    },\n    '*': {\n      '&::-webkit-scrollbar': {\n        width: 10,\n        height: 10,\n      },\n      '&::-webkit-scrollbar-track': {\n        background: theme.token?.colorBgBase,\n      },\n      '&::-webkit-scrollbar-thumb': {\n        background: theme.token?.colorPrimary,\n      },\n    },\n    // antd overrides\n    button: {\n      boxShadow: 'none !important',\n    },\n    '.ant-page-header-back-button, .ant-page-header-heading-title': {\n      color: `${theme.token?.colorWhite} !important`,\n    },\n    '.ant-badge-count': {\n      color: `${theme.token?.colorWhite} !important`,\n    },\n    '.ant-table-thead > tr > th': {\n      background: `#0c1014 !important`,\n      '&:hover': {\n        background: `${MAIN_BLACK} !important`,\n      },\n    },\n    '.ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected': {\n      color: '#fff !important',\n    },\n    '.ant-tabs-tab': {\n      color: 'rgba(255, 255, 255, 0.5) !important',\n    },\n    '.ant-tabs-tab-active': {\n      '.ant-tabs-tab-btn': {\n        color: '#fff !important',\n      },\n    },\n    '.ant-table-body': {\n      overflow: 'auto !important',\n    },\n    // end antd overrides\n    '#decaf-header': {\n      position: 'fixed',\n      zIndex: 999,\n      right: 0,\n      left: 0,\n      paddingInline: 0,\n    },\n    '#decaf-content': {\n      paddingInline: 20,\n      paddingTop: '5rem',\n      paddingBottom: '5rem',\n    },\n    '#decaf-footer': {\n      position: 'fixed',\n      bottom: 0,\n      right: 0,\n      left: 0,\n      background: theme.token?.colorBgContainer,\n      paddingBlock: 0,\n      paddingInline: 0,\n      zIndex: 999,\n\n      button: {\n        height: 34,\n      },\n    },\n    '.dot': {\n      borderRadius: '50%',\n      width: 10,\n      height: 10,\n      display: 'inline-block',\n      backgroundColor: 'rgba(255,255,255,.25)',\n      '&.green': {\n        backgroundColor: `#80ff00 !important`,\n      },\n      '&.yellow': {\n        backgroundColor: `#ff0 !important`,\n      },\n      '&.orange': {\n        backgroundColor: `#ff7000 !important`,\n      },\n      '&.red': {\n        backgroundColor: `#ff0000 !important`,\n      },\n    },\n  };\n}\n","import { useLayoutEffect, useState } from 'react';\n\n/**\n * This hook is used to calculate the max possible height of a table.\n * It is used to set the height of the table to make it scrollable\n * when the content is too large.\n * @param elementId the id of the element that contains the table.\n * @param bottomSpace extra space to be added to the bottom of the table container.\n * @returns the max height of the table.\n * @example\n * ```tsx\n * const maxHeight = useTableMaxHeight('table-container', 50);\n * return (\n *  <Table\n      {...tableProps}\n      id={'table-container'}\n      scroll={{\n        x: 'max-content',\n        y: maxHeight,\n      }}\n    />\n* );\n* ```\n**/\nexport function useTableMaxHeight(elementId: string, bottomSpace?: number): string | number {\n  const [maxHeight, setMaxHeight] = useState<string | number>(400);\n  const w = document.getElementById(elementId);\n\n  useLayoutEffect(() => {\n    const calculate = () => {\n      if (!w) {\n        return;\n      }\n      const footerHeight = 50; // height of the footer with some padding\n      let parentPaddingBottom = 80; // default padding bottom of the container element\n      const closestContainer = w.parentElement; // get the closest container element\n      if (closestContainer) {\n        parentPaddingBottom = parseFloat(getComputedStyle(closestContainer, null).paddingBottom);\n        parentPaddingBottom = isNaN(parentPaddingBottom) || parentPaddingBottom < 10 ? 80 : parentPaddingBottom;\n      }\n      const bottomMargin = parentPaddingBottom + footerHeight + (bottomSpace || 0);\n      const boundingRect = w.getBoundingClientRect(); // get area and offset information.\n      const max = window.innerHeight - boundingRect.top - bottomMargin; // this is the height of the our table content.\n      setMaxHeight(max > 350 ? max : '100%');\n    };\n\n    calculate();\n    w?.addEventListener('resize', calculate);\n    window.addEventListener('resize', calculate);\n\n    return () => {\n      window.removeEventListener('resize', calculate);\n      w?.removeEventListener('resize', calculate);\n    };\n  }, [elementId, w, bottomSpace]);\n\n  return maxHeight;\n}\n"],"names":["Page404","React","createElement","Result","status","title","subTitle","ErrorElement","Fragment","Typography","Link","to","Button","style","marginTop","PageScroller","type","size","onClick","window","scrollTo","top","behavior","icon","UpOutlined","document","body","scrollHeight","DownOutlined","ScreenShotter","props","handleScreenshot","getElementById","footer","setProperty","Promise","resolve","html2canvas","canvas","dataUrl","toDataURL","link","download","href","click","remove","e","reject","triggerNode","cloneElement","CameraOutlined","url","parts","split","indexOfWebapps","indexOf","slice","join","VersionSelector","version","appName","location","appVersion","getAppVersionFromUrl","startsWith","length","isPreviewVersion","isReleaseVersion","versions","code","name","color","getCurrentAppPath","show","process","env","NODE_ENV","currentVersion","find","v","appVersionCode","Dropdown","placement","arrow","menu","items","filter","map","key","label","className","display","alignItems","marginRight","CaretUpOutlined","ZendeskWidget","useDecaf","me","_useDecaf","publicConfig","useState","open","_useState","setOpen","useEffect","zendesk","script","src","ZENDESK_WIDGET_SCRIPT","async","id","onload","zE","appendChild","zESettings","webWidget","offset","horizontal","vertical","contactForm","subject","fields","prefill","fullname","email","removeChild","QuestionCircleOutlined","Logo","xmlns","xmlnsXlink","x","y","viewBox","enableBackground","xmlSpace","width","height","fill","d","buildAntMenuFromDecafMenu","routes","result","forEach","route","item","NavLink","end","children","push","DecafLayout","useMatches","match","pathname","Layout","Header","paddingInline","justifyContent","gap","Title","level","margin","Menu","backgroundColor","border","flex","mode","menuItems","selectedKeys","matchedMenuItems","Content","Footer","Row","justify","align","Col","span","textAlign","Text","target","rel","UserOutlined","username","PageAbout","client","undefined","versionBarista","setVersionBarista","barista","get","then","data","Space","direction","Descriptions","column","bordered","Item","appDescription","content","MAIN_BLACK","_templateObject","colorBorder","colorBorderSecondary","hashed","components","colorBgHeader","boxShadow","boxShadowSecondary","colorBgContainer","INPUT_BG_COLOR","Input","BORDER_COLORS_TRANSPARENT","Select","_extends","colorBgElevated","controlItemBgActive","DatePicker","InputNumber","colorItemText","token","fontFamily","colorPrimary","colorBgBase","colorBgLayout","borderRadius","green","red","blue","yellow","orange","colorWhite","colorLink","colorLinkHover","colorLinkActive","algorithm","theme","darkAlgorithm","_route$element","element","Outlet","buildRoutes","errorElement","addTo","array","index","findIndex","r","defer","setAttribute","hostname","path","config","_props$config","aboutPageContent","InfoCircleOutlined","router","createBrowserRouter","basename","_props$config2","basePath","decafTheme","_props$theme","controller","DecafWebappController","disableZendeskWidget","globalStyles","getStyles","_theme$token","_theme$token2","_theme$token3","_theme$token4","_theme$token5","_theme$token6","background","button","overflow","position","zIndex","right","left","paddingTop","paddingBottom","bottom","paddingBlock","ConfigProvider","Global","styles","css","DecafApp","RouterProvider","useTableMaxHeight","elementId","bottomSpace","maxHeight","setMaxHeight","w","useLayoutEffect","parentPaddingBottom","closestContainer","parentElement","parseFloat","getComputedStyle","isNaN","bottomMargin","getBoundingClientRect","max","innerHeight","boundingRect","calculate","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,CA8DlE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,CAgGlE"}

package/dist/theme.d.ts

@@ -1,3 +1,4 @@
 import { ThemeConfig } from 'antd/es/config-provider/context';
+export declare const MAIN_BLACK = "#10161d";
 export declare const decafTheme: ThemeConfig;
 //# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAS9D,eAAO,MAAM,UAAU,EAAE,WAyDxB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,eAAO,MAAM,UAAU,YAAY,CAAC;AASpC,eAAO,MAAM,UAAU,EAAE,WA2DxB,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * This hook is used to calculate the max possible height of a table.
+ * It is used to set the height of the table to make it scrollable
+ * when the content is too large.
+ * @param elementId the id of the element that contains the table.
+ * @param bottomSpace extra space to be added to the bottom of the table container.
+ * @returns the max height of the table.
+ * @example
+ * ```tsx
+ * const maxHeight = useTableMaxHeight('table-container', 50);
+ * return (
+ *  <Table
+      {...tableProps}
+      id={'table-container'}
+      scroll={{
+        x: 'max-content',
+        y: maxHeight,
+      }}
+    />
+* );
+* ```
+**/
+export declare function useTableMaxHeight(elementId: string, bottomSpace?: number): string | number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAiC1F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decafhub/decaf-react-webapp",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "keywords": [
     "decafhub",
     "react"
@@ -56,14 +56,14 @@
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.2.4",
     "@types/js-cookie": "^3.0.2",
-    "@types/node": "^18.11.12",
+    "@types/node": "^18.11.17",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.46.0",
-    "@typescript-eslint/parser": "^5.46.0",
-    "antd": "^5.0.5",
+    "@typescript-eslint/eslint-plugin": "^5.47.0",
+    "@typescript-eslint/parser": "^5.47.0",
+    "antd": "^5.1.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.29.0",
+    "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.26.0",
@@ -80,13 +80,13 @@
     "jest-environment-jsdom": "^29.3.1",
     "lint-staged": "^13.1.0",
     "microbundle": "^0.15.1",
-    "postcss": "^8.4.19",
+    "postcss": "^8.4.20",
     "prettier": "^2.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.4.5",
+    "react-router-dom": "^6.6.0",
     "ts-jest": "^29.0.3",
-    "typedoc": "^0.23.21",
+    "typedoc": "^0.23.23",
     "typescript": "^4.9.4"
   },
   "lint-staged": {

package/dist/Layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAe,MAAM,6BAA6B,CAAC;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,iBAAiB;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,CAAC;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAwBnE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAqD1D"}

package/dist/components/Page404.d.ts

@@ -1,2 +0,0 @@
-export default function Page404(): JSX.Element;
-//# sourceMappingURL=Page404.d.ts.map

package/dist/components/Page404.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Page404.d.ts","sourceRoot":"","sources":["../../src/components/Page404.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,OAAO,gBAE9B"}