@secondstaxorg/sscomp 1.4.1 → 1.4.3

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 (29) hide show
  1. package/dist/index.es.js +30 -13
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +295 -267
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +20 -3
  6. package/dist/index.min.js.map +1 -1
  7. package/package.json +1 -1
  8. package/types/components/ActionFailed/ActionFailed.d.ts +0 -3
  9. package/types/components/ActionSuccess/ActionSuccess.d.ts +3 -0
  10. package/types/components/ActionSuccess/type.d.ts +6 -0
  11. package/types/components/AppActionsTable/AppActionsTable.d.ts +3 -0
  12. package/types/components/AppActionsTable/type.d.ts +6 -0
  13. package/types/components/AppFormsTable/AppFormsTable.d.ts +3 -0
  14. package/types/components/AppFormsTable/type.d.ts +6 -0
  15. package/types/components/AppModulesTable/AppModulesTable.d.ts +3 -0
  16. package/types/components/AppModulesTable/type.d.ts +6 -0
  17. package/types/components/AuditLog/AuditLog.d.ts +3 -0
  18. package/types/components/AuditLog/type.d.ts +3 -0
  19. package/types/components/BankAccounts/BankAccounts.d.ts +3 -0
  20. package/types/components/BankAccounts/type.d.ts +7 -0
  21. package/types/components/BankSelector/BankSelector.d.ts +4 -0
  22. package/types/components/BankSelector/type.d.ts +6 -0
  23. package/types/components/BreadcrumbBar/BreadcrumbBar.d.ts +3 -0
  24. package/types/components/BreadcrumbBar/type.d.ts +3 -0
  25. package/types/components/BrokersTable/BrokersTable.d.ts +3 -0
  26. package/types/components/BrokersTable/type.d.ts +6 -0
  27. package/types/components/Button/Button.d.ts +2 -19
  28. package/types/components/Chart/Chart.d.ts +3 -0
  29. package/types/components/Chart/type.d.ts +15 -0
package/dist/index.js CHANGED
@@ -216,32 +216,12 @@ const ButtonComp = styled.button`
216
216
  `;
217
217
 
218
218
  const _jsxFileName$$ = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Button\\Button.tsx";
219
-
220
-
221
-
222
-
223
-
224
-
225
-
226
-
227
-
228
-
229
-
230
-
231
-
232
-
233
-
234
-
235
-
236
-
237
-
238
-
239
219
  /**
240
220
  * Solid and Outline buttons
241
221
  */
242
222
  const Button$1 = (props) => {
243
223
  const {variant, size, disabled,children} = props;
244
- return React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$$, lineNumber: 30}}, children)
224
+ return React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$$, lineNumber: 10}}, children)
245
225
  };
246
226
 
247
227
  const Container$b = styled.div`
@@ -323,43 +303,39 @@ const TextArea$5 = styled.div`
323
303
 
324
304
  const _jsxFileName$_ = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionFailed\\ActionFailed.tsx";
325
305
 
326
-
327
- /**
328
- * Solid button
329
- */
330
306
  const ActionFailed = (props) => {
331
307
  const {subText,headingText} = props;
332
308
  return (
333
- React$1.createElement(Container$b, {__self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 12}}
334
- , React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 13}}
335
- , React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 14}}
336
- , React$1.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 15}}
309
+ React$1.createElement(Container$b, {__self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 8}}
310
+ , React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 9}}
311
+ , React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 10}}
312
+ , React$1.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 11}}
337
313
  , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
338
314
  d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" ,
339
- fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 16}})
315
+ fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 12}})
340
316
  , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
341
317
  d: "M22.0992 24.9293L39.0697 41.8998C39.8504 42.6805 41.1181 42.6805 41.8987 41.8998C42.6794 41.1192 42.6794 39.8515 41.8987 39.0709L24.9282 22.1003C24.1475 21.3196 22.8798 21.3196 22.0992 22.1003C21.3185 22.8809 21.3185 24.1486 22.0992 24.9293Z" ,
342
- fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 19}})
318
+ fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 15}})
343
319
  , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
344
320
  d: "M39.069 22.1006L22.0984 39.0712C21.3178 39.8519 21.3178 41.1195 22.0985 41.9002C22.8791 42.6808 24.1468 42.6808 24.9274 41.9002L41.898 24.9296C42.6786 24.149 42.6786 22.8813 41.898 22.1006C41.1174 21.32 39.8497 21.32 39.069 22.1006Z" ,
345
- fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 22}})
321
+ fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 18}})
346
322
  , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
347
323
  d: "M47.5567 47.5561C38.9713 56.1415 25.0299 56.1415 16.4445 47.5561C7.85911 38.9707 7.85912 25.0294 16.4445 16.444C25.0299 7.85855 38.9713 7.85853 47.5567 16.4439C54.3245 23.2118 55.7585 33.3076 51.8562 41.4848C51.3801 42.4819 51.8035 43.6758 52.7988 44.1518C53.795 44.627 54.9906 44.2035 55.4658 43.2074C60.0767 33.5443 58.3839 21.6132 50.3856 13.615C40.2389 3.46826 23.7622 3.46825 13.6155 13.6149C3.46882 23.7616 3.46883 40.2384 13.6155 50.3851C23.7622 60.5318 40.2389 60.5318 50.3856 50.3851C51.1663 49.6044 51.1663 48.3367 50.3856 47.5561C49.605 46.7754 48.3373 46.7754 47.5567 47.5561Z" ,
348
- fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 25}})
324
+ fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 21}})
349
325
  )
350
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 29}}
351
- , React$1.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 30}}
352
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 31}})
326
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 25}}
327
+ , React$1.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 26}}
328
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 27}})
353
329
  )
354
330
  )
355
331
  )
356
332
  )
357
- , React$1.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 36}}
333
+ , React$1.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 32}}
358
334
  , headingText &&
359
- React$1.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 38}}, headingText)
335
+ React$1.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 34}}, headingText)
360
336
 
361
337
  , subText &&
362
- React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 41}}, subText)
338
+ React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$_, lineNumber: 37}}, subText)
363
339
 
364
340
  )
365
341
  )
@@ -446,35 +422,38 @@ const TextArea$4 = styled.div`
446
422
 
447
423
  const _jsxFileName$Z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionSuccess\\ActionSuccess.tsx";
448
424
 
425
+ /**
426
+ * Message status of an action whether it succeeded or failed.
427
+ */
449
428
  const ActionSuccess = (props) => {
450
429
  const {subText,headingText} = props;
451
430
  return (
452
- React$1.createElement(Container$a, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 8}}
453
- , React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 9}}
454
- , React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 10}}
455
- , React$1.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 11}}
456
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 12}})
457
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 13}})
458
- , React$1.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 14}}
459
- , React$1.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 15}})
431
+ React$1.createElement(Container$a, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 11}}
432
+ , React$1.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 12}}
433
+ , React$1.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 13}}
434
+ , React$1.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 14}}
435
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 15}})
436
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 16}})
437
+ , React$1.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 17}}
438
+ , React$1.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 18}})
460
439
  )
461
440
  )
462
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 18}}
463
- , React$1.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 19}}
464
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 20}})
441
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 21}}
442
+ , React$1.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 22}}
443
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 23}})
465
444
  )
466
- , React$1.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 22}}
467
- , React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 23}})
445
+ , React$1.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 25}}
446
+ , React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 26}})
468
447
  )
469
448
  )
470
449
  )
471
450
  )
472
- , React$1.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 28}}
451
+ , React$1.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 31}}
473
452
  , headingText &&
474
- React$1.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 30}}, headingText)
453
+ React$1.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 33}}, headingText)
475
454
 
476
455
  , subText &&
477
- React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 33}}, subText)
456
+ React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 36}}, subText)
478
457
 
479
458
  )
480
459
  )
@@ -662,6 +641,9 @@ const Pagination = (props) => {
662
641
  };
663
642
 
664
643
  const _jsxFileName$X = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppActionsTable\\AppActionsTable.tsx";
644
+ /**
645
+ * Table view of App Actions on Code Maintenance in LP Application
646
+ */
665
647
  const AppActionsTable = (props) => {
666
648
  const {actions,callback,srchActive} = props;
667
649
  const [currentPage,setCurrentPage] = React$1.useState(1);
@@ -716,48 +698,48 @@ const AppActionsTable = (props) => {
716
698
 
717
699
  return (
718
700
  React$1.createElement(React$1.Fragment, null
719
- , React$1.createElement(TableContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 60}}
720
- , React$1.createElement(Table$b, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 61}}
721
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 62}}
722
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 63}}
723
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 64}}
724
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 65}}, "Title"
701
+ , React$1.createElement(TableContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 63}}
702
+ , React$1.createElement(Table$b, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 64}}
703
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 65}}
704
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 66}}
705
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 67}}
706
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 68}}, "Title"
725
707
 
726
708
  , sortDir === 'desc' &&
727
709
  React$1.createElement(React$1.Fragment, null
728
710
  /*arrow-up*/
729
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 70}}
730
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 71}})
711
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 73}}
712
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 74}})
731
713
  )
732
714
  )
733
715
 
734
716
  , sortDir === 'asc' &&
735
717
  React$1.createElement(React$1.Fragment, null
736
718
  /*arrow-down*/
737
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 78}}
738
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 79}})
719
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 81}}
720
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 82}})
739
721
  )
740
722
  )
741
723
 
742
724
 
743
725
  )
744
726
  )
745
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 86}}, "Description")
746
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 87}}, "Clearance Level" )
727
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 89}}, "Description")
728
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 90}}, "Clearance Level" )
747
729
  )
748
730
  )
749
731
  , dispActions && dispActions.length > 0 && displayContent &&
750
732
  React$1.createElement(React$1.Fragment, null
751
- , React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 92}}
733
+ , React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 95}}
752
734
  , dispActions.map((action,index) => (
753
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 94}}
754
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 95}}, action.title)
755
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 96}}, action.description)
756
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 97}}
757
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 98}}
735
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 97}}
736
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 98}}, action.title)
737
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 99}}, action.description)
738
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 100}}
739
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 101}}
758
740
  , action.clearanceLevel
759
- , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 100}}
760
- , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 101}})
741
+ , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 103}}
742
+ , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 104}})
761
743
  )
762
744
  )
763
745
  )
@@ -768,30 +750,30 @@ const AppActionsTable = (props) => {
768
750
 
769
751
  )
770
752
  , dispActions && dispActions.length === 0 && displayContent &&
771
- React$1.createElement(NothingContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 112}}
772
- , React$1.createElement(NothingContent$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 113}}
773
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 114}}
774
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 115}}
775
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 116}})
776
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 117}})
777
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 118}})
778
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 119}})
779
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 120}})
780
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 121}})
753
+ React$1.createElement(NothingContainer$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 115}}
754
+ , React$1.createElement(NothingContent$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 116}}
755
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 117}}
756
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 118}}
757
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 119}})
758
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 120}})
759
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 121}})
760
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 122}})
761
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 123}})
762
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 124}})
781
763
  )
782
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 123}}
783
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 124}}
784
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 125}})
764
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 126}}
765
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 127}}
766
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 128}})
785
767
  )
786
768
  )
787
769
  )
788
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 129}}, "App actions will be displayed here when you have any." )
770
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 132}}, "App actions will be displayed here when you have any." )
789
771
  )
790
772
  )
791
773
 
792
774
  )
793
- , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 134}}
794
- , React$1.createElement(Pagination, { currPageNum: currentPage, itemsPerPage: 10, totalItems: dispActionsOri.length, returnedPageNum: (a)=>{setCurrentPage(a);}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 135}})
775
+ , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 137}}
776
+ , React$1.createElement(Pagination, { currPageNum: currentPage, itemsPerPage: 10, totalItems: dispActionsOri.length, returnedPageNum: (a)=>{setCurrentPage(a);}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 138}})
795
777
  )
796
778
  )
797
779
  )
@@ -877,6 +859,9 @@ const NothingContent$9 = styled.div`
877
859
  `;
878
860
 
879
861
  const _jsxFileName$W = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppFormsTable\\AppFormsTable.tsx";
862
+ /**
863
+ * Table view of App Actions on Code Maintenance in LP Application
864
+ */
880
865
  const AppFormsTable = (props) => {
881
866
  const {forms,callback,srchActive} = props;
882
867
  const [currentPage,setCurrentPage] = React$1.useState(1);
@@ -929,46 +914,46 @@ const AppFormsTable = (props) => {
929
914
 
930
915
  return (
931
916
  React$1.createElement(React$1.Fragment, null
932
- , React$1.createElement(TableContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 58}}
933
- , React$1.createElement(Table$a, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 59}}
934
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 60}}
935
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 61}}
936
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 62}}
937
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 63}}, "Form Name"
917
+ , React$1.createElement(TableContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 61}}
918
+ , React$1.createElement(Table$a, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 62}}
919
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 63}}
920
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 64}}
921
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 65}}
922
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 66}}, "Form Name"
938
923
 
939
924
  , sortDir === 'desc' &&
940
925
  React$1.createElement(React$1.Fragment, null
941
926
  /*arrow-up*/
942
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 68}}
943
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 69}})
927
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 71}}
928
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 72}})
944
929
  )
945
930
  )
946
931
 
947
932
  , sortDir === 'asc' &&
948
933
  React$1.createElement(React$1.Fragment, null
949
934
  /*arrow-down*/
950
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 76}}
951
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 77}})
935
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 79}}
936
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 80}})
952
937
  )
953
938
  )
954
939
 
955
940
  )
956
941
  )
957
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 83}}, "Form Code" )
958
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 84}}, "Authorised User Type" )
942
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 86}}, "Form Code" )
943
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 87}}, "Authorised User Type" )
959
944
  )
960
945
  )
961
946
  , dispForms && dispForms.length > 0 && displayContent &&
962
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 88}}
947
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 91}}
963
948
  , dispForms.map((form,index) => (
964
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(form);}, __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 90}}
965
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 91}}, form.formName)
966
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 92}}, form.formCode)
967
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 93}}
968
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 94}}
949
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(form);}, __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 93}}
950
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 94}}, form.formName)
951
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 95}}, form.formCode)
952
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 96}}
953
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 97}}
969
954
  , form.userType
970
- , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 96}}
971
- , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 97}})
955
+ , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 99}}
956
+ , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 100}})
972
957
  )
973
958
  )
974
959
  )
@@ -978,30 +963,30 @@ const AppFormsTable = (props) => {
978
963
 
979
964
  )
980
965
  , dispForms && dispForms.length === 0 && displayContent &&
981
- React$1.createElement(NothingContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 107}}
982
- , React$1.createElement(NothingContent$9, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 108}}
983
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 109}}
984
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 110}}
985
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 111}})
986
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 112}})
987
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 113}})
988
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 114}})
989
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 115}})
990
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 116}})
966
+ React$1.createElement(NothingContainer$9, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 110}}
967
+ , React$1.createElement(NothingContent$9, {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 111}}
968
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 112}}
969
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 113}}
970
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 114}})
971
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 115}})
972
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 116}})
973
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 117}})
974
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 118}})
975
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 119}})
991
976
  )
992
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 118}}
993
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 119}}
994
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 120}})
977
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 121}}
978
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 122}}
979
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 123}})
995
980
  )
996
981
  )
997
982
  )
998
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 124}}, "App forms will be displayed here when you have any." )
983
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 127}}, "App forms will be displayed here when you have any." )
999
984
  )
1000
985
  )
1001
986
 
1002
987
  )
1003
- , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 129}}
1004
- , React$1.createElement(Pagination, { currPageNum: currentPage, itemsPerPage: 10, totalItems: dispFormsOri.length, returnedPageNum: (a)=>{setCurrentPage(a);}, __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 130}})
988
+ , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 132}}
989
+ , React$1.createElement(Pagination, { currPageNum: currentPage, itemsPerPage: 10, totalItems: dispFormsOri.length, returnedPageNum: (a)=>{setCurrentPage(a);}, __self: undefined, __source: {fileName: _jsxFileName$W, lineNumber: 133}})
1005
990
  )
1006
991
  )
1007
992
  )
@@ -1087,6 +1072,9 @@ const NothingContent$8 = styled.div`
1087
1072
  `;
1088
1073
 
1089
1074
  const _jsxFileName$V = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AppModulesTable\\AppModulesTable.tsx";
1075
+ /**
1076
+ * Table view of App Modules in Code Maintenance in LP Application
1077
+ */
1090
1078
  const AppModulesTable = (props) => {
1091
1079
  const {modules,callback,srchActive} = props;
1092
1080
  const [currentPage,setCurrentPage] = React$1.useState(1);
@@ -1139,46 +1127,46 @@ const AppModulesTable = (props) => {
1139
1127
 
1140
1128
  return (
1141
1129
  React$1.createElement(React$1.Fragment, null
1142
- , React$1.createElement(TableContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 58}}
1143
- , React$1.createElement(Table$9, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 59}}
1144
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 60}}
1145
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 61}}
1146
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 62}}
1147
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 63}}, "Module Name"
1130
+ , React$1.createElement(TableContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 61}}
1131
+ , React$1.createElement(Table$9, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 62}}
1132
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 63}}
1133
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 64}}
1134
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 65}}
1135
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 66}}, "Module Name"
1148
1136
 
1149
1137
  , sortDir === 'desc' &&
1150
1138
  React$1.createElement(React$1.Fragment, null
1151
1139
  /*arrow-up*/
1152
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 68}}
1153
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 69}})
1140
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 71}}
1141
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 72}})
1154
1142
  )
1155
1143
  )
1156
1144
 
1157
1145
  , sortDir === 'asc' &&
1158
1146
  React$1.createElement(React$1.Fragment, null
1159
1147
  /*arrow-down*/
1160
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 76}}
1161
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 77}})
1148
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 79}}
1149
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 80}})
1162
1150
  )
1163
1151
  )
1164
1152
 
1165
1153
  )
1166
1154
  )
1167
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 83}}, "Module Code" )
1168
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 84}}, "Remarks")
1155
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 86}}, "Module Code" )
1156
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 87}}, "Remarks")
1169
1157
  )
1170
1158
  )
1171
1159
  , dispModules && dispModules.length > 0 && displayContent &&
1172
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 88}}
1160
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 91}}
1173
1161
  , dispModules.map((action,index) => (
1174
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 90}}
1175
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 91}}, action.moduleName)
1176
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 92}}, action.moduleCode)
1177
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 93}}
1178
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 94}}
1162
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(action);}, __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 93}}
1163
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 94}}, action.moduleName)
1164
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 95}}, action.moduleCode)
1165
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 96}}
1166
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 97}}
1179
1167
  , action.remarks ? action.remarks : '-'
1180
- , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 96}}
1181
- , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 97}})
1168
+ , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 99}}
1169
+ , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 100}})
1182
1170
  )
1183
1171
  )
1184
1172
  )
@@ -1188,29 +1176,29 @@ const AppModulesTable = (props) => {
1188
1176
 
1189
1177
  )
1190
1178
  , dispModules && dispModules.length === 0 && displayContent &&
1191
- React$1.createElement(NothingContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 107}}
1192
- , React$1.createElement(NothingContent$8, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 108}}
1193
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 109}}
1194
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 110}}
1195
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 111}})
1196
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 112}})
1197
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 113}})
1198
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 114}})
1199
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 115}})
1200
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 116}})
1179
+ React$1.createElement(NothingContainer$8, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 110}}
1180
+ , React$1.createElement(NothingContent$8, {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 111}}
1181
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 112}}
1182
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 113}}
1183
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 114}})
1184
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 115}})
1185
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 116}})
1186
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 117}})
1187
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 118}})
1188
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 119}})
1201
1189
  )
1202
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 118}}
1203
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 119}}
1204
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 120}})
1190
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 121}}
1191
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 122}}
1192
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 123}})
1205
1193
  )
1206
1194
  )
1207
1195
  )
1208
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 124}}, "App modules will be displayed here when you have any." )
1196
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 127}}, "App modules will be displayed here when you have any." )
1209
1197
  )
1210
1198
  )
1211
1199
 
1212
1200
  )
1213
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: modules.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 129}})
1201
+ , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: modules.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$V, lineNumber: 132}})
1214
1202
  )
1215
1203
  )
1216
1204
  };
@@ -1263,6 +1251,10 @@ const LogContent = styled.div`
1263
1251
 
1264
1252
  const _jsxFileName$U = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\AuditLog\\AuditLog.tsx";
1265
1253
 
1254
+ /**
1255
+ * This component lists out activities that has been performed on a certain module in Code Maintenance on the LP application.
1256
+ */
1257
+
1266
1258
  const AuditLog = (props) => {
1267
1259
  const {logDetails} = props;
1268
1260
 
@@ -1274,16 +1266,16 @@ const AuditLog = (props) => {
1274
1266
 
1275
1267
 
1276
1268
  ,index) => (
1277
- React$1.createElement(Container$9, { key: index, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 16}}
1278
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 17}}
1279
- , React$1.createElement(LogTimeline, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 18}})
1280
- , React$1.createElement(TimelineDot, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 19}})
1269
+ React$1.createElement(Container$9, { key: index, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 20}}
1270
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 21}}
1271
+ , React$1.createElement(LogTimeline, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 22}})
1272
+ , React$1.createElement(TimelineDot, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 23}})
1281
1273
  )
1282
- , React$1.createElement(LogContent, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 21}}
1283
- , React$1.createElement('p', { className: "timestamp", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 22}}, log.timestamp)
1284
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 23}}, "User: " , log.user)
1285
- , React$1.createElement('p', { className: "log-description", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 24}}, log.logDescription)
1286
- , log.reference && React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 25}}, "Reference: " , log.reference)
1274
+ , React$1.createElement(LogContent, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 25}}
1275
+ , React$1.createElement('p', { className: "timestamp", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 26}}, log.timestamp)
1276
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 27}}, "User: " , log.user)
1277
+ , React$1.createElement('p', { className: "log-description", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 28}}, log.logDescription)
1278
+ , log.reference && React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 29}}, "Reference: " , log.reference)
1287
1279
  )
1288
1280
  )
1289
1281
  ))
@@ -1538,13 +1530,17 @@ const Loader = (props) => {
1538
1530
  };
1539
1531
 
1540
1532
  const _jsxFileName$R = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\BankAccounts\\BankAccounts.tsx";
1533
+ /**
1534
+ * This component displays a list of bank accounts associated with a provider or broker.
1535
+ */
1536
+
1541
1537
  const BankAccounts = (props) => {
1542
1538
  const {acctDets,loading} = props;
1543
1539
  const [acctBtnNum,setAcctBtnNum] = React$1.useState(null); //index of the account whose button was clicked. Used to trigger the loading spinner for that account
1544
1540
  const [clickedBtn,setClickedBtn] = React$1.useState(null);
1545
1541
 
1546
1542
  return (
1547
- React$1.createElement(BankAcctsWrapper, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 15}}
1543
+ React$1.createElement(BankAcctsWrapper, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 19}}
1548
1544
  , acctDets && acctDets.length > 0 && acctDets.map((acct
1549
1545
 
1550
1546
 
@@ -1558,34 +1554,34 @@ const BankAccounts = (props) => {
1558
1554
 
1559
1555
 
1560
1556
  ,index) => (
1561
- React$1.createElement(Container$8, { key: index, className: acct.isActive ? 'is-active' : '', __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 29}}
1562
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 30}}
1563
- , React$1.createElement('img', { src: acct.bankLogo ? acct.bankLogo : img$3, alt: "", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 31}})
1557
+ React$1.createElement(Container$8, { key: index, className: acct.isActive ? 'is-active' : '', __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 33}}
1558
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 34}}
1559
+ , React$1.createElement('img', { src: acct.bankLogo ? acct.bankLogo : img$3, alt: "", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 35}})
1564
1560
  )
1565
- , React$1.createElement(AcctDets, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 33}}
1566
- , React$1.createElement('h4', { className: "acct-no", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 34}}, acct.acctNumber)
1567
- , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 35}}, acct.bankName)
1568
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 36}}, "Account Name: " , acct.acctName)
1569
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 37}}, "Currency: " , acct.currency)
1570
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 38}}, "SWIFT Code: " , acct.swiftCode)
1571
- , React$1.createElement(ActionButtons, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 39}}
1572
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 40}}
1561
+ , React$1.createElement(AcctDets, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 37}}
1562
+ , React$1.createElement('h4', { className: "acct-no", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 38}}, acct.acctNumber)
1563
+ , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 39}}, acct.bankName)
1564
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 40}}, "Account Name: " , acct.acctName)
1565
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 41}}, "Currency: " , acct.currency)
1566
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 42}}, "SWIFT Code: " , acct.swiftCode)
1567
+ , React$1.createElement(ActionButtons, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 43}}
1568
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 44}}
1573
1569
  , React$1.createElement(OutlineButton, { size: "sm", variant: "primary", onClick: ()=>{
1574
1570
  setAcctBtnNum(index);
1575
1571
  acct.editFxn(acct);
1576
1572
  setClickedBtn('edit');
1577
- }, disabled: loading, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 41}}, clickedBtn === 'edit' && loading ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 45}}) : 'Edit')
1573
+ }, disabled: loading, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 45}}, clickedBtn === 'edit' && loading ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 49}}) : 'Edit')
1578
1574
  )
1579
- , React$1.createElement('div', { style: {width:100}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 47}}
1575
+ , React$1.createElement('div', { style: {width:100}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 51}}
1580
1576
  , acct.isActive ? React$1.createElement(OutlineButton, { size: "sm", variant: "warning", onClick: ()=>{
1581
1577
  setAcctBtnNum(index);
1582
1578
  acct.deactivateFxn(acct);
1583
1579
  setClickedBtn('act');
1584
- }, disabled: loading || acct.isMainAccount, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 48}}, clickedBtn === 'act' && acctBtnNum === index && loading ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 52}}) : 'Deactivate') : React$1.createElement(OutlineButton, { size: "sm", variant: "success", onClick: ()=>{
1580
+ }, disabled: loading || acct.isMainAccount, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 52}}, clickedBtn === 'act' && acctBtnNum === index && loading ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 56}}) : 'Deactivate') : React$1.createElement(OutlineButton, { size: "sm", variant: "success", onClick: ()=>{
1585
1581
  setAcctBtnNum(index);
1586
1582
  acct.reactivateFxn(acct);
1587
1583
  setClickedBtn('act');
1588
- }, disabled: loading, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 52}}, clickedBtn === 'act' && acctBtnNum === index && loading ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 56}}) : 'Reactivate')
1584
+ }, disabled: loading, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 56}}, clickedBtn === 'act' && acctBtnNum === index && loading ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 60}}) : 'Reactivate')
1589
1585
  )
1590
1586
 
1591
1587
  )
@@ -1673,12 +1669,16 @@ const AccountInfo = styled.div`
1673
1669
 
1674
1670
  const _jsxFileName$Q = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\BankSelector\\BankSelector.tsx";
1675
1671
 
1672
+ /**
1673
+ * In the LP application, when making an LP request, there is a stage in the process where the broker will need to select the bank account into which to receive the exchanged funds.
1674
+ * This is the component that handles the selection of the bank account.
1675
+ */
1676
1676
  const BankSelector = (props) => {
1677
1677
  const {bankAcct,selectedBank} = props;
1678
1678
  const [selIndex,setSelIndex] = React$1.useState(null);
1679
1679
 
1680
1680
  return (
1681
- React$1.createElement(MapContainer, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 10}}
1681
+ React$1.createElement(MapContainer, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 14}}
1682
1682
  , bankAcct && bankAcct.length > 0 && bankAcct.map((acct
1683
1683
 
1684
1684
 
@@ -1689,32 +1689,32 @@ const BankSelector = (props) => {
1689
1689
  React$1.createElement(Container$7, { key: index, className: `${selIndex === index ? 'active':''}`, onClick: ()=>{
1690
1690
  selectedBank(acct);
1691
1691
  setSelIndex(index);
1692
- }, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 18}}
1692
+ }, __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 22}}
1693
1693
  , !acct.bankLogo &&
1694
- React$1.createElement('div', { className: "blank-logo", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 23}})
1694
+ React$1.createElement('div', { className: "blank-logo", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 27}})
1695
1695
 
1696
1696
  , acct.bankLogo &&
1697
- React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 26}}
1698
- , React$1.createElement('img', { src: acct.bankLogo, alt: "Bank logo" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 27}})
1697
+ React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 30}}
1698
+ , React$1.createElement('img', { src: acct.bankLogo, alt: "Bank logo" , __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 31}})
1699
1699
  )
1700
1700
 
1701
- , React$1.createElement(Dets, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 30}}
1702
- , React$1.createElement(AccountInfo, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 31}}
1703
- , React$1.createElement('p', { className: "acct-no", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 32}}, acct.acctNo)
1704
- , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 33}}, acct.bankName)
1705
- , React$1.createElement('p', { className: "acct-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 34}}, acct.acctName)
1706
- , React$1.createElement('p', { className: "curr", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 35}}, acct.currency)
1701
+ , React$1.createElement(Dets, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 34}}
1702
+ , React$1.createElement(AccountInfo, {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 35}}
1703
+ , React$1.createElement('p', { className: "acct-no", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 36}}, acct.acctNo)
1704
+ , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 37}}, acct.bankName)
1705
+ , React$1.createElement('p', { className: "acct-name", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 38}}, acct.acctName)
1706
+ , React$1.createElement('p', { className: "curr", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 39}}, acct.currency)
1707
1707
  )
1708
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 37}}
1708
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 41}}
1709
1709
  , selIndex !== index ?
1710
1710
  //gray check mark
1711
- React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 40}}
1712
- , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998V7.70998Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 41}})
1711
+ React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 44}}
1712
+ , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998V7.70998Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 45}})
1713
1713
  )
1714
1714
  :
1715
1715
  //violet check mark
1716
- React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 45}}
1717
- , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 46}})
1716
+ React$1.createElement('svg', { width: "24", height: "25", viewBox: "0 0 24 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 49}}
1717
+ , React$1.createElement('path', { d: "M18.7099 7.70998C18.617 7.61625 18.5064 7.54186 18.3845 7.49109C18.2627 7.44032 18.132 7.41418 17.9999 7.41418C17.8679 7.41418 17.7372 7.44032 17.6154 7.49109C17.4935 7.54186 17.3829 7.61625 17.29 7.70998L9.83995 15.17L6.70995 12.03C6.61343 11.9367 6.49949 11.8634 6.37463 11.8142C6.24978 11.765 6.11645 11.7409 5.98227 11.7432C5.84809 11.7455 5.71568 11.7743 5.5926 11.8278C5.46953 11.8812 5.35819 11.9585 5.26495 12.055C5.17171 12.1515 5.0984 12.2654 5.04919 12.3903C4.99999 12.5152 4.97586 12.6485 4.97818 12.7827C4.9805 12.9168 5.00923 13.0493 5.06272 13.1723C5.11622 13.2954 5.19343 13.4067 5.28995 13.5L9.12995 17.34C9.22291 17.4337 9.33351 17.5081 9.45537 17.5589C9.57723 17.6096 9.70794 17.6358 9.83995 17.6358C9.97196 17.6358 10.1027 17.6096 10.2245 17.5589C10.3464 17.5081 10.457 17.4337 10.55 17.34L18.7099 9.17998C18.8115 9.08634 18.8925 8.97269 18.9479 8.84619C19.0033 8.71969 19.0319 8.58308 19.0319 8.44498C19.0319 8.30688 19.0033 8.17028 18.9479 8.04378C18.8925 7.91728 18.8115 7.80363 18.7099 7.70998Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$Q, lineNumber: 50}})
1718
1718
  )
1719
1719
 
1720
1720
  )
@@ -1751,29 +1751,32 @@ const BreadcrumbContainer = styled.div`
1751
1751
 
1752
1752
  const _jsxFileName$P = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\BreadcrumbBar\\BreadcrumbBar.tsx";
1753
1753
 
1754
+ /**
1755
+ * The breadcrumb component lists out the path (with page names) to the page you're on
1756
+ */
1754
1757
  const BreadcrumbBar = (props) => {
1755
1758
  const {pages} = props;
1756
1759
 
1757
1760
  return (
1758
- React$1.createElement(BreadcrumbContainer, { ...props, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 9}}
1761
+ React$1.createElement(BreadcrumbContainer, { ...props, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 12}}
1759
1762
  , pages && pages.length > 0 && pages.map((page,index) => (
1760
- React$1.createElement('div', { key: index, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 11}}
1763
+ React$1.createElement('div', { key: index, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 14}}
1761
1764
  , index < pages.length - 1 &&
1762
1765
  React$1.createElement(React$1.Fragment, null
1763
1766
  , index > 0 &&
1764
- React$1.createElement('svg', { width: "6", height: "9", viewBox: "0 0 6 9" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 15}}
1765
- , React$1.createElement('path', { d: "M5.36003 4.02667L1.5867 0.260004C1.52472 0.197518 1.45099 0.147922 1.36975 0.114077C1.28851 0.0802308 1.20137 0.0628052 1.11336 0.0628052C1.02535 0.0628052 0.938217 0.0802308 0.856977 0.114077C0.775738 0.147922 0.702004 0.197518 0.640029 0.260004C0.515861 0.384912 0.446167 0.55388 0.446167 0.730004C0.446167 0.906128 0.515861 1.0751 0.640029 1.2L3.94003 4.53334L0.640029 7.83334C0.515861 7.95825 0.446167 8.12721 0.446167 8.30334C0.446167 8.47946 0.515861 8.64843 0.640029 8.77334C0.701772 8.83633 0.775402 8.88644 0.856652 8.92077C0.937902 8.9551 1.02516 8.97297 1.11336 8.97334C1.20157 8.97297 1.28882 8.9551 1.37007 8.92077C1.45132 8.88644 1.52495 8.83633 1.5867 8.77334L5.36003 5.00667C5.4277 4.94424 5.4817 4.86847 5.51864 4.78414C5.55558 4.69981 5.57465 4.60874 5.57465 4.51667C5.57465 4.4246 5.55558 4.33353 5.51864 4.2492C5.4817 4.16487 5.4277 4.0891 5.36003 4.02667V4.02667Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 16}})
1767
+ React$1.createElement('svg', { width: "6", height: "9", viewBox: "0 0 6 9" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 18}}
1768
+ , React$1.createElement('path', { d: "M5.36003 4.02667L1.5867 0.260004C1.52472 0.197518 1.45099 0.147922 1.36975 0.114077C1.28851 0.0802308 1.20137 0.0628052 1.11336 0.0628052C1.02535 0.0628052 0.938217 0.0802308 0.856977 0.114077C0.775738 0.147922 0.702004 0.197518 0.640029 0.260004C0.515861 0.384912 0.446167 0.55388 0.446167 0.730004C0.446167 0.906128 0.515861 1.0751 0.640029 1.2L3.94003 4.53334L0.640029 7.83334C0.515861 7.95825 0.446167 8.12721 0.446167 8.30334C0.446167 8.47946 0.515861 8.64843 0.640029 8.77334C0.701772 8.83633 0.775402 8.88644 0.856652 8.92077C0.937902 8.9551 1.02516 8.97297 1.11336 8.97334C1.20157 8.97297 1.28882 8.9551 1.37007 8.92077C1.45132 8.88644 1.52495 8.83633 1.5867 8.77334L5.36003 5.00667C5.4277 4.94424 5.4817 4.86847 5.51864 4.78414C5.55558 4.69981 5.57465 4.60874 5.57465 4.51667C5.57465 4.4246 5.55558 4.33353 5.51864 4.2492C5.4817 4.16487 5.4277 4.0891 5.36003 4.02667V4.02667Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 19}})
1766
1769
  )
1767
1770
 
1768
- , React$1.createElement('a', { href: page.url, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 19}}, page.label)
1771
+ , React$1.createElement('a', { href: page.url, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 22}}, page.label)
1769
1772
  )
1770
1773
 
1771
1774
  , index == pages.length - 1 &&
1772
1775
  React$1.createElement(React$1.Fragment, null
1773
1776
  , index > 0 &&
1774
- React$1.createElement('svg', { width: "6", height: "9", viewBox: "0 0 6 9" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 25}}
1777
+ React$1.createElement('svg', { width: "6", height: "9", viewBox: "0 0 6 9" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 28}}
1775
1778
  , React$1.createElement('path', { d: "M5.36003 4.02667L1.5867 0.260004C1.52472 0.197518 1.45099 0.147922 1.36975 0.114077C1.28851 0.0802308 1.20137 0.0628052 1.11336 0.0628052C1.02535 0.0628052 0.938217 0.0802308 0.856977 0.114077C0.775738 0.147922 0.702004 0.197518 0.640029 0.260004C0.515861 0.384912 0.446167 0.55388 0.446167 0.730004C0.446167 0.906128 0.515861 1.0751 0.640029 1.2L3.94003 4.53334L0.640029 7.83334C0.515861 7.95825 0.446167 8.12721 0.446167 8.30334C0.446167 8.47946 0.515861 8.64843 0.640029 8.77334C0.701772 8.83633 0.775402 8.88644 0.856652 8.92077C0.937902 8.9551 1.02516 8.97297 1.11336 8.97334C1.20157 8.97297 1.28882 8.9551 1.37007 8.92077C1.45132 8.88644 1.52495 8.83633 1.5867 8.77334L5.36003 5.00667C5.4277 4.94424 5.4817 4.86847 5.51864 4.78414C5.55558 4.69981 5.57465 4.60874 5.57465 4.51667C5.57465 4.4246 5.55558 4.33353 5.51864 4.2492C5.4817 4.16487 5.4277 4.0891 5.36003 4.02667Z" ,
1776
- fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 26}})
1779
+ fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 29}})
1777
1780
  )
1778
1781
 
1779
1782
  , page.label
@@ -1878,6 +1881,10 @@ const BrokerCountry = styled.div`
1878
1881
  `;
1879
1882
 
1880
1883
  const _jsxFileName$O = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\BrokersTable\\BrokersTable.tsx";
1884
+ /**
1885
+ * A list of all brokers that have been registered on to the LP platform
1886
+ */
1887
+
1881
1888
  const BrokersTable = (props) => {
1882
1889
  const {brokers,callback,srchActive} = props;
1883
1890
  const [currentPage,setCurrentPage] = React$1.useState(1);
@@ -1930,52 +1937,52 @@ const BrokersTable = (props) => {
1930
1937
 
1931
1938
  return (
1932
1939
  React$1.createElement(React$1.Fragment, null
1933
- , React$1.createElement(TableContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 58}}
1934
- , React$1.createElement(Table$8, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 59}}
1935
- , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 60}}
1936
- , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 61}}
1937
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 62}}
1938
- , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 63}}, "Name"
1940
+ , React$1.createElement(TableContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 62}}
1941
+ , React$1.createElement(Table$8, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 63}}
1942
+ , React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 64}}
1943
+ , React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 65}}
1944
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 66}}
1945
+ , React$1.createElement('div', { onClick: ()=>{sortEntries();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 67}}, "Name"
1939
1946
 
1940
1947
  , sortDir === 'desc' &&
1941
1948
  React$1.createElement(React$1.Fragment, null
1942
1949
  /*arrow-up*/
1943
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 68}}
1944
- , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 69}})
1950
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 72}}
1951
+ , React$1.createElement('path', { d: "M8.80671 3.52664L5.47338 0.193305C5.40997 0.132611 5.33521 0.0850345 5.25338 0.0533049C5.09107 -0.0133738 4.90902 -0.0133738 4.74671 0.0533049C4.66487 0.0850345 4.59011 0.132611 4.52671 0.193305L1.19338 3.52664C1.13122 3.5888 1.08191 3.66259 1.04827 3.74381C1.01463 3.82502 0.997314 3.91207 0.997314 3.99997C0.997314 4.17751 1.06784 4.34777 1.19338 4.47331C1.31891 4.59884 1.48917 4.66937 1.66671 4.66937C1.84424 4.66937 2.01451 4.59884 2.14004 4.47331L4.33338 2.2733V7.3333C4.33338 7.51012 4.40361 7.67969 4.52864 7.80471C4.65366 7.92973 4.82323 7.99997 5.00004 7.99997C5.17685 7.99997 5.34642 7.92973 5.47145 7.80471C5.59647 7.67969 5.66671 7.51012 5.66671 7.3333V2.2733L7.86004 4.47331C7.92202 4.53579 7.99575 4.58539 8.07699 4.61923C8.15823 4.65308 8.24537 4.6705 8.33337 4.6705C8.42138 4.6705 8.50852 4.65308 8.58976 4.61923C8.671 4.58539 8.74473 4.53579 8.80671 4.47331C8.86919 4.41133 8.91879 4.3376 8.95264 4.25636C8.98648 4.17512 9.00391 4.08798 9.00391 3.99997C9.00391 3.91196 8.98648 3.82483 8.95264 3.74359C8.91879 3.66235 8.86919 3.58861 8.80671 3.52664Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 73}})
1945
1952
  )
1946
1953
  )
1947
1954
 
1948
1955
  , sortDir === 'asc' &&
1949
1956
  React$1.createElement(React$1.Fragment, null
1950
1957
  /*arrow-down*/
1951
- , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 76}}
1952
- , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 77}})
1958
+ , React$1.createElement('svg', { width: "10", height: "8", viewBox: "0 0 10 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 80}}
1959
+ , React$1.createElement('path', { d: "M8.80671 3.52667C8.74473 3.46418 8.671 3.41459 8.58976 3.38074C8.50852 3.34689 8.42138 3.32947 8.33337 3.32947C8.24537 3.32947 8.15823 3.34689 8.07699 3.38074C7.99575 3.41459 7.92202 3.46418 7.86004 3.52667L5.66671 5.72667V0.666667C5.66671 0.489856 5.59647 0.320287 5.47145 0.195262C5.34642 0.070238 5.17685 0 5.00004 0C4.82323 0 4.65366 0.070238 4.52864 0.195262C4.40361 0.320287 4.33338 0.489856 4.33338 0.666667V5.72667L2.14004 3.52667C2.01451 3.40113 1.84424 3.33061 1.66671 3.33061C1.48917 3.33061 1.31891 3.40113 1.19338 3.52667C1.06784 3.6522 0.997314 3.82247 0.997314 4C0.997314 4.17753 1.06784 4.3478 1.19338 4.47333L4.52671 7.80667C4.59011 7.86736 4.66487 7.91494 4.74671 7.94667C4.82651 7.98194 4.91279 8.00016 5.00004 8.00016C5.08729 8.00016 5.17357 7.98194 5.25338 7.94667C5.33521 7.91494 5.40997 7.86736 5.47338 7.80667L8.80671 4.47333C8.86919 4.41136 8.91879 4.33762 8.95264 4.25638C8.98648 4.17515 9.00391 4.08801 9.00391 4C9.00391 3.91199 8.98648 3.82486 8.95264 3.74362C8.91879 3.66238 8.86919 3.58864 8.80671 3.52667Z" , fill: "#ffffff", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 81}})
1953
1960
  )
1954
1961
  )
1955
1962
 
1956
1963
 
1957
1964
  )
1958
1965
  )
1959
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 84}}, "Email")
1960
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 85}}, "Phone")
1961
- , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 86}}, "Country")
1966
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 88}}, "Email")
1967
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 89}}, "Phone")
1968
+ , React$1.createElement('th', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 90}}, "Country")
1962
1969
  )
1963
1970
  )
1964
1971
  , dispBrokers && dispBrokers.length > 0 && displayContent &&
1965
- React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 90}}
1972
+ React$1.createElement('tbody', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 94}}
1966
1973
  , dispBrokers.map((broker,index) => (
1967
- React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(broker);}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 92}}
1968
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 93}}, broker.name)
1969
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 94}}, broker.email)
1970
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 95}}, broker.phone)
1971
- , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 96}}
1972
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 97}}
1973
- , React$1.createElement(BrokerCountry, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 98}}
1974
- , broker.countryFlag && React$1.createElement('img', { src: broker.countryFlag, alt: "Country flag" , __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 99}})
1974
+ React$1.createElement('tr', { key: index, className: "rounded-row", onClick: ()=>{callback(broker);}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 96}}
1975
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 97}}, broker.name)
1976
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 98}}, broker.email)
1977
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 99}}, broker.phone)
1978
+ , React$1.createElement('td', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 100}}
1979
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 101}}
1980
+ , React$1.createElement(BrokerCountry, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 102}}
1981
+ , broker.countryFlag && React$1.createElement('img', { src: broker.countryFlag, alt: "Country flag" , __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 103}})
1975
1982
  , broker.country
1976
1983
  )
1977
- , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 102}}
1978
- , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 103}})
1984
+ , React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 106}}
1985
+ , React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 107}})
1979
1986
  )
1980
1987
  )
1981
1988
  )
@@ -1985,29 +1992,29 @@ const BrokersTable = (props) => {
1985
1992
 
1986
1993
  )
1987
1994
  , dispBrokers && dispBrokers.length === 0 && displayContent &&
1988
- React$1.createElement(NothingContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 113}}
1989
- , React$1.createElement(NothingContent$7, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 114}}
1990
- , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 115}}
1991
- , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 116}}
1992
- , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 117}})
1993
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 118}})
1994
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 119}})
1995
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 120}})
1996
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 121}})
1997
- , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 122}})
1995
+ React$1.createElement(NothingContainer$7, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 117}}
1996
+ , React$1.createElement(NothingContent$7, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 118}}
1997
+ , React$1.createElement('svg', { width: "65", height: "64", viewBox: "0 0 65 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 119}}
1998
+ , React$1.createElement('g', { clipPath: "url(#clip0_651_2393)", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 120}}
1999
+ , React$1.createElement('path', { d: "M39.5 6H25.5V14H39.5V6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 121}})
2000
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 122}})
2001
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 123}})
2002
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 124}})
2003
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 125}})
2004
+ , React$1.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z" , fill: "#D2DDEE", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 126}})
1998
2005
  )
1999
- , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 124}}
2000
- , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 125}}
2001
- , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 126}})
2006
+ , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 128}}
2007
+ , React$1.createElement('clipPath', { id: "clip0_651_2393", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 129}}
2008
+ , React$1.createElement('rect', { width: "64", height: "64", fill: "white", transform: "translate(0.5)", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 130}})
2002
2009
  )
2003
2010
  )
2004
2011
  )
2005
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 130}}, "Brokers will be displayed here when you have any." )
2012
+ , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 134}}, "Brokers will be displayed here when you have any." )
2006
2013
  )
2007
2014
  )
2008
2015
 
2009
2016
  )
2010
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: brokers.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 135}})
2017
+ , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: brokers.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 139}})
2011
2018
  )
2012
2019
  )
2013
2020
  };
@@ -15626,6 +15633,10 @@ const RateDate$2 = styled.div`
15626
15633
 
15627
15634
  const _jsxFileName$N = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Chart\\Chart.tsx";Chart$2.register( ...registerables );
15628
15635
 
15636
+ /**
15637
+ * This component displays a historical chart of currency performance between selected currencies.
15638
+ */
15639
+
15629
15640
  const Chart = (props) => {
15630
15641
  const {ratesData,exchCurrFlag,baseCurrCode,exchCurrName,exchCurrCode} = props;
15631
15642
  const [graphData,setGraphData] = React$1.useState({});
@@ -15734,30 +15745,30 @@ const Chart = (props) => {
15734
15745
  return (
15735
15746
  React$1.createElement(React$1.Fragment, null
15736
15747
  , graphData.labels && graphData.labels.length > 0 &&
15737
- React$1.createElement(ChartContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 119}}
15738
- , React$1.createElement(TextArea$3, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 120}}
15739
- , React$1.createElement(ExchangeCurr$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 121}}
15740
- , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 122}})
15741
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 123}}
15742
- , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 124}}, exchCurrName)
15743
- , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 125}}, exchCurrCode)
15748
+ React$1.createElement(ChartContainer$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 123}}
15749
+ , React$1.createElement(TextArea$3, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 124}}
15750
+ , React$1.createElement(ExchangeCurr$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 125}}
15751
+ , React$1.createElement('img', { src: exchCurrFlag, alt: "Base currency flag" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 126}})
15752
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 127}}
15753
+ , React$1.createElement('p', { className: "curr-name", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 128}}, exchCurrName)
15754
+ , React$1.createElement('p', { className: "curr-code", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 129}}, exchCurrCode)
15744
15755
  )
15745
15756
  )
15746
- , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 128}}
15747
- , React$1.createElement(RateInfo$1, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 129}}
15748
- , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 130}})
15749
- , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 131}})
15750
- , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 132}})
15757
+ , React$1.createElement('div', { style: {textAlign:"right"}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 132}}
15758
+ , React$1.createElement(RateInfo$1, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 133}}
15759
+ , change < 0 && React$1.createElement('i', { className: "icon-arrow-down-right error" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 134}})
15760
+ , change > 0 && React$1.createElement('i', { className: "icon-arrow-up-right success" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 135}})
15761
+ , change === 0 && React$1.createElement('i', { className: "icon-dash neutral" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 136}})
15751
15762
  , exchCurrCode, " 1.0000 = " , baseCurrCode, " " , graphData.datasets[0].data[graphData.datasets[0].data.length - 1]
15752
15763
  )
15753
- , React$1.createElement(RateDate$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 135}}, `${dayDiff$2(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
15764
+ , React$1.createElement(RateDate$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 139}}, `${dayDiff$2(graphData.labels[graphData.labels.length - 1])}${dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D')}`)
15754
15765
  )
15755
15766
  )
15756
- , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 138}}
15757
- , React$1.createElement(GraphArea$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 139}}
15758
- , React$1.createElement(Line, { data: graphData, options: options, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 140}})
15767
+ , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 142}}
15768
+ , React$1.createElement(GraphArea$2, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 143}}
15769
+ , React$1.createElement(Line, { data: graphData, options: options, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 144}})
15759
15770
  )
15760
- , React$1.createElement('div', { style: {height:'10px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 142}})
15771
+ , React$1.createElement('div', { style: {height:'10px',background:performanceColor(change).fillColor}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 146}})
15761
15772
  )
15762
15773
  )
15763
15774
 
@@ -17795,7 +17806,7 @@ const DateRangePicker = ({ selectedDateRange,label,subtext ,placeholder}) => {
17795
17806
  yearPickerVisible(false);
17796
17807
  setTimeout(()=>{
17797
17808
  setShowCalendar(true);
17798
- },5);
17809
+ },3);
17799
17810
  }, __self: undefined, __source: {fileName: _jsxFileName$G, lineNumber: 114}}, i));
17800
17811
  }
17801
17812
  return years
@@ -20729,6 +20740,15 @@ const Backdrop = styled.div`
20729
20740
  justify-content: center;
20730
20741
  align-items: center;
20731
20742
  z-index: 10000;
20743
+ animation: fade 0.1s ease-in-out;
20744
+ @keyframes fade{
20745
+ from{
20746
+ opacity: 0;
20747
+ }
20748
+ to{
20749
+ opacity: 1;
20750
+ }
20751
+ }
20732
20752
  `;
20733
20753
 
20734
20754
  const ModalCard = styled.div`
@@ -20739,6 +20759,14 @@ const ModalCard = styled.div`
20739
20759
  display: flex;
20740
20760
  flex-direction: column;
20741
20761
  gap:40px;
20762
+ @keyframes grow{
20763
+ from{
20764
+ transform:scale(0.9);
20765
+ }
20766
+ to{
20767
+ transform:scale(1);
20768
+ }
20769
+ }
20742
20770
  `;
20743
20771
 
20744
20772
  const CardHead = styled.div`