@secondstaxorg/sscomp 1.6.57 → 1.6.58

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 (10) hide show
  1. package/dist/index.es.js +231 -261
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +88 -123
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +225 -255
  6. package/dist/index.min.js.map +1 -1
  7. package/package.json +1 -1
  8. package/types/components/AuditLog/type.d.ts +4 -0
  9. package/types/components/CookieConsent/style.d.ts +0 -1
  10. package/types/components/StatusBadge/type.d.ts +1 -1
package/dist/index.js CHANGED
@@ -1218,14 +1218,21 @@ const AppModulesTable = (props) => {
1218
1218
  const Container$9 = styled.div`
1219
1219
  position: relative;
1220
1220
  padding: 8px 16px 40px 16px;
1221
+ width: 440px;
1221
1222
  `;
1222
1223
 
1223
1224
  const LogTimeline = styled.div`
1224
1225
  position: absolute;
1225
1226
  height: 100%;
1226
- border-left: 1px solid ${theme.colors["success-500"]};
1227
+ border-left: 1px solid;
1227
1228
  left: 0;
1228
- top:8px
1229
+ top:8px;
1230
+ &.default{
1231
+ border-color: ${theme.colors["success-500"]};
1232
+ }
1233
+ &.grey{
1234
+ border-color: ${theme.colors["neutral-300"]};
1235
+ }
1229
1236
  `;
1230
1237
 
1231
1238
  const TimelineDot = styled.div`
@@ -1233,9 +1240,14 @@ const TimelineDot = styled.div`
1233
1240
  width: 8px;
1234
1241
  height: 8px;
1235
1242
  border-radius: 50%;
1236
- background: ${theme.colors["success-500"]};
1237
1243
  top: 8px;
1238
1244
  left: -3px;
1245
+ &.default{
1246
+ background: ${theme.colors["success-500"]};
1247
+ }
1248
+ &.grey{
1249
+ background: ${theme.colors["neutral-300"]};
1250
+ }
1239
1251
  `;
1240
1252
 
1241
1253
  const LogContent = styled.div`
@@ -1247,17 +1259,8 @@ const LogContent = styled.div`
1247
1259
  *{
1248
1260
  margin: 0;
1249
1261
  }
1250
- p.timestamp{
1251
- font-size: 12px;
1252
- line-height: 14px;
1253
- font-weight: 400;
1254
- }
1255
1262
  p.log-description{
1256
- font-weight: 500;
1257
- font-size: 16px;
1258
- line-height: 19px;
1259
1263
  color: ${theme.colors["neutral-900"]};
1260
- font-family: "Circular Book Medium",sans-serif;
1261
1264
  }
1262
1265
  `;
1263
1266
 
@@ -1268,7 +1271,7 @@ const _jsxFileName$Y = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
1268
1271
  */
1269
1272
 
1270
1273
  const AuditLog = (props) => {
1271
- const {logDetails} = props;
1274
+ const {logDetails,variant,hideReference,hideUser,hideTimestamp} = props;
1272
1275
 
1273
1276
  return (
1274
1277
  React$1.createElement(React$1.Fragment, null
@@ -1280,14 +1283,14 @@ const AuditLog = (props) => {
1280
1283
  ,index) => (
1281
1284
  React$1.createElement(Container$9, { key: index, __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 20}}
1282
1285
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 21}}
1283
- , React$1.createElement(LogTimeline, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 22}})
1284
- , React$1.createElement(TimelineDot, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 23}})
1286
+ , React$1.createElement(LogTimeline, { className: variant === 'default' || !variant ? 'default' : 'grey', __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 22}})
1287
+ , React$1.createElement(TimelineDot, { className: variant === 'default' || !variant ? 'default' : 'grey', __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 23}})
1285
1288
  )
1286
1289
  , React$1.createElement(LogContent, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 25}}
1287
- , React$1.createElement('p', { className: "timestamp", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 26}}, log.timestamp)
1288
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 27}}, "User: " , log.user)
1289
- , React$1.createElement('p', { className: "log-description", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 28}}, log.logDescription)
1290
- , log.reference && React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 29}}, "Reference: " , log.reference)
1290
+ , !hideTimestamp && React$1.createElement('p', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 26}}, log.timestamp)
1291
+ , !hideUser && React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 27}}, "User: " , log.user)
1292
+ , React$1.createElement('p', { className: "log-description paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 28}}, log.logDescription)
1293
+ , log.reference && !hideReference && React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 29}}, "Reference: " , log.reference)
1291
1294
  )
1292
1295
  )
1293
1296
  ))
@@ -16305,23 +16308,6 @@ const ConsentDesc = styled.p`
16305
16308
  line-height: 19px;
16306
16309
  `;
16307
16310
 
16308
- const ConsentButton = styled.button`
16309
- padding: 14px 20px;
16310
- background: ${theme.colors.white};
16311
- color: ${theme.colors["primary-500"]};
16312
- border: 1px solid ${theme.colors["primary-500"]};
16313
- border-radius: 8px;
16314
- font-weight: 500;
16315
- font-family: Circular Book Medium, sans-serif;
16316
- font-size: 18px;
16317
- line-height: 21.6px;
16318
- display: flex;
16319
- justify-content: center;
16320
- align-items: center;
16321
- height: 50px;
16322
- cursor: pointer;
16323
- `;
16324
-
16325
16311
  const ConsentButtonsContainer = styled.div`
16326
16312
  display: flex;
16327
16313
  justify-content: space-between;
@@ -16330,7 +16316,6 @@ const ConsentButtonsContainer = styled.div`
16330
16316
  `;
16331
16317
 
16332
16318
  const _jsxFileName$O = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\CookieConsent\\CookieConsent.tsx";
16333
-
16334
16319
  /**
16335
16320
  * Cookie consent dialogue at the bottom of the page across SSX applications
16336
16321
  */
@@ -16349,10 +16334,10 @@ const CookieConsent = (props) => {
16349
16334
  )
16350
16335
  )
16351
16336
  , React$1.createElement(ConsentButtonsContainer, {__self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 29}}
16352
- , React$1.createElement(ConsentButton, { onClick: ()=>{acceptFxn();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 30}}, "Accept")
16353
- , React$1.createElement(ConsentButton, { onClick: ()=>{declineFxn();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 31}}, "Decline")
16337
+ , React$1.createElement(OutlineButton, { variant: "primary", size: "lg", withBg: true, onClick: ()=>{acceptFxn();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 30}}, "Accept")
16338
+ , React$1.createElement(OutlineButton, { variant: "primary", size: "lg", withBg: true, onClick: ()=>{declineFxn();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 31}}, "Decline")
16354
16339
  , closeFxn &&
16355
- React$1.createElement(ConsentButton, { onClick: ()=>{closeFxn();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 33}}
16340
+ React$1.createElement(OutlineButton, { variant: "primary", size: "lg", withBg: true, onClick: ()=>{closeFxn();}, __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 33}}
16356
16341
  , React$1.createElement('svg', { width: "14", height: "14", viewBox: "0 0 14 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 34}}
16357
16342
  , React$1.createElement('path', { d: "M8.40994 6.99994L12.7099 2.70994C12.8982 2.52164 13.004 2.26624 13.004 1.99994C13.004 1.73364 12.8982 1.47825 12.7099 1.28994C12.5216 1.10164 12.2662 0.99585 11.9999 0.99585C11.7336 0.99585 11.4782 1.10164 11.2899 1.28994L6.99994 5.58994L2.70994 1.28994C2.52164 1.10164 2.26624 0.99585 1.99994 0.99585C1.73364 0.99585 1.47824 1.10164 1.28994 1.28994C1.10164 1.47825 0.995847 1.73364 0.995847 1.99994C0.995847 2.26624 1.10164 2.52164 1.28994 2.70994L5.58994 6.99994L1.28994 11.2899C1.19621 11.3829 1.12182 11.4935 1.07105 11.6154C1.02028 11.7372 0.994141 11.8679 0.994141 11.9999C0.994141 12.132 1.02028 12.2627 1.07105 12.3845C1.12182 12.5064 1.19621 12.617 1.28994 12.7099C1.3829 12.8037 1.4935 12.8781 1.61536 12.9288C1.73722 12.9796 1.86793 13.0057 1.99994 13.0057C2.13195 13.0057 2.26266 12.9796 2.38452 12.9288C2.50638 12.8781 2.61698 12.8037 2.70994 12.7099L6.99994 8.40994L11.2899 12.7099C11.3829 12.8037 11.4935 12.8781 11.6154 12.9288C11.7372 12.9796 11.8679 13.0057 11.9999 13.0057C12.132 13.0057 12.2627 12.9796 12.3845 12.9288C12.5064 12.8781 12.617 12.8037 12.7099 12.7099C12.8037 12.617 12.8781 12.5064 12.9288 12.3845C12.9796 12.2627 13.0057 12.132 13.0057 11.9999C13.0057 11.8679 12.9796 11.7372 12.9288 11.6154C12.8781 11.4935 12.8037 11.3829 12.7099 11.2899L8.40994 6.99994Z" , fill: "#4040F2", __self: undefined, __source: {fileName: _jsxFileName$O, lineNumber: 35}})
16358
16343
  )
@@ -21142,7 +21127,7 @@ const NothingContent$3 = styled.div`
21142
21127
 
21143
21128
  const Badge = styled.div`
21144
21129
  border-radius: 4px;
21145
- width: fit-content;
21130
+ width: 130px;
21146
21131
  text-align: center;
21147
21132
  font-size: 12px;
21148
21133
  line-height: 14px;
@@ -21514,14 +21499,14 @@ const InputField = styled.input`
21514
21499
  outline: none;
21515
21500
  }
21516
21501
  &::placeholder{
21517
- color: ${theme.colors["neutral-200"]};
21502
+ color: ${theme.colors["neutral-400"]};
21518
21503
  }
21519
21504
  &:disabled{
21520
21505
  background: ${theme.colors.white};
21521
21506
  cursor: not-allowed;
21522
21507
  pointer-events: none;
21523
21508
  }
21524
- &:disabled &::placeholder{
21509
+ &:disabled&::placeholder{
21525
21510
  color: ${theme.colors["neutral-100"]};
21526
21511
  }
21527
21512
  `;
@@ -21559,13 +21544,12 @@ const ErrorMessage$1 = styled.p`
21559
21544
  color: ${theme.colors["error-500"]};
21560
21545
  margin: 0;
21561
21546
  display: flex;
21562
- gap: 4px;
21547
+ gap: 8px;
21563
21548
  justify-content: start;
21564
21549
  align-items: center;
21565
21550
  `;
21566
21551
 
21567
21552
  const _jsxFileName$m = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\TextField\\TextField.tsx";
21568
-
21569
21553
  /**
21570
21554
  * Component to display an input field component in a form. This mimics the behavior of a regular HTML <code>&lt;input&gt;</code> element and accepts the same props as it along with the custom ones defined.
21571
21555
  */
@@ -21601,21 +21585,21 @@ const TextField = (props) => {
21601
21585
  };
21602
21586
 
21603
21587
  return (
21604
- React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 40}}
21588
+ React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 41}}
21605
21589
  , label &&
21606
- React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 42}}
21607
- , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 43}}, label)
21608
- , subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 44}}, subtext)
21590
+ React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 43}}
21591
+ , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 44}}, label)
21592
+ , subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 45}}, subtext)
21609
21593
  )
21610
21594
 
21611
- , React$1.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 47}}
21612
- , React$1.createElement(InputField, { ref: textFieldRef, onBlur: ()=>{validate();}, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 48}})
21595
+ , React$1.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 48}}
21596
+ , React$1.createElement(InputField, { ref: textFieldRef, onBlur: ()=>{validate();}, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 49}})
21613
21597
  )
21614
21598
  , !value && required && err &&
21615
- React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 51}}
21599
+ React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 52}}
21616
21600
  /*exclamation-triangle*/
21617
- , React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 53}}
21618
- , React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 54}})
21601
+ , React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 54}}
21602
+ , React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$m, lineNumber: 55}})
21619
21603
  )
21620
21604
  , errMsg ? errMsg : 'This field is required'
21621
21605
  )
@@ -23081,14 +23065,14 @@ const TextAreaField = styled.textarea`
23081
23065
  outline: none;
23082
23066
  }
23083
23067
  &::placeholder{
23084
- color: ${theme.colors["neutral-200"]};
23068
+ color: ${theme.colors["neutral-400"]};
23085
23069
  }
23086
23070
  &:disabled{
23087
23071
  background: ${theme.colors.white};
23088
23072
  cursor: not-allowed;
23089
23073
  pointer-events: none;
23090
23074
  }
23091
- &:disabled &::placeholder{
23075
+ &:disabled&::placeholder{
23092
23076
  color: ${theme.colors["neutral-100"]};
23093
23077
  }
23094
23078
  `;
@@ -23132,7 +23116,6 @@ const ErrorMessage = styled.p`
23132
23116
  `;
23133
23117
 
23134
23118
  const _jsxFileName$c = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\TextArea\\TextArea.tsx";
23135
-
23136
23119
  /**
23137
23120
  * Component to display a textarea field in a form. This mimics the behavior of a regular HTML <code>&lt;textarea&gt;</code> element and accepts the same props as it along with the custom ones defined.
23138
23121
  */
@@ -23168,21 +23151,21 @@ const TextArea = (props) => {
23168
23151
  };
23169
23152
 
23170
23153
  return (
23171
- React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 40}}
23154
+ React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 41}}
23172
23155
  , label &&
23173
- React$1.createElement(InputLabel, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 42}}
23174
- , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 43}}, label)
23175
- , subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 44}}, subtext)
23156
+ React$1.createElement(InputLabel, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 43}}
23157
+ , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 44}}, label)
23158
+ , subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 45}}, subtext)
23176
23159
  )
23177
23160
 
23178
- , React$1.createElement(InputContainer, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 47}}
23179
- , React$1.createElement(TextAreaField, { ref: textFieldRef, onBlur: ()=>{validate();}, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 48}})
23161
+ , React$1.createElement(InputContainer, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 48}}
23162
+ , React$1.createElement(TextAreaField, { ref: textFieldRef, onBlur: ()=>{validate();}, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 49}})
23180
23163
  )
23181
23164
  , !value && required && err &&
23182
- React$1.createElement(ErrorMessage, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 51}}
23165
+ React$1.createElement(ErrorMessage, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 52}}
23183
23166
  /*exclamation-triangle*/
23184
- , React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 53}}
23185
- , React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 54}})
23167
+ , React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 54}}
23168
+ , React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 55}})
23186
23169
  )
23187
23170
  , errMsg ? errMsg : 'This field is required'
23188
23171
  )
@@ -23203,25 +23186,15 @@ const FieldSection$1 = styled.div`
23203
23186
  flex-direction: column;
23204
23187
  gap: 8px;
23205
23188
  color: ${theme.colors["neutral-900"]};
23206
- p{
23207
- margin: 0;
23208
- font-size: 14px;
23209
- font-family: "Circular Book Medium",sans-serif;
23210
- font-weight: 500;
23211
- line-height: 17px;
23212
- }
23213
23189
  .field-dets{
23214
23190
  padding: 16px;
23215
23191
  border-radius: 8px;
23216
23192
  background: ${theme.colors["neutral-50"]};
23217
- font-size: 16px;
23218
- line-height: 19px;
23219
- font-weight: 400;
23220
23193
  display: flex;
23221
23194
  align-items: center;
23222
23195
  gap: 16px;
23223
23196
  }
23224
- .field-dets .bank-acct-dets{
23197
+ .field-dets .bank-acct-info{
23225
23198
  display: flex;
23226
23199
  gap: 8px;
23227
23200
  flex-direction: column;
@@ -23229,15 +23202,14 @@ const FieldSection$1 = styled.div`
23229
23202
  font-size: 12px;
23230
23203
  line-height: 14px;
23231
23204
  }
23232
- .field-dets .bank-acct-dets .acct-no{
23205
+ .field-dets .bank-acct-info .acct-no{
23233
23206
  font-family: "Circular Book Medium",sans-serif;
23234
23207
  font-size: 16px;
23235
23208
  font-weight: 500;
23236
23209
  line-height: 19px;
23237
23210
  color: ${theme.colors["neutral-900"]};
23238
23211
  }
23239
- .field-dets .bank-acct-dets .bank-name{
23240
- font-family: "Circular Book Medium",sans-serif;
23212
+ .field-dets .bank-acct-info .bank-name{
23241
23213
  font-weight: 500;
23242
23214
  }
23243
23215
  .amt-dets{
@@ -23281,27 +23253,27 @@ const TransactionDetails = (props) => {
23281
23253
  React$1.createElement(Container$3, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 13}}
23282
23254
  , clientID &&
23283
23255
  React$1.createElement(FieldSection$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 15}}
23284
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 16}}, "Client ID" )
23285
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 17}}
23256
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 16}}, "Client ID" )
23257
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 17}}
23286
23258
  , clientID
23287
23259
  )
23288
23260
  )
23289
23261
 
23290
23262
  , React$1.createElement(FieldSection$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 22}}
23291
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 23}}, "Requested By" )
23292
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 24}}
23263
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 23}}, "Requested By" )
23264
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 24}}
23293
23265
  , requestedBy
23294
23266
  )
23295
23267
  )
23296
23268
  , React$1.createElement(FieldSection$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 28}}
23297
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 29}}, "Request Date" )
23298
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 30}}
23269
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 29}}, "Request Date" )
23270
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 30}}
23299
23271
  , requestDate
23300
23272
  )
23301
23273
  )
23302
23274
  , React$1.createElement(FieldSection$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 34}}
23303
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 35}}, "Amount")
23304
- , React$1.createElement('div', { className: "field-dets amt-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 36}}
23275
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 35}}, "Amount")
23276
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets amt-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 36}}
23305
23277
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 37}}
23306
23278
  , React$1.createElement('img', {
23307
23279
  src: amount.baseFlag,
@@ -23321,8 +23293,8 @@ const TransactionDetails = (props) => {
23321
23293
  , React$1.createElement('p', { className: "exch-rate", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 53}}, amount.baseCurr, " 1.0000 = " , `${amount.exchCurr} ${amount.exchRate}`)
23322
23294
  )
23323
23295
  , React$1.createElement(FieldSection$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 55}}
23324
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 56}}, "Provider")
23325
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 57}}
23296
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 56}}, "Provider")
23297
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 57}}
23326
23298
  , provider.logo ?
23327
23299
  React$1.createElement('img', { src: provider.logo, alt: "Provider logo" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 59}})
23328
23300
  :
@@ -23333,13 +23305,13 @@ const TransactionDetails = (props) => {
23333
23305
  )
23334
23306
  , destAcctDets &&
23335
23307
  React$1.createElement(FieldSection$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 67}}
23336
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 68}}, "Destination Account" )
23337
- , React$1.createElement('div', { className: "field-dets", style: {alignItems:"start"}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 69}}
23308
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 68}}, "Destination Account" )
23309
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , style: {alignItems:"start"}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 69}}
23338
23310
  , destAcctDets.bankLogo ? React$1.createElement('img', { className: "trx-dets-bank-logo", src: destAcctDets.bankLogo, alt: "Bank logo" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 70}}) : React$1.createElement('div', { className: "trx-dets-bank-logo", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 70}})
23339
23311
  , React$1.createElement('div', { className: "flex flex-col gap-[8px] bank-acct-info" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 71}}
23340
- , React$1.createElement('p', { className: "acct-no", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 72}}, destAcctDets.acctNo)
23341
- , React$1.createElement('p', { className: "bank-name", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 73}}, destAcctDets.bankName)
23342
- , React$1.createElement('p', { className: "acct-name", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 74}}, destAcctDets.acctName)
23312
+ , React$1.createElement('p', { className: "acct-no paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 72}}, destAcctDets.acctNo)
23313
+ , React$1.createElement('p', { className: "bank-name paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 73}}, destAcctDets.bankName)
23314
+ , React$1.createElement('p', { className: "acct-name paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 74}}, destAcctDets.acctName)
23343
23315
  , React$1.createElement('p', { className: "curr", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 75}}, destAcctDets.acctCurr)
23344
23316
  )
23345
23317
  )
@@ -23372,9 +23344,6 @@ const FieldSection = styled.div`
23372
23344
  padding: 16px;
23373
23345
  border-radius: 8px;
23374
23346
  background: ${theme.colors["neutral-50"]};
23375
- font-size: 16px;
23376
- line-height: 19px;
23377
- font-weight: 400;
23378
23347
  display: flex;
23379
23348
  align-items: center;
23380
23349
  gap: 16px;
@@ -23415,8 +23384,8 @@ const TransactionDetailsWithPayment = (props) => {
23415
23384
  return (
23416
23385
  React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 14}}
23417
23386
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 15}}
23418
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 16}}, "Amount")
23419
- , React$1.createElement('div', { className: "field-dets amt-dets" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 17}}
23387
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 16}}, "Amount")
23388
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets paragraph2Regular amt-dets" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 17}}
23420
23389
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 18}}
23421
23390
  , React$1.createElement('img', {
23422
23391
  src: amount.baseFlag,
@@ -23436,50 +23405,50 @@ const TransactionDetailsWithPayment = (props) => {
23436
23405
  , React$1.createElement('p', { className: "exch-rate", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 34}}, amount.exchCurr, " 1.0000 = " , `${amount.baseCurr} ${amount.exchRate}`)
23437
23406
  )
23438
23407
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 36}}
23439
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 37}}, "Provider")
23440
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 38}}
23408
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 37}}, "Provider")
23409
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 38}}
23441
23410
  , React$1.createElement('img', { src: provider.logo ? provider.logo : img, alt: "Provider logo" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 39}}), " " , provider.name
23442
23411
  )
23443
23412
  )
23444
23413
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 42}}
23445
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 43}}, "Requested By" )
23446
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 44}}
23414
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 43}}, "Requested By" )
23415
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 44}}
23447
23416
  , requestedBy
23448
23417
  )
23449
23418
  )
23450
23419
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 48}}
23451
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 49}}, "Request Date" )
23452
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 50}}
23420
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 49}}, "Request Date" )
23421
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 50}}
23453
23422
  , requestDate
23454
23423
  )
23455
23424
  )
23456
23425
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 54}}
23457
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 55}}, "Payment Method" )
23458
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 56}}
23426
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 55}}, "Payment Method" )
23427
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 56}}
23459
23428
  , requestDate
23460
23429
  )
23461
23430
  )
23462
23431
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 60}}
23463
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 61}}, "Payee Name" )
23464
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 62}}
23432
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 61}}, "Payee Name" )
23433
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 62}}
23465
23434
  , paymentDets.payeeName
23466
23435
  )
23467
23436
  )
23468
23437
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 66}}
23469
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 67}}, "Bank Name" )
23470
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 68}}
23438
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 67}}, "Bank Name" )
23439
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 68}}
23471
23440
  , paymentDets.bankName
23472
23441
  )
23473
23442
  )
23474
23443
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 72}}
23475
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 73}}, "Bank Country" )
23476
- , React$1.createElement('div', { className: "field-dets bank-ctry-dets" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 74}}
23444
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 73}}, "Bank Country" )
23445
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular bank-ctry-dets" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 74}}
23477
23446
  , React$1.createElement('img', { src: paymentDets.bankCountryFlag, alt: "Bank country flag" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 75}}), " " , paymentDets.bankCountry
23478
23447
  )
23479
23448
  )
23480
23449
  , React$1.createElement(FieldSection, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 78}}
23481
- , React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 79}}, "Remarks")
23482
- , React$1.createElement('div', { className: "field-dets", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 80}}
23450
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 79}}, "Remarks")
23451
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 80}}
23483
23452
  , paymentDets.paymentRemarks
23484
23453
  )
23485
23454
  )
@@ -23743,6 +23712,7 @@ const Container = styled.div`
23743
23712
  display: flex;
23744
23713
  flex-direction: column;
23745
23714
  gap: 34px;
23715
+ width:446px;
23746
23716
  `;
23747
23717
 
23748
23718
  const ActionsContainer = styled.div`
@@ -23751,11 +23721,6 @@ const ActionsContainer = styled.div`
23751
23721
  gap: 12px;
23752
23722
  h4{
23753
23723
  color: ${theme.colors["neutral-900"]};
23754
- font-weight: 500;
23755
- font-size: 16px;
23756
- line-height: 28px;
23757
- font-family: Circular Book Medium,sans-serif;
23758
- margin: 0;
23759
23724
  }
23760
23725
  `;
23761
23726
 
@@ -23912,7 +23877,7 @@ const UpdateUserActions = (props) => {
23912
23877
  return (
23913
23878
  React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 84}}
23914
23879
  , React$1.createElement(ActionsContainer, {__self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 85}}
23915
- , React$1.createElement('h4', {__self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 86}}, titleAvailable ? titleAvailable : 'Available Options')
23880
+ , React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 86}}, titleAvailable ? titleAvailable : 'Available Options')
23916
23881
  , React$1.createElement(ActionsListContainer, { className: "actionsList scroll-bar-hidden" , __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 87}}
23917
23882
  , available && available.length > 0 && available.map((action) => {
23918
23883
  if (currentOptions.filter((curr) => curr.optionId === action.optionId && !selections.added.includes(action.optionId)).length === 0)
@@ -23956,7 +23921,7 @@ const UpdateUserActions = (props) => {
23956
23921
  )
23957
23922
  )
23958
23923
  , React$1.createElement(ActionsContainer, {__self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 129}}
23959
- , React$1.createElement('h4', {__self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 130}}, titleCurrent ? titleCurrent : 'Current Options')
23924
+ , React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 130}}, titleCurrent ? titleCurrent : 'Current Options')
23960
23925
  , React$1.createElement(ActionsListContainer, { className: "actionsList scroll-bar-hidden" , __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 131}}
23961
23926
  , currentUserOptions.length > 0 && currentUserOptions.map((action) => (
23962
23927
  React$1.createElement(ActionItem, { key: action.optionId, className: "current-action", __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 133}}