@campxdev/shared 1.11.15 → 1.11.17

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 (21) hide show
  1. package/package.json +3 -1
  2. package/src/assets/icons/index.tsx +87 -0
  3. package/src/assets/images/active_devices.svg +3 -0
  4. package/src/assets/images/change_password.svg +6 -0
  5. package/src/assets/images/clog_wheel.svg +6 -0
  6. package/src/assets/images/index.ts +22 -0
  7. package/src/assets/images/location.svg +6 -0
  8. package/src/assets/images/logout_icon.svg +6 -0
  9. package/src/assets/images/lottery.svg +22 -0
  10. package/src/assets/images/mobile.svg +7 -0
  11. package/src/assets/images/no_devices.svg +734 -0
  12. package/src/assets/images/notifications.svg +3 -0
  13. package/src/assets/images/profile.svg +6 -0
  14. package/src/assets/images/web.svg +13 -0
  15. package/src/components/ActiveDevices/ActiveDevices.tsx +60 -0
  16. package/src/components/ActiveDevices/DeviceInformationCard.tsx +97 -0
  17. package/src/components/ActiveDevices/index.ts +1 -0
  18. package/src/components/Layout/Header/HeaderActions/CogWheelMenu.tsx +2 -2
  19. package/src/components/Layout/Header/HeaderActions/HeaderActions.tsx +42 -20
  20. package/src/components/Layout/Header/HeaderActions/UserBox.tsx +43 -5
  21. 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.17",
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/icons/index.tsx ADDED
@@ -0,0 +1,87 @@
1
+ export const CareerIcon = () => {
2
+ return (
3
+ <>
4
+ <svg
5
+ width="20"
6
+ height="20"
7
+ version="1.1"
8
+ id="_x32_"
9
+ xmlns="http://www.w3.org/2000/svg"
10
+ xmlnsXlink="http://www.w3.org/1999/xlink"
11
+ viewBox="0 0 512 512"
12
+ xmlSpace="preserve"
13
+ >
14
+ <style type="text/css"></style>
15
+ <g>
16
+ <path
17
+ className="st0"
18
+ d="M216.759,239.367l36.235-36.243c-42.142-19.36-93.728-11.743-128.391,22.92
19
+ c-44.488,44.496-44.488,116.872,0,161.352c44.48,44.497,116.864,44.497,161.353,0c34.663-34.663,42.275-86.249,22.912-128.395
20
+ l-36.235,36.243c3.592,21.121-2.672,43.6-18.951,59.879c-26.693,26.685-70.12,26.685-96.809,0
21
+ c-26.697-26.693-26.697-70.113,0-96.806C173.146,242.039,195.631,235.775,216.759,239.367z"
22
+ />
23
+ <path
24
+ className="st0"
25
+ d="M356.787,256.392c18.353,55.516,5.53,119.183-38.562,163.278c-62.279,62.276-163.616,62.276-225.896,0
26
+ c-62.276-62.276-62.276-163.616,0-225.884c44.103-44.111,107.762-56.932,163.286-38.57l-5.274-48.749
27
+ c-66.375-14.824-138.732,3.49-190.282,55.037c-80.08,80.079-80.08,210.368,0,290.44c80.071,80.07,210.356,80.07,290.431,0
28
+ c51.551-51.555,69.861-123.9,55.032-190.27L356.787,256.392z"
29
+ />
30
+ <path
31
+ className="st0"
32
+ d="M288.667,206.181l-78.346,78.35c-7.385-1.682-15.43,0.314-21.183,6.06c-8.91,8.906-8.91,23.352,0,32.266
33
+ c8.913,8.913,23.356,8.913,32.273,0c5.754-5.753,7.735-13.802,6.061-21.182l78.349-78.342l96.727,10.469l3.856-3.86L512,124.342
34
+ l-112.203-12.136L387.649,0.003L278.197,109.455l0.589,5.432L288.667,206.181z M394.138,209.939l-67.609-7.318l23.533-23.541
35
+ l-0.153-0.142l67.891,7.341L394.138,209.939z M393.647,134.481l68.528,7.42l-23.663,23.674l-68.529-7.42L393.647,134.481z
36
+ M370.094,49.828l7.412,68.525l-23.659,23.658l-7.408-68.516L370.094,49.828z M325.72,94.198l7.349,67.888l-0.154-0.157
37
+ l-23.537,23.541l-7.321-67.621L325.72,94.198z"
38
+ />
39
+ </g>
40
+ </svg>
41
+ </>
42
+ )
43
+ }
44
+
45
+ export const ExamResultIcon = () => {
46
+ return (
47
+ <>
48
+ <svg
49
+ fill="#000000"
50
+ height="24"
51
+ width="24"
52
+ version="1.1"
53
+ id="Capa_1"
54
+ xmlns="http://www.w3.org/2000/svg"
55
+ xmlnsXlink="http://www.w3.org/1999/xlink"
56
+ viewBox="0 0 204 204"
57
+ xmlSpace="preserve"
58
+ >
59
+ <path
60
+ d="M139.185,157.339h25.175l-27.223,29.022v-26.974C137.137,158.257,138.056,157.339,139.185,157.339z M108.805,44.654
61
+ l7.761-1.004l-4.845-6.953L108.805,44.654z M179.518,5v142.339h-40.333c-6.644,0-12.048,5.405-12.048,12.048V204H29.482
62
+ c-2.762,0-5-2.239-5-5V5c0-2.761,2.238-5,5-5h145.035C177.279,0,179.518,2.239,179.518,5z M95.746,65.76
63
+ c0.568,0.208,1.148,0.307,1.721,0.307c2.038,0,3.953-1.256,4.694-3.281l2.765-7.546l18.084-2.34l4.595,6.594
64
+ c0.973,1.395,2.526,2.142,4.106,2.142c0.987,0,1.984-0.292,2.854-0.898c2.266-1.579,2.822-4.695,1.244-6.96l-21.377-30.677
65
+ c-0.008-0.011-0.019-0.02-0.027-0.031c-0.138-0.196-0.303-0.372-0.47-0.547c-0.061-0.064-0.113-0.141-0.177-0.201
66
+ c-0.132-0.124-0.286-0.226-0.432-0.336c-0.117-0.088-0.225-0.189-0.348-0.266c-0.094-0.059-0.202-0.098-0.301-0.151
67
+ c-0.193-0.103-0.384-0.209-0.588-0.285c-0.014-0.005-0.025-0.014-0.039-0.019c-0.117-0.043-0.237-0.057-0.354-0.091
68
+ c-0.183-0.052-0.364-0.11-0.552-0.141c-0.166-0.028-0.33-0.03-0.496-0.04c-0.157-0.01-0.313-0.028-0.471-0.024
69
+ c-0.169,0.005-0.333,0.034-0.5,0.056c-0.155,0.02-0.31,0.033-0.464,0.068c-0.166,0.038-0.324,0.099-0.486,0.154
70
+ c-0.145,0.049-0.292,0.089-0.434,0.153c-0.192,0.086-0.369,0.197-0.549,0.306c-0.09,0.055-0.185,0.091-0.273,0.152
71
+ c-0.01,0.007-0.018,0.017-0.028,0.024c-0.201,0.142-0.382,0.31-0.561,0.481c-0.061,0.058-0.132,0.107-0.19,0.167
72
+ c-0.121,0.128-0.219,0.278-0.326,0.419c-0.092,0.121-0.197,0.234-0.276,0.362c-0.052,0.083-0.086,0.18-0.134,0.267
73
+ c-0.111,0.205-0.222,0.409-0.303,0.626c-0.005,0.013-0.013,0.023-0.017,0.036L92.772,59.345
74
+ C91.822,61.938,93.153,64.81,95.746,65.76z M108.899,152.339c0-2.761-2.238-5-5-5H53.25c-2.762,0-5,2.239-5,5c0,2.761,2.238,5,5,5
75
+ h50.65C106.661,157.339,108.899,155.1,108.899,152.339z M130.157,121.839c0-2.761-2.238-5-5-5H53.25c-2.762,0-5,2.239-5,5
76
+ c0,2.761,2.238,5,5,5h71.907C127.919,126.839,130.157,124.6,130.157,121.839z M145.75,91.339c0-2.761-2.238-5-5-5h-87.5
77
+ c-2.762,0-5,2.239-5,5c0,2.761,2.238,5,5,5h87.5C143.512,96.339,145.75,94.1,145.75,91.339z M164.797,32.019
78
+ c-0.354-2.737-2.852-4.672-5.601-4.317l-6.681,0.865l-0.865-6.681c-0.354-2.738-2.851-4.673-5.601-4.317
79
+ c-2.738,0.354-4.672,2.862-4.317,5.6l0.865,6.681l-6.681,0.865c-2.738,0.354-4.672,2.861-4.317,5.6
80
+ c0.326,2.521,2.477,4.359,4.953,4.359c0.213,0,0.43-0.014,0.648-0.042l6.681-0.865l0.865,6.681c0.326,2.521,2.477,4.359,4.953,4.359
81
+ c0.213,0,0.43-0.014,0.647-0.042c2.738-0.354,4.672-2.862,4.317-5.6l-0.865-6.681l6.681-0.865
82
+ C163.218,37.265,165.151,34.758,164.797,32.019z"
83
+ />
84
+ </svg>
85
+ </>
86
+ )
87
+ }
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,35 @@ 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')
19
+ const careers = require('./lottery.svg')
9
20
  export {
21
+ activeDevices,
10
22
  animatedImage,
11
23
  avatarImage,
12
24
  campxLogoPrimary,
25
+ changePassword,
26
+ clogWheel,
13
27
  internalserver,
28
+ location,
29
+ logoutIcon,
30
+ mobile,
31
+ noDevices,
14
32
  nointernet,
33
+ notifications,
15
34
  pagenotfound,
16
35
  permissiondenied,
36
+ profile,
17
37
  unauth,
38
+ web,
39
+ careers,
18
40
  }
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/lottery.svg ADDED
@@ -0,0 +1,22 @@
1
+ <svg height="80px" width="80px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
2
+ viewBox="0 0 512 512" xml:space="preserve">
3
+ <style type="text/css">
4
+ .st0{fill:#000000;}
5
+ </style>
6
+ <g>
7
+ <path class="st0" d="M216.759,239.367l36.235-36.243c-42.142-19.36-93.728-11.743-128.391,22.92
8
+ c-44.488,44.496-44.488,116.872,0,161.352c44.48,44.497,116.864,44.497,161.353,0c34.663-34.663,42.275-86.249,22.912-128.395
9
+ l-36.235,36.243c3.592,21.121-2.672,43.6-18.951,59.879c-26.693,26.685-70.12,26.685-96.809,0
10
+ c-26.697-26.693-26.697-70.113,0-96.806C173.146,242.039,195.631,235.775,216.759,239.367z"/>
11
+ <path class="st0" d="M356.787,256.392c18.353,55.516,5.53,119.183-38.562,163.278c-62.279,62.276-163.616,62.276-225.896,0
12
+ c-62.276-62.276-62.276-163.616,0-225.884c44.103-44.111,107.762-56.932,163.286-38.57l-5.274-48.749
13
+ c-66.375-14.824-138.732,3.49-190.282,55.037c-80.08,80.079-80.08,210.368,0,290.44c80.071,80.07,210.356,80.07,290.431,0
14
+ c51.551-51.555,69.861-123.9,55.032-190.27L356.787,256.392z"/>
15
+ <path class="st0" d="M288.667,206.181l-78.346,78.35c-7.385-1.682-15.43,0.314-21.183,6.06c-8.91,8.906-8.91,23.352,0,32.266
16
+ c8.913,8.913,23.356,8.913,32.273,0c5.754-5.753,7.735-13.802,6.061-21.182l78.349-78.342l96.727,10.469l3.856-3.86L512,124.342
17
+ l-112.203-12.136L387.649,0.003L278.197,109.455l0.589,5.432L288.667,206.181z M394.138,209.939l-67.609-7.318l23.533-23.541
18
+ l-0.153-0.142l67.891,7.341L394.138,209.939z M393.647,134.481l68.528,7.42l-23.663,23.674l-68.529-7.42L393.647,134.481z
19
+ M370.094,49.828l7.412,68.525l-23.659,23.658l-7.408-68.516L370.094,49.828z M325.72,94.198l7.349,67.888l-0.154-0.157
20
+ l-23.537,23.541l-7.321-67.621L325.72,94.198z"/>
21
+ </g>
22
+ </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>