@thecb/components 11.1.12-beta.4 → 11.1.13-beta.0

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.
package/dist/index.esm.js CHANGED
@@ -15798,311 +15798,75 @@ var AutopayOnIcon = function AutopayOnIcon(_ref) {
15798
15798
  })));
15799
15799
  };
15800
15800
 
15801
- var NotFoundIcon = function NotFoundIcon() {
15802
- return /*#__PURE__*/React.createElement("svg", {
15803
- width: "548px",
15804
- height: "308px",
15805
- viewBox: "0 0 548 308",
15806
- version: "1.1",
15801
+ var NotFoundIcon = function NotFoundIcon(props) {
15802
+ return /*#__PURE__*/React.createElement("svg", _extends({
15807
15803
  xmlns: "http://www.w3.org/2000/svg",
15808
- xmlnsXlink: "http://www.w3.org/1999/xlink"
15809
- }, /*#__PURE__*/React.createElement("g", {
15810
- id: "STOR-2683",
15811
- stroke: "none",
15812
- strokeWidth: "1",
15804
+ width: "400",
15805
+ height: "211",
15806
+ viewBox: "0 0 400 211",
15813
15807
  fill: "none",
15814
- fillRule: "evenodd"
15815
- }, /*#__PURE__*/React.createElement("g", {
15816
- id: "404-Page",
15817
- transform: "translate(-446.000000, -168.000000)"
15818
- }, /*#__PURE__*/React.createElement("g", {
15819
- id: "not-found-illustration",
15820
- transform: "translate(449.000000, 168.000000)"
15821
- }, /*#__PURE__*/React.createElement("g", {
15822
- id: "baseline",
15823
- transform: "translate(0.483800, 246.050200)",
15824
- stroke: "#3B414D",
15825
- strokeLinecap: "round",
15826
- strokeWidth: "8"
15827
- }, /*#__PURE__*/React.createElement("line", {
15828
- x1: "463.3123",
15829
- y1: "1.326",
15830
- x2: "399.5563",
15831
- y2: "1.674",
15832
- id: "baseline-right---01"
15833
- }), /*#__PURE__*/React.createElement("line", {
15834
- x1: "512.9402",
15835
- y1: "1.326",
15836
- x2: "483.1052",
15837
- y2: "1.674",
15838
- id: "baseline-right---02"
15839
- }), /*#__PURE__*/React.createElement("line", {
15840
- x1: "143.1111",
15841
- y1: "1.326",
15842
- x2: "90.7391",
15843
- y2: "1.674",
15844
- id: "baseline-left---01"
15845
- }), /*#__PURE__*/React.createElement("line", {
15846
- x1: "71.179",
15847
- y1: "1.326",
15848
- x2: "0.5162",
15849
- y2: "0.9498",
15850
- id: "baseline-left---02"
15851
- })), /*#__PURE__*/React.createElement("path", {
15852
- d: "M151.968,73 L391.689,73 C395.538,73 398.658,76.12 398.658,79.968 L398.658,258.366 C398.658,262.214 395.538,265.334 391.689,265.334 L151.968,265.334 C148.119,265.334 145,262.214 145,258.366 L145,79.968 C145,76.12 148.119,73 151.968,73",
15853
- id: "browser-background",
15854
- fill: "#FEFEFE"
15855
- }), /*#__PURE__*/React.createElement("g", {
15856
- id: "binoculars",
15857
- transform: "translate(209.811300, 116.913100)"
15858
- }, /*#__PURE__*/React.createElement("path", {
15859
- d: "M97.5616,55.749 C112.9566,55.749 125.4356,43.269 125.4356,27.874 C125.4356,12.479 112.9566,0 97.5616,0 C82.1656,0 69.6866,12.479 69.6866,27.874 C69.6866,43.269 82.1656,55.749 97.5616,55.749 Z",
15860
- id: "binocular-right",
15861
- stroke: "#3B414D",
15862
- strokeWidth: "5.575",
15863
- fill: "#E4F4FD"
15864
- }), /*#__PURE__*/React.createElement("g", {
15865
- id: "binocular-center",
15866
- transform: "translate(49.189100, 8.087300)"
15808
+ "aria-label": "Error: Not Found"
15809
+ }, props), /*#__PURE__*/React.createElement("g", {
15810
+ opacity: "0.301503"
15867
15811
  }, /*#__PURE__*/React.createElement("path", {
15868
- d: "M2.22044605e-13,3.484 C4.718,1.161 9.085,-2.84217094e-14 13.102,-2.84217094e-14 C17.117,-2.84217094e-14 21.112,1.161 25.087,3.484 L21.2,11.743 L21.603,19.512 L3.484,19.512 L3.854,11.601 L2.22044605e-13,3.484 Z",
15869
- id: "Fill-1",
15870
- fill: "#3B414D"
15812
+ d: "M243.877 189.762C243.877 185.147 227.027 181.405 206.243 181.405C185.458 181.405 168.609 185.147 168.609 189.762C168.609 194.377 185.458 198.119 206.243 198.119C227.027 198.119 243.877 194.377 243.877 189.762Z",
15813
+ fill: "#3B5BDB"
15871
15814
  }), /*#__PURE__*/React.createElement("path", {
15872
- d: "M15.1055,8.7316 C15.1055,10.1936 13.9205,11.3786 12.4595,11.3786 C10.9975,11.3786 9.8115,10.1936 9.8115,8.7316 C9.8115,7.2696 10.9975,6.0846 12.4595,6.0846 C13.9205,6.0846 15.1055,7.2696 15.1055,8.7316",
15873
- id: "Fill-4",
15874
- fill: "#FEFEFE"
15875
- })), /*#__PURE__*/React.createElement("path", {
15876
- d: "M27.875,55.749 C43.27,55.749 55.749,43.269 55.749,27.874 C55.749,12.479 43.27,0 27.875,0 C12.48,0 -1.13686838e-13,12.479 -1.13686838e-13,27.874 C-1.13686838e-13,43.269 12.48,55.749 27.875,55.749 Z",
15877
- id: "binocular-left",
15878
- stroke: "#3B414D",
15879
- strokeWidth: "5.575",
15880
- fill: "#E4F4FD"
15815
+ d: "M161.882 35.8821C161.675 33.247 159.477 31.214 156.834 31.214H128.841C128.709 31.214 128.577 31.2191 128.446 31.2294C125.658 31.4477 123.575 33.8846 123.793 36.6724L124.003 39.3645C123.917 39.7848 123.882 40.2256 123.906 40.6798L124.108 44.6075H121.513C117.213 44.6075 113.909 48.1244 114.132 52.4627L119.589 158.508C119.813 162.847 123.479 166.364 127.778 166.364H276.988C281.287 166.364 284.592 162.847 284.369 158.508L278.911 52.4627C278.688 48.1244 275.022 44.6075 270.722 44.6075L162.564 44.6064L161.882 35.8821Z",
15816
+ fill: "#3B5BDB"
15881
15817
  }), /*#__PURE__*/React.createElement("path", {
15882
- d: "M20.1887,30.6619 C21.3567,27.4039 24.3487,25.0869 27.8547,25.0869 C31.3597,25.0869 34.3517,27.4039 35.5197,30.6619",
15883
- id: "eye-left",
15884
- stroke: "#3B414D",
15885
- strokeWidth: "5.575",
15886
- strokeLinecap: "round",
15887
- strokeLinejoin: "round"
15818
+ d: "M334.997 104.08C334.672 100.54 331.725 97.7696 328.136 97.7696C324.976 97.7696 322.316 99.9169 321.501 102.845C320.689 102.231 319.684 101.862 318.591 101.862C315.904 101.862 313.725 104.063 313.725 106.778C313.725 109.493 315.904 111.694 318.591 111.694H337.414C339.711 111.694 341.573 109.813 341.573 107.494C341.573 105.174 339.711 103.293 337.414 103.293C336.512 103.293 335.679 103.587 334.997 104.08Z",
15819
+ fill: "#3B5BDB"
15888
15820
  }), /*#__PURE__*/React.createElement("path", {
15889
- d: "M90.1887,30.6619 C91.3567,27.4039 94.3487,25.0869 97.8547,25.0869 C101.3597,25.0869 104.3517,27.4039 105.5197,30.6619",
15890
- id: "eye-right",
15891
- stroke: "#3B414D",
15892
- strokeWidth: "5.575",
15893
- strokeLinecap: "round",
15894
- strokeLinejoin: "round"
15895
- })), /*#__PURE__*/React.createElement("path", {
15896
- d: "M292.191,186 L292.191,186 C292.191,189.803 289.108,192.886 285.305,192.886 L258.885,192.886 C255.083,192.886 252,189.803 252,186",
15897
- id: "mouth",
15898
- stroke: "#3B414D",
15899
- strokeWidth: "5.575",
15900
- strokeLinecap: "round"
15901
- }), /*#__PURE__*/React.createElement("g", {
15902
- id: "browser-top",
15903
- transform: "translate(145.000000, 73.000000)"
15904
- }, /*#__PURE__*/React.createElement("polygon", {
15905
- id: "background",
15906
- fill: "#E4E6EB",
15907
- points: "0 26 254 26 254 0 0 0"
15908
- }), /*#__PURE__*/React.createElement("circle", {
15909
- id: "dot",
15910
- fill: "#3B414D",
15911
- cx: "13",
15912
- cy: "13",
15913
- r: "3"
15914
- }), /*#__PURE__*/React.createElement("circle", {
15915
- id: "dot",
15916
- fill: "#3B414D",
15917
- cx: "23",
15918
- cy: "13",
15919
- r: "3"
15920
- }), /*#__PURE__*/React.createElement("circle", {
15921
- id: "dot",
15922
- fill: "#3B414D",
15923
- cx: "33",
15924
- cy: "13",
15925
- r: "3"
15926
- }), /*#__PURE__*/React.createElement("line", {
15927
- x1: "3",
15928
- y1: "26",
15929
- x2: "251",
15930
- y2: "26",
15931
- id: "line",
15932
- stroke: "#3B414D",
15933
- strokeWidth: "6"
15934
- })), /*#__PURE__*/React.createElement("g", {
15935
- id: "sign-post",
15936
- transform: "translate(427.000000, 88.999700)",
15937
- strokeWidth: "6"
15938
- }, /*#__PURE__*/React.createElement("polyline", {
15939
- id: "sign-post---left",
15940
- stroke: "#3B414D",
15941
- strokeLinecap: "round",
15942
- strokeLinejoin: "round",
15943
- points: "39.196 47.0005 7.06 50.5815 5.68434189e-14 64.7845 7.06 77.6745 54.679 72.3625 54.679 175.7975 40.451 175.7975"
15944
- }), /*#__PURE__*/React.createElement("polyline", {
15945
- id: "sign-post---right",
15946
- stroke: "#3B414D",
15947
- strokeLinecap: "round",
15948
- strokeLinejoin: "round",
15949
- points: "54.6794 54.6792 107.8214 60.9392 114.3504 49.0202 107.8214 35.8872 54.6794 29.6262 54.6794 13.4842"
15821
+ d: "M94.1431 61.1875C94.1431 60.5649 93.7639 60.0615 93.2973 60.0615H59.5459C59.0785 60.0615 58.7001 60.5649 58.7001 61.1875V110.694H94.1431V61.1875Z",
15822
+ fill: "#3B5BDB"
15950
15823
  }), /*#__PURE__*/React.createElement("path", {
15951
- d: "M62.9412,7.971 C62.9412,12.373 59.3732,15.941 54.9702,15.941 C50.5682,15.941 47.0002,12.373 47.0002,7.971 C47.0002,3.569 50.5682,1.59872116e-14 54.9702,1.59872116e-14 C59.3732,1.59872116e-14 62.9412,3.569 62.9412,7.971",
15952
- id: "sign-post---top",
15953
- stroke: "#27A9E1",
15954
- fill: "#E4F4FD"
15824
+ d: "M48.6024 31.2272C47.2344 27.6658 43.7924 25.134 39.7509 25.134C35.3463 25.134 31.6527 28.1402 30.5826 32.2112C30.199 32.1339 29.802 32.0924 29.3952 32.0924C26.0746 32.0924 23.3829 34.7851 23.3829 38.1069C23.3829 41.4287 26.0746 44.1214 29.3952 44.1214H55.3454C58.6659 44.1214 61.3576 41.4287 61.3576 38.1069C61.3576 34.7851 58.6659 32.0924 55.3454 32.0924C54.4671 32.0924 53.6345 32.2857 52.8827 32.6245C52.1401 31.6813 50.9906 31.0733 49.6978 31.0733C49.3177 31.0733 48.9516 31.1288 48.6024 31.2272Z",
15825
+ fill: "#3B5BDB"
15826
+ }), /*#__PURE__*/React.createElement("path", {
15827
+ d: "M309.54 17.8918C308.081 14.0929 304.41 11.3924 300.099 11.3924C295.4 11.3924 291.461 14.599 290.32 18.9414C289.91 18.8589 289.487 18.8147 289.052 18.8147C285.511 18.8147 282.64 21.6869 282.64 25.2301C282.64 28.7733 285.511 31.6456 289.052 31.6456H316.733C320.275 31.6456 323.146 28.7733 323.146 25.2301C323.146 21.6869 320.275 18.8147 316.733 18.8147C315.795 18.8147 314.908 19.0209 314.105 19.3823C313.314 18.3761 312.089 17.7276 310.709 17.7276C310.303 17.7276 309.912 17.7868 309.54 17.8918Z",
15828
+ fill: "#3B5BDB"
15955
15829
  })), /*#__PURE__*/React.createElement("path", {
15956
- d: "M330.327,294.916 C330.327,302.049 304.286,307.832 272.163,307.832 C240.04,307.832 214,302.049 214,294.916 C214,287.783 240.04,282 272.163,282 C304.286,282 330.327,287.783 330.327,294.916",
15957
- id: "shadow",
15958
- fill: "#EAF4EB"
15959
- }), /*#__PURE__*/React.createElement("g", {
15960
- id: "legs",
15961
- transform: "translate(248.000000, 268.000000)",
15962
- stroke: "#45B770",
15963
- strokeLinecap: "round",
15964
- strokeLinejoin: "round",
15965
- strokeWidth: "8.362"
15966
- }, /*#__PURE__*/React.createElement("polyline", {
15967
- id: "Stroke-1",
15968
- points: "15.817 -2.13162821e-14 15.817 24.795 3.55271368e-15 24.795"
15969
- }), /*#__PURE__*/React.createElement("polyline", {
15970
- id: "Stroke-3",
15971
- points: "31.3102 -2.30926389e-14 31.3102 25.574 47.1272 25.574"
15972
- })), /*#__PURE__*/React.createElement("line", {
15973
- x1: "143.441",
15974
- y1: "205.181",
15975
- x2: "121.181",
15976
- y2: "224.512",
15977
- id: "arm-left---top",
15978
- stroke: "#45B770",
15979
- strokeWidth: "8",
15980
- strokeLinecap: "round",
15981
- strokeLinejoin: "round"
15982
- }), /*#__PURE__*/React.createElement("line", {
15983
- x1: "399.988281",
15984
- y1: "213.830078",
15985
- x2: "416.9162",
15986
- y2: "196.8489",
15987
- id: "right-right---bottom",
15988
- stroke: "#45B770",
15989
- strokeWidth: "8",
15990
- strokeLinecap: "round",
15991
- strokeLinejoin: "round"
15830
+ fillRule: "evenodd",
15831
+ clipRule: "evenodd",
15832
+ d: "M181.134 41.3406C183.931 41.3406 186.198 43.6075 186.198 46.4039C186.198 46.5503 186.191 46.6966 186.179 46.8425L186.059 48.233C186.132 48.5976 186.164 48.9772 186.15 49.3671L186.018 53.1646H286.146C290.445 53.1646 293.812 56.5649 293.666 60.7595L290.1 163.291C289.954 167.486 286.351 170.886 282.051 170.886H132.842C128.542 170.886 125.175 167.486 125.321 163.291L128.887 60.7595C129.033 56.5649 132.636 53.1646 136.936 53.1646L142.591 53.1634L143.217 45.9652C143.444 43.3487 145.635 41.3406 148.261 41.3406H181.134Z",
15833
+ fill: "white"
15992
15834
  }), /*#__PURE__*/React.createElement("path", {
15993
- d: "M151.969,73 L391.69,73 C395.538,73 398.658,76.12 398.658,79.969 L398.658,258.366 C398.658,262.214 395.538,265.334 391.69,265.334 L151.969,265.334 C148.12,265.334 145,262.214 145,258.366 L145,79.969 C145,76.12 148.12,73 151.969,73 Z",
15994
- id: "browser-border",
15995
- stroke: "#3B414D",
15996
- strokeWidth: "6"
15997
- }), /*#__PURE__*/React.createElement("line", {
15998
- x1: "121.1812",
15999
- y1: "224.512",
16000
- x2: "171.9052",
16001
- y2: "236.375",
16002
- id: "arm-left---bottom",
16003
- stroke: "#45B770",
16004
- strokeWidth: "8",
16005
- strokeLinecap: "round",
16006
- strokeLinejoin: "round"
16007
- }), /*#__PURE__*/React.createElement("line", {
16008
- x1: "416.916",
16009
- y1: "196.8493",
16010
- x2: "348.522",
16011
- y2: "153.6733",
16012
- id: "arm-right---top",
16013
- stroke: "#45B770",
16014
- strokeWidth: "8",
16015
- strokeLinecap: "round",
16016
- strokeLinejoin: "round"
15835
+ fillRule: "evenodd",
15836
+ clipRule: "evenodd",
15837
+ d: "M102.337 67.4261C102.804 67.4261 103.183 67.7214 103.183 68.0859V114.262H67.7397V68.0859C67.7397 67.7214 68.1182 67.4261 68.5856 67.4261H102.337Z",
15838
+ fill: "#CACED8"
16017
15839
  }), /*#__PURE__*/React.createElement("path", {
16018
- d: "M344.1914,160.9806 C346.1454,156.3596 347.2264,151.2786 347.2264,145.9456 C347.2264,143.5286 347.0044,141.1636 346.5794,138.8686",
16019
- id: "hand-left",
16020
- stroke: "#45B770",
16021
- strokeWidth: "8",
16022
- strokeLinecap: "round",
16023
- strokeLinejoin: "round"
16024
- }), /*#__PURE__*/React.createElement("g", {
16025
- id: "map",
16026
- transform: "translate(183.000000, 203.000000)",
16027
- strokeLinejoin: "round"
16028
- }, /*#__PURE__*/React.createElement("polygon", {
16029
- stroke: "#3B414D",
16030
- strokeWidth: "6",
16031
- fill: "#E4F4FD",
16032
- points: "69.3333333 0 34.6666667 8.12833265 0 0 0 69.8706676 34.6666667 78 69.3333333 69.8706676 104 78 104 8.12833265"
16033
- }), /*#__PURE__*/React.createElement("line", {
16034
- x1: "34.5",
16035
- y1: "62.8644",
16036
- x2: "34.5",
16037
- y2: "55.5804",
16038
- id: "map-line---left---02",
16039
- stroke: "#28A7DF",
16040
- strokeWidth: "4.878",
16041
- strokeLinecap: "round"
16042
- }), /*#__PURE__*/React.createElement("line", {
16043
- x1: "34.5",
16044
- y1: "45.03",
16045
- x2: "34.5",
16046
- y2: "22",
16047
- id: "map-line---left---01",
16048
- stroke: "#28A7DF",
16049
- strokeWidth: "4.878",
16050
- strokeLinecap: "round"
16051
- }), /*#__PURE__*/React.createElement("line", {
16052
- x1: "69.4391",
16053
- y1: "54.9698",
16054
- x2: "69.4391",
16055
- y2: "37.1358",
16056
- id: "map-line---right---02",
16057
- stroke: "#28A7DF",
16058
- strokeWidth: "4.878",
16059
- strokeLinecap: "round"
16060
- }), /*#__PURE__*/React.createElement("line", {
16061
- x1: "69.4391",
16062
- y1: "27.5738",
16063
- x2: "69.4391",
16064
- y2: "17.4388",
16065
- id: "map-line---right---01",
16066
- stroke: "#28A7DF",
16067
- strokeWidth: "4.878",
16068
- strokeLinecap: "round"
16069
- })), /*#__PURE__*/React.createElement("g", {
16070
- id: "left-hand",
16071
- transform: "translate(173.473700, 226.000000)"
16072
- }, /*#__PURE__*/React.createElement("path", {
16073
- d: "M7.605,5.1029 C3.405,5.1029 -1.0658141e-13,8.5079 -1.0658141e-13,12.7079 C-1.0658141e-13,16.9089 3.405,20.3139 7.605,20.3139 L14.249,20.3139",
16074
- id: "hand",
16075
- stroke: "#45B770",
16076
- strokeWidth: "8",
16077
- strokeLinecap: "round",
16078
- strokeLinejoin: "round"
16079
- }), /*#__PURE__*/React.createElement("rect", {
16080
- id: "cover",
16081
- fill: "#3B414D",
16082
- x: "6.5263",
16083
- y: "0",
16084
- width: "6",
16085
- height: "9"
16086
- })), /*#__PURE__*/React.createElement("g", {
16087
- id: "clouds",
16088
- transform: "translate(44.000000, 0.000000)",
16089
- fill: "#B8E4F4"
16090
- }, /*#__PURE__*/React.createElement("path", {
16091
- d: "M396.6868,87.0406 C394.3808,87.0406 392.2528,87.7836 390.5118,89.0306 C389.6798,80.0776 382.1498,73.0676 372.9798,73.0676 C364.9078,73.0676 358.1098,78.4996 356.0278,85.9056 C353.9528,84.3526 351.3838,83.4216 348.5928,83.4216 C341.7248,83.4216 336.1578,88.9886 336.1578,95.8566 C336.1578,102.7246 341.7248,108.2906 348.5928,108.2906 L396.6868,108.2906 C402.5548,108.2906 407.3118,103.5346 407.3118,97.6656 C407.3118,91.7976 402.5548,87.0406 396.6868,87.0406",
16092
- id: "cloud---05"
15840
+ d: "M156.073 30.3798C160.292 30.3798 163.843 33.7855 164.063 38.069L164.085 38.8089L182.156 38.8089C184.742 38.8089 187.026 40.1014 188.398 42.0755L270.722 42.0758C275.798 42.0758 280.165 45.7678 281.214 50.6334L286.146 50.6329C291.758 50.6329 296.224 55.0388 296.202 60.5352L296.196 60.8475L292.838 157.414L330.416 157.423C331.777 157.408 332.894 158.427 332.911 159.7C332.927 160.915 331.935 161.923 330.661 162.025L330.477 162.034L292.677 162.024L292.63 163.379C292.44 168.845 287.879 173.249 282.37 173.413L282.051 173.418H132.842C128.946 173.418 125.603 171.295 123.929 168.159C121.254 167.103 119.085 164.99 117.937 162.355L89.1371 162.355C87.711 162.338 86.569 161.168 86.5863 159.742C86.6027 158.381 87.6696 157.278 89.0068 157.196L89.1996 157.191L116.986 157.19L111.604 52.5928C111.312 46.9184 115.597 42.2485 121.2 42.0805L121.496 42.0747L121.377 38.2783C121.159 34.0413 124.357 30.5386 128.539 30.385L128.826 30.3798H156.073ZM182.156 43.8722H149.331C148.059 43.8722 146.985 44.8155 146.82 46.0763L145.566 55.6946L136.936 55.6962C133.988 55.6962 131.515 58.0292 131.417 60.8475L127.851 163.379C127.755 166.127 129.961 168.354 132.842 168.354H282.051C285 168.354 287.472 166.021 287.57 163.203L291.136 60.6715C291.232 57.9233 289.026 55.6962 286.145 55.6962L183.496 55.695L184.667 46.7313C184.681 46.6227 184.688 46.5134 184.688 46.4039C184.688 45.0057 183.554 43.8722 182.156 43.8722ZM362.279 157.192C363.704 157.154 364.891 158.28 364.928 159.705C364.964 161.066 363.94 161.702 362.607 161.835L362.414 161.848L343.11 162.354C341.684 162.392 340.498 161.267 340.461 159.841C340.425 158.48 341.449 157.337 342.782 157.204L342.975 157.192H362.279ZM79.0911 159.64C79.1613 161 78.1668 162.168 76.8375 162.335L76.6454 162.352H66.8241C65.3998 162.425 64.1856 161.33 64.1121 159.906C64.042 158.547 65.0365 157.379 66.3658 157.211L66.5579 157.194H76.3792C77.8035 157.121 79.0176 158.216 79.0911 159.64ZM156.073 35.4431H128.826C127.477 35.4431 126.452 36.4714 126.432 37.8753L126.436 38.069L126.72 47.1391H121.513C118.755 47.1391 116.643 49.2984 116.653 52.0709L116.66 52.3326L122.118 158.378C122.164 159.286 122.433 160.148 122.869 160.908L126.357 60.6715C126.551 55.1006 131.285 50.6329 136.935 50.6329L141.119 50.6317L141.799 45.4215C142.28 41.7383 145.348 38.9585 149.031 38.8148L149.331 38.8089L159.02 38.8089L159.004 38.2783C158.928 36.794 157.7 35.5552 156.269 35.4502L156.073 35.4431ZM223.253 116.891L223.44 116.895C224.763 116.981 225.766 118.122 225.68 119.444C225.447 123.071 222.431 125.991 218.829 126.139L218.543 126.145H201.449C197.602 126.145 194.639 122.978 194.887 119.135C194.972 117.813 196.113 116.81 197.435 116.895C198.695 116.977 199.665 118.015 199.68 119.257L199.676 119.444C199.61 120.463 200.293 121.254 201.273 121.338L201.449 121.346H218.543C219.675 121.346 220.701 120.438 220.871 119.323L220.892 119.135C220.973 117.876 222.012 116.906 223.253 116.891ZM103.183 65.8452L103.183 66.3191C103.908 66.6033 104.449 67.2481 104.449 68.086V114.262C104.449 114.961 103.882 115.527 103.183 115.527H67.7398C67.0407 115.527 66.474 114.961 66.474 114.262V68.086C66.474 67.2481 67.0145 66.6033 67.7396 66.3191L67.7398 65.8452H103.183ZM101.916 71.9304H69.0048L69.005 112.995H101.916L101.916 71.9304ZM85.0096 104.616C85.7315 104.616 86.3167 105.201 86.3167 105.923V108.678C86.3167 109.4 85.7315 109.985 85.0096 109.985H75.0279C74.306 109.985 73.7207 109.4 73.7207 108.678V105.923C73.7207 105.201 74.306 104.616 75.0279 104.616H85.0096ZM83.7012 107.229H76.3341V107.37H83.7012V107.229ZM97.4683 92.7215C98.1674 92.7215 98.7341 93.2883 98.7341 93.9874V100.316C98.7341 101.016 98.1674 101.582 97.4683 101.582H73.4176C72.7185 101.582 72.1518 101.016 72.1518 100.316V93.9874C72.1518 93.2883 72.7185 92.7215 73.4176 92.7215H97.4683ZM96.2025 95.2532H74.6835V99.0506H96.2025V95.2532ZM197.487 88.3647C200.794 88.3647 203.588 90.5375 204.516 93.6944C204.89 94.9657 204.163 96.2994 202.891 96.6732C201.681 97.0292 200.413 96.3863 199.972 95.226L199.913 95.0482C199.575 93.8998 198.628 93.1634 197.487 93.1634C196.329 93.1634 195.192 93.9189 194.608 95.083L194.505 95.3059C193.988 96.5264 192.581 97.0973 191.36 96.5811C190.14 96.0649 189.569 94.6571 190.085 93.4366C191.36 90.4209 194.27 88.3647 197.487 88.3647ZM227.251 88.3647C230.558 88.3647 233.352 90.5375 234.28 93.6944C234.654 94.9657 233.926 96.2994 232.655 96.6732C231.444 97.0292 230.177 96.3863 229.736 95.226L229.676 95.0482C229.338 93.8998 228.392 93.1634 227.251 93.1634C226.093 93.1634 224.956 93.9189 224.371 95.083L224.268 95.3059C223.752 96.5264 222.344 97.0973 221.124 96.5811C219.903 96.0649 219.332 94.6571 219.848 93.4366C221.124 90.4209 224.033 88.3647 227.251 88.3647ZM97.4683 81.3291C98.1674 81.3291 98.7341 81.8959 98.7341 82.595V88.9241C98.7341 89.6232 98.1674 90.1899 97.4683 90.1899H73.4176C72.7185 90.1899 72.1518 89.6232 72.1518 88.9241V82.595C72.1518 81.8959 72.7185 81.3291 73.4176 81.3291H97.4683ZM96.2025 83.8608H74.6835V87.6582H96.2025V83.8608ZM84.9621 75.7452C85.684 75.7452 86.2692 76.3305 86.2692 77.0524C86.2692 77.7262 85.7594 78.2809 85.1045 78.3519L84.9621 78.3595H73.5214C72.7995 78.3595 72.2143 77.7743 72.2143 77.0524C72.2143 76.3786 72.7241 75.8239 73.379 75.7529L73.5214 75.7452H84.9621ZM270.722 47.1391L189.714 47.138L189.687 47.3866L189.263 50.6317L275.919 50.6332C275.065 48.6752 273.15 47.2546 270.989 47.1458L270.722 47.1391Z",
15841
+ fill: "#3B414D"
16093
15842
  }), /*#__PURE__*/React.createElement("path", {
16094
- d: "M320.0872,9.9 C318.8362,9.9 317.6522,10.175 316.5812,10.657 C315.5252,9.315 313.8902,8.45 312.0492,8.45 C311.5082,8.45 310.9862,8.529 310.4902,8.669 C308.5432,3.602 303.6442,5.68434189e-14 297.8922,5.68434189e-14 C291.6222,5.68434189e-14 286.3662,4.277 284.8442,10.069 C284.2972,9.959 283.7322,9.9 283.1522,9.9 C278.4272,9.9 274.5962,13.731 274.5962,18.457 C274.5962,23.183 278.4272,27.014 283.1522,27.014 L320.0872,27.014 C324.8132,27.014 328.6442,23.183 328.6442,18.457 C328.6442,13.731 324.8132,9.9 320.0872,9.9",
16095
- id: "cloud---04"
15843
+ d: "M213.449 173.34L213.449 186.311L221.101 186.311C222.463 186.311 223.578 187.365 223.676 188.701L223.684 188.894C223.684 190.255 222.63 191.37 221.294 191.469L221.101 191.476H210.867C209.506 191.476 208.391 190.423 208.292 189.086L208.285 188.894V173.34H213.449ZM203.425 173.34V188.39C203.425 189.751 202.371 190.866 201.035 190.965L200.843 190.972H190.608C189.182 190.972 188.026 189.816 188.026 188.39C188.026 187.028 189.08 185.913 190.416 185.814L190.608 185.807L198.259 185.806L198.26 173.34H203.425ZM101.899 120.835C103.325 120.835 104.481 121.992 104.481 123.418C104.481 124.779 103.428 125.894 102.091 125.993L101.899 126L96.7188 126L111.219 140.67L123.794 129.751C123.846 129.705 123.971 129.614 124.036 129.568L124.055 129.553L124.054 129.571C124.047 129.692 124.044 130.316 124.042 131.14L124.042 133.914C124.042 134.017 124.042 134.119 124.041 134.219L124.04 135.062C124.039 135.839 124.035 136.381 124.027 136.389C121.527 138.56 117.777 141.816 112.777 146.158L112.755 146.175L112.734 146.195C112.709 146.216 112.684 146.236 112.658 146.256L112.777 146.158C112.717 146.21 112.656 146.259 112.593 146.304C112.56 146.328 112.526 146.351 112.492 146.373C112.466 146.39 112.439 146.407 112.412 146.423C112.379 146.443 112.346 146.462 112.312 146.481C112.282 146.497 112.252 146.512 112.222 146.527C112.195 146.541 112.167 146.554 112.139 146.566C112.105 146.581 112.071 146.596 112.037 146.609C112 146.624 111.962 146.638 111.924 146.651C111.898 146.66 111.873 146.668 111.848 146.676C111.816 146.686 111.783 146.695 111.751 146.704C111.704 146.716 111.657 146.727 111.61 146.737C111.598 146.739 111.585 146.742 111.573 146.744C111.519 146.755 111.466 146.763 111.412 146.77C111.394 146.772 111.376 146.774 111.357 146.776C111.311 146.781 111.265 146.785 111.218 146.787C111.192 146.789 111.165 146.789 111.139 146.79C111.105 146.791 111.07 146.791 111.035 146.79C111 146.789 110.965 146.788 110.93 146.786C110.901 146.784 110.871 146.782 110.842 146.779C110.801 146.775 110.76 146.771 110.72 146.765C110.698 146.762 110.677 146.758 110.656 146.755C110.613 146.748 110.57 146.74 110.527 146.73C110.491 146.722 110.456 146.714 110.421 146.704C110.392 146.697 110.362 146.688 110.333 146.679C110.211 146.642 110.091 146.596 109.974 146.541C109.912 146.511 109.851 146.479 109.792 146.445C109.723 146.405 109.655 146.361 109.589 146.314C109.573 146.303 109.557 146.291 109.541 146.279C109.5 146.249 109.46 146.218 109.421 146.185C109.418 146.182 109.414 146.178 109.411 146.175L109.358 146.13C109.325 146.1 109.293 146.069 109.261 146.038L109.247 146.024L91.2013 127.765C90.7168 127.274 90.4687 126.639 90.4562 126L79.1139 126C77.6877 126 76.5316 124.844 76.5316 123.418C76.5316 122.056 77.585 120.941 78.9212 120.843L79.1139 120.835H101.899ZM93.2973 58.7957C94.4918 58.7957 95.3225 59.8212 95.4026 61.0002L95.409 61.1875V65.846C95.409 65.846 94.7763 65.8673 94.1435 65.8781L94.1431 65.968H67.2122V68.3806L59.9656 68.3805L59.9663 90.5845C60.9638 90.2603 62.0224 90.0716 63.1203 90.0398L63.4526 90.035C69.6779 90.035 74.7245 95.0815 74.7245 101.307C74.7245 107.532 69.6779 112.579 63.4526 112.579C62.161 112.579 60.9202 112.361 59.7646 111.961L58.7001 111.96C58.0518 111.96 57.5174 111.473 57.4431 110.845C54.2809 108.848 52.1808 105.323 52.1808 101.307C52.1808 97.2947 54.277 93.7722 57.4339 91.7747L57.4343 61.1875C57.4343 59.9946 58.2047 58.9096 59.3603 58.8041L59.5459 58.7957H93.2973ZM67.7397 80.2265V81.4923L63.4987 81.4911V85.0785L67.7397 85.0794V86.3452H62.2329V80.2265H67.7397ZM67.0836 72.6006V73.8664L63.4987 73.8658V77.4532L67.0836 77.4534V78.7193H62.2329V72.6006H67.0836Z",
15844
+ fill: "#3B5BDB"
16096
15845
  }), /*#__PURE__*/React.createElement("path", {
16097
- d: "M198.5179,25.524 C195.7659,25.524 193.2259,26.41 191.1459,27.899 C190.1539,17.212 181.1649,8.845 170.2189,8.845 C160.5829,8.845 152.4689,15.329 149.9839,24.17 C147.5059,22.316 144.4409,21.204 141.1079,21.204 C132.9109,21.204 126.2649,27.85 126.2649,36.047 C126.2649,44.245 132.9109,50.891 141.1079,50.891 L198.5179,50.891 C205.5219,50.891 211.2009,45.212 211.2009,38.208 C211.2009,31.203 205.5219,25.524 198.5179,25.524",
16098
- id: "cloud---03"
15846
+ d: "M293.671 131.646C293.814 129.658 293.824 129.91 293.814 129.9L293.463 129.568L293.472 129.575C293.539 129.623 294.254 130.336 294.304 130.38L308.107 142.259L308.262 142.404C309.117 143.278 309.237 144.635 308.561 145.642C308.337 146.419 307.754 147.079 306.933 147.367L283.243 155.68C282.59 159.159 279.537 161.791 275.869 161.791H271.57L271.377 161.784C270.041 161.686 268.987 160.57 268.987 159.209C268.987 157.783 270.144 156.627 271.57 156.627H275.869L276.051 156.62C277.257 156.527 278.207 155.518 278.207 154.288C278.207 152.996 277.16 151.949 275.869 151.949L275.676 151.942C274.34 151.844 273.286 150.728 273.286 149.367C273.286 147.941 274.442 146.785 275.869 146.785C278.638 146.785 281.058 148.286 282.357 150.519L301.859 143.673L293.471 136.389C293.56 136.466 293.46 135.953 293.458 135.312L293.457 134.795L293.457 134.513L293.671 131.646Z",
15847
+ fill: "#3B5BDB"
15848
+ }), /*#__PURE__*/React.createElement("circle", {
15849
+ cx: "63.5",
15850
+ cy: "101.5",
15851
+ r: "11.5",
15852
+ fill: "#D11053"
16099
15853
  }), /*#__PURE__*/React.createElement("path", {
16100
- d: "M117.9359,151.1183 C116.6859,151.1183 115.5009,151.3933 114.4309,151.8753 C113.3739,150.5333 111.7379,149.6683 109.8979,149.6683 C109.3569,149.6683 108.8359,149.7473 108.3389,149.8873 C106.3919,144.8203 101.4929,141.2183 95.7409,141.2183 C89.4719,141.2183 84.2149,145.4953 82.6919,151.2873 C82.1459,151.1773 81.5809,151.1183 81.0019,151.1183 C76.2759,151.1183 72.4449,154.9493 72.4449,159.6753 C72.4449,164.4013 76.2759,168.2323 81.0019,168.2323 L117.9359,168.2323 C122.6619,168.2323 126.4929,164.4013 126.4929,159.6753 C126.4929,154.9493 122.6619,151.1183 117.9359,151.1183",
16101
- id: "cloud---02"
15854
+ fillRule: "evenodd",
15855
+ clipRule: "evenodd",
15856
+ d: "M68.5537 98.1186L65.3663 101.306L68.5537 104.495L66.6408 106.408L63.4526 103.22L60.2645 106.408L58.3516 104.495L61.539 101.306L58.3516 98.1186L60.2645 96.2057L63.4526 99.3923L66.6408 96.2057L68.5537 98.1186Z",
15857
+ fill: "white"
15858
+ }), /*#__PURE__*/React.createElement("rect", {
15859
+ x: "189",
15860
+ y: "112",
15861
+ width: "47",
15862
+ height: "21",
15863
+ fill: "white"
16102
15864
  }), /*#__PURE__*/React.createElement("path", {
16103
- d: "M45.491,85.3556 C44.241,85.3556 43.056,85.6306 41.985,86.1126 C40.929,84.7706 39.293,83.9056 37.453,83.9056 C36.912,83.9056 36.391,83.9846 35.894,84.1246 C33.947,79.0576 29.048,75.4556 23.296,75.4556 C17.027,75.4556 11.77,79.7326 10.247,85.5246 C9.701,85.4146 9.136,85.3556 8.557,85.3556 C3.831,85.3556 -1.13686838e-13,89.1866 -1.13686838e-13,93.9126 C-1.13686838e-13,98.6386 3.831,102.4696 8.557,102.4696 L45.491,102.4696 C50.217,102.4696 54.048,98.6386 54.048,93.9126 C54.048,89.1866 50.217,85.3556 45.491,85.3556",
16104
- id: "cloud---01"
16105
- }))))));
15865
+ d: "M226 125V125C226 122.239 223.761 120 221 120L202 120C199.239 120 197 122.239 197 125V125",
15866
+ stroke: "#3B414D",
15867
+ strokeWidth: "5",
15868
+ strokeLinecap: "round"
15869
+ }));
16106
15870
  };
16107
15871
 
16108
15872
  var SearchIcon = function SearchIcon(_ref) {
@@ -27086,7 +26850,7 @@ var fallbackValues$n = {
27086
26850
  };
27087
26851
 
27088
26852
  var _excluded$y = ["showErrors", "themeValues"],
27089
- _excluded2 = ["type", "labelDisplayOverride", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocompleteValue", "extraStyles", "removeFromValue", "dataQa", "isRequired", "errorFieldExtraStyles", "showFieldErrorRow", "labelTextVariant", "errorTextVariant"];
26853
+ _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocompleteValue", "extraStyles", "removeFromValue", "dataQa", "isRequired", "errorFieldExtraStyles", "showFieldErrorRow", "labelTextVariant", "errorTextVariant"];
27090
26854
  var InputField = styled.input.withConfig({
27091
26855
  displayName: "FormInput__InputField",
27092
26856
  componentId: "sc-l094r1-0"
@@ -27149,8 +26913,6 @@ var FormattedInputField = styled(function (_ref8) {
27149
26913
  var FormInput = function FormInput(_ref15) {
27150
26914
  var _ref15$type = _ref15.type,
27151
26915
  type = _ref15$type === void 0 ? "text" : _ref15$type,
27152
- _ref15$labelDisplayOv = _ref15.labelDisplayOverride,
27153
- labelDisplayOverride = _ref15$labelDisplayOv === void 0 ? null : _ref15$labelDisplayOv,
27154
26916
  _ref15$labelTextWhenN = _ref15.labelTextWhenNoError,
27155
26917
  labelTextWhenNoError = _ref15$labelTextWhenN === void 0 ? "" : _ref15$labelTextWhenN,
27156
26918
  errorMessages = _ref15.errorMessages,
@@ -27214,7 +26976,7 @@ var FormInput = function FormInput(_ref15) {
27214
26976
  }, helperModal ? /*#__PURE__*/React.createElement(Cluster, {
27215
26977
  justify: "space-between",
27216
26978
  align: "center"
27217
- }, labelDisplayOverride ? labelDisplayOverride : /*#__PURE__*/React.createElement(Text$1, {
26979
+ }, /*#__PURE__*/React.createElement(Text$1, {
27218
26980
  as: "label",
27219
26981
  color: themeValues.labelColor,
27220
26982
  variant: labelTextVariant,
@@ -27227,7 +26989,7 @@ var FormInput = function FormInput(_ref15) {
27227
26989
  }, /*#__PURE__*/React.createElement(Cluster, {
27228
26990
  justify: "space-between",
27229
26991
  align: "center"
27230
- }, labelDisplayOverride ? labelDisplayOverride : /*#__PURE__*/React.createElement(Text$1, {
26992
+ }, /*#__PURE__*/React.createElement(Text$1, {
27231
26993
  as: "label",
27232
26994
  color: themeValues.labelColor,
27233
26995
  variant: labelTextVariant,
@@ -47245,7 +47007,8 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
47245
47007
  };
47246
47008
 
47247
47009
  var InactiveControlsModule = function InactiveControlsModule(_ref) {
47248
- var autoPayEnabled = _ref.autoPayEnabled,
47010
+ var obligations = _ref.obligations,
47011
+ autoPayEnabled = _ref.autoPayEnabled,
47249
47012
  autoPaySchedule = _ref.autoPaySchedule,
47250
47013
  navigateToSettings = _ref.navigateToSettings,
47251
47014
  deactivatePaymentSchedule = _ref.deactivatePaymentSchedule,
@@ -47256,6 +47019,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
47256
47019
  obligationAssocID = _ref.obligationAssocID,
47257
47020
  dueDate = _ref.dueDate,
47258
47021
  agencyName = _ref.agencyName,
47022
+ config = _ref.config,
47259
47023
  configType = _ref.configType,
47260
47024
  actions = _ref.actions,
47261
47025
  description = _ref.description,
@@ -47264,12 +47028,22 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
47264
47028
  _ref$disableActions = _ref.disableActions,
47265
47029
  disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions,
47266
47030
  _ref$showRemoveButton = _ref.showRemoveButton,
47267
- showRemoveButton = _ref$showRemoveButton === void 0 ? true : _ref$showRemoveButton;
47031
+ showRemoveButton = _ref$showRemoveButton === void 0 ? true : _ref$showRemoveButton,
47032
+ _ref$inactiveCanNavig = _ref.inactiveCanNavigateToAccountDetails,
47033
+ inactiveCanNavigateToAccountDetails = _ref$inactiveCanNavig === void 0 ? false : _ref$inactiveCanNavig;
47268
47034
  var _useState = useState(false),
47269
47035
  _useState2 = _slicedToArray(_useState, 2),
47270
47036
  modalOpen = _useState2[0],
47271
47037
  toggleModal = _useState2[1];
47272
- var deleteObligationAssoc = actions.deleteObligationAssoc;
47038
+ var deleteObligationAssoc = actions.deleteObligationAssoc,
47039
+ setDetailedObligation = actions.setDetailedObligation,
47040
+ navigateToDetailedObligation = actions.navigateToDetailedObligation;
47041
+ var obligationSlug = config.obligationSlug;
47042
+ var detailsSlug = config.type === "ACCOUNT" ? "/profile/accounts/details/".concat(obligationSlug) : "/profile/properties/details/".concat(obligationSlug);
47043
+ var handleDetailsClick = function handleDetailsClick() {
47044
+ setDetailedObligation(obligations, config, obligationAssocID);
47045
+ navigateToDetailedObligation(detailsSlug);
47046
+ };
47273
47047
  var handleRemoveAccount = function handleRemoveAccount() {
47274
47048
  return deleteObligationAssoc(obligationAssocID);
47275
47049
  };
@@ -47282,7 +47056,16 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
47282
47056
  nowrap: true,
47283
47057
  justify: isMobile && autoPayEnabled && "center",
47284
47058
  align: isMobile && autoPayEnabled && "center"
47285
- }, autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
47059
+ }, inactiveCanNavigateToAccountDetails && /*#__PURE__*/React.createElement(Box, {
47060
+ padding: isMobile ? "0 8px 0 0" : "0",
47061
+ extraStyles: isMobile && "flex-grow: 1;"
47062
+ }, /*#__PURE__*/React.createElement(ButtonWithAction, {
47063
+ variant: "tertiary",
47064
+ text: config.type === "ACCOUNT" ? "Account Details" : "Property Details",
47065
+ action: handleDetailsClick,
47066
+ dataQa: "Account Details",
47067
+ extraStyles: isMobile && "flex-grow: 1; width: 100%;"
47068
+ })), autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
47286
47069
  padding: "0",
47287
47070
  extraStyles: "flex-grow: 1;"
47288
47071
  }, /*#__PURE__*/React.createElement(AutopayModalModule, {
@@ -47342,7 +47125,7 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
47342
47125
  variant: "extraSmall",
47343
47126
  as: "p",
47344
47127
  color: BLACK
47345
- }, "This may mean that the balance has been paid, or there was an error loading it.".concat(autoPayEnabled ? " You may disable autopay for this account by pressing the 'Turn off Autopay' button." : ""))));
47128
+ }, "This may mean the balance has been paid and was removed from the system, or that there was an error loading it. .".concat(autoPayEnabled ? " You may disable autopay for this account by pressing the 'Turn off Autopay' button." : ""))));
47346
47129
  };
47347
47130
 
47348
47131
  var iconColor = ROYAL_BLUE_VIVID;
@@ -47377,6 +47160,8 @@ var Obligation = function Obligation(_ref) {
47377
47160
  inactiveLookupInput = _ref$inactiveLookupIn === void 0 ? "Account" : _ref$inactiveLookupIn,
47378
47161
  _ref$inactiveLookupVa = _ref.inactiveLookupValue,
47379
47162
  inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa,
47163
+ _ref$inactiveCanNavig = _ref.inactiveCanNavigateToAccountDetails,
47164
+ inactiveCanNavigateToAccountDetails = _ref$inactiveCanNavig === void 0 ? false : _ref$inactiveCanNavig,
47380
47165
  _ref$isInCustomerMana = _ref.isInCustomerManagement,
47381
47166
  isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana,
47382
47167
  themeValues = _ref.themeValues,
@@ -47654,7 +47439,8 @@ var Obligation = function Obligation(_ref) {
47654
47439
  subDescription: subDescription,
47655
47440
  allowedPaymentInstruments: allowedPaymentInstruments,
47656
47441
  disableActions: isInCustomerManagement,
47657
- showRemoveButton: showRemoveButton
47442
+ showRemoveButton: showRemoveButton,
47443
+ inactiveCanNavigateToAccountDetails: inactiveCanNavigateToAccountDetails
47658
47444
  }))), isMobile && /*#__PURE__*/React.createElement(InactiveControlsModule, {
47659
47445
  obligations: obligations,
47660
47446
  autoPayEnabled: autoPayEnabled,
@@ -47673,47 +47459,22 @@ var Obligation = function Obligation(_ref) {
47673
47459
  subDescription: subDescription,
47674
47460
  allowedPaymentInstruments: allowedPaymentInstruments,
47675
47461
  disableActions: isInCustomerManagement,
47676
- showRemoveButton: showRemoveButton
47462
+ showRemoveButton: showRemoveButton,
47463
+ inactiveCanNavigateToAccountDetails: inactiveCanNavigateToAccountDetails
47677
47464
  }))));
47678
47465
  return isLoading ? loadingObligation : inactive ? inactiveObligation : activeObligation;
47679
47466
  };
47680
47467
  var Obligation$1 = themeComponent(Obligation, "Obligation", fallbackValues$N);
47681
47468
 
47682
- var weightTitle$1 = {
47683
- "default": "600",
47684
- small: "400"
47685
- };
47686
- var detailVariant$1 = {
47687
- "default": "large",
47688
- small: "small"
47689
- };
47690
- var fallbackValues$O = {
47691
- weightTitle: weightTitle$1,
47692
- detailVariant: detailVariant$1
47693
- };
47694
-
47695
47469
  var PartialAmountField = function PartialAmountField(_ref) {
47696
47470
  var lineItem = _ref.lineItem,
47697
47471
  field = _ref.field,
47698
47472
  showErrors = _ref.showErrors,
47699
47473
  errorMessages = _ref.errorMessages,
47700
47474
  moneyFormat = _ref.moneyFormat,
47701
- fieldActions = _ref.fieldActions,
47702
- themeValues = _ref.themeValues;
47475
+ fieldActions = _ref.fieldActions;
47703
47476
  return /*#__PURE__*/React.createElement(FormInput$1, {
47704
47477
  labelTextWhenNoError: lineItem.description,
47705
- labelDisplayOverride: /*#__PURE__*/React.createElement(Stack, {
47706
- childGap: "0px"
47707
- }, /*#__PURE__*/React.createElement(Detail$1, {
47708
- as: "h3",
47709
- variant: themeValues.detailVariant,
47710
- weight: themeValues.weightTitle
47711
- }, /*#__PURE__*/React.createElement("span", null, lineItem.description)), /*#__PURE__*/React.createElement(Detail$1, {
47712
- id: lineItem.subDescription,
47713
- as: "p",
47714
- variant: themeValues.detailVariant,
47715
- weight: "400"
47716
- }, lineItem.subDescription)),
47717
47478
  key: lineItem.id,
47718
47479
  field: field,
47719
47480
  fieldActions: fieldActions,
@@ -47736,7 +47497,7 @@ var PartialAmountField = function PartialAmountField(_ref) {
47736
47497
  function arePropsEqual(prevProps, nextProps) {
47737
47498
  return equals(prevProps.errorMessages, nextProps.errorMessages) && equals(prevProps.field, nextProps.field) && equals(prevProps.showErrors, nextProps.showErrors) && equals(prevProps.moneyFormat, nextProps.moneyFormat) && equals(prevProps.lineItem, nextProps.lineItem);
47738
47499
  }
47739
- var PartialAmountField$1 = /*#__PURE__*/React.memo(themeComponent(PartialAmountField, "PartialAmountField", fallbackValues$O, "default"), arePropsEqual);
47500
+ var PartialAmountField$1 = /*#__PURE__*/React.memo(PartialAmountField, arePropsEqual);
47740
47501
 
47741
47502
  var PartialAmountForm = function PartialAmountForm(_ref) {
47742
47503
  var _ref$variant = _ref.variant,
@@ -47841,7 +47602,7 @@ var numberColor = MATISSE_BLUE;
47841
47602
  var hoverBackgroundColor$2 = ALABASTER_WHITE;
47842
47603
  var activeBackgroundColor$2 = WHITE;
47843
47604
  var activeColor$9 = MATISSE_BLUE;
47844
- var fallbackValues$P = {
47605
+ var fallbackValues$O = {
47845
47606
  activeColor: activeColor$9,
47846
47607
  activeBackgroundColor: activeBackgroundColor$2,
47847
47608
  arrowColor: arrowColor,
@@ -48035,7 +47796,7 @@ var Pagination = function Pagination(_ref3) {
48035
47796
  buttonWidth: buttonWidth
48036
47797
  }));
48037
47798
  };
48038
- var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$P);
47799
+ var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$O);
48039
47800
 
48040
47801
  var PaymentButtonBar = function PaymentButtonBar(_ref) {
48041
47802
  var _ref$isForwardButtonD = _ref.isForwardButtonDisabled,
@@ -48136,7 +47897,7 @@ var labeledAmountTotal = {
48136
47897
  "default": "large",
48137
47898
  small: "small"
48138
47899
  };
48139
- var fallbackValues$Q = {
47900
+ var fallbackValues$P = {
48140
47901
  backgroundColor: backgroundColor$c,
48141
47902
  lineItem: lineItem,
48142
47903
  labeledAmountSubtotal: labeledAmountSubtotal,
@@ -48505,7 +48266,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48505
48266
  isError: isError
48506
48267
  });
48507
48268
  };
48508
- var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$Q, "default");
48269
+ var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$P, "default");
48509
48270
 
48510
48271
  var linkColor$4 = {
48511
48272
  "default": "#3176AA"
@@ -48525,7 +48286,7 @@ var modalLinkHoverFocus = {
48525
48286
  var linkTextDecoration = {
48526
48287
  "default": LINK_TEXT_DECORATION
48527
48288
  };
48528
- var fallbackValues$R = {
48289
+ var fallbackValues$Q = {
48529
48290
  linkColor: linkColor$4,
48530
48291
  fontSize: fontSize$a,
48531
48292
  lineHeight: lineHeight$4,
@@ -48589,7 +48350,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
48589
48350
  }, link)
48590
48351
  }));
48591
48352
  };
48592
- var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$R, "default");
48353
+ var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$Q, "default");
48593
48354
 
48594
48355
  var backgroundColor$d = {
48595
48356
  "default": "#ffffff",
@@ -48624,7 +48385,7 @@ var modalLinkTextDecoration = {
48624
48385
  "default": LINK_TEXT_DECORATION,
48625
48386
  footer: "none"
48626
48387
  };
48627
- var fallbackValues$S = {
48388
+ var fallbackValues$R = {
48628
48389
  backgroundColor: backgroundColor$d,
48629
48390
  linkColor: linkColor$5,
48630
48391
  border: border$3,
@@ -48696,7 +48457,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
48696
48457
  className: "modal-trigger"
48697
48458
  }, link));
48698
48459
  };
48699
- var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$S, "default");
48460
+ var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$R, "default");
48700
48461
 
48701
48462
  var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
48702
48463
  var onCheck = _ref.onCheck,
@@ -49468,7 +49229,7 @@ var headingDisabledColor = "".concat(ATHENS_GREY);
49468
49229
  var bodyBackgroundColor$1 = "#eeeeee";
49469
49230
  var borderColor$6 = "".concat(GHOST_GREY);
49470
49231
  var focusStyles = "outline: none;";
49471
- var fallbackValues$T = {
49232
+ var fallbackValues$S = {
49472
49233
  headingBackgroundColor: headingBackgroundColor$1,
49473
49234
  headingDisabledColor: headingDisabledColor,
49474
49235
  bodyBackgroundColor: bodyBackgroundColor$1,
@@ -49771,7 +49532,7 @@ var RadioSection = function RadioSection(_ref) {
49771
49532
  });
49772
49533
  })));
49773
49534
  };
49774
- var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$T);
49535
+ var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$S);
49775
49536
 
49776
49537
  var RegistrationForm = function RegistrationForm(_ref) {
49777
49538
  var clearOnDismount = _ref.clearOnDismount,
@@ -49891,13 +49652,13 @@ RegistrationForm.mapDispatchToProps = mapDispatchToProps$9;
49891
49652
 
49892
49653
  var GRECIAN_GREY$1 = GRECIAN_GREY;
49893
49654
  var bannerBackgroundColor = GRECIAN_GREY$1;
49894
- var fallbackValues$U = {
49655
+ var fallbackValues$T = {
49895
49656
  bannerBackgroundColor: bannerBackgroundColor
49896
49657
  };
49897
49658
 
49898
49659
  var ResetConfirmationForm = function ResetConfirmationForm() {
49899
49660
  var themeContext = useContext(ThemeContext);
49900
- var themeValues = createThemeValues(themeContext, fallbackValues$U, "ResetConfirmationForm");
49661
+ var themeValues = createThemeValues(themeContext, fallbackValues$T, "ResetConfirmationForm");
49901
49662
  var isMobile = themeContext.isMobile;
49902
49663
  return /*#__PURE__*/React.createElement(Box, {
49903
49664
  padding: "0",
@@ -50012,13 +49773,13 @@ ResetPasswordForm.mapDispatchToProps = mapDispatchToProps$a;
50012
49773
 
50013
49774
  var GRECIAN_GREY$2 = GRECIAN_GREY;
50014
49775
  var bannerBackgroundColor$1 = GRECIAN_GREY$2;
50015
- var fallbackValues$V = {
49776
+ var fallbackValues$U = {
50016
49777
  bannerBackgroundColor: bannerBackgroundColor$1
50017
49778
  };
50018
49779
 
50019
49780
  var ResetPasswordSuccess = function ResetPasswordSuccess() {
50020
49781
  var themeContext = useContext(ThemeContext);
50021
- var themeValues = createThemeValues(themeContext, fallbackValues$V, "ResetPasswordSuccess");
49782
+ var themeValues = createThemeValues(themeContext, fallbackValues$U, "ResetPasswordSuccess");
50022
49783
  var isMobile = themeContext.isMobile;
50023
49784
  return /*#__PURE__*/React.createElement(Box, {
50024
49785
  padding: "0",
@@ -50067,7 +49828,7 @@ var ResetPasswordSuccess$1 = withWindowSize(ResetPasswordSuccess);
50067
49828
  var activeTabBackground = "#FFFFFF";
50068
49829
  var activeTabAccent = "#15749D";
50069
49830
  var activeTabHover = "#B8D5E1";
50070
- var fallbackValues$W = {
49831
+ var fallbackValues$V = {
50071
49832
  activeTabBackground: activeTabBackground,
50072
49833
  activeTabAccent: activeTabAccent,
50073
49834
  activeTabHover: activeTabHover
@@ -50135,12 +49896,12 @@ var Tabs = function Tabs(_ref) {
50135
49896
  }, tab.content);
50136
49897
  }))));
50137
49898
  };
50138
- var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$W);
49899
+ var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$V);
50139
49900
 
50140
49901
  var activeTabBackground$1 = "#FFFFFF";
50141
49902
  var activeTabAccent$1 = "#15749D";
50142
49903
  var activeTabHover$1 = "#B8D5E1";
50143
- var fallbackValues$X = {
49904
+ var fallbackValues$W = {
50144
49905
  activeTabBackground: activeTabBackground$1,
50145
49906
  activeTabAccent: activeTabAccent$1,
50146
49907
  activeTabHover: activeTabHover$1
@@ -50195,7 +49956,7 @@ var TabSidebar = function TabSidebar(_ref) {
50195
49956
  }, text)))));
50196
49957
  })));
50197
49958
  };
50198
- var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$X);
49959
+ var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$W);
50199
49960
 
50200
49961
  var Timeout = function Timeout(_ref) {
50201
49962
  var onLogout = _ref.onLogout;
@@ -50316,7 +50077,7 @@ var fontColor$1 = WHITE;
50316
50077
  var textAlign$1 = "left";
50317
50078
  var headerBackgroundColor$1 = BRIGHT_GREY;
50318
50079
  var imageBackgroundColor$1 = MATISSE_BLUE;
50319
- var fallbackValues$Y = {
50080
+ var fallbackValues$X = {
50320
50081
  fontWeight: fontWeight$8,
50321
50082
  fontColor: fontColor$1,
50322
50083
  textAlign: textAlign$1,
@@ -50361,7 +50122,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
50361
50122
  src: welcomeImage
50362
50123
  })))));
50363
50124
  };
50364
- var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$Y));
50125
+ var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$X));
50365
50126
 
50366
50127
  var WorkflowTile = function WorkflowTile(_ref) {
50367
50128
  var _ref$workflowName = _ref.workflowName,
@@ -50421,7 +50182,7 @@ var menuItemColorDelete = RAZZMATAZZ_RED;
50421
50182
  var menuItemHoverBackgroundColor = CORNFLOWER_BLUE;
50422
50183
  var menuItemHoverBackgroundColorDelete = BLUSH_RED;
50423
50184
  var menuItemHoverColor = ROYAL_BLUE_VIVID;
50424
- var fallbackValues$Z = {
50185
+ var fallbackValues$Y = {
50425
50186
  menuItemBackgroundColor: menuItemBackgroundColor,
50426
50187
  menuItemColor: menuItemColor,
50427
50188
  menuItemColorDelete: menuItemColorDelete,
@@ -50488,13 +50249,13 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
50488
50249
  extraStyles: textExtraStyles
50489
50250
  }, text)));
50490
50251
  };
50491
- var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$Z);
50252
+ var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$Y);
50492
50253
 
50493
50254
  var hoverColor$5 = "#116285";
50494
50255
  var activeColor$a = "#0E506D";
50495
50256
  var menuTriggerColor = "#15749D";
50496
50257
  var backgroundColor$e = "white";
50497
- var fallbackValues$_ = {
50258
+ var fallbackValues$Z = {
50498
50259
  hoverColor: hoverColor$5,
50499
50260
  activeColor: activeColor$a,
50500
50261
  menuTriggerColor: menuTriggerColor,
@@ -50630,13 +50391,13 @@ var PopupMenu = function PopupMenu(_ref) {
50630
50391
  }, item));
50631
50392
  })));
50632
50393
  };
50633
- var PopupMenu$1 = themeComponent(PopupMenu, "PopupMenu", fallbackValues$_);
50394
+ var PopupMenu$1 = themeComponent(PopupMenu, "PopupMenu", fallbackValues$Z);
50634
50395
 
50635
50396
  var primaryColor$1 = WHITE;
50636
50397
  var primaryHoverColor = INFO_BLUE;
50637
50398
  var secondaryColor = MATISSE_BLUE;
50638
50399
  var secondaryHoverColor = "#115D7E";
50639
- var fallbackValues$$ = {
50400
+ var fallbackValues$_ = {
50640
50401
  primaryColor: primaryColor$1,
50641
50402
  primaryHoverColor: primaryHoverColor,
50642
50403
  secondaryColor: secondaryColor,
@@ -51338,10 +51099,10 @@ var MultipleSelectFilter = function MultipleSelectFilter(_ref) {
51338
51099
  ariaLabel: "Apply all filters"
51339
51100
  }))));
51340
51101
  };
51341
- var MultipleSelectFilter$1 = themeComponent(MultipleSelectFilter, "MultipleSelectFilter", fallbackValues$$);
51102
+ var MultipleSelectFilter$1 = themeComponent(MultipleSelectFilter, "MultipleSelectFilter", fallbackValues$_);
51342
51103
 
51343
51104
  var pageBackground = "#FBFCFD";
51344
- var fallbackValues$10 = {
51105
+ var fallbackValues$$ = {
51345
51106
  pageBackground: pageBackground
51346
51107
  };
51347
51108
 
@@ -51389,7 +51150,7 @@ var CenterSingle = function CenterSingle(_ref) {
51389
51150
  padding: "0"
51390
51151
  })));
51391
51152
  };
51392
- var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$10));
51153
+ var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$$));
51393
51154
 
51394
51155
  var CenterStack = function CenterStack(_ref) {
51395
51156
  var header = _ref.header,
@@ -51432,7 +51193,7 @@ var CenterStack = function CenterStack(_ref) {
51432
51193
  padding: "0"
51433
51194
  })));
51434
51195
  };
51435
- var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$10));
51196
+ var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$$));
51436
51197
 
51437
51198
  var CenterSingle$2 = function CenterSingle(_ref) {
51438
51199
  var header = _ref.header,
@@ -51478,7 +51239,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
51478
51239
  padding: "0"
51479
51240
  })));
51480
51241
  };
51481
- var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$10));
51242
+ var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$$));
51482
51243
 
51483
51244
  var SidebarSingleContent = function SidebarSingleContent(_ref) {
51484
51245
  var header = _ref.header,
@@ -51531,7 +51292,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
51531
51292
  padding: "0"
51532
51293
  })));
51533
51294
  };
51534
- var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$10));
51295
+ var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$$));
51535
51296
 
51536
51297
  var SidebarStackContent = function SidebarStackContent(_ref) {
51537
51298
  var header = _ref.header,
@@ -51601,7 +51362,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
51601
51362
  key: "footer-box"
51602
51363
  })));
51603
51364
  };
51604
- var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$10));
51365
+ var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$$));
51605
51366
 
51606
51367
  var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
51607
51368
  var resetHasErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};