@3sc/common-component 0.0.1

package/README.md

@@ -0,0 +1,20 @@
+# Introduction 
+TODO: Give a short introduction of your project. Let this section explain the objectives or the motivation behind this project. 
+
+# Getting Started
+TODO: Guide users through getting your code up and running on their own system. In this section you can talk about:
+1.	Installation process
+2.	Software dependencies
+3.	Latest releases
+4.	API references
+
+# Build and Test
+TODO: Describe and show how to build your code and run the tests. 
+
+# Contribute
+TODO: Explain how other users and developers can contribute to make your code better. 
+
+If you want to learn more about creating good readme files then refer the following [guidelines](https://docs.microsoft.com/en-us/azure/devops/repos/git/create-a-readme?view=azure-devops). You can also seek inspiration from the below readme files:
+- [ASP.NET Core](https://github.com/aspnet/Home)
+- [Visual Studio Code](https://github.com/Microsoft/vscode)
+- [Chakra Core](https://github.com/Microsoft/ChakraCore)

package/dist/App.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _modules = require("./modules");
+function App() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "App"
+  }, "hello", /*#__PURE__*/React.createElement(_modules.Notification, {
+    tenantId: "e9cbadf0-a2c3-4f0b-b358-e9368ccd093c",
+    buId: "1b97f147-5c15-4bd4-9d5d-8a63129caf3d",
+    snopId: "dee67439-9306-408a-b79c-99c4265dc5a3"
+  }));
+}
+var _default = exports.default = App;

package/dist/App.test.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _App = _interopRequireDefault(require("./App"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+test('renders learn react link', () => {
+  (0, _react.render)( /*#__PURE__*/React.createElement(_App.default, null));
+  const linkElement = _react.screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});

package/dist/components/alert/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.promise.js");
+var _material = require("@mui/material");
+var _bell = _interopRequireDefault(require("../bell"));
+var _myDialog = _interopRequireDefault(require("../my-dialog"));
+var _react = require("react");
+require("./style.scss");
+var _myContext = require("../../config/my-context");
+var _notification = require("../../services/notification");
+var _StatusCode = _interopRequireDefault(require("../../utils/StatusCode"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Alert = _ref => {
+  let {
+    tenantId,
+    buId,
+    snopId
+  } = _ref;
+  const dispatch = (0, _react.useContext)(_myContext.TasksDispatchContext);
+  const {
+    loading,
+    data,
+    isMarkAllAsRead
+  } = (0, _react.useContext)(_myContext.TasksContext);
+  const [open, setOpen] = (0, _react.useState)(false);
+  const fetchNotification = (0, _react.useCallback)(async () => {
+    dispatch({
+      type: "loading",
+      loading: true
+    });
+    dispatch({
+      type: "success",
+      data: []
+    });
+    try {
+      const res = await (0, _notification.getNotification)({
+        tenantId,
+        buId,
+        snopId
+      });
+      if (res.status === _StatusCode.default.OK) {
+        var _res$data;
+        dispatch({
+          type: "success",
+          data: ((_res$data = res.data) === null || _res$data === void 0 || (_res$data = _res$data.responseData) === null || _res$data === void 0 ? void 0 : _res$data.response) || []
+        });
+      }
+    } catch (err) {
+      dispatch({
+        type: "error",
+        error: "Something went wrong!"
+      });
+    } finally {
+      dispatch({
+        type: "loading",
+        loading: false
+      });
+    }
+  }, [tenantId, buId, snopId, dispatch]);
+  (0, _react.useEffect)(() => {
+    fetchNotification();
+  }, [fetchNotification]);
+  const handleOpen = () => {
+    setOpen(!open);
+  };
+  const handleClose = () => setOpen(!open);
+  const handleRefresh = () => {
+    fetchNotification();
+  };
+  const handleShowAll = () => {};
+  const handleMarkAllAsRead = () => {};
+  console.log("loading", loading, data);
+  return /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_material.Box, {
+    sx: {
+      display: "flex",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(_bell.default, {
+    count: (data === null || data === void 0 ? void 0 : data.length) || 0,
+    handleClick: handleOpen
+  })), /*#__PURE__*/React.createElement(_myDialog.default, {
+    title: "Alerts",
+    open: open,
+    loading: loading || false,
+    isMarkAllAsRead: isMarkAllAsRead || false,
+    onClose: handleClose,
+    onRefresh: handleRefresh,
+    handleShowAll: handleShowAll,
+    handleMarkAllAsRead: handleMarkAllAsRead
+  }, /*#__PURE__*/React.createElement(_material.Box, {
+    sx: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      height: 320
+    }
+  }, loading ? /*#__PURE__*/React.createElement(_material.CircularProgress, null) : /*#__PURE__*/React.createElement(_material.Box, null, "Alert"))));
+};
+var _default = exports.default = Alert;

package/dist/components/alert/style.scss

@@ -0,0 +1,22 @@
+@import "../../sass/main.scss";
+.notification-dialog {
+  .title {
+    color: $secondary-color;
+    font-family: Montserrat, sans-serif;
+    font-size: 1.2rem;
+    font-weight: 600;
+  }
+
+  .dialog-action {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .view-all {
+      color: #1d1d1b;
+      font-family: Montserrat, sans-serif;
+      font-weight: 500;
+      text-transform: initial;
+    }
+  }
+}

package/dist/components/bell.js

@@ -0,0 +1,44 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _NotificationsOutlined = _interopRequireDefault(require("@mui/icons-material/NotificationsOutlined"));
+var _material = require("@mui/material");
+var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
+const _excluded = ["count", "handleClick"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const Bell = _ref => {
+  let {
+      count,
+      handleClick
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_material.IconButton, {
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement(_Badge.default, _extends({}, otherProps, {
+    badgeContent: count,
+    overlap: "circular",
+    color: "primary"
+  }), /*#__PURE__*/React.createElement(_NotificationsOutlined.default, {
+    sx: _objectSpread({
+      fontSize: "3.5rem"
+    }, count > 0 ? {
+      color: "primary.main"
+    } : {
+      color: "secondary.main"
+    })
+  })));
+};
+var _default = exports.default = Bell;

package/dist/components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Notification", {
+  enumerable: true,
+  get: function get() {
+    return _notification.default;
+  }
+});
+var _notification = _interopRequireDefault(require("../modules/notification"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/my-dialog.js

@@ -0,0 +1,80 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
+var _colors = require("@mui/material/colors");
+const _excluded = ["title", "children", "onRefresh", "loading", "handleShowAll", "handleMarkAllAsRead", "isMarkAllAsRead"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const CustomizeDialog = (0, _styles.styled)(_material.Dialog)(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    "& .MuiPaper-root": {
+      width: 350,
+      borderRadius: 8,
+      border: "1px solid ".concat(_colors.grey[50]),
+      boxShadow: theme.shadows[5]
+    },
+    "& .MuiDialogContent-root": {
+      padding: theme.spacing(1)
+    },
+    "& .MuiDialogActions-root": {
+      padding: "".concat(theme.spacing(0.2), " ").concat(theme.spacing(0.5), "}")
+    }
+  };
+});
+const MyDialog = _ref2 => {
+  let {
+      title,
+      children,
+      onRefresh,
+      loading,
+      handleShowAll,
+      handleMarkAllAsRead,
+      isMarkAllAsRead
+    } = _ref2,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(CustomizeDialog, _extends({}, otherProps, {
+    className: "notification-dialog"
+  }), /*#__PURE__*/React.createElement(_material.DialogTitle, {
+    sx: {
+      p: 1
+    }
+  }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_material.Typography, {
+    variant: "h6",
+    className: "title"
+  }, title), /*#__PURE__*/React.createElement(_material.IconButton, {
+    disabled: loading,
+    "aria-label": "close",
+    sx: {
+      position: "absolute",
+      right: 8,
+      top: 8,
+      color: "primary.main"
+    },
+    onClick: onRefresh
+  }, /*#__PURE__*/React.createElement(_Refresh.default, {
+    fontSize: "small"
+  })))), /*#__PURE__*/React.createElement(_material.DialogContent, {
+    dividers: true
+  }, children), /*#__PURE__*/React.createElement(_material.DialogActions, {
+    className: "dialog-action"
+  }, /*#__PURE__*/React.createElement(_material.Button, {
+    onClick: handleShowAll,
+    className: "view-all"
+  }, "Show all"), isMarkAllAsRead && /*#__PURE__*/React.createElement(_material.Button, {
+    className: "view-all",
+    onClick: handleMarkAllAsRead
+  }, "Mark all as read")));
+};
+var _default = exports.default = MyDialog;

package/dist/config/axios.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.promise.js");
+var _axios = _interopRequireDefault(require("axios"));
+var _Env = _interopRequireDefault(require("../utils/Env"));
+var _LocalStorage = _interopRequireDefault(require("../utils/LocalStorage"));
+var _Constant = require("../utils/Constant");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const instanceAxios = _axios.default.create({
+  baseURL: _Env.default.BASE_URL,
+  headers: {
+    "Content-Type": "application/json",
+    Authorization: "".concat(_Constant.OTHER_CONSTANT.BEARER, " ").concat(_LocalStorage.default.TOKEN)
+  }
+});
+
+// Add a request interceptor
+instanceAxios.interceptors.request.use(function (config) {
+  // Do something before request is sent
+  return config;
+}, function (error) {
+  // Do something with request error
+  return Promise.reject(error);
+});
+
+// Add a response interceptor
+instanceAxios.interceptors.response.use(function (response) {
+  // Any status code that lie within the range of 2xx cause this function to trigger
+  // Do something with response data
+  return response;
+}, function (error) {
+  // Any status codes that falls outside the range of 2xx cause this function to trigger
+  // Do something with response error
+  return Promise.reject(error);
+});
+var _default = exports.default = instanceAxios;

package/dist/config/mui-provider.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _theme = _interopRequireDefault(require("./theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function MuiProvider(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_material.ThemeProvider, {
+    theme: _theme.default
+  }, children);
+}
+var _default = exports.default = MuiProvider;

package/dist/config/my-context.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TasksDispatchContext = exports.TasksContext = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = require("react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const TasksContext = exports.TasksContext = /*#__PURE__*/(0, _react.createContext)(null);
+const TasksDispatchContext = exports.TasksDispatchContext = /*#__PURE__*/(0, _react.createContext)(null);
+function MyContext(_ref) {
+  let {
+    children
+  } = _ref;
+  const [tasks, dispatch] = (0, _react.useReducer)(tasksReducer, initialTasks);
+  return /*#__PURE__*/React.createElement(TasksContext.Provider, {
+    value: tasks
+  }, /*#__PURE__*/React.createElement(TasksDispatchContext.Provider, {
+    value: dispatch
+  }, children));
+}
+var _default = exports.default = MyContext;
+function tasksReducer(tasks, action) {
+  switch (action.type) {
+    case "loading":
+      return _objectSpread(_objectSpread({}, tasks), {}, {
+        loading: action.loading
+      });
+    case "success":
+      {
+        return _objectSpread(_objectSpread({}, tasks), {}, {
+          data: action.data
+        });
+      }
+    case "error":
+      return _objectSpread(_objectSpread({}, tasks), {}, {
+        error: action.error
+      });
+    default:
+      throw new Error("Unhandled action type: ".concat(action));
+  }
+}
+const initialTasks = {
+  loading: false,
+  data: [],
+  error: "",
+  isMarkAllAsRead: true
+};

package/dist/config/theme.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+const theme = (0, _material.createTheme)({
+  palette: {
+    primary: {
+      main: "#E94F1C"
+    },
+    secondary: {
+      main: "#1D1D1B"
+    }
+  }
+});
+var _default = exports.default = theme;

package/dist/helper/common-fun.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLocalStorage = void 0;
+const getLocalStorage = key => {
+  let data = localStorage.getItem(key);
+  if (!data) return null;
+  return JSON.parse(localStorage.getItem(data));
+};
+exports.getLocalStorage = getLocalStorage;

package/dist/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/dist/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _client = _interopRequireDefault(require("react-dom/client"));
+require("./index.css");
+var _App = _interopRequireDefault(require("./App"));
+var _reportWebVitals = _interopRequireDefault(require("./reportWebVitals"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const root = _client.default.createRoot(document.getElementById('root'));
+root.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)));
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+(0, _reportWebVitals.default)();

package/dist/modules/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Notification", {
+  enumerable: true,
+  get: function get() {
+    return _notification.Notification;
+  }
+});
+var _notification = require("./notification");

package/dist/modules/notification.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Notification = void 0;
+var _alert = _interopRequireDefault(require("../components/alert"));
+var _muiProvider = _interopRequireDefault(require("../config/mui-provider"));
+var _myContext = _interopRequireDefault(require("../config/my-context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Notification = _ref => {
+  let {
+    tenantId,
+    buId,
+    snopId
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_muiProvider.default, null, /*#__PURE__*/React.createElement(_myContext.default, null, /*#__PURE__*/React.createElement(_alert.default, {
+    tenantId: tenantId,
+    buId: buId,
+    snopId: snopId
+  })));
+};
+exports.Notification = Notification;

package/dist/reportWebVitals.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    Promise.resolve().then(() => _interopRequireWildcard(require('web-vitals'))).then(_ref => {
+      let {
+        getCLS,
+        getFID,
+        getFCP,
+        getLCP,
+        getTTFB
+      } = _ref;
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+var _default = exports.default = reportWebVitals;