@campxdev/shared 1.11.14 → 1.11.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/package.json +9 -4
  2. package/src/assets/images/active_devices.svg +3 -0
  3. package/src/assets/images/change_password.svg +6 -0
  4. package/src/assets/images/clog_wheel.svg +6 -0
  5. package/src/assets/images/index.ts +20 -0
  6. package/src/assets/images/location.svg +6 -0
  7. package/src/assets/images/logout_icon.svg +6 -0
  8. package/src/assets/images/mobile.svg +7 -0
  9. package/src/assets/images/no_devices.svg +734 -0
  10. package/src/assets/images/notifications.svg +3 -0
  11. package/src/assets/images/profile.svg +6 -0
  12. package/src/assets/images/web.svg +13 -0
  13. package/src/components/ActiveDevices/ActiveDevices.tsx +60 -0
  14. package/src/components/ActiveDevices/DeviceInformationCard.tsx +97 -0
  15. package/src/components/ActiveDevices/index.ts +1 -0
  16. package/src/components/Layout/Header/HeaderActions/CogWheelMenu.tsx +2 -2
  17. package/src/components/Layout/Header/HeaderActions/HeaderActions.tsx +19 -20
  18. package/src/components/Layout/Header/HeaderActions/UserBox.tsx +43 -5
  19. package/src/components/LoginForm.tsx +52 -1
  20. package/src/components/Selectors/ProgramSelector.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/shared",
3
- "version": "1.11.14",
3
+ "version": "1.11.16",
4
4
  "main": "./exports.ts",
5
5
  "scripts": {
6
6
  "start": "react-scripts start",
@@ -37,8 +37,10 @@
37
37
  "@mui/x-date-pickers": "^6.16.0",
38
38
  "axios": "^0.27.2",
39
39
  "date-fns": "^2.28.0",
40
+ "date-fns-tz": "^2.0.0",
40
41
  "fuse.js": "^6.6.2",
41
42
  "js-cookie": "^3.0.1",
43
+ "device-detector-js": "^3.0.3",
42
44
  "moment": "^2.29.4",
43
45
  "pullstate": "^1.24.0",
44
46
  "react": "^18.2.0",
@@ -55,6 +57,7 @@
55
57
  "react-toastify": "^9.0.1",
56
58
  "styled-components": "^5.3.5",
57
59
  "swiper": "^8.1.5",
60
+ "typescript": "^5.2.2",
58
61
  "use-immer": "^0.8.1",
59
62
  "yup": "^0.32.11"
60
63
  },
@@ -81,11 +84,13 @@
81
84
  "eslint-import-resolver-typescript": "^3.5.0",
82
85
  "eslint-plugin-import": "^2.26.0",
83
86
  "eslint-plugin-prettier": "^4.2.1",
84
- "eslint-plugin-react": "^7.31.1",
87
+ "eslint-plugin-react": "^7.33.2",
85
88
  "eslint-plugin-storybook": "^0.6.8",
86
89
  "prettier": "^2.5.0",
87
90
  "react-scripts": "^5.0.1",
88
- "storybook-addon-react-router-v6": "^0.2.1",
89
- "typescript": "^5.2.2"
91
+ "storybook-addon-react-router-v6": "^0.2.1"
92
+ },
93
+ "resolutions": {
94
+ "react-dev-utils/fork-ts-checker-webpack-plugin": "^6.5.3"
90
95
  }
91
96
  }
package/src/assets/images/active_devices.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="21.17" height="20.3" viewBox="0 0 21.17 20.3">
2
+ <path id="devices" d="M10.435,14.913v3.478a.872.872,0,0,1-.87.87H6.087a.87.87,0,1,1,0-1.739H8.7V15.783H4.348A4.349,4.349,0,0,1,0,11.435V5.348A4.349,4.349,0,0,1,4.348,1H14.783A4.349,4.349,0,0,1,19.13,5.348a.87.87,0,0,1-1.739,0,2.616,2.616,0,0,0-2.609-2.609H4.348A2.616,2.616,0,0,0,1.739,5.348v6.087a2.616,2.616,0,0,0,2.609,2.609H9.565A.872.872,0,0,1,10.435,14.913ZM20.87,11.435v6.087A3.477,3.477,0,0,1,17.391,21H15.652a3.477,3.477,0,0,1-3.478-3.478V11.435a3.477,3.477,0,0,1,3.478-3.478h1.739A3.477,3.477,0,0,1,20.87,11.435Zm-1.739,0A1.744,1.744,0,0,0,17.391,9.7H15.652a1.744,1.744,0,0,0-1.739,1.739v6.087a1.744,1.744,0,0,0,1.739,1.739h1.739a1.744,1.744,0,0,0,1.739-1.739Z" transform="translate(0.15 -0.85)" stroke="#fff" stroke-width="0.3"/>
3
+ </svg>
package/src/assets/images/change_password.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="17.893" height="21.411" viewBox="0 0 17.893 21.411">
2
+ <g id="lock" transform="translate(-1.85 0.15)">
3
+ <path id="Path_38568" data-name="Path 38568" d="M16.954,7.41V6.157a6.157,6.157,0,1,0-12.315,0V7.41A4.4,4.4,0,0,0,2,11.435v5.278a4.4,4.4,0,0,0,4.4,4.4h8.8a4.4,4.4,0,0,0,4.4-4.4V11.435A4.4,4.4,0,0,0,16.954,7.41ZM6.4,6.157a4.4,4.4,0,1,1,8.8,0v.88H6.4ZM17.833,16.713a2.639,2.639,0,0,1-2.639,2.639H6.4a2.639,2.639,0,0,1-2.639-2.639V11.435A2.639,2.639,0,0,1,6.4,8.8h8.8a2.639,2.639,0,0,1,2.639,2.639Z" stroke="#fff" stroke-width="0.3"/>
4
+ <path id="Path_38569" data-name="Path 38569" d="M12,14a1,1,0,0,0-1,1v2a1,1,0,0,0,2,0V15A1,1,0,0,0,12,14Z" transform="translate(-1.204 -2.022)" stroke="#fff" stroke-width="0.3"/>
5
+ </g>
6
+ </svg>
package/src/assets/images/clog_wheel.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="17.995" height="20" viewBox="0 0 17.995 20">
2
+ <g id="settings_11_" data-name="settings (11)" transform="translate(-1.203)">
3
+ <path id="Path_1375" data-name="Path 1375" d="M11.333,8a3.333,3.333,0,1,0,3.333,3.333A3.333,3.333,0,0,0,11.333,8Zm0,5A1.667,1.667,0,1,1,13,11.333,1.667,1.667,0,0,1,11.333,13Z" transform="translate(-1.133 -1.333)"/>
4
+ <path id="Path_1376" data-name="Path 1376" d="M17.945,11.583l-.37-.213a7.583,7.583,0,0,0,0-2.742l.37-.213a2.5,2.5,0,1,0-2.5-4.333l-.371.214A7.481,7.481,0,0,0,12.7,2.927V2.5a2.5,2.5,0,1,0-5,0v.427A7.481,7.481,0,0,0,5.327,4.3l-.373-.216a2.5,2.5,0,1,0-2.5,4.333l.37.213a7.583,7.583,0,0,0,0,2.742l-.37.213a2.5,2.5,0,0,0,2.5,4.333l.371-.214A7.481,7.481,0,0,0,7.7,17.072V17.5a2.5,2.5,0,1,0,5,0v-.428A7.481,7.481,0,0,0,15.074,15.7l.373.215a2.5,2.5,0,1,0,2.5-4.333ZM15.822,8.437a5.873,5.873,0,0,1,0,3.125.833.833,0,0,0,.387.944l.9.522a.834.834,0,1,1-.833,1.444l-.9-.523a.833.833,0,0,0-1.012.138,5.82,5.82,0,0,1-2.7,1.563.833.833,0,0,0-.626.807V17.5a.833.833,0,0,1-1.667,0V16.457a.833.833,0,0,0-.626-.807,5.82,5.82,0,0,1-2.7-1.566.833.833,0,0,0-1.013-.138l-.9.523a.833.833,0,1,1-.833-1.443l.9-.522a.833.833,0,0,0,.387-.944,5.873,5.873,0,0,1,0-3.125.833.833,0,0,0-.388-.941l-.9-.522a.834.834,0,0,1,.833-1.444l.9.523a.833.833,0,0,0,1.012-.134,5.82,5.82,0,0,1,2.7-1.562.833.833,0,0,0,.626-.811V2.5a.833.833,0,1,1,1.667,0V3.543a.833.833,0,0,0,.626.808,5.82,5.82,0,0,1,2.7,1.566.833.833,0,0,0,1.012.137l.9-.522a.833.833,0,1,1,.833,1.443l-.9.522a.833.833,0,0,0-.386.941Z" transform="translate(0 0)"/>
5
+ </g>
6
+ </svg>
package/src/assets/images/index.ts CHANGED
@@ -6,13 +6,33 @@ const unauth = require('./401.png')
6
6
  const nointernet = require('./nointernet.png')
7
7
  const campxLogoPrimary = require('./campx_logo__full_primary.png')
8
8
  const animatedImage = require('./animation.gif')
9
+ const activeDevices = require('./active_devices.svg')
10
+ const changePassword = require('./change_password.svg')
11
+ const clogWheel = require('./clog_wheel.svg')
12
+ const logoutIcon = require('./logout_icon.svg')
13
+ const notifications = require('./notifications.svg')
14
+ const profile = require('./profile.svg')
15
+ const web = require('./web.svg')
16
+ const mobile = require('./mobile.svg')
17
+ const location = require('./location.svg')
18
+ const noDevices = require('./no_devices.svg')
9
19
  export {
20
+ activeDevices,
10
21
  animatedImage,
11
22
  avatarImage,
12
23
  campxLogoPrimary,
24
+ changePassword,
25
+ clogWheel,
13
26
  internalserver,
27
+ location,
28
+ logoutIcon,
29
+ mobile,
30
+ noDevices,
14
31
  nointernet,
32
+ notifications,
15
33
  pagenotfound,
16
34
  permissiondenied,
35
+ profile,
17
36
  unauth,
37
+ web,
18
38
  }
package/src/assets/images/location.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="14.421" height="16.456" viewBox="0 0 14.421 16.456">
2
+ <g id="Group_5283" data-name="Group 5283" transform="translate(-533.814 -111.771)">
3
+ <path id="Vector" d="M4.667,2.334A2.334,2.334,0,1,1,2.334,0,2.334,2.334,0,0,1,4.667,2.334Z" transform="translate(538.69 116.402)" fill="none" stroke="#292d32" stroke-width="1.5"/>
4
+ <path id="Vector-2" data-name="Vector" d="M.182,4.854c1.473-6.477,11.07-6.47,12.536.007.86,3.8-1.5,7.016-3.575,9.006a3.885,3.885,0,0,1-5.393,0C1.685,11.878-.679,8.654.182,4.854Z" transform="translate(534.575 112.521)" fill="none" stroke="#292d32" stroke-width="1.5"/>
5
+ </g>
6
+ </svg>
package/src/assets/images/logout_icon.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.561" height="20.614" viewBox="0 0 20.561 20.614">
2
+ <g id="sign-out-alt_1_" data-name="sign-out-alt (1)" transform="translate(0.15 0.15)">
3
+ <path id="Path_38570" data-name="Path 38570" d="M9.714,12.7a.846.846,0,0,0-.846.846v2.539a2.539,2.539,0,0,1-2.539,2.539h-2.1a2.539,2.539,0,0,1-2.539-2.539V4.232A2.539,2.539,0,0,1,4.232,1.693h2.1A2.539,2.539,0,0,1,8.867,4.232V6.771a.846.846,0,1,0,1.693,0V4.232A4.237,4.237,0,0,0,6.328,0h-2.1A4.237,4.237,0,0,0,0,4.232v11.85a4.237,4.237,0,0,0,4.232,4.232h2.1a4.237,4.237,0,0,0,4.232-4.232V13.543A.846.846,0,0,0,9.714,12.7Z" stroke="#fff" stroke-width="0.3"/>
4
+ <path id="Path_38571" data-name="Path 38571" d="M20.123,9.13,16.242,5.248a.846.846,0,1,0-1.2,1.2l3.608,3.608-12.806.025a.846.846,0,0,0,0,1.693h0L18.7,11.745l-3.659,3.66a.846.846,0,1,0,1.2,1.2l3.882-3.882a2.539,2.539,0,0,0,0-3.591Z" transform="translate(-0.768 -0.768)" stroke="#fff" stroke-width="0.3"/>
5
+ </g>
6
+ </svg>
package/src/assets/images/mobile.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="17.5" height="21.5" viewBox="0 0 17.5 21.5">
2
+ <g id="Group_5281" data-name="Group 5281" transform="translate(-41.25 -109.25)">
3
+ <path id="Vector" d="M16,5V15c0,4-1,5-5,5H5c-4,0-5-1-5-5V5C0,1,1,0,5,0h6C15,0,16,1,16,5Z" transform="translate(42 110)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
4
+ <path id="Vector-2" data-name="Vector" d="M4,0H0" transform="translate(48 113.5)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
5
+ <path id="Vector-3" data-name="Vector" d="M3.1,1.55A1.55,1.55,0,1,1,1.55,0,1.55,1.55,0,0,1,3.1,1.55Z" transform="translate(48.45 124)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
6
+ </g>
7
+ </svg>