@campxdev/shared 1.11.15 → 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 (19) hide show
  1. package/package.json +3 -1
  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 +53 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/shared",
3
- "version": "1.11.15",
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",
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>