@secondstaxorg/sscomp 1.6.57 → 1.6.59

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 +232 -261
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +101 -135
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +231 -260
  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
  )
@@ -16597,7 +16582,7 @@ const CountrySelector = (props) => {
16597
16582
  React$1.createElement(DropdownContainer, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 60}}
16598
16583
  , label &&
16599
16584
  React$1.createElement(LabelContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 62}}
16600
- , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 63}}, label)
16585
+ , React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 63}}, label)
16601
16586
  )
16602
16587
 
16603
16588
  , React$1.createElement(DropdownField$1, { style: {borderColor:passedOption.optionShortName ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 66}}
@@ -16626,13 +16611,13 @@ const CountrySelector = (props) => {
16626
16611
 
16627
16612
  , React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 90}}
16628
16613
  , React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 91}})
16629
- , passedOption.optionName
16614
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 92}}, passedOption.optionName)
16630
16615
  , !passedOption.optionName &&
16631
16616
  React$1.createElement(React$1.Fragment, null
16632
- , initialText
16617
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 95}}, initialText)
16633
16618
  , !initialText &&
16634
16619
  React$1.createElement(React$1.Fragment, null
16635
- , placeholder && React$1.createElement('span', { className: "placeholder", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 98}}, placeholder)
16620
+ , placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 98}}, placeholder)
16636
16621
  )
16637
16622
 
16638
16623
  )
@@ -16654,7 +16639,7 @@ const CountrySelector = (props) => {
16654
16639
  React$1.createElement(OptionsList$1, {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 117}}
16655
16640
  , sectionTitle &&
16656
16641
  React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 119}}
16657
- , sectionTitle
16642
+ , React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 120}}, sectionTitle)
16658
16643
  )
16659
16644
 
16660
16645
  , optionsRec.map((country, index) => (
@@ -16670,7 +16655,7 @@ const CountrySelector = (props) => {
16670
16655
  },200);
16671
16656
  }, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 126}}
16672
16657
  , country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 135}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 135}})
16673
- , country.optionName
16658
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 136}}, country.optionName)
16674
16659
  )
16675
16660
 
16676
16661
  , country.subName &&
@@ -16683,7 +16668,7 @@ const CountrySelector = (props) => {
16683
16668
  selectedOption(country);
16684
16669
  },200);
16685
16670
  }, __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 140}}
16686
- , React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 149}}, country.optionName)
16671
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 149}}, country.optionName)
16687
16672
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 150}}
16688
16673
  , country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 151}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$N, lineNumber: 151}})
16689
16674
  )
@@ -18337,7 +18322,7 @@ const DropdownList = (props) => {
18337
18322
  React$1.createElement(React$1.Fragment, null
18338
18323
  , label &&
18339
18324
  React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 47}}
18340
- , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 48}}, label)
18325
+ , React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 48}}, label)
18341
18326
  )
18342
18327
 
18343
18328
  , React$1.createElement(DropdownField, { style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 51}}
@@ -18365,13 +18350,13 @@ const DropdownList = (props) => {
18365
18350
  }, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 69}})
18366
18351
 
18367
18352
  , React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 75}}
18368
- , passedOption.label
18353
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 76}}, passedOption.label)
18369
18354
  , !passedOption.label &&
18370
18355
  React$1.createElement(React$1.Fragment, null
18371
- , initialText
18356
+ , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 79}}, initialText)
18372
18357
  , !initialText &&
18373
18358
  React$1.createElement(React$1.Fragment, null
18374
- , placeholder && React$1.createElement('span', { className: "placeholder", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 82}}, placeholder)
18359
+ , placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 82}}, placeholder)
18375
18360
  )
18376
18361
 
18377
18362
  )
@@ -18400,7 +18385,7 @@ const DropdownList = (props) => {
18400
18385
  setPassedOption(option);
18401
18386
  returnedSelection(option);
18402
18387
  },200);
18403
- }, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 103}}, option.label)
18388
+ }, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 103}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 111}}, option.label))
18404
18389
  ))
18405
18390
  )
18406
18391
 
@@ -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
  )
@@ -21849,6 +21833,7 @@ const TitleBarContainer = styled.div`
21849
21833
  align-items: center;
21850
21834
  justify-content: space-between;
21851
21835
  color:${theme.colors["neutral-50"]};
21836
+ box-sizing: border-box;
21852
21837
  .search-term{
21853
21838
  font-size: 16px;
21854
21839
  font-weight: 500;
@@ -23081,14 +23066,14 @@ const TextAreaField = styled.textarea`
23081
23066
  outline: none;
23082
23067
  }
23083
23068
  &::placeholder{
23084
- color: ${theme.colors["neutral-200"]};
23069
+ color: ${theme.colors["neutral-400"]};
23085
23070
  }
23086
23071
  &:disabled{
23087
23072
  background: ${theme.colors.white};
23088
23073
  cursor: not-allowed;
23089
23074
  pointer-events: none;
23090
23075
  }
23091
- &:disabled &::placeholder{
23076
+ &:disabled&::placeholder{
23092
23077
  color: ${theme.colors["neutral-100"]};
23093
23078
  }
23094
23079
  `;
@@ -23132,7 +23117,6 @@ const ErrorMessage = styled.p`
23132
23117
  `;
23133
23118
 
23134
23119
  const _jsxFileName$c = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\TextArea\\TextArea.tsx";
23135
-
23136
23120
  /**
23137
23121
  * 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
23122
  */
@@ -23168,21 +23152,21 @@ const TextArea = (props) => {
23168
23152
  };
23169
23153
 
23170
23154
  return (
23171
- React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 40}}
23155
+ React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 41}}
23172
23156
  , 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)
23157
+ React$1.createElement(InputLabel, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 43}}
23158
+ , React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 44}}, label)
23159
+ , subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 45}}, subtext)
23176
23160
  )
23177
23161
 
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}})
23162
+ , 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}}
23163
+ , 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
23164
  )
23181
23165
  , !value && required && err &&
23182
- React$1.createElement(ErrorMessage, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 51}}
23166
+ React$1.createElement(ErrorMessage, {__self: undefined, __source: {fileName: _jsxFileName$c, lineNumber: 52}}
23183
23167
  /*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}})
23168
+ , 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}}
23169
+ , 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
23170
  )
23187
23171
  , errMsg ? errMsg : 'This field is required'
23188
23172
  )
@@ -23203,25 +23187,15 @@ const FieldSection$1 = styled.div`
23203
23187
  flex-direction: column;
23204
23188
  gap: 8px;
23205
23189
  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
23190
  .field-dets{
23214
23191
  padding: 16px;
23215
23192
  border-radius: 8px;
23216
23193
  background: ${theme.colors["neutral-50"]};
23217
- font-size: 16px;
23218
- line-height: 19px;
23219
- font-weight: 400;
23220
23194
  display: flex;
23221
23195
  align-items: center;
23222
23196
  gap: 16px;
23223
23197
  }
23224
- .field-dets .bank-acct-dets{
23198
+ .field-dets .bank-acct-info{
23225
23199
  display: flex;
23226
23200
  gap: 8px;
23227
23201
  flex-direction: column;
@@ -23229,15 +23203,14 @@ const FieldSection$1 = styled.div`
23229
23203
  font-size: 12px;
23230
23204
  line-height: 14px;
23231
23205
  }
23232
- .field-dets .bank-acct-dets .acct-no{
23206
+ .field-dets .bank-acct-info .acct-no{
23233
23207
  font-family: "Circular Book Medium",sans-serif;
23234
23208
  font-size: 16px;
23235
23209
  font-weight: 500;
23236
23210
  line-height: 19px;
23237
23211
  color: ${theme.colors["neutral-900"]};
23238
23212
  }
23239
- .field-dets .bank-acct-dets .bank-name{
23240
- font-family: "Circular Book Medium",sans-serif;
23213
+ .field-dets .bank-acct-info .bank-name{
23241
23214
  font-weight: 500;
23242
23215
  }
23243
23216
  .amt-dets{
@@ -23281,27 +23254,27 @@ const TransactionDetails = (props) => {
23281
23254
  React$1.createElement(Container$3, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 13}}
23282
23255
  , clientID &&
23283
23256
  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}}
23257
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 16}}, "Client ID" )
23258
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 17}}
23286
23259
  , clientID
23287
23260
  )
23288
23261
  )
23289
23262
 
23290
23263
  , 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}}
23264
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 23}}, "Requested By" )
23265
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 24}}
23293
23266
  , requestedBy
23294
23267
  )
23295
23268
  )
23296
23269
  , 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}}
23270
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 29}}, "Request Date" )
23271
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 30}}
23299
23272
  , requestDate
23300
23273
  )
23301
23274
  )
23302
23275
  , 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}}
23276
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 35}}, "Amount")
23277
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets amt-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 36}}
23305
23278
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 37}}
23306
23279
  , React$1.createElement('img', {
23307
23280
  src: amount.baseFlag,
@@ -23321,8 +23294,8 @@ const TransactionDetails = (props) => {
23321
23294
  , React$1.createElement('p', { className: "exch-rate", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 53}}, amount.baseCurr, " 1.0000 = " , `${amount.exchCurr} ${amount.exchRate}`)
23322
23295
  )
23323
23296
  , 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}}
23297
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 56}}, "Provider")
23298
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 57}}
23326
23299
  , provider.logo ?
23327
23300
  React$1.createElement('img', { src: provider.logo, alt: "Provider logo" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 59}})
23328
23301
  :
@@ -23333,13 +23306,13 @@ const TransactionDetails = (props) => {
23333
23306
  )
23334
23307
  , destAcctDets &&
23335
23308
  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}}
23309
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 68}}, "Destination Account" )
23310
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets" , style: {alignItems:"start"}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 69}}
23338
23311
  , 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
23312
  , 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)
23313
+ , React$1.createElement('p', { className: "acct-no paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 72}}, destAcctDets.acctNo)
23314
+ , React$1.createElement('p', { className: "bank-name paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 73}}, destAcctDets.bankName)
23315
+ , React$1.createElement('p', { className: "acct-name paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 74}}, destAcctDets.acctName)
23343
23316
  , React$1.createElement('p', { className: "curr", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 75}}, destAcctDets.acctCurr)
23344
23317
  )
23345
23318
  )
@@ -23372,9 +23345,6 @@ const FieldSection = styled.div`
23372
23345
  padding: 16px;
23373
23346
  border-radius: 8px;
23374
23347
  background: ${theme.colors["neutral-50"]};
23375
- font-size: 16px;
23376
- line-height: 19px;
23377
- font-weight: 400;
23378
23348
  display: flex;
23379
23349
  align-items: center;
23380
23350
  gap: 16px;
@@ -23415,8 +23385,8 @@ const TransactionDetailsWithPayment = (props) => {
23415
23385
  return (
23416
23386
  React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 14}}
23417
23387
  , 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}}
23388
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 16}}, "Amount")
23389
+ , React$1.createElement('div', { className: "paragraph2Regular field-dets paragraph2Regular amt-dets" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 17}}
23420
23390
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 18}}
23421
23391
  , React$1.createElement('img', {
23422
23392
  src: amount.baseFlag,
@@ -23436,50 +23406,50 @@ const TransactionDetailsWithPayment = (props) => {
23436
23406
  , React$1.createElement('p', { className: "exch-rate", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 34}}, amount.exchCurr, " 1.0000 = " , `${amount.baseCurr} ${amount.exchRate}`)
23437
23407
  )
23438
23408
  , 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}}
23409
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 37}}, "Provider")
23410
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 38}}
23441
23411
  , React$1.createElement('img', { src: provider.logo ? provider.logo : img, alt: "Provider logo" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 39}}), " " , provider.name
23442
23412
  )
23443
23413
  )
23444
23414
  , 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}}
23415
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 43}}, "Requested By" )
23416
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 44}}
23447
23417
  , requestedBy
23448
23418
  )
23449
23419
  )
23450
23420
  , 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}}
23421
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 49}}, "Request Date" )
23422
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 50}}
23453
23423
  , requestDate
23454
23424
  )
23455
23425
  )
23456
23426
  , 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}}
23427
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 55}}, "Payment Method" )
23428
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 56}}
23459
23429
  , requestDate
23460
23430
  )
23461
23431
  )
23462
23432
  , 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}}
23433
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 61}}, "Payee Name" )
23434
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 62}}
23465
23435
  , paymentDets.payeeName
23466
23436
  )
23467
23437
  )
23468
23438
  , 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}}
23439
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 67}}, "Bank Name" )
23440
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 68}}
23471
23441
  , paymentDets.bankName
23472
23442
  )
23473
23443
  )
23474
23444
  , 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}}
23445
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 73}}, "Bank Country" )
23446
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular bank-ctry-dets" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 74}}
23477
23447
  , React$1.createElement('img', { src: paymentDets.bankCountryFlag, alt: "Bank country flag" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 75}}), " " , paymentDets.bankCountry
23478
23448
  )
23479
23449
  )
23480
23450
  , 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}}
23451
+ , React$1.createElement('p', { className: "paragraph1Medium", __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 79}}, "Remarks")
23452
+ , React$1.createElement('div', { className: "field-dets paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$a, lineNumber: 80}}
23483
23453
  , paymentDets.paymentRemarks
23484
23454
  )
23485
23455
  )
@@ -23743,6 +23713,7 @@ const Container = styled.div`
23743
23713
  display: flex;
23744
23714
  flex-direction: column;
23745
23715
  gap: 34px;
23716
+ width:446px;
23746
23717
  `;
23747
23718
 
23748
23719
  const ActionsContainer = styled.div`
@@ -23751,11 +23722,6 @@ const ActionsContainer = styled.div`
23751
23722
  gap: 12px;
23752
23723
  h4{
23753
23724
  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
23725
  }
23760
23726
  `;
23761
23727
 
@@ -23912,7 +23878,7 @@ const UpdateUserActions = (props) => {
23912
23878
  return (
23913
23879
  React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 84}}
23914
23880
  , 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')
23881
+ , React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 86}}, titleAvailable ? titleAvailable : 'Available Options')
23916
23882
  , React$1.createElement(ActionsListContainer, { className: "actionsList scroll-bar-hidden" , __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 87}}
23917
23883
  , available && available.length > 0 && available.map((action) => {
23918
23884
  if (currentOptions.filter((curr) => curr.optionId === action.optionId && !selections.added.includes(action.optionId)).length === 0)
@@ -23956,7 +23922,7 @@ const UpdateUserActions = (props) => {
23956
23922
  )
23957
23923
  )
23958
23924
  , 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')
23925
+ , React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 130}}, titleCurrent ? titleCurrent : 'Current Options')
23960
23926
  , React$1.createElement(ActionsListContainer, { className: "actionsList scroll-bar-hidden" , __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 131}}
23961
23927
  , currentUserOptions.length > 0 && currentUserOptions.map((action) => (
23962
23928
  React$1.createElement(ActionItem, { key: action.optionId, className: "current-action", __self: undefined, __source: {fileName: _jsxFileName$8, lineNumber: 133}}