@titaui/pc 1.9.87 → 1.9.91

package/lib/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "DatePicker", {
     return _datePicker["default"];
   }
 });
+Object.defineProperty(exports, "DemoFree", {
+  enumerable: true,
+  get: function get() {
+    return _demoFree["default"];
+  }
+});
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function get() {
@@ -465,12 +471,6 @@ Object.defineProperty(exports, "UpdateModal", {
     return _updateModal["default"];
   }
 });
-Object.defineProperty(exports, "UploadPhotoModal", {
-  enumerable: true,
-  get: function get() {
-    return _uploadPhotoModal["default"];
-  }
-});
 Object.defineProperty(exports, "Upvote", {
   enumerable: true,
   get: function get() {
@@ -525,6 +525,12 @@ Object.defineProperty(exports, "requestApi", {
     return _request["default"];
   }
 });
+Object.defineProperty(exports, "tasUploadPhotoModal", {
+  enumerable: true,
+  get: function get() {
+    return _uploadPhotoModal["default"];
+  }
+});
 Object.defineProperty(exports, "upload", {
   enumerable: true,
   get: function get() {
@@ -574,6 +580,8 @@ var _rangePickerPop = _interopRequireDefault(require("./components/range-picker-
 
 var _datePicker = _interopRequireDefault(require("./components/date-picker"));
 
+var _demoFree = _interopRequireDefault(require("./pages/demo-free"));
+
 var _okrMap = _interopRequireDefault(require("./pages/okr-map"));
 
 var _okrFlow = _interopRequireDefault(require("./components/okr-flow"));

package/lib/pages/appointment-demo/input/index.js

@@ -23,7 +23,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/pages/demo-free/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _errorBoundary = _interopRequireDefault(require("../../components/error-boundary"));
+
+var _errorLevel = _interopRequireDefault(require("../../utils/error-level"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "dynamic-page";
+
+var DemoFree = function DemoFree() {
+  return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], {
+    errorLevel: _errorLevel["default"].P0
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", null)));
+};
+
+var _default = DemoFree;
+exports["default"] = _default;

package/lib/pages/group-management/components/input-form/index.js

@@ -23,7 +23,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/utils/auth.js

@@ -9,7 +9,7 @@ exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.D
 
 var _bsGlobal = require("./bs-global");
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.87",
+  "version": "1.9.91",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/menus/export-modules/demo-menus/index.tsx

@@ -0,0 +1,85 @@
+import React, { useState, useRef, useEffect } from "react";
+import classNames from "classnames";
+import { withRouter } from "react-router";
+// import { ResizeObserver } from '@juggle/resize-observer';
+// import ResizeObserver from "resize-observer-polyfill";
+import FlipCard, { flipRefIns } from "../../components/flip-menu-card";
+import MenuTree from "../../components/menu-tree";
+import Scrollbar from "../../../scrollbar";
+import DemoMenuData, { DemoMenusInt, defaultRefObject } from "./menus";
+import MenuHighlight from "./menu-highlight";
+import preCls from "../../precls";
+import { isEn } from "../../../../utils/getLocale";
+
+interface DemoMenusProps {
+  onSelect: (node: any) => void;
+  history: any;
+  isManager: number
+}
+const DemoMenus: React.FC<DemoMenusProps> = (props) => {
+  const { onSelect = () => { }, history, isManager } = props;
+  const menuRef = useRef<any>();
+  const okrMenusData = useRef<DemoMenusInt>(defaultRefObject);
+  const [selectedMenuKeys, setSelectedMenuKeys] = useState<string[]>([]);
+  const [expandedKeys, setExpandedKeys] = useState(["demofree"]);
+  const [menus, setMenus] = useState(() => {
+    okrMenusData.current = new DemoMenuData();
+    return okrMenusData.current.getMenus()
+  });
+  useEffect(() => {
+    okrMenusData.current = new DemoMenuData(isManager === 1);
+    setMenus(okrMenusData.current.getMenus())
+    setExpandedKeys(["demofree"]);
+  }, [isManager])
+  const flipRef = useRef<flipRefIns>({
+    next: () => { },
+    goback: () => { },
+  });
+  const collapseMenu = (isHide) => {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+  const onExpandHandler = (expandKeys) => {
+    setExpandedKeys(expandKeys);
+  };
+  // 判断路由高亮菜单
+  useEffect(() => {
+    const menuHighlight = new MenuHighlight(history);
+    menuHighlight.highlight((menu) => setSelectedMenuKeys([menu]));
+  }, [
+    history.location.pathname,
+    history.location.search,
+  ]);
+
+  const onSelectHandler = (selectedKyes, { node }) => {
+    onSelect(node);
+    // 处理菜单选中
+    if (!selectedKyes.length) return;
+    setSelectedMenuKeys(selectedKyes);
+  };
+  return (
+    <div
+      ref={menuRef}
+      className={classNames(preCls, `${preCls}-appraisal-menus`)}
+    >
+      <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={isEn ? 210 : 180}>
+        <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
+          <Scrollbar>
+            <MenuTree
+              data={menus}
+              selectedKeys={selectedMenuKeys}
+              defaultExpandedKeys={expandedKeys}
+              onExpand={onExpandHandler}
+              onSelect={onSelectHandler}
+            />
+          </Scrollbar>
+        </div>
+        <div />
+      </FlipCard>
+    </div>
+  );
+};
+export default withRouter(DemoMenus);

package/src/components/menus/export-modules/demo-menus/menu-highlight.ts

@@ -0,0 +1,53 @@
+import {
+  PAGE_UNASSIGNED_DEMOFREE,
+  PAGE_ASSIGNED_DEMOFREE,
+  PAGE_RESERVED_DEMOFREE,
+  PAGE_DONE_DEMOFREE,
+  PAGE_IGNORED_DEMOFREE,
+} from "./menus";
+
+export default class {
+  private history: any = null;
+
+  constructor(history: any) {
+    this.history = history;
+  }
+
+  highlight(cb) {
+    if (this.isUnAssigned()) cb(PAGE_UNASSIGNED_DEMOFREE);
+    else if (this.isAssigned()) cb(PAGE_ASSIGNED_DEMOFREE);
+    else if (this.isReserved()) cb(PAGE_RESERVED_DEMOFREE);
+    else if (this.isDone()) cb(PAGE_DONE_DEMOFREE);
+    else if (this.isIgnore()) cb(PAGE_IGNORED_DEMOFREE);
+  }
+
+  isUnAssigned() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && (!search || search.match(/selected[\s]*?=[\s]*?unassigned/));
+  }
+
+  isAssigned() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?assigned/);
+  }
+
+  isReserved() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?reserved/);
+  }
+
+  isDone() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?done/);
+  }
+
+  isIgnore() {
+    const { pathname, search } = this.history.location;
+    return pathname.match(/demofree/)
+      && search.match(/selected[\s]*?=[\s]*?ignore/);
+  }
+}

package/src/components/menus/export-modules/demo-menus/menus.tsx

@@ -0,0 +1,136 @@
+import { PARENT_MENU_NODE, SUB_MENU_ITEM_NOE } from "../../components/menu-tree/tree-node/index";
+
+interface TreeNode {
+  key: string;
+  title: string;
+  nodeType: string;
+  isLeaf: boolean;
+  data: any;
+  children?: TreeNode[];
+}
+export const defaultRefObject = {
+  menus: [],
+  getMenus: () => { },
+};
+export interface DemoMenusInt {
+  menus: any[];
+  getMenus: Function;
+}
+export const PAGE_UNASSIGNED_DEMOFREE = "unassigned";
+export const PAGE_ASSIGNED_DEMOFREE = "assigned";
+export const PAGE_RESERVED_DEMOFREE = "reserved";
+export const PAGE_DONE_DEMOFREE = "done";
+export const PAGE_IGNORED_DEMOFREE = "ignore";
+export default class DemoMenuData {
+  public menus;
+
+  public isManager;
+
+  constructor(isManager = false) {
+    this.isManager = isManager;
+    this.menus = [
+      {
+        icon: "kaohe",
+        label: "任务状态",
+        key: "demofree",
+        href: this.isManager ? "#/demofree/list?selected=unassigned" : "#/demofree/list?selected=assigned",
+        isShow: true,
+        children: [{
+          icon: "",
+          label: "未分配",
+          key: "unassigned",
+          href: "#/demofree/list?selected=unassigned",
+          isShow: this.isManager,
+        }, {
+          icon: "",
+          label: "已分配",
+          key: "assigned",
+          href: "#/demofree/list?selected=assigned",
+          isShow: true,
+        }, {
+          icon: "",
+          label: "已预约",
+          key: "reserved",
+          href: "#/demofree/list?selected=reserved",
+          isShow: true,
+        }, {
+          icon: "",
+          label: "已完成",
+          key: "done",
+          href: "#/demofree/list?selected=done",
+          isShow: true,
+        }, {
+          icon: "",
+          label: "已忽略",
+          key: "ignore",
+          href: "#/demofree/list?selected=ignore",
+          isShow: this.isManager,
+        }],
+      },
+      // {
+      //   icon: "KH-help",
+      //   label: "客户续费情况",
+      //   key: "custom",
+      //   href: "#/custom",
+      //   isShow: true,
+      //   type: MENU_ITEM_NOE,
+      //   children:[{
+      //     icon: "",
+      //     label: "未处理",
+      //     key: "ignore",
+      //     href: "#/demofree/custom?selected=未处理",
+      //     isShow: true,
+      //   },{
+      //     icon: "",
+      //     label: "待定",
+      //     key: "ignore",
+      //     href: "#/demofree/custom?selected=待定",
+      //     isShow: true,
+      //   },{
+      //     icon: "",
+      //     label: "已续费",
+      //     key: "ignore",
+      //     href: "#/demofree/custom?selected=已续费",
+      //     isShow: true,
+      //   },{
+      //     icon: "",
+      //     label: "未续费",
+      //     key: "ignore",
+      //     href: "#/demofree/custom?selected=未续费",
+      //     isShow: true,
+      //   }]
+      // },
+    ];
+  }
+
+  getMenus() {
+    const menus = this.formateToTreeNodeData(this.menus);
+    return menus;
+  }
+
+  formateToTreeNodeData(menus) {
+    const treeNodes: TreeNode[] = [];
+
+    for (let i = 0; i < menus.length; i += 1) {
+      const menu = menus[i];
+      const hasChildren = !!((menu.children && menu.children.length));
+      const isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
+
+      let nodeType = menu.type;
+      if (!nodeType) nodeType = !isLeaf ? PARENT_MENU_NODE : SUB_MENU_ITEM_NOE;
+
+      if (menu.isShow) {
+        treeNodes.push({
+          key: `${menu.key}`,
+          title: menu.label,
+          data: menu,
+          isLeaf,
+          children: this.formateToTreeNodeData(menu.children || []),
+          nodeType,
+        });
+      }
+    }
+
+    return treeNodes;
+  }
+}

package/src/components/menus/index.tsx

@@ -4,19 +4,22 @@ import OkrMenus from "./export-modules/okr-menus";
 import AppraisalMenus from "./export-modules/appraisal-menus";
 import ManageMenus from "./export-modules/manage-menus";
 import "./index.scss";
+import DemoMenus from "./export-modules/demo-menus";
 
 const preCls = "titaui-menus";
 
-export default function (props) {
+const Menus = (props: any) => {
   const { type, ...restProps } = props;
 
   const renderMenuByType = () => {
-    if (type == "okr") {
+    if (type === "okr") {
       return <OkrMenus {...restProps} />;
-    } if (type == "appraisal") {
+    } if (type === "appraisal") {
       return <AppraisalMenus {...restProps} />;
-    } if (type == "manage") {
+    } if (type === "manage") {
       return <ManageMenus {...restProps} />;
+    } if (type === "demofree") {
+      return <DemoMenus {...restProps} />;
     }
     return undefined;
   };
@@ -26,4 +29,5 @@ export default function (props) {
       {renderMenuByType()}
     </div>
   );
-}
+};
+export default Menus;

package/src/components/nav-top/constant.ts

@@ -18,3 +18,27 @@ export const getVersionTextMap = () => ({
   [Versions.Professional]: getLocale("Sw_OKREdit"),
   [Versions.Flagship]: getLocale("Sw_Flagship"),
 });
+
+export const DEMO_FREE_MENU_CONFIG = {
+  DataSource: null,
+  appCode: null,
+  appId: 119,
+  children: [],
+  code: "",
+  color: "#F28D49",
+  defaultExpand: false,
+  domain: "",
+  groupId: 0,
+  href: "#demofree/list?selected=assigned",
+  iconName: "",
+  id: 99998,
+  labelName: null,
+  menuPoint: null,
+  orderId: 2000,
+  originUrl: null,
+  signUrl: "",
+  status: 0,
+  tenantId: 0,
+  title: "demofree",
+  type: "hash",
+};

package/src/components/nav-top/index.tsx

@@ -25,12 +25,10 @@ const NavTop: FC = () => {
   const versionInfo = getBSGlobal("tenantAuthentication");
   const [activeMenuId, setActiveMenuId] = useState(-1);
   const ua = navigator.userAgent.toLowerCase();
-  const showWxInvite = getTenantInfo().mainCorpId && ua.indexOf("micromessenger") != -1;
+  const showWxInvite = getTenantInfo().mainCorpId && ua.indexOf("micromessenger") !== -1;
   const openWxInvite = useCallback(() => {
-    // @ts-ignore
-    WeixinJSBridge
-      // @ts-ignore
-      && WeixinJSBridge.invoke(
+    if (window.WeixinJSBridge !== undefined) {
+      window.WeixinJSBridge.invoke(
         "selectPrivilegedContact",
         {
           fromDepartmentId: -1, // 必填，表示打开的通讯录从指定的部门开始展示，-1表示自己所在部门开始, 0表示从最上层开始
@@ -40,7 +38,7 @@ const NavTop: FC = () => {
           // "selectedTickets"["ticket1","ticket2"] // 非必填，已选ticket列表。single模式忽略该参数
         },
         (res) => {
-          if (res.err_msg == "selectPrivilegedContact:ok") {
+          if (res.err_msg === "selectPrivilegedContact:ok") {
             // var selectedUserList = res.result.userList; // 已选的成员列表
             // for (var i = 0; i < selectedUserList.length; i++) {
             //   var openUserId = selectedUserList[i].openUserId; //成员openUserId
@@ -52,7 +50,7 @@ const NavTop: FC = () => {
               .then(() => {
                 Toast.Success("邀请成功");
               })
-              .catch((e) => {
+              .catch(() => {
                 Toast.Error("邀请失败");
               });
           } else {
@@ -60,10 +58,11 @@ const NavTop: FC = () => {
           }
         },
       );
+    }
   }, []);
 
   const handleHashChange = () => {
-    const hash = location.hash.split("?")[0] || "";
+    const hash = window.location.hash.split("?")[0] || "";
     if (hash) {
       const activeMenu = menu.find((item) => hash.includes(item.href.split("#")?.[1]?.split("?")[0]));
       if (hash.includes("homepage")) {
@@ -94,6 +93,7 @@ const NavTop: FC = () => {
         href={hasOKRApp ? "#homepage" : ""}
       >
         <img
+          alt="logo"
           src={Logo}
           className={classNames(`${preCls}__left-logo`, {
             [`${preCls}__left-logo--hover`]: hasOKRApp,
@@ -102,11 +102,12 @@ const NavTop: FC = () => {
         {hasOKRApp && (
           <span
             className={classNames(`${preCls}__left-home`, {
-              [`${preCls}__left-home--active`]: activeMenuId == 99999,
+              [`${preCls}__left-home--active`]: activeMenuId === 99999,
               [`${preCls}__left-home--hover`]: hasOKRApp,
             })}
           >
             <img
+              alt="home-img"
               src={Home}
               className={classNames(`${preCls}__left-home-img`)}
             />

package/src/components/nav-top/request.apis.ts

@@ -2,13 +2,13 @@ import axios from "axios";
 import { rget, rdelete } from "../../utils/request";
 
 // @ts-ignore
-const tenantId = (BSGlobal && BSGlobal.tenantInfo.Id) || 0;
+const tenantId = (window.BSGlobal && window.BSGlobal.tenantInfo.Id) || 0;
 // @ts-ignore
-const userId = (BSGlobal && BSGlobal.loginUserInfo.Id) || 0;
+const userId = (window.BSGlobal && window.BSGlobal.loginUserInfo.Id) || 0;
 
 const requestDomain = () => {
   if (!window.location.hostname.match(/dev/)) return "";
-  return `${location.protocol}//www.tita.gift`;
+  return `${window.location.protocol}//www.tita.gift`;
 };
 
 export const getTodos = (pageNum) => rget("v1")(
@@ -43,8 +43,8 @@ export const getMessages = () => {
     )
     .then((resp: any) => {
       if (resp.code === 401) {
-        location.href = "/Account/Logout";
-        return;
+        window.location.href = "/Account/Logout";
+        return undefined;
       }
       return resp.data;
     })

package/src/components/nav-top/utils.ts

@@ -4,7 +4,7 @@ import defaultLogo from "./images/logo-white.png";
 
 export const getMenus = () => {
   // @ts-ignore
-  const navs: INavType[] = BSGlobal.newNavigation;
+  const navs: INavType[] = window.BSGlobal.newNavigation;
   navs.sort((pre, next) => pre.orderId - next.orderId);
   return navs;
 };
@@ -12,5 +12,18 @@ export const getMenus = () => {
 export const getLogo = () => {
   // 232637ab8a674427a1d6489329035d86_n 是老logo的路径，没法判断是否用户自定义过，所以只能这么硬核
   const tenantInfo = getTenantInfo();
-  return tenantInfo.isNewIndex && /232637ab8a674427a1d6489329035d86_n/g.test(tenantInfo.Logo) || !tenantInfo.Logo ? defaultLogo : tenantInfo.Logo;
+  return ((tenantInfo.isNewIndex && /232637ab8a674427a1d6489329035d86_n/g.test(tenantInfo.Logo)) || !tenantInfo.Logo) ? defaultLogo : tenantInfo.Logo;
+};
+
+export const transMetasToTableData = (dataSource = []) => {
+  const listData: any = [];
+  dataSource.forEach((dataItem: any) => {
+    const data = {};
+    dataItem.forEach((field) => {
+      const { name, value } = field;
+      data[name] = value;
+    });
+    listData.push(data);
+  });
+  return listData;
 };

package/src/index.d.ts

@@ -1,5 +1,6 @@
 interface Window {
   BSGlobal: any;
+  WeixinJSBridge?: any;
   Talent: any;
   trackAction?: (actionName?: string) => {};
   getLocale: Function;

package/src/index.js

@@ -20,6 +20,7 @@ export { default as ChangeOkrModal } from "./components/change-okr-modal";
 export { default as CreateOkrModal } from "./components/create-okr-modal";
 export { default as RangePickerPop } from "./components/range-picker-pop";
 export { default as DatePicker } from "./components/date-picker";
+export { default as DemoFree } from "./pages/demo-free";
 export { default as OkrMapPage } from "./pages/okr-map";
 export { default as OkrFlow } from "./components/okr-flow";
 export { default as DropSelector } from "./components/drop-selector";
@@ -87,4 +88,4 @@ export { default as requestApi } from "./utils/request";
 export { default as PointDemo } from "./components/point-demo";
 export { default as Scrollbar } from "./components/scrollbar";
 export { default as WeeklyReport } from "./components/weekly-report";
-export { default as UploadPhotoModal } from "./components/upload-photo-modal";
+export { default as tasUploadPhotoModal } from "./components/upload-photo-modal";

package/src/pages/demo-free/index.tsx

@@ -0,0 +1,15 @@
+import React, { FC } from "react";
+import ErrorBoundary from "../../components/error-boundary";
+import ERROR_LEVEL from "../../utils/error-level";
+
+const prefix = "dynamic-page";
+
+const DemoFree: FC = () => (
+  <ErrorBoundary errorLevel={ERROR_LEVEL.P0}>
+    <div className={prefix}>
+      <div />
+    </div>
+  </ErrorBoundary>
+);
+
+export default DemoFree;