@thecb/components 11.1.13 → 11.1.14-beta.1
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.cjs.js +394 -88
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +394 -88
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/NotFoundIcon.js +333 -70
- package/src/components/molecules/obligation/Obligation.js +0 -7
- package/src/components/molecules/obligation/modules/InactiveControlsModule.js +2 -37
- package/src/components/molecules/obligation/modules/InactiveTitleModule.js +1 -1
- package/src/components/molecules/payment-form-card/PaymentFormCard.state.js +2 -1
package/dist/index.cjs.js
CHANGED
|
@@ -15806,75 +15806,311 @@ var AutopayOnIcon = function AutopayOnIcon(_ref) {
|
|
|
15806
15806
|
})));
|
|
15807
15807
|
};
|
|
15808
15808
|
|
|
15809
|
-
var NotFoundIcon = function NotFoundIcon(
|
|
15810
|
-
return /*#__PURE__*/React__default.createElement("svg",
|
|
15809
|
+
var NotFoundIcon = function NotFoundIcon() {
|
|
15810
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
15811
|
+
width: "548px",
|
|
15812
|
+
height: "308px",
|
|
15813
|
+
viewBox: "0 0 548 308",
|
|
15814
|
+
version: "1.1",
|
|
15811
15815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15812
|
-
|
|
15813
|
-
|
|
15814
|
-
|
|
15816
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink"
|
|
15817
|
+
}, /*#__PURE__*/React__default.createElement("g", {
|
|
15818
|
+
id: "STOR-2683",
|
|
15819
|
+
stroke: "none",
|
|
15820
|
+
strokeWidth: "1",
|
|
15815
15821
|
fill: "none",
|
|
15816
|
-
|
|
15817
|
-
},
|
|
15818
|
-
|
|
15822
|
+
fillRule: "evenodd"
|
|
15823
|
+
}, /*#__PURE__*/React__default.createElement("g", {
|
|
15824
|
+
id: "404-Page",
|
|
15825
|
+
transform: "translate(-446.000000, -168.000000)"
|
|
15826
|
+
}, /*#__PURE__*/React__default.createElement("g", {
|
|
15827
|
+
id: "not-found-illustration",
|
|
15828
|
+
transform: "translate(449.000000, 168.000000)"
|
|
15829
|
+
}, /*#__PURE__*/React__default.createElement("g", {
|
|
15830
|
+
id: "baseline",
|
|
15831
|
+
transform: "translate(0.483800, 246.050200)",
|
|
15832
|
+
stroke: "#3B414D",
|
|
15833
|
+
strokeLinecap: "round",
|
|
15834
|
+
strokeWidth: "8"
|
|
15835
|
+
}, /*#__PURE__*/React__default.createElement("line", {
|
|
15836
|
+
x1: "463.3123",
|
|
15837
|
+
y1: "1.326",
|
|
15838
|
+
x2: "399.5563",
|
|
15839
|
+
y2: "1.674",
|
|
15840
|
+
id: "baseline-right---01"
|
|
15841
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
15842
|
+
x1: "512.9402",
|
|
15843
|
+
y1: "1.326",
|
|
15844
|
+
x2: "483.1052",
|
|
15845
|
+
y2: "1.674",
|
|
15846
|
+
id: "baseline-right---02"
|
|
15847
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
15848
|
+
x1: "143.1111",
|
|
15849
|
+
y1: "1.326",
|
|
15850
|
+
x2: "90.7391",
|
|
15851
|
+
y2: "1.674",
|
|
15852
|
+
id: "baseline-left---01"
|
|
15853
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
15854
|
+
x1: "71.179",
|
|
15855
|
+
y1: "1.326",
|
|
15856
|
+
x2: "0.5162",
|
|
15857
|
+
y2: "0.9498",
|
|
15858
|
+
id: "baseline-left---02"
|
|
15859
|
+
})), /*#__PURE__*/React__default.createElement("path", {
|
|
15860
|
+
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",
|
|
15861
|
+
id: "browser-background",
|
|
15862
|
+
fill: "#FEFEFE"
|
|
15863
|
+
}), /*#__PURE__*/React__default.createElement("g", {
|
|
15864
|
+
id: "binoculars",
|
|
15865
|
+
transform: "translate(209.811300, 116.913100)"
|
|
15819
15866
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
15820
|
-
d: "
|
|
15821
|
-
|
|
15822
|
-
|
|
15823
|
-
|
|
15824
|
-
fill: "#
|
|
15867
|
+
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",
|
|
15868
|
+
id: "binocular-right",
|
|
15869
|
+
stroke: "#3B414D",
|
|
15870
|
+
strokeWidth: "5.575",
|
|
15871
|
+
fill: "#E4F4FD"
|
|
15872
|
+
}), /*#__PURE__*/React__default.createElement("g", {
|
|
15873
|
+
id: "binocular-center",
|
|
15874
|
+
transform: "translate(49.189100, 8.087300)"
|
|
15875
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
15876
|
+
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",
|
|
15877
|
+
id: "Fill-1",
|
|
15878
|
+
fill: "#3B414D"
|
|
15825
15879
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15826
|
-
d: "
|
|
15827
|
-
|
|
15880
|
+
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",
|
|
15881
|
+
id: "Fill-4",
|
|
15882
|
+
fill: "#FEFEFE"
|
|
15883
|
+
})), /*#__PURE__*/React__default.createElement("path", {
|
|
15884
|
+
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",
|
|
15885
|
+
id: "binocular-left",
|
|
15886
|
+
stroke: "#3B414D",
|
|
15887
|
+
strokeWidth: "5.575",
|
|
15888
|
+
fill: "#E4F4FD"
|
|
15828
15889
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15829
|
-
d: "
|
|
15830
|
-
|
|
15890
|
+
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",
|
|
15891
|
+
id: "eye-left",
|
|
15892
|
+
stroke: "#3B414D",
|
|
15893
|
+
strokeWidth: "5.575",
|
|
15894
|
+
strokeLinecap: "round",
|
|
15895
|
+
strokeLinejoin: "round"
|
|
15831
15896
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15832
|
-
d: "
|
|
15833
|
-
|
|
15897
|
+
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",
|
|
15898
|
+
id: "eye-right",
|
|
15899
|
+
stroke: "#3B414D",
|
|
15900
|
+
strokeWidth: "5.575",
|
|
15901
|
+
strokeLinecap: "round",
|
|
15902
|
+
strokeLinejoin: "round"
|
|
15903
|
+
})), /*#__PURE__*/React__default.createElement("path", {
|
|
15904
|
+
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",
|
|
15905
|
+
id: "mouth",
|
|
15906
|
+
stroke: "#3B414D",
|
|
15907
|
+
strokeWidth: "5.575",
|
|
15908
|
+
strokeLinecap: "round"
|
|
15909
|
+
}), /*#__PURE__*/React__default.createElement("g", {
|
|
15910
|
+
id: "browser-top",
|
|
15911
|
+
transform: "translate(145.000000, 73.000000)"
|
|
15912
|
+
}, /*#__PURE__*/React__default.createElement("polygon", {
|
|
15913
|
+
id: "background",
|
|
15914
|
+
fill: "#E4E6EB",
|
|
15915
|
+
points: "0 26 254 26 254 0 0 0"
|
|
15916
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
15917
|
+
id: "dot",
|
|
15918
|
+
fill: "#3B414D",
|
|
15919
|
+
cx: "13",
|
|
15920
|
+
cy: "13",
|
|
15921
|
+
r: "3"
|
|
15922
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
15923
|
+
id: "dot",
|
|
15924
|
+
fill: "#3B414D",
|
|
15925
|
+
cx: "23",
|
|
15926
|
+
cy: "13",
|
|
15927
|
+
r: "3"
|
|
15928
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
15929
|
+
id: "dot",
|
|
15930
|
+
fill: "#3B414D",
|
|
15931
|
+
cx: "33",
|
|
15932
|
+
cy: "13",
|
|
15933
|
+
r: "3"
|
|
15934
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
15935
|
+
x1: "3",
|
|
15936
|
+
y1: "26",
|
|
15937
|
+
x2: "251",
|
|
15938
|
+
y2: "26",
|
|
15939
|
+
id: "line",
|
|
15940
|
+
stroke: "#3B414D",
|
|
15941
|
+
strokeWidth: "6"
|
|
15942
|
+
})), /*#__PURE__*/React__default.createElement("g", {
|
|
15943
|
+
id: "sign-post",
|
|
15944
|
+
transform: "translate(427.000000, 88.999700)",
|
|
15945
|
+
strokeWidth: "6"
|
|
15946
|
+
}, /*#__PURE__*/React__default.createElement("polyline", {
|
|
15947
|
+
id: "sign-post---left",
|
|
15948
|
+
stroke: "#3B414D",
|
|
15949
|
+
strokeLinecap: "round",
|
|
15950
|
+
strokeLinejoin: "round",
|
|
15951
|
+
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"
|
|
15952
|
+
}), /*#__PURE__*/React__default.createElement("polyline", {
|
|
15953
|
+
id: "sign-post---right",
|
|
15954
|
+
stroke: "#3B414D",
|
|
15955
|
+
strokeLinecap: "round",
|
|
15956
|
+
strokeLinejoin: "round",
|
|
15957
|
+
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"
|
|
15834
15958
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15835
|
-
d: "
|
|
15836
|
-
|
|
15959
|
+
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",
|
|
15960
|
+
id: "sign-post---top",
|
|
15961
|
+
stroke: "#27A9E1",
|
|
15962
|
+
fill: "#E4F4FD"
|
|
15837
15963
|
})), /*#__PURE__*/React__default.createElement("path", {
|
|
15838
|
-
|
|
15839
|
-
|
|
15840
|
-
|
|
15841
|
-
|
|
15964
|
+
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",
|
|
15965
|
+
id: "shadow",
|
|
15966
|
+
fill: "#EAF4EB"
|
|
15967
|
+
}), /*#__PURE__*/React__default.createElement("g", {
|
|
15968
|
+
id: "legs",
|
|
15969
|
+
transform: "translate(248.000000, 268.000000)",
|
|
15970
|
+
stroke: "#45B770",
|
|
15971
|
+
strokeLinecap: "round",
|
|
15972
|
+
strokeLinejoin: "round",
|
|
15973
|
+
strokeWidth: "8.362"
|
|
15974
|
+
}, /*#__PURE__*/React__default.createElement("polyline", {
|
|
15975
|
+
id: "Stroke-1",
|
|
15976
|
+
points: "15.817 -2.13162821e-14 15.817 24.795 3.55271368e-15 24.795"
|
|
15977
|
+
}), /*#__PURE__*/React__default.createElement("polyline", {
|
|
15978
|
+
id: "Stroke-3",
|
|
15979
|
+
points: "31.3102 -2.30926389e-14 31.3102 25.574 47.1272 25.574"
|
|
15980
|
+
})), /*#__PURE__*/React__default.createElement("line", {
|
|
15981
|
+
x1: "143.441",
|
|
15982
|
+
y1: "205.181",
|
|
15983
|
+
x2: "121.181",
|
|
15984
|
+
y2: "224.512",
|
|
15985
|
+
id: "arm-left---top",
|
|
15986
|
+
stroke: "#45B770",
|
|
15987
|
+
strokeWidth: "8",
|
|
15988
|
+
strokeLinecap: "round",
|
|
15989
|
+
strokeLinejoin: "round"
|
|
15990
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
15991
|
+
x1: "399.988281",
|
|
15992
|
+
y1: "213.830078",
|
|
15993
|
+
x2: "416.9162",
|
|
15994
|
+
y2: "196.8489",
|
|
15995
|
+
id: "right-right---bottom",
|
|
15996
|
+
stroke: "#45B770",
|
|
15997
|
+
strokeWidth: "8",
|
|
15998
|
+
strokeLinecap: "round",
|
|
15999
|
+
strokeLinejoin: "round"
|
|
15842
16000
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15843
|
-
|
|
15844
|
-
|
|
15845
|
-
|
|
15846
|
-
|
|
16001
|
+
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",
|
|
16002
|
+
id: "browser-border",
|
|
16003
|
+
stroke: "#3B414D",
|
|
16004
|
+
strokeWidth: "6"
|
|
16005
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
16006
|
+
x1: "121.1812",
|
|
16007
|
+
y1: "224.512",
|
|
16008
|
+
x2: "171.9052",
|
|
16009
|
+
y2: "236.375",
|
|
16010
|
+
id: "arm-left---bottom",
|
|
16011
|
+
stroke: "#45B770",
|
|
16012
|
+
strokeWidth: "8",
|
|
16013
|
+
strokeLinecap: "round",
|
|
16014
|
+
strokeLinejoin: "round"
|
|
16015
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
16016
|
+
x1: "416.916",
|
|
16017
|
+
y1: "196.8493",
|
|
16018
|
+
x2: "348.522",
|
|
16019
|
+
y2: "153.6733",
|
|
16020
|
+
id: "arm-right---top",
|
|
16021
|
+
stroke: "#45B770",
|
|
16022
|
+
strokeWidth: "8",
|
|
16023
|
+
strokeLinecap: "round",
|
|
16024
|
+
strokeLinejoin: "round"
|
|
15847
16025
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15848
|
-
d: "
|
|
15849
|
-
|
|
16026
|
+
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",
|
|
16027
|
+
id: "hand-left",
|
|
16028
|
+
stroke: "#45B770",
|
|
16029
|
+
strokeWidth: "8",
|
|
16030
|
+
strokeLinecap: "round",
|
|
16031
|
+
strokeLinejoin: "round"
|
|
16032
|
+
}), /*#__PURE__*/React__default.createElement("g", {
|
|
16033
|
+
id: "map",
|
|
16034
|
+
transform: "translate(183.000000, 203.000000)",
|
|
16035
|
+
strokeLinejoin: "round"
|
|
16036
|
+
}, /*#__PURE__*/React__default.createElement("polygon", {
|
|
16037
|
+
stroke: "#3B414D",
|
|
16038
|
+
strokeWidth: "6",
|
|
16039
|
+
fill: "#E4F4FD",
|
|
16040
|
+
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"
|
|
16041
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
16042
|
+
x1: "34.5",
|
|
16043
|
+
y1: "62.8644",
|
|
16044
|
+
x2: "34.5",
|
|
16045
|
+
y2: "55.5804",
|
|
16046
|
+
id: "map-line---left---02",
|
|
16047
|
+
stroke: "#28A7DF",
|
|
16048
|
+
strokeWidth: "4.878",
|
|
16049
|
+
strokeLinecap: "round"
|
|
16050
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
16051
|
+
x1: "34.5",
|
|
16052
|
+
y1: "45.03",
|
|
16053
|
+
x2: "34.5",
|
|
16054
|
+
y2: "22",
|
|
16055
|
+
id: "map-line---left---01",
|
|
16056
|
+
stroke: "#28A7DF",
|
|
16057
|
+
strokeWidth: "4.878",
|
|
16058
|
+
strokeLinecap: "round"
|
|
16059
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
16060
|
+
x1: "69.4391",
|
|
16061
|
+
y1: "54.9698",
|
|
16062
|
+
x2: "69.4391",
|
|
16063
|
+
y2: "37.1358",
|
|
16064
|
+
id: "map-line---right---02",
|
|
16065
|
+
stroke: "#28A7DF",
|
|
16066
|
+
strokeWidth: "4.878",
|
|
16067
|
+
strokeLinecap: "round"
|
|
16068
|
+
}), /*#__PURE__*/React__default.createElement("line", {
|
|
16069
|
+
x1: "69.4391",
|
|
16070
|
+
y1: "27.5738",
|
|
16071
|
+
x2: "69.4391",
|
|
16072
|
+
y2: "17.4388",
|
|
16073
|
+
id: "map-line---right---01",
|
|
16074
|
+
stroke: "#28A7DF",
|
|
16075
|
+
strokeWidth: "4.878",
|
|
16076
|
+
strokeLinecap: "round"
|
|
16077
|
+
})), /*#__PURE__*/React__default.createElement("g", {
|
|
16078
|
+
id: "left-hand",
|
|
16079
|
+
transform: "translate(173.473700, 226.000000)"
|
|
16080
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
16081
|
+
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",
|
|
16082
|
+
id: "hand",
|
|
16083
|
+
stroke: "#45B770",
|
|
16084
|
+
strokeWidth: "8",
|
|
16085
|
+
strokeLinecap: "round",
|
|
16086
|
+
strokeLinejoin: "round"
|
|
16087
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
16088
|
+
id: "cover",
|
|
16089
|
+
fill: "#3B414D",
|
|
16090
|
+
x: "6.5263",
|
|
16091
|
+
y: "0",
|
|
16092
|
+
width: "6",
|
|
16093
|
+
height: "9"
|
|
16094
|
+
})), /*#__PURE__*/React__default.createElement("g", {
|
|
16095
|
+
id: "clouds",
|
|
16096
|
+
transform: "translate(44.000000, 0.000000)",
|
|
16097
|
+
fill: "#B8E4F4"
|
|
16098
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
16099
|
+
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",
|
|
16100
|
+
id: "cloud---05"
|
|
15850
16101
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15851
|
-
d: "
|
|
15852
|
-
|
|
16102
|
+
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",
|
|
16103
|
+
id: "cloud---04"
|
|
15853
16104
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15854
|
-
d: "
|
|
15855
|
-
|
|
15856
|
-
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
15857
|
-
cx: "63.5",
|
|
15858
|
-
cy: "101.5",
|
|
15859
|
-
r: "11.5",
|
|
15860
|
-
fill: "#D11053"
|
|
16105
|
+
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",
|
|
16106
|
+
id: "cloud---03"
|
|
15861
16107
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15862
|
-
|
|
15863
|
-
|
|
15864
|
-
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",
|
|
15865
|
-
fill: "white"
|
|
15866
|
-
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
15867
|
-
x: "189",
|
|
15868
|
-
y: "112",
|
|
15869
|
-
width: "47",
|
|
15870
|
-
height: "21",
|
|
15871
|
-
fill: "white"
|
|
16108
|
+
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",
|
|
16109
|
+
id: "cloud---02"
|
|
15872
16110
|
}), /*#__PURE__*/React__default.createElement("path", {
|
|
15873
|
-
d: "
|
|
15874
|
-
|
|
15875
|
-
|
|
15876
|
-
strokeLinecap: "round"
|
|
15877
|
-
}));
|
|
16111
|
+
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",
|
|
16112
|
+
id: "cloud---01"
|
|
16113
|
+
}))))));
|
|
15878
16114
|
};
|
|
15879
16115
|
|
|
15880
16116
|
var SearchIcon = function SearchIcon(_ref) {
|
|
@@ -40055,6 +40291,101 @@ const onlyExpirationDate = createValidator(
|
|
|
40055
40291
|
validatorFns[ONLY_EXPIRATION_DATE] = (value, args, form) =>
|
|
40056
40292
|
/^(\d?\d?\/?\d?\d?)?$/.test(value);
|
|
40057
40293
|
|
|
40294
|
+
/*
|
|
40295
|
+
11/24 - Users have been adding full CC numbers to the name field
|
|
40296
|
+
This validator will check if the value has more than 6 numeric characters
|
|
40297
|
+
We have to allow for some numeric characters to account for business
|
|
40298
|
+
names that include numbers like "3M Company" or "Smith Street Trust 40389"
|
|
40299
|
+
|
|
40300
|
+
1/25 - This has been superseded by the includesPotentialCardNumber validator
|
|
40301
|
+
*/
|
|
40302
|
+
const NO_MORE_THAN_SIX_NUMBERS = 'validator/NO_MORE_THAN_SIX_NUMBERS';
|
|
40303
|
+
const NO_MORE_THAN_SIX_NUMBERS_ERROR = 'error/NO_MORE_THAN_SIX_NUMBERS';
|
|
40304
|
+
createValidator(
|
|
40305
|
+
NO_MORE_THAN_SIX_NUMBERS,
|
|
40306
|
+
NO_MORE_THAN_SIX_NUMBERS_ERROR
|
|
40307
|
+
);
|
|
40308
|
+
validatorFns[NO_MORE_THAN_SIX_NUMBERS] = (value) => {
|
|
40309
|
+
if (value === '') {
|
|
40310
|
+
return true;
|
|
40311
|
+
}
|
|
40312
|
+
return !/(\d.*){7,}/.test(value);
|
|
40313
|
+
};
|
|
40314
|
+
|
|
40315
|
+
/*
|
|
40316
|
+
* 1/25 - Prevent users from entering full credit card numbers in the "name" field.
|
|
40317
|
+
*
|
|
40318
|
+
* This validator is designed to reduce the accidental inclusion of credit card numbers
|
|
40319
|
+
* in fields where they don't belong (e.g., the name field). It identifies a potential
|
|
40320
|
+
* credit card number based on the following criteria:
|
|
40321
|
+
*
|
|
40322
|
+
* - It consists of 8 to 20 digits.
|
|
40323
|
+
* - Digits may be separated by optional spaces or hyphens.
|
|
40324
|
+
* - It must pass the Luhn algorithm check.
|
|
40325
|
+
*
|
|
40326
|
+
* Note:
|
|
40327
|
+
* A string passing the Luhn algorithm is necessary but not sufficient to conclusively
|
|
40328
|
+
* determine that the string is a valid credit card number.
|
|
40329
|
+
*
|
|
40330
|
+
* For more details on the Luhn algorithm, refer to:
|
|
40331
|
+
* https://stripe.com/en-ca/resources/more/how-to-use-the-luhn-algorithm-a-guide-in-applications-for-businesses#luhn-algorithm-formula
|
|
40332
|
+
*/
|
|
40333
|
+
|
|
40334
|
+
function luhnValid(string) { if (!string) {
|
|
40335
|
+
return false;
|
|
40336
|
+
}
|
|
40337
|
+
|
|
40338
|
+
// Extract all digit characters from the string.
|
|
40339
|
+
const digits = string.match(/\d/g);
|
|
40340
|
+
if (!digits) {
|
|
40341
|
+
return false;
|
|
40342
|
+
}
|
|
40343
|
+
|
|
40344
|
+
let totalSum = 0;
|
|
40345
|
+
let shouldDouble = false;
|
|
40346
|
+
|
|
40347
|
+
// Process digits from right to left
|
|
40348
|
+
for (let i = digits.length - 1; i >= 0; i--) {
|
|
40349
|
+
// Convert the current character to a number.
|
|
40350
|
+
let digit = parseInt(digits[i], 10);
|
|
40351
|
+
|
|
40352
|
+
// Double the digit and adjust if it exceeds 9.
|
|
40353
|
+
if (shouldDouble) {
|
|
40354
|
+
digit *= 2;
|
|
40355
|
+
if (digit > 9) {
|
|
40356
|
+
// If the result of any doubling operation is greater than nine,
|
|
40357
|
+
// then add the digits of the result together to obtain a single-digit number.
|
|
40358
|
+
// This is equivalent to adding the digits together (e.g. 16: 1 + 6 = 7 = 16 - 9).
|
|
40359
|
+
digit -= 9;
|
|
40360
|
+
}
|
|
40361
|
+
}
|
|
40362
|
+
|
|
40363
|
+
// Add the processed digit to the total sum.
|
|
40364
|
+
totalSum += digit;
|
|
40365
|
+
// After doubling the value of the second-to-last digit, continue doing the same for every other digit.
|
|
40366
|
+
shouldDouble = !shouldDouble;
|
|
40367
|
+
}
|
|
40368
|
+
|
|
40369
|
+
// The number is valid if totalSum is divisible by 10.
|
|
40370
|
+
return totalSum % 10 === 0;
|
|
40371
|
+
}
|
|
40372
|
+
|
|
40373
|
+
const INCLUDES_POTENTIAL_CARD_NUMBER =
|
|
40374
|
+
'validator/INCLUDES_POTENTIAL_CARD_NUMBER';
|
|
40375
|
+
const INCLUDES_POTENTIAL_CARD_NUMBER_ERROR =
|
|
40376
|
+
'error/INCLUDES_POTENTIAL_CARD_NUMBER';
|
|
40377
|
+
const includesPotentialCardNumber = createValidator(
|
|
40378
|
+
INCLUDES_POTENTIAL_CARD_NUMBER,
|
|
40379
|
+
INCLUDES_POTENTIAL_CARD_NUMBER_ERROR
|
|
40380
|
+
);
|
|
40381
|
+
validatorFns[INCLUDES_POTENTIAL_CARD_NUMBER] = (value) => {
|
|
40382
|
+
// This is the same regex currently used in Ghenghis
|
|
40383
|
+
// A potential credit card number is a sequence of 8 to 20 digits, with optional spaces or hyphens between them
|
|
40384
|
+
const regexString = '(?:\\d[ -]*){8,20}';
|
|
40385
|
+
const regex = new RegExp(regexString);
|
|
40386
|
+
return !(luhnValid(value) && regex.test(value));
|
|
40387
|
+
};
|
|
40388
|
+
|
|
40058
40389
|
const NUMBER_LESS_THAN = 'validator/NUMBER_LESS_THAN';
|
|
40059
40390
|
const NUMBER_LESS_THAN_ERROR = 'error/NUMBER_LESS_THAN';
|
|
40060
40391
|
const numberLessThan = createValidator(
|
|
@@ -47017,8 +47348,7 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
|
|
|
47017
47348
|
};
|
|
47018
47349
|
|
|
47019
47350
|
var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
47020
|
-
var
|
|
47021
|
-
autoPayEnabled = _ref.autoPayEnabled,
|
|
47351
|
+
var autoPayEnabled = _ref.autoPayEnabled,
|
|
47022
47352
|
autoPaySchedule = _ref.autoPaySchedule,
|
|
47023
47353
|
navigateToSettings = _ref.navigateToSettings,
|
|
47024
47354
|
deactivatePaymentSchedule = _ref.deactivatePaymentSchedule,
|
|
@@ -47029,7 +47359,6 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
47029
47359
|
obligationAssocID = _ref.obligationAssocID,
|
|
47030
47360
|
dueDate = _ref.dueDate,
|
|
47031
47361
|
agencyName = _ref.agencyName,
|
|
47032
|
-
config = _ref.config,
|
|
47033
47362
|
configType = _ref.configType,
|
|
47034
47363
|
actions = _ref.actions,
|
|
47035
47364
|
description = _ref.description,
|
|
@@ -47038,22 +47367,12 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
47038
47367
|
_ref$disableActions = _ref.disableActions,
|
|
47039
47368
|
disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions,
|
|
47040
47369
|
_ref$showRemoveButton = _ref.showRemoveButton,
|
|
47041
|
-
showRemoveButton = _ref$showRemoveButton === void 0 ? true : _ref$showRemoveButton
|
|
47042
|
-
_ref$inactiveCanNavig = _ref.inactiveCanNavigateToAccountDetails,
|
|
47043
|
-
inactiveCanNavigateToAccountDetails = _ref$inactiveCanNavig === void 0 ? false : _ref$inactiveCanNavig;
|
|
47370
|
+
showRemoveButton = _ref$showRemoveButton === void 0 ? true : _ref$showRemoveButton;
|
|
47044
47371
|
var _useState = React.useState(false),
|
|
47045
47372
|
_useState2 = _slicedToArray(_useState, 2),
|
|
47046
47373
|
modalOpen = _useState2[0],
|
|
47047
47374
|
toggleModal = _useState2[1];
|
|
47048
|
-
var deleteObligationAssoc = actions.deleteObligationAssoc
|
|
47049
|
-
setDetailedObligation = actions.setDetailedObligation,
|
|
47050
|
-
navigateToDetailedObligation = actions.navigateToDetailedObligation;
|
|
47051
|
-
var obligationSlug = config.obligationSlug;
|
|
47052
|
-
var detailsSlug = config.type === "ACCOUNT" ? "/profile/accounts/details/".concat(obligationSlug) : "/profile/properties/details/".concat(obligationSlug);
|
|
47053
|
-
var handleDetailsClick = function handleDetailsClick() {
|
|
47054
|
-
setDetailedObligation(obligations, config, obligationAssocID);
|
|
47055
|
-
navigateToDetailedObligation(detailsSlug);
|
|
47056
|
-
};
|
|
47375
|
+
var deleteObligationAssoc = actions.deleteObligationAssoc;
|
|
47057
47376
|
var handleRemoveAccount = function handleRemoveAccount() {
|
|
47058
47377
|
return deleteObligationAssoc(obligationAssocID);
|
|
47059
47378
|
};
|
|
@@ -47066,16 +47385,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
|
|
|
47066
47385
|
nowrap: true,
|
|
47067
47386
|
justify: isMobile && autoPayEnabled && "center",
|
|
47068
47387
|
align: isMobile && autoPayEnabled && "center"
|
|
47069
|
-
},
|
|
47070
|
-
padding: isMobile ? "0 8px 0 0" : "0",
|
|
47071
|
-
extraStyles: isMobile && "flex-grow: 1;"
|
|
47072
|
-
}, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
47073
|
-
variant: "tertiary",
|
|
47074
|
-
text: config.type === "ACCOUNT" ? "Account Details" : "Property Details",
|
|
47075
|
-
action: handleDetailsClick,
|
|
47076
|
-
dataQa: "Account Details",
|
|
47077
|
-
extraStyles: isMobile && "flex-grow: 1; width: 100%;"
|
|
47078
|
-
})), autoPayEnabled && /*#__PURE__*/React__default.createElement(Box, {
|
|
47388
|
+
}, autoPayEnabled && /*#__PURE__*/React__default.createElement(Box, {
|
|
47079
47389
|
padding: "0",
|
|
47080
47390
|
extraStyles: "flex-grow: 1;"
|
|
47081
47391
|
}, /*#__PURE__*/React__default.createElement(AutopayModalModule, {
|
|
@@ -47135,7 +47445,7 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
|
|
|
47135
47445
|
variant: "extraSmall",
|
|
47136
47446
|
as: "p",
|
|
47137
47447
|
color: BLACK
|
|
47138
|
-
}, "This may mean the balance has been paid
|
|
47448
|
+
}, "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." : ""))));
|
|
47139
47449
|
};
|
|
47140
47450
|
|
|
47141
47451
|
var iconColor = ROYAL_BLUE_VIVID;
|
|
@@ -47170,8 +47480,6 @@ var Obligation = function Obligation(_ref) {
|
|
|
47170
47480
|
inactiveLookupInput = _ref$inactiveLookupIn === void 0 ? "Account" : _ref$inactiveLookupIn,
|
|
47171
47481
|
_ref$inactiveLookupVa = _ref.inactiveLookupValue,
|
|
47172
47482
|
inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa,
|
|
47173
|
-
_ref$inactiveCanNavig = _ref.inactiveCanNavigateToAccountDetails,
|
|
47174
|
-
inactiveCanNavigateToAccountDetails = _ref$inactiveCanNavig === void 0 ? false : _ref$inactiveCanNavig,
|
|
47175
47483
|
_ref$isInCustomerMana = _ref.isInCustomerManagement,
|
|
47176
47484
|
isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana,
|
|
47177
47485
|
themeValues = _ref.themeValues,
|
|
@@ -47449,8 +47757,7 @@ var Obligation = function Obligation(_ref) {
|
|
|
47449
47757
|
subDescription: subDescription,
|
|
47450
47758
|
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47451
47759
|
disableActions: isInCustomerManagement,
|
|
47452
|
-
showRemoveButton: showRemoveButton
|
|
47453
|
-
inactiveCanNavigateToAccountDetails: inactiveCanNavigateToAccountDetails
|
|
47760
|
+
showRemoveButton: showRemoveButton
|
|
47454
47761
|
}))), isMobile && /*#__PURE__*/React__default.createElement(InactiveControlsModule, {
|
|
47455
47762
|
obligations: obligations,
|
|
47456
47763
|
autoPayEnabled: autoPayEnabled,
|
|
@@ -47469,8 +47776,7 @@ var Obligation = function Obligation(_ref) {
|
|
|
47469
47776
|
subDescription: subDescription,
|
|
47470
47777
|
allowedPaymentInstruments: allowedPaymentInstruments,
|
|
47471
47778
|
disableActions: isInCustomerManagement,
|
|
47472
|
-
showRemoveButton: showRemoveButton
|
|
47473
|
-
inactiveCanNavigateToAccountDetails: inactiveCanNavigateToAccountDetails
|
|
47779
|
+
showRemoveButton: showRemoveButton
|
|
47474
47780
|
}))));
|
|
47475
47781
|
return isLoading ? loadingObligation : inactive ? inactiveObligation : activeObligation;
|
|
47476
47782
|
};
|
|
@@ -48998,7 +49304,7 @@ var formConfig$7 = {
|
|
|
48998
49304
|
validators: [required()]
|
|
48999
49305
|
},
|
|
49000
49306
|
nameOnCard: {
|
|
49001
|
-
validators: [required()]
|
|
49307
|
+
validators: [required(), includesPotentialCardNumber()]
|
|
49002
49308
|
},
|
|
49003
49309
|
creditCardNumber: {
|
|
49004
49310
|
validators: [required(), hasLength(15, 16)],
|