@thecb/components 4.1.4 → 4.1.7

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 CHANGED
@@ -14359,6 +14359,343 @@ var WalletIcon = function WalletIcon(_ref) {
14359
14359
 
14360
14360
  var WalletIcon$1 = themeComponent(WalletIcon, "Icons", fallbackValues$2, "info");
14361
14361
 
14362
+ var AchReturnIcon = function AchReturnIcon() {
14363
+ return /*#__PURE__*/React__default.createElement("svg", {
14364
+ width: "32px",
14365
+ height: "32px",
14366
+ viewBox: "0 0 32 32",
14367
+ version: "1.1",
14368
+ xmlns: "http://www.w3.org/2000/svg",
14369
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14370
+ }, /*#__PURE__*/React__default.createElement("g", {
14371
+ id: "STOR-3203",
14372
+ stroke: "none",
14373
+ strokeWidth: "1",
14374
+ fill: "none",
14375
+ fillRule: "evenodd"
14376
+ }, /*#__PURE__*/React__default.createElement("g", {
14377
+ id: "Icons",
14378
+ transform: "translate(-64.000000, -64.000000)",
14379
+ fill: "#B34A00"
14380
+ }, /*#__PURE__*/React__default.createElement("path", {
14381
+ d: "M80,64 C88.836556,64 96,71.163444 96,80 C96,88.836556 88.836556,96 80,96 C71.163444,96 64,88.836556 64,80 C64,71.163444 71.163444,64 80,64 Z M77.4246212,73.2824856 C77.2293591,73.0872234 76.9127766,73.0872234 76.7175144,73.2824856 L76.7175144,73.2824856 L70.3535534,79.6464466 C70.1582912,79.8417088 70.1582912,80.1582912 70.3535534,80.3535534 L70.3535534,80.3535534 L76.7175144,86.7175144 C76.9127766,86.9127766 77.2293591,86.9127766 77.4246212,86.7175144 L77.4246212,86.7175144 L78.131728,86.0104076 C78.3269901,85.8151455 78.3269901,85.498563 78.131728,85.3033009 L78.131728,85.3033009 L73.8271068,80.999039 L89.5,81 C89.7761424,81 90,80.7761424 90,80.5 L90,80.5 L90,79.5 C90,79.2238576 89.7761424,79 89.5,79 L89.5,79 L73.8281068,78.999039 L78.131728,74.6966991 C78.3269901,74.501437 78.3269901,74.1848545 78.131728,73.9895924 L78.131728,73.9895924 Z",
14382
+ id: "status-icon---ach-return"
14383
+ }))));
14384
+ };
14385
+
14386
+ var AllocatedIcon = function AllocatedIcon() {
14387
+ return /*#__PURE__*/React__default.createElement("svg", {
14388
+ width: "32px",
14389
+ height: "32px",
14390
+ viewBox: "0 0 32 32",
14391
+ version: "1.1",
14392
+ xmlns: "http://www.w3.org/2000/svg",
14393
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14394
+ }, /*#__PURE__*/React__default.createElement("g", {
14395
+ id: "STOR-3203",
14396
+ stroke: "none",
14397
+ strokeWidth: "1",
14398
+ fill: "none",
14399
+ fillRule: "evenodd"
14400
+ }, /*#__PURE__*/React__default.createElement("g", {
14401
+ id: "Icons",
14402
+ transform: "translate(-64.000000, -112.000000)",
14403
+ fill: "#D11053"
14404
+ }, /*#__PURE__*/React__default.createElement("path", {
14405
+ d: "M80,112 C88.836556,112 96,119.163444 96,128 C96,136.836556 88.836556,144 80,144 C71.163444,144 64,136.836556 64,128 C64,119.163444 71.163444,112 80,112 Z M83,120 L73,120 C72.4477153,120 72,120.447715 72,121 L72,121 L72,131 C72,131.552285 72.4477153,132 73,132 L73,132 L76,132 L76,135 C76,135.552285 76.4477153,136 77,136 L77,136 L87,136 C87.5522847,136 88,135.552285 88,135 L88,135 L88,125 C88,124.447715 87.5522847,124 87,124 L87,124 L84,124 L84,121 C84,120.447715 83.5522847,120 83,120 L83,120 Z M86.5,126.56 L86.5,134.5 L78.56,134.5 L86.5,126.56 Z M85.438,125.5 L77.5,133.438 L77.5,125.5 L85.438,125.5 Z M82.5,121.5 L82.5,124 L77,124 C76.4477153,124 76,124.447715 76,125 L76,125 L76,130.5 L73.5,130.5 L73.5,121.5 L82.5,121.5 Z",
14406
+ id: "status-icon---allocated"
14407
+ }))));
14408
+ };
14409
+
14410
+ var CalendarIcon = function CalendarIcon() {
14411
+ return /*#__PURE__*/React__default.createElement("svg", {
14412
+ width: "32px",
14413
+ height: "32px",
14414
+ viewBox: "0 0 32 32",
14415
+ version: "1.1",
14416
+ xmlns: "http://www.w3.org/2000/svg",
14417
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14418
+ }, /*#__PURE__*/React__default.createElement("g", {
14419
+ id: "STOR-3203",
14420
+ stroke: "none",
14421
+ strokeWidth: "1",
14422
+ fill: "none",
14423
+ fillRule: "evenodd"
14424
+ }, /*#__PURE__*/React__default.createElement("g", {
14425
+ id: "Icons",
14426
+ transform: "translate(-64.000000, -352.000000)",
14427
+ fill: "#6E727E"
14428
+ }, /*#__PURE__*/React__default.createElement("path", {
14429
+ d: "M80,384 C88.836556,384 96,376.836556 96,368 C96,359.163444 88.836556,352 80,352 C71.163444,352 64,359.163444 64,368 C64,376.836556 71.163444,384 80,384 Z M73,362 L87,362 C87.5522847,362 88,362.447715 88,363 L88,375 C88,375.552285 87.5522847,376 87,376 L73,376 C72.4477153,376 72,375.552285 72,375 L72,363 C72,362.447715 72.4477153,362 73,362 Z M86.5,366 L86.5,374.5 L73.5,374.5 L73.5,366 L86.5,366 Z M76.25,360.5 C76.3880712,360.5 76.5,360.611929 76.5,360.75 L76.5,362 L75,362 L75,360.75 C75,360.611929 75.1119288,360.5 75.25,360.5 L76.25,360.5 Z M84.75,360.5 C84.8880712,360.5 85,360.611929 85,360.75 L85,362 L83.5,362 L83.5,360.75 C83.5,360.611929 83.6119288,360.5 83.75,360.5 L84.75,360.5 Z",
14430
+ id: "status-icon---calendar"
14431
+ }))));
14432
+ };
14433
+
14434
+ var ChargebackIcon = function ChargebackIcon() {
14435
+ return /*#__PURE__*/React__default.createElement("svg", {
14436
+ width: "32px",
14437
+ height: "32px",
14438
+ viewBox: "0 0 32 32",
14439
+ version: "1.1",
14440
+ xmlns: "http://www.w3.org/2000/svg",
14441
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14442
+ }, /*#__PURE__*/React__default.createElement("g", {
14443
+ id: "STOR-3203",
14444
+ stroke: "none",
14445
+ strokeWidth: "1",
14446
+ fill: "none",
14447
+ fillRule: "evenodd"
14448
+ }, /*#__PURE__*/React__default.createElement("g", {
14449
+ id: "Icons",
14450
+ transform: "translate(-64.000000, -160.000000)",
14451
+ fill: "#B34A00"
14452
+ }, /*#__PURE__*/React__default.createElement("path", {
14453
+ d: "M80,192 C88.836556,192 96,184.836556 96,176 C96,167.163444 88.836556,160 80,160 C71.163444,160 64,167.163444 64,176 C64,184.836556 71.163444,192 80,192 Z M89,170 C89.5522847,170 90,170.447715 90,171 L90,181 C90,181.552285 89.5522847,182 89,182 L75,182 C74.4477153,182 74,181.552285 74,181 L74,171 C74,170.447715 74.4477153,170 75,170 L89,170 Z M89,176 L75,176 L75,181 L89,181 L89,176 Z M71.8535534,172.853553 C71.9473216,172.947322 72,173.074499 72,173.207107 L72,178.792893 C72,179.069036 71.7761424,179.292893 71.5,179.292893 C71.3673918,179.292893 71.2402148,179.240215 71.1464466,179.146447 L68.3535534,176.353553 C68.1582912,176.158291 68.1582912,175.841709 68.3535534,175.646447 L71.1464466,172.853553 C71.3417088,172.658291 71.6582912,172.658291 71.8535534,172.853553 Z M86.75,177.75 C87.0261424,177.75 87.25,177.973858 87.25,178.25 L87.25,178.75 C87.25,179.026142 87.0261424,179.25 86.75,179.25 L84.75,179.25 C84.4738576,179.25 84.25,179.026142 84.25,178.75 L84.25,178.25 C84.25,177.973858 84.4738576,177.75 84.75,177.75 L86.75,177.75 Z M89,171 L75,171 L75,173.5 L89,173.5 L89,171 Z",
14454
+ id: "status-icon---chargeback"
14455
+ }))));
14456
+ };
14457
+
14458
+ var ChargebackReversalIcon = function ChargebackReversalIcon() {
14459
+ return /*#__PURE__*/React__default.createElement("svg", {
14460
+ width: "32px",
14461
+ height: "32px",
14462
+ viewBox: "0 0 32 32",
14463
+ version: "1.1",
14464
+ xmlns: "http://www.w3.org/2000/svg",
14465
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14466
+ }, /*#__PURE__*/React__default.createElement("g", {
14467
+ id: "STOR-3203",
14468
+ stroke: "none",
14469
+ strokeWidth: "1",
14470
+ fill: "none",
14471
+ fillRule: "evenodd"
14472
+ }, /*#__PURE__*/React__default.createElement("g", {
14473
+ id: "Icons",
14474
+ transform: "translate(-64.000000, -208.000000)",
14475
+ fill: "#B34A00"
14476
+ }, /*#__PURE__*/React__default.createElement("path", {
14477
+ d: "M80,240 C88.836556,240 96,232.836556 96,224 C96,215.163444 88.836556,208 80,208 C71.163444,208 64,215.163444 64,224 C64,232.836556 71.163444,240 80,240 Z M85,218 C85.5522847,218 86,218.447715 86,219 L86,229 C86,229.552285 85.5522847,230 85,230 L71,230 C70.4477153,230 70,229.552285 70,229 L70,219 C70,218.447715 70.4477153,218 71,218 L85,218 Z M85,224 L71,224 L71,229 L85,229 L85,224 Z M88.1464466,220.853553 C88.3417088,220.658291 88.6582912,220.658291 88.8535534,220.853553 L88.8535534,220.853553 L91.6464466,223.646447 C91.8417088,223.841709 91.8417088,224.158291 91.6464466,224.353553 L91.6464466,224.353553 L88.8535534,227.146447 C88.7597852,227.240215 88.6326082,227.292893 88.5,227.292893 C88.2238576,227.292893 88,227.069036 88,226.792893 L88,226.792893 L88,221.207107 C88,221.074499 88.0526784,220.947322 88.1464466,220.853553 Z M82.75,225.75 C83.0261424,225.75 83.25,225.973858 83.25,226.25 L83.25,226.75 C83.25,227.026142 83.0261424,227.25 82.75,227.25 L80.75,227.25 C80.4738576,227.25 80.25,227.026142 80.25,226.75 L80.25,226.25 C80.25,225.973858 80.4738576,225.75 80.75,225.75 L82.75,225.75 Z M85,219 L71,219 L71,221.5 L85,221.5 L85,219 Z",
14478
+ id: "status-icon---chargeback-reversal"
14479
+ }))));
14480
+ };
14481
+
14482
+ var DuplicateIcon = function DuplicateIcon() {
14483
+ return /*#__PURE__*/React__default.createElement("svg", {
14484
+ width: "32px",
14485
+ height: "32px",
14486
+ viewBox: "0 0 32 32",
14487
+ version: "1.1",
14488
+ xmlns: "http://www.w3.org/2000/svg",
14489
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14490
+ }, /*#__PURE__*/React__default.createElement("g", {
14491
+ id: "STOR-3203",
14492
+ stroke: "none",
14493
+ strokeWidth: "1",
14494
+ fill: "none",
14495
+ fillRule: "evenodd"
14496
+ }, /*#__PURE__*/React__default.createElement("g", {
14497
+ id: "Icons",
14498
+ transform: "translate(-64.000000, -256.000000)",
14499
+ fill: "#6E727E"
14500
+ }, /*#__PURE__*/React__default.createElement("path", {
14501
+ d: "M80,288 C88.836556,288 96,280.836556 96,272 C96,263.163444 88.836556,256 80,256 C71.163444,256 64,263.163444 64,272 C64,280.836556 71.163444,288 80,288 Z M83,264 C83.5522847,264 84,264.447715 84,265 L84,268 L87,268 C87.5522847,268 88,268.447715 88,269 L88,279 C88,279.552285 87.5522847,280 87,280 L77,280 C76.4477153,280 76,279.552285 76,279 L76,276 L73,276 C72.4477153,276 72,275.552285 72,275 L72,265 C72,264.447715 72.4477153,264 73,264 L83,264 Z M82.5,265.5 L73.5,265.5 L73.5,274.5 L76,274.5 L76,269 C76,268.447715 76.4477153,268 77,268 L82.5,268 L82.5,265.5 Z M77.5,269.5 L86.5,269.5 L86.5,278.5 L77.5,278.5 L77.5,269.5 Z",
14502
+ id: "status-icon---duplicate"
14503
+ }))));
14504
+ };
14505
+
14506
+ var ErroredIcon = function ErroredIcon() {
14507
+ return /*#__PURE__*/React__default.createElement("svg", {
14508
+ width: "32px",
14509
+ height: "32px",
14510
+ viewBox: "0 0 32 32",
14511
+ version: "1.1",
14512
+ xmlns: "http://www.w3.org/2000/svg",
14513
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14514
+ }, /*#__PURE__*/React__default.createElement("g", {
14515
+ id: "STOR-3203",
14516
+ stroke: "none",
14517
+ strokeWidth: "1",
14518
+ fill: "none",
14519
+ fillRule: "evenodd"
14520
+ }, /*#__PURE__*/React__default.createElement("g", {
14521
+ id: "Icons",
14522
+ transform: "translate(-64.000000, -304.000000)",
14523
+ fill: "#D11053"
14524
+ }, /*#__PURE__*/React__default.createElement("path", {
14525
+ d: "M80,336 C88.836556,336 96,328.836556 96,320 C96,311.163444 88.836556,304 80,304 C71.163444,304 64,311.163444 64,320 C64,328.836556 71.163444,336 80,336 Z M72.5492717,327 L87.4507283,327 C88.2791554,327 88.9507283,326.328427 88.9507283,325.5 C88.9507283,325.245084 88.8857626,324.994373 88.7619642,324.771536 L81.3112359,311.360225 C80.9089161,310.636049 79.9957112,310.375133 79.2715356,310.777453 C79.0266755,310.913487 78.8247975,311.115365 78.6887641,311.360225 L71.2380358,324.771536 C70.835716,325.495711 71.0966317,326.408916 71.8208073,326.811236 C72.0436443,326.935034 72.2943553,327 72.5492717,327 Z M72.5,325.5 L87.5,325.5 L80,312.087006 L72.5,325.5 Z M79.5,322.5 L80.5,322.5 C80.6380712,322.5 80.75,322.611929 80.75,322.75 L80.75,323.75 C80.75,323.888071 80.6380712,324 80.5,324 L79.5,324 C79.3619288,324 79.25,323.888071 79.25,323.75 L79.25,322.75 C79.25,322.611929 79.3619288,322.5 79.5,322.5 Z M79.5,315.5 L80.5,315.5 C80.6380712,315.5 80.75,315.611929 80.75,315.75 L80.75,321.25 C80.75,321.388071 80.6380712,321.5 80.5,321.5 L79.5,321.5 C79.3619288,321.5 79.25,321.388071 79.25,321.25 L79.25,315.75 C79.25,315.611929 79.3619288,315.5 79.5,315.5 Z",
14526
+ id: "status-icon---errored"
14527
+ }))));
14528
+ };
14529
+
14530
+ var FailedIcon = function FailedIcon() {
14531
+ return /*#__PURE__*/React__default.createElement("svg", {
14532
+ width: "32px",
14533
+ height: "32px",
14534
+ viewBox: "0 0 32 32",
14535
+ version: "1.1",
14536
+ xmlns: "http://www.w3.org/2000/svg",
14537
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14538
+ }, /*#__PURE__*/React__default.createElement("g", {
14539
+ id: "STOR-3203",
14540
+ stroke: "none",
14541
+ strokeWidth: "1",
14542
+ fill: "none",
14543
+ fillRule: "evenodd"
14544
+ }, /*#__PURE__*/React__default.createElement("g", {
14545
+ id: "Icons",
14546
+ transform: "translate(-64.000000, -400.000000)",
14547
+ fill: "#D11053"
14548
+ }, /*#__PURE__*/React__default.createElement("path", {
14549
+ d: "M80,432 C88.836556,432 96,424.836556 96,416 C96,407.163444 88.836556,400 80,400 C71.163444,400 64,407.163444 64,416 C64,424.836556 71.163444,432 80,432 Z M75.4038059,409.989592 L80.0001458,414.586146 L84.5961941,409.989592 C84.7914562,409.79433 85.1080387,409.79433 85.3033009,409.989592 L86.0104076,410.696699 C86.2056698,410.891961 86.2056698,411.208544 86.0104076,411.403806 L81.4141458,416.000146 L86.0104076,420.596194 C86.2056698,420.791456 86.2056698,421.108039 86.0104076,421.303301 L85.3033009,422.010408 C85.1080387,422.20567 84.7914562,422.20567 84.5961941,422.010408 L80.0001458,417.414146 L75.4038059,422.010408 C75.2085438,422.20567 74.8919613,422.20567 74.6966991,422.010408 L73.9895924,421.303301 C73.7943302,421.108039 73.7943302,420.791456 73.9895924,420.596194 L78.5861458,416.000146 L73.9895924,411.403806 C73.7943302,411.208544 73.7943302,410.891961 73.9895924,410.696699 L74.6966991,409.989592 C74.8919613,409.79433 75.2085438,409.79433 75.4038059,409.989592 Z",
14550
+ id: "status-icon---failed"
14551
+ }))));
14552
+ };
14553
+
14554
+ var PendingIcon = function PendingIcon() {
14555
+ return /*#__PURE__*/React__default.createElement("svg", {
14556
+ width: "32px",
14557
+ height: "32px",
14558
+ viewBox: "0 0 32 32",
14559
+ version: "1.1",
14560
+ xmlns: "http://www.w3.org/2000/svg",
14561
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14562
+ }, /*#__PURE__*/React__default.createElement("g", {
14563
+ id: "STOR-3203",
14564
+ stroke: "none",
14565
+ strokeWidth: "1",
14566
+ fill: "none",
14567
+ fillRule: "evenodd"
14568
+ }, /*#__PURE__*/React__default.createElement("g", {
14569
+ id: "Icons",
14570
+ transform: "translate(-64.000000, -448.000000)",
14571
+ fill: "#6E727E"
14572
+ }, /*#__PURE__*/React__default.createElement("path", {
14573
+ d: "M80,480 C88.836556,480 96,472.836556 96,464 C96,455.163444 88.836556,448 80,448 C71.163444,448 64,455.163444 64,464 C64,472.836556 71.163444,480 80,480 Z M87,466 C88.1045695,466 89,465.104569 89,464 C89,462.895431 88.1045695,462 87,462 C85.8954305,462 85,462.895431 85,464 C85,465.104569 85.8954305,466 87,466 Z M80,462 C81.1045695,462 82,462.895431 82,464 C82,465.104569 81.1045695,466 80,466 C78.8954305,466 78,465.104569 78,464 C78,462.895431 78.8954305,462 80,462 Z M73,462 C74.1045695,462 75,462.895431 75,464 C75,465.104569 74.1045695,466 73,466 C71.8954305,466 71,465.104569 71,464 C71,462.895431 71.8954305,462 73,462 Z",
14574
+ id: "status-icon---pending"
14575
+ }))));
14576
+ };
14577
+
14578
+ var RefundIcon = function RefundIcon() {
14579
+ return /*#__PURE__*/React__default.createElement("svg", {
14580
+ width: "32px",
14581
+ height: "32px",
14582
+ viewBox: "0 0 32 32",
14583
+ version: "1.1",
14584
+ xmlns: "http://www.w3.org/2000/svg",
14585
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14586
+ }, /*#__PURE__*/React__default.createElement("g", {
14587
+ id: "STOR-3203",
14588
+ stroke: "none",
14589
+ strokeWidth: "1",
14590
+ fill: "none",
14591
+ fillRule: "evenodd"
14592
+ }, /*#__PURE__*/React__default.createElement("g", {
14593
+ id: "Icons",
14594
+ transform: "translate(-64.000000, -496.000000)",
14595
+ fill: "#317D4F",
14596
+ fillRule: "nonzero"
14597
+ }, /*#__PURE__*/React__default.createElement("path", {
14598
+ d: "M80,528 C88.836556,528 96,520.836556 96,512 C96,503.163444 88.836556,496 80,496 C71.163444,496 64,503.163444 64,512 C64,520.836556 71.163444,528 80,528 Z M82.3230241,504.25 L82.3230241,505.928718 C84.4879725,506.299892 85.8024055,507.750844 85.7766323,509.497047 L85.7766323,509.497047 L83.242268,509.539226 C83.0876289,508.459448 82.5893471,507.801458 81.266323,507.801458 C79.9003436,507.801458 79.0584192,508.408833 79.0584192,509.294589 C79.0584192,510.003194 79.4536082,510.357496 80.8024055,510.703362 L80.8024055,510.703362 L82.8041237,511.184201 C85.0635739,511.715654 86,513.048506 86,514.879067 C86,516.718065 84.5652921,518.000301 82.2714777,518.295553 L82.2714777,518.295553 L82.2714777,519.805556 L80.1065292,519.805556 L80.1065292,518.303989 C77.7525773,518.04248 76.2319588,516.895216 76,514.760966 L76,514.760966 L78.6116838,514.710352 C78.8780069,515.823873 79.8402062,516.414377 81.2147766,516.414377 C82.45189,516.414377 83.3367698,515.764823 83.3367698,514.895939 C83.3367698,513.993312 82.7611684,513.622138 81.5498282,513.352193 L81.5498282,513.352193 L79.5137457,512.921969 C77.6151203,512.54236 76.395189,511.454146 76.3694158,509.581405 C76.3522337,507.590564 77.9329897,506.249277 80.1494845,505.920282 L80.1494845,505.920282 L80.1494845,504.25 L82.3230241,504.25 Z M73.5,508.540312 C73.7761424,508.540312 74,508.76417 74,509.040312 L74,509.040312 L74,514.959688 C74,515.073223 73.9613596,515.183379 73.8904344,515.272035 C73.7179296,515.487666 73.4032834,515.522627 73.1876525,515.350122 L73.1876525,515.350122 L69.488043,512.390434 C69.4592107,512.367369 69.433022,512.34118 69.4099561,512.312348 C69.2374514,512.096717 69.272412,511.78207 69.488043,511.609566 L69.488043,511.609566 L73.1876525,508.649878 C73.276309,508.578953 73.3864643,508.540312 73.5,508.540312 Z",
14599
+ id: "status-icon---refund"
14600
+ }))));
14601
+ };
14602
+
14603
+ var RejectedIcon = function RejectedIcon() {
14604
+ return /*#__PURE__*/React__default.createElement("svg", {
14605
+ width: "32px",
14606
+ height: "32px",
14607
+ viewBox: "0 0 32 32",
14608
+ version: "1.1",
14609
+ xmlns: "http://www.w3.org/2000/svg",
14610
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14611
+ }, /*#__PURE__*/React__default.createElement("g", {
14612
+ id: "STOR-3203",
14613
+ stroke: "none",
14614
+ strokeWidth: "1",
14615
+ fillRule: "none",
14616
+ fillule: "evenodd"
14617
+ }, /*#__PURE__*/React__default.createElement("g", {
14618
+ id: "Icons",
14619
+ transform: "translate(-64.000000, -544.000000)",
14620
+ fill: "#D11053"
14621
+ }, /*#__PURE__*/React__default.createElement("path", {
14622
+ d: "M80,576 C88.836556,576 96,568.836556 96,560 C96,551.163444 88.836556,544 80,544 C71.163444,544 64,551.163444 64,560 C64,568.836556 71.163444,576 80,576 Z M76.7175144,553.282486 C76.9127766,553.087223 77.2293591,553.087223 77.4246212,553.282486 L78.131728,553.989592 C78.3269901,554.184855 78.3269901,554.501437 78.131728,554.696699 L73.8281068,558.999039 L89.5,559 C89.7761424,559 90,559.223858 90,559.5 L90,560.5 C90,560.776142 89.7761424,561 89.5,561 L73.8271068,560.999039 L78.131728,565.303301 C78.3269901,565.498563 78.3269901,565.815145 78.131728,566.010408 L77.4246212,566.717514 C77.2293591,566.912777 76.9127766,566.912777 76.7175144,566.717514 L70.3535534,560.353553 C70.1582912,560.158291 70.1582912,559.841709 70.3535534,559.646447 L76.7175144,553.282486 Z",
14623
+ id: "status-icon---rejected"
14624
+ }))));
14625
+ };
14626
+
14627
+ var RejectedVelocityIcon = function RejectedVelocityIcon() {
14628
+ return /*#__PURE__*/React__default.createElement("svg", {
14629
+ width: "32px",
14630
+ height: "32px",
14631
+ viewBox: "0 0 32 32",
14632
+ version: "1.1",
14633
+ xmlns: "http://www.w3.org/2000/svg",
14634
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14635
+ }, /*#__PURE__*/React__default.createElement("g", {
14636
+ id: "STOR-3203",
14637
+ stroke: "none",
14638
+ strokeWidth: "1",
14639
+ fill: "none",
14640
+ fillRule: "evenodd"
14641
+ }, /*#__PURE__*/React__default.createElement("g", {
14642
+ id: "Icons",
14643
+ transform: "translate(-64.000000, -592.000000)",
14644
+ fill: "#D11053"
14645
+ }, /*#__PURE__*/React__default.createElement("path", {
14646
+ d: "M80,624 C88.836556,624 96,616.836556 96,608 C96,599.163444 88.836556,592 80,592 C71.163444,592 64,599.163444 64,608 C64,616.836556 71.163444,624 80,624 Z M77.4246212,601.282486 L78.131728,601.989592 C78.3269901,602.184855 78.3269901,602.501437 78.131728,602.696699 L73.8281068,606.999039 L81.5,607 C81.7761424,607 82,607.223858 82,607.5 L82,608.5 C82,608.776142 81.7761424,609 81.5,609 L73.8271068,608.999039 L78.131728,613.303301 C78.3269901,613.498563 78.3269901,613.815145 78.131728,614.010408 L77.4246212,614.717514 C77.2293591,614.912777 76.9127766,614.912777 76.7175144,614.717514 L70.3535534,608.353553 C70.1582912,608.158291 70.1582912,607.841709 70.3535534,607.646447 L76.7175144,601.282486 C76.9127766,601.087223 77.2293591,601.087223 77.4246212,601.282486 Z M89.75,607 C89.8880712,607 90,607.111929 90,607.25 L90,608.75 C90,608.888071 89.8880712,609 89.75,609 L88.25,609 C88.1119288,609 88,608.888071 88,608.75 L88,607.25 C88,607.111929 88.1119288,607 88.25,607 L89.75,607 Z M85.75,607 C85.8880712,607 86,607.111929 86,607.25 L86,608.75 C86,608.888071 85.8880712,609 85.75,609 L84.25,609 C84.1119288,609 84,608.888071 84,608.75 L84,607.25 C84,607.111929 84.1119288,607 84.25,607 L85.75,607 Z",
14647
+ id: "status-icon---rejected-velocity"
14648
+ }))));
14649
+ };
14650
+
14651
+ var SuccessfulIcon = function SuccessfulIcon() {
14652
+ return /*#__PURE__*/React__default.createElement("svg", {
14653
+ width: "32px",
14654
+ height: "32px",
14655
+ viewBox: "0 0 32 32",
14656
+ version: "1.1",
14657
+ xmlns: "http://www.w3.org/2000/svg",
14658
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14659
+ }, /*#__PURE__*/React__default.createElement("g", {
14660
+ id: "STOR-3203",
14661
+ stroke: "none",
14662
+ strokeWidth: "1",
14663
+ fill: "none",
14664
+ fillRule: "evenodd"
14665
+ }, /*#__PURE__*/React__default.createElement("g", {
14666
+ id: "Icons",
14667
+ transform: "translate(-64.000000, -640.000000)",
14668
+ fill: "#317D4F"
14669
+ }, /*#__PURE__*/React__default.createElement("path", {
14670
+ d: "M80,672 C88.836556,672 96,664.836556 96,656 C96,647.163444 88.836556,640 80,640 C71.163444,640 64,647.163444 64,656 C64,664.836556 71.163444,672 80,672 Z M89.6923882,650.464466 C89.8876503,650.659728 89.8876503,650.976311 89.6923882,651.171573 L78.3859015,662.477912 C78.3835247,662.480387 78.3811174,662.482844 78.3786797,662.485281 L77.6715729,663.192388 C77.4763107,663.38765 77.1597282,663.38765 76.9644661,663.192388 L76.2573593,662.485281 L76.2502882,662.476796 L71.3076118,657.535534 C71.1123497,657.340272 71.1123497,657.023689 71.3076118,656.828427 L72.0147186,656.12132 C72.2099808,655.926058 72.5265633,655.926058 72.7218254,656.12132 L77.3180195,660.7161 L88.2781746,649.757359 C88.4734367,649.562097 88.7900192,649.562097 88.9852814,649.757359 L89.6923882,650.464466 Z",
14671
+ id: "status-icon---successful"
14672
+ }))));
14673
+ };
14674
+
14675
+ var VoidedIcon = function VoidedIcon() {
14676
+ return /*#__PURE__*/React__default.createElement("svg", {
14677
+ width: "32px",
14678
+ height: "32px",
14679
+ viewBox: "0 0 32 32",
14680
+ version: "1.1",
14681
+ xmlns: "http://www.w3.org/2000/svg",
14682
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
14683
+ }, /*#__PURE__*/React__default.createElement("g", {
14684
+ id: "STOR-3203",
14685
+ stroke: "none",
14686
+ strokeWidth: "1",
14687
+ fill: "none",
14688
+ fillRule: "evenodd"
14689
+ }, /*#__PURE__*/React__default.createElement("g", {
14690
+ id: "Icons",
14691
+ transform: "translate(-64.000000, -688.000000)",
14692
+ fill: "#317D4F"
14693
+ }, /*#__PURE__*/React__default.createElement("path", {
14694
+ d: "M80,720 C88.836556,720 96,712.836556 96,704 C96,695.163444 88.836556,688 80,688 C71.163444,688 64,695.163444 64,704 C64,712.836556 71.163444,720 80,720 Z M75.4038059,697.989592 L80.0001458,702.586146 L84.5961941,697.989592 C84.7914562,697.79433 85.1080387,697.79433 85.3033009,697.989592 L86.0104076,698.696699 C86.2056698,698.891961 86.2056698,699.208544 86.0104076,699.403806 L81.4141458,704.000146 L86.0104076,708.596194 C86.2056698,708.791456 86.2056698,709.108039 86.0104076,709.303301 L85.3033009,710.010408 C85.1080387,710.20567 84.7914562,710.20567 84.5961941,710.010408 L80.0001458,705.414146 L75.4038059,710.010408 C75.2085438,710.20567 74.8919613,710.20567 74.6966991,710.010408 L73.9895924,709.303301 C73.7943302,709.108039 73.7943302,708.791456 73.9895924,708.596194 L78.5861458,704.000146 L73.9895924,699.403806 C73.7943302,699.208544 73.7943302,698.891961 73.9895924,698.696699 L74.6966991,697.989592 C74.8919613,697.79433 75.2085438,697.79433 75.4038059,697.989592 Z",
14695
+ id: "status-icon---voided"
14696
+ }))));
14697
+ };
14698
+
14362
14699
  var color$2 = "#15749D";
14363
14700
  var hoverColor$1 = "#116285";
14364
14701
  var activeColor$1 = "#0E506D";
@@ -17991,7 +18328,7 @@ var textLineHeight = {
17991
18328
  "default": "2rem"
17992
18329
  };
17993
18330
  var textColor = {
17994
- "default": "".concat(STORM_GREY)
18331
+ "default": "".concat(CHARADE_GREY)
17995
18332
  };
17996
18333
  var disabledCheckColor = {
17997
18334
  "default": "".concat(GHOST_GREY, ";")
@@ -18212,10 +18549,10 @@ var Checkbox = function Checkbox(_ref4) {
18212
18549
  }, /*#__PURE__*/React__default.createElement("polyline", {
18213
18550
  points: "20 6 9 17 4 12"
18214
18551
  })))), /*#__PURE__*/React__default.createElement(Text$1, {
18215
- variant: "pL",
18552
+ variant: "p",
18216
18553
  weight: themeValues.textFontWeight,
18217
18554
  color: themeValues.textColor,
18218
- extraStyles: "margin-left: 0.5rem"
18555
+ extraStyles: "margin-left: 1rem"
18219
18556
  }, title)));
18220
18557
  };
18221
18558
 
@@ -33806,6 +34143,17 @@ var formats = /*#__PURE__*/Object.freeze({
33806
34143
  moneyFormat: moneyFormat
33807
34144
  });
33808
34145
 
34146
+ function _templateObject$x() {
34147
+ var data = _taggedTemplateLiteral(["\n outline: none;\n"]);
34148
+
34149
+ _templateObject$x = function _templateObject() {
34150
+ return data;
34151
+ };
34152
+
34153
+ return data;
34154
+ }
34155
+ var CheckboxWrapper = styled__default.div(_templateObject$x());
34156
+
33809
34157
  var AddressForm = function AddressForm(_ref) {
33810
34158
  var _zipErrorMessages;
33811
34159
 
@@ -33816,7 +34164,21 @@ var AddressForm = function AddressForm(_ref) {
33816
34164
  clearOnDismount = _ref.clearOnDismount,
33817
34165
  showErrors = _ref.showErrors,
33818
34166
  _ref$handleSubmit = _ref.handleSubmit,
33819
- handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
34167
+ handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
34168
+ showWalletCheckbox = _ref.showWalletCheckbox,
34169
+ saveToWallet = _ref.saveToWallet,
34170
+ walletCheckboxMarked = _ref.walletCheckboxMarked;
34171
+
34172
+ var _useState = React.useState(false),
34173
+ _useState2 = _slicedToArray(_useState, 2),
34174
+ checkboxFocused = _useState2[0],
34175
+ focusCheckbox = _useState2[1];
34176
+
34177
+ var handleClick = function handleClick(e, func) {
34178
+ if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
34179
+ func();
34180
+ }
34181
+ };
33820
34182
 
33821
34183
  if (clearOnDismount) {
33822
34184
  React.useEffect(function () {
@@ -33889,7 +34251,24 @@ var AddressForm = function AddressForm(_ref) {
33889
34251
  onKeyDown: function onKeyDown(e) {
33890
34252
  return e.key === "Enter" && handleSubmit(e);
33891
34253
  }
33892
- })));
34254
+ }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(CheckboxWrapper, {
34255
+ tabIndex: "0",
34256
+ onFocus: function onFocus() {
34257
+ return focusCheckbox(true);
34258
+ },
34259
+ onBlur: function onBlur() {
34260
+ return focusCheckbox(false);
34261
+ },
34262
+ onKeyDown: function onKeyDown(e) {
34263
+ return handleClick(e, saveToWallet);
34264
+ }
34265
+ }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
34266
+ name: "address checkbox",
34267
+ title: "Save address to wallet",
34268
+ checked: walletCheckboxMarked,
34269
+ onChange: saveToWallet,
34270
+ focused: checkboxFocused
34271
+ }))));
33893
34272
  };
33894
34273
 
33895
34274
  var formConfig = {
@@ -34192,16 +34571,16 @@ function _templateObject2$j() {
34192
34571
  return data;
34193
34572
  }
34194
34573
 
34195
- function _templateObject$x() {
34574
+ function _templateObject$y() {
34196
34575
  var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n background: ", ";\n height: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.5rem;\n :not(:last-child),\n :not(:first-child) {\n box-shadow: inset 0px -1px 0px 0px rgb(202, 206, 216);\n }\n :first-child {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n :last-child {\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n box-shadow: none;\n }\n"]);
34197
34576
 
34198
- _templateObject$x = function _templateObject() {
34577
+ _templateObject$y = function _templateObject() {
34199
34578
  return data;
34200
34579
  };
34201
34580
 
34202
34581
  return data;
34203
34582
  }
34204
- var EditableListItem = styled__default.div(_templateObject$x(), WHITE, function (_ref) {
34583
+ var EditableListItem = styled__default.div(_templateObject$y(), WHITE, function (_ref) {
34205
34584
  var listItemSize = _ref.listItemSize;
34206
34585
  return listItemSize === "big" ? "120px" : "72px";
34207
34586
  });
@@ -34386,16 +34765,16 @@ function _templateObject2$k() {
34386
34765
  return data;
34387
34766
  }
34388
34767
 
34389
- function _templateObject$y() {
34768
+ function _templateObject$z() {
34390
34769
  var data = _taggedTemplateLiteral(["\n display: ", ";\n flex-direction: column;\n flex: 1;\n"]);
34391
34770
 
34392
- _templateObject$y = function _templateObject() {
34771
+ _templateObject$z = function _templateObject() {
34393
34772
  return data;
34394
34773
  };
34395
34774
 
34396
34775
  return data;
34397
34776
  }
34398
- var EditableTableContainer = styled__default.div(_templateObject$y(), function (_ref) {
34777
+ var EditableTableContainer = styled__default.div(_templateObject$z(), function (_ref) {
34399
34778
  var hide = _ref.hide;
34400
34779
  return hide ? "none" : "flex";
34401
34780
  });
@@ -34507,6 +34886,17 @@ var TableListItem = function TableListItem(_ref) {
34507
34886
  }, "Edit")) : /*#__PURE__*/React__default.createElement(React.Fragment, null))));
34508
34887
  };
34509
34888
 
34889
+ function _templateObject$A() {
34890
+ var data = _taggedTemplateLiteral(["\n outline: none;\n"]);
34891
+
34892
+ _templateObject$A = function _templateObject() {
34893
+ return data;
34894
+ };
34895
+
34896
+ return data;
34897
+ }
34898
+ var CheckboxWrapper$1 = styled__default.div(_templateObject$A());
34899
+
34510
34900
  var EmailForm = function EmailForm(_ref) {
34511
34901
  var _emailFieldErrorMessa;
34512
34902
 
@@ -34518,7 +34908,21 @@ var EmailForm = function EmailForm(_ref) {
34518
34908
  showErrors = _ref.showErrors,
34519
34909
  guestCheckout = _ref.guestCheckout,
34520
34910
  _ref$handleSubmit = _ref.handleSubmit,
34521
- handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
34911
+ handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
34912
+ showWalletCheckbox = _ref.showWalletCheckbox,
34913
+ saveToWallet = _ref.saveToWallet,
34914
+ walletCheckboxMarked = _ref.walletCheckboxMarked;
34915
+
34916
+ var _useState = React.useState(false),
34917
+ _useState2 = _slicedToArray(_useState, 2),
34918
+ checkboxFocused = _useState2[0],
34919
+ focusCheckbox = _useState2[1];
34920
+
34921
+ var handleClick = function handleClick(e, func) {
34922
+ if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
34923
+ func();
34924
+ }
34925
+ };
34522
34926
 
34523
34927
  if (clearOnDismount) {
34524
34928
  React.useEffect(function () {
@@ -34545,7 +34949,24 @@ var EmailForm = function EmailForm(_ref) {
34545
34949
  onKeyDown: function onKeyDown(e) {
34546
34950
  return e.key === "Enter" && handleSubmit(e);
34547
34951
  }
34548
- })));
34952
+ }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(CheckboxWrapper$1, {
34953
+ tabIndex: "0",
34954
+ onFocus: function onFocus() {
34955
+ return focusCheckbox(true);
34956
+ },
34957
+ onBlur: function onBlur() {
34958
+ return focusCheckbox(false);
34959
+ },
34960
+ onKeyDown: function onKeyDown(e) {
34961
+ return handleClick(e, saveToWallet);
34962
+ }
34963
+ }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
34964
+ name: "email checkbox",
34965
+ title: "Save email address to wallet",
34966
+ checked: walletCheckboxMarked,
34967
+ onChange: saveToWallet,
34968
+ focused: checkboxFocused
34969
+ }))));
34549
34970
  };
34550
34971
 
34551
34972
  var formConfig$3 = {
@@ -36124,10 +36545,10 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
36124
36545
 
36125
36546
  var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$u, "profile");
36126
36547
 
36127
- function _templateObject$z() {
36548
+ function _templateObject$B() {
36128
36549
  var data = _taggedTemplateLiteral(["\n position: fixed;\n top: 72px;\n"]);
36129
36550
 
36130
- _templateObject$z = function _templateObject() {
36551
+ _templateObject$B = function _templateObject() {
36131
36552
  return data;
36132
36553
  };
36133
36554
 
@@ -36163,7 +36584,7 @@ var menu = posed.div({
36163
36584
  }
36164
36585
  }
36165
36586
  });
36166
- var ImposterMenu = styled__default(menu)(_templateObject$z());
36587
+ var ImposterMenu = styled__default(menu)(_templateObject$B());
36167
36588
 
36168
36589
  var NavMenuMobile = function NavMenuMobile(_ref) {
36169
36590
  var id = _ref.id,
@@ -38576,16 +38997,27 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
38576
38997
 
38577
38998
  var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$x, "default");
38578
38999
 
38579
- function _templateObject$A() {
39000
+ function _templateObject2$l() {
39001
+ var data = _taggedTemplateLiteral(["\n outline: none;\n"]);
39002
+
39003
+ _templateObject2$l = function _templateObject2() {
39004
+ return data;
39005
+ };
39006
+
39007
+ return data;
39008
+ }
39009
+
39010
+ function _templateObject$C() {
38580
39011
  var data = _taggedTemplateLiteral([""]);
38581
39012
 
38582
- _templateObject$A = function _templateObject() {
39013
+ _templateObject$C = function _templateObject() {
38583
39014
  return data;
38584
39015
  };
38585
39016
 
38586
39017
  return data;
38587
39018
  }
38588
- var ModalWrapper = styled__default.div(_templateObject$A());
39019
+ var ModalWrapper = styled__default.div(_templateObject$C());
39020
+ var CheckboxWrapper$2 = styled__default.div(_templateObject2$l());
38589
39021
 
38590
39022
  var PaymentFormACH = function PaymentFormACH(_ref) {
38591
39023
  var _routingNumberErrors, _accountNumberErrors;
@@ -38602,7 +39034,21 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
38602
39034
  actions = _ref.actions,
38603
39035
  showErrors = _ref.showErrors,
38604
39036
  _ref$handleSubmit = _ref.handleSubmit,
38605
- handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
39037
+ handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
39038
+ showWalletCheckbox = _ref.showWalletCheckbox,
39039
+ saveToWallet = _ref.saveToWallet,
39040
+ walletCheckboxMarked = _ref.walletCheckboxMarked;
39041
+
39042
+ var _useState = React.useState(false),
39043
+ _useState2 = _slicedToArray(_useState, 2),
39044
+ checkboxFocused = _useState2[0],
39045
+ focusCheckbox = _useState2[1];
39046
+
39047
+ var handleClick = function handleClick(e, func) {
39048
+ if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
39049
+ func();
39050
+ }
39051
+ };
38606
39052
 
38607
39053
  if (clearOnDismount) {
38608
39054
  React.useEffect(function () {
@@ -38612,15 +39058,15 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
38612
39058
  }, []);
38613
39059
  }
38614
39060
 
38615
- var _useState = React.useState(false),
38616
- _useState2 = _slicedToArray(_useState, 2),
38617
- showRouting = _useState2[0],
38618
- toggleShowRouting = _useState2[1];
38619
-
38620
39061
  var _useState3 = React.useState(false),
38621
39062
  _useState4 = _slicedToArray(_useState3, 2),
38622
- showAccount = _useState4[0],
38623
- toggleShowAccount = _useState4[1];
39063
+ showRouting = _useState4[0],
39064
+ toggleShowRouting = _useState4[1];
39065
+
39066
+ var _useState5 = React.useState(false),
39067
+ _useState6 = _slicedToArray(_useState5, 2),
39068
+ showAccount = _useState6[0],
39069
+ toggleShowAccount = _useState6[1];
38624
39070
 
38625
39071
  var nameErrors = _defineProperty({}, required.error, "Name is required");
38626
39072
 
@@ -38735,7 +39181,24 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
38735
39181
  onChange: toggleCheckbox,
38736
39182
  checked: defaultMethod.value,
38737
39183
  hidden: hideDefaultPayment
38738
- })));
39184
+ }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(CheckboxWrapper$2, {
39185
+ tabIndex: "0",
39186
+ onFocus: function onFocus() {
39187
+ return focusCheckbox(true);
39188
+ },
39189
+ onBlur: function onBlur() {
39190
+ return focusCheckbox(false);
39191
+ },
39192
+ onKeyDown: function onKeyDown(e) {
39193
+ return handleClick(e, saveToWallet);
39194
+ }
39195
+ }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
39196
+ name: "bank checkbox",
39197
+ title: "Save bank account to wallet",
39198
+ checked: walletCheckboxMarked,
39199
+ onChange: saveToWallet,
39200
+ focused: checkboxFocused
39201
+ }))));
38739
39202
  };
38740
39203
 
38741
39204
  var formConfig$6 = {
@@ -38775,6 +39238,17 @@ PaymentFormACH.mapDispatchToProps = mapDispatchToProps$6;
38775
39238
 
38776
39239
  var _creditCardNumberErro, _expirationDateErrors, _cvvErrors, _zipCodeErrors;
38777
39240
 
39241
+ function _templateObject$D() {
39242
+ var data = _taggedTemplateLiteral(["\n outline: none;\n"]);
39243
+
39244
+ _templateObject$D = function _templateObject() {
39245
+ return data;
39246
+ };
39247
+
39248
+ return data;
39249
+ }
39250
+ var CheckboxWrapper$3 = styled__default.div(_templateObject$D());
39251
+
38778
39252
  var nameOnCardErrors = _defineProperty({}, required.error, "Name is required");
38779
39253
 
38780
39254
  var creditCardNumberErrors = (_creditCardNumberErro = {}, _defineProperty(_creditCardNumberErro, required.error, "Credit card number is required"), _defineProperty(_creditCardNumberErro, hasLength.error, "Credit card number is invalid"), _creditCardNumberErro);
@@ -38793,7 +39267,22 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
38793
39267
  showErrors = _ref.showErrors,
38794
39268
  _ref$handleSubmit = _ref.handleSubmit,
38795
39269
  handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
38796
- isMobile = _ref.isMobile;
39270
+ isMobile = _ref.isMobile,
39271
+ showWalletCheckbox = _ref.showWalletCheckbox,
39272
+ saveToWallet = _ref.saveToWallet,
39273
+ walletCheckboxMarked = _ref.walletCheckboxMarked;
39274
+
39275
+ var _useState = React.useState(false),
39276
+ _useState2 = _slicedToArray(_useState, 2),
39277
+ checkboxFocused = _useState2[0],
39278
+ focusCheckbox = _useState2[1];
39279
+
39280
+ var handleClick = function handleClick(e, func) {
39281
+ if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
39282
+ func();
39283
+ }
39284
+ };
39285
+
38797
39286
  React.useEffect(function () {
38798
39287
  if (clearOnDismount) {
38799
39288
  return function () {
@@ -38858,6 +39347,23 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
38858
39347
  onKeyDown: function onKeyDown(e) {
38859
39348
  return e.key === "Enter" && handleSubmit(e);
38860
39349
  }
39350
+ })), showWalletCheckbox && /*#__PURE__*/React__default.createElement(CheckboxWrapper$3, {
39351
+ tabIndex: "0",
39352
+ onFocus: function onFocus() {
39353
+ return focusCheckbox(true);
39354
+ },
39355
+ onBlur: function onBlur() {
39356
+ return focusCheckbox(false);
39357
+ },
39358
+ onKeyDown: function onKeyDown(e) {
39359
+ return handleClick(e, saveToWallet);
39360
+ }
39361
+ }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
39362
+ name: "credit card checkbox",
39363
+ title: "Save credit card to wallet",
39364
+ checked: walletCheckboxMarked,
39365
+ onChange: saveToWallet,
39366
+ focused: checkboxFocused
38861
39367
  }))));
38862
39368
  };
38863
39369
 
@@ -38892,6 +39398,17 @@ PaymentFormCard.reducer = reducer$7;
38892
39398
  PaymentFormCard.mapStateToProps = mapStateToProps$8;
38893
39399
  PaymentFormCard.mapDispatchToProps = mapDispatchToProps$7;
38894
39400
 
39401
+ function _templateObject$E() {
39402
+ var data = _taggedTemplateLiteral(["\n outline: none;\n"]);
39403
+
39404
+ _templateObject$E = function _templateObject() {
39405
+ return data;
39406
+ };
39407
+
39408
+ return data;
39409
+ }
39410
+ var CheckboxWrapper$4 = styled__default.div(_templateObject$E());
39411
+
38895
39412
  var PhoneForm = function PhoneForm(_ref) {
38896
39413
  var _phoneErrorMessage;
38897
39414
 
@@ -38902,7 +39419,21 @@ var PhoneForm = function PhoneForm(_ref) {
38902
39419
  clearOnDismount = _ref.clearOnDismount,
38903
39420
  showErrors = _ref.showErrors,
38904
39421
  _ref$handleSubmit = _ref.handleSubmit,
38905
- handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
39422
+ handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
39423
+ showWalletCheckbox = _ref.showWalletCheckbox,
39424
+ saveToWallet = _ref.saveToWallet,
39425
+ walletCheckboxMarked = _ref.walletCheckboxMarked;
39426
+
39427
+ var _useState = React.useState(false),
39428
+ _useState2 = _slicedToArray(_useState, 2),
39429
+ checkboxFocused = _useState2[0],
39430
+ focusCheckbox = _useState2[1];
39431
+
39432
+ var handleClick = function handleClick(e, func) {
39433
+ if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
39434
+ func();
39435
+ }
39436
+ };
38906
39437
 
38907
39438
  if (clearOnDismount) {
38908
39439
  React.useEffect(function () {
@@ -38927,7 +39458,24 @@ var PhoneForm = function PhoneForm(_ref) {
38927
39458
  onKeyUp: function onKeyUp(e) {
38928
39459
  return e.key === "Enter" && handleSubmit(e);
38929
39460
  }
38930
- })));
39461
+ }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(CheckboxWrapper$4, {
39462
+ tabIndex: "0",
39463
+ onFocus: function onFocus() {
39464
+ return focusCheckbox(true);
39465
+ },
39466
+ onBlur: function onBlur() {
39467
+ return focusCheckbox(false);
39468
+ },
39469
+ onKeyDown: function onKeyDown(e) {
39470
+ return handleClick(e, saveToWallet);
39471
+ }
39472
+ }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
39473
+ name: "phone checkbox",
39474
+ title: "Save phone number to wallet",
39475
+ checked: walletCheckboxMarked,
39476
+ onChange: saveToWallet,
39477
+ focused: checkboxFocused
39478
+ }))));
38931
39479
  };
38932
39480
 
38933
39481
  var formConfig$8 = {
@@ -38959,10 +39507,10 @@ var fallbackValues$y = {
38959
39507
  focusStyles: focusStyles
38960
39508
  };
38961
39509
 
38962
- function _templateObject$B() {
39510
+ function _templateObject$F() {
38963
39511
  var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n ", "\n transition: opacity 0.3s ease;\n "]);
38964
39512
 
38965
- _templateObject$B = function _templateObject() {
39513
+ _templateObject$F = function _templateObject() {
38966
39514
  return data;
38967
39515
  };
38968
39516
 
@@ -39032,7 +39580,7 @@ var RadioSection = function RadioSection(_ref) {
39032
39580
  }
39033
39581
  };
39034
39582
  var borderStyles = "\n border-width: 0 0 1px 0;\n border-color: ".concat(themeValues.borderColor, ";\n border-style: solid;\n border-radius: 0px;\n transform-origin: 100% 0;\n\n &:last-child {\n border-width: 0;\n }\n ");
39035
- var RightIcon = styled__default.img(_templateObject$B(), function (_ref2) {
39583
+ var RightIcon = styled__default.img(_templateObject$F(), function (_ref2) {
39036
39584
  var isMobile = _ref2.isMobile;
39037
39585
  return isMobile ? "14px" : "18px";
39038
39586
  }, function (_ref3) {
@@ -39583,27 +40131,27 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
39583
40131
 
39584
40132
  var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$A, "default");
39585
40133
 
39586
- function _templateObject2$l() {
40134
+ function _templateObject2$m() {
39587
40135
  var data = _taggedTemplateLiteral([""]);
39588
40136
 
39589
- _templateObject2$l = function _templateObject2() {
40137
+ _templateObject2$m = function _templateObject2() {
39590
40138
  return data;
39591
40139
  };
39592
40140
 
39593
40141
  return data;
39594
40142
  }
39595
40143
 
39596
- function _templateObject$C() {
40144
+ function _templateObject$G() {
39597
40145
  var data = _taggedTemplateLiteral(["\n outline: none;\n"]);
39598
40146
 
39599
- _templateObject$C = function _templateObject() {
40147
+ _templateObject$G = function _templateObject() {
39600
40148
  return data;
39601
40149
  };
39602
40150
 
39603
40151
  return data;
39604
40152
  }
39605
- var CheckboxWrapper = styled__default.div(_templateObject$C());
39606
- var ModalWrapper$1 = styled__default.div(_templateObject2$l());
40153
+ var CheckboxWrapper$5 = styled__default.div(_templateObject$G());
40154
+ var ModalWrapper$1 = styled__default.div(_templateObject2$m());
39607
40155
 
39608
40156
  var TermsAndConditions = function TermsAndConditions(_ref) {
39609
40157
  var onCheck = _ref.onCheck,
@@ -39631,7 +40179,7 @@ var TermsAndConditions = function TermsAndConditions(_ref) {
39631
40179
 
39632
40180
  return /*#__PURE__*/React__default.createElement(DisplayBox$1, null, /*#__PURE__*/React__default.createElement(Stack, {
39633
40181
  direction: "row"
39634
- }, /*#__PURE__*/React__default.createElement(CheckboxWrapper, {
40182
+ }, /*#__PURE__*/React__default.createElement(CheckboxWrapper$5, {
39635
40183
  tabIndex: "0",
39636
40184
  onFocus: function onFocus() {
39637
40185
  return focusCheckbox(true);
@@ -39718,16 +40266,16 @@ var fallbackValues$B = {
39718
40266
  imageBackgroundColor: imageBackgroundColor
39719
40267
  };
39720
40268
 
39721
- function _templateObject$D() {
40269
+ function _templateObject$H() {
39722
40270
  var data = _taggedTemplateLiteral(["\n width: auto;\n height: 215px;\n"]);
39723
40271
 
39724
- _templateObject$D = function _templateObject() {
40272
+ _templateObject$H = function _templateObject() {
39725
40273
  return data;
39726
40274
  };
39727
40275
 
39728
40276
  return data;
39729
40277
  }
39730
- var WelcomeImage = styled__default.img(_templateObject$D());
40278
+ var WelcomeImage = styled__default.img(_templateObject$H());
39731
40279
 
39732
40280
  var WelcomeModule = function WelcomeModule(_ref) {
39733
40281
  var heading = _ref.heading,
@@ -40088,9 +40636,11 @@ exports.AccountNumberImage = AccountNumberImage;
40088
40636
  exports.AccountsAddIcon = AccountsAddIcon$1;
40089
40637
  exports.AccountsIcon = AccountsIcon$1;
40090
40638
  exports.AccountsIconSmall = AccountsIconSmall$1;
40639
+ exports.AchReturnIcon = AchReturnIcon;
40091
40640
  exports.AddObligation = AddObligation$1;
40092
40641
  exports.AddressForm = AddressForm;
40093
40642
  exports.Alert = Alert$1;
40643
+ exports.AllocatedIcon = AllocatedIcon;
40094
40644
  exports.AmountCallout = AmountCallout$1;
40095
40645
  exports.AutopayOnIcon = AutopayOnIcon$1;
40096
40646
  exports.BankIcon = BankIcon;
@@ -40099,10 +40649,13 @@ exports.BoxWithShadow = BoxWithShadow$1;
40099
40649
  exports.Breadcrumb = Breadcrumbs;
40100
40650
  exports.ButtonWithAction = ButtonWithAction;
40101
40651
  exports.ButtonWithLink = ButtonWithLink;
40652
+ exports.CalendarIcon = CalendarIcon;
40102
40653
  exports.Center = Center;
40103
40654
  exports.CenterSingle = CenterSingle$1;
40104
40655
  exports.CenterStack = CenterStack$1;
40105
40656
  exports.ChangePasswordForm = ChangePasswordForm;
40657
+ exports.ChargebackIcon = ChargebackIcon;
40658
+ exports.ChargebackReversalIcon = ChargebackReversalIcon;
40106
40659
  exports.Checkbox = Checkbox$1;
40107
40660
  exports.CheckboxList = CheckboxList$1;
40108
40661
  exports.CheckmarkIcon = CheckmarkIcon;
@@ -40115,11 +40668,14 @@ exports.DefaultPageTemplate = DefaultPageTemplate;
40115
40668
  exports.DisplayBox = DisplayBox$1;
40116
40669
  exports.DisplayCard = DisplayCard;
40117
40670
  exports.Dropdown = Dropdown$1;
40671
+ exports.DuplicateIcon = DuplicateIcon;
40118
40672
  exports.EditNameForm = EditNameForm;
40119
40673
  exports.EditableList = EditableList;
40120
40674
  exports.EditableTable = EditableTable;
40121
40675
  exports.EmailForm = EmailForm;
40676
+ exports.ErroredIcon = ErroredIcon;
40122
40677
  exports.ExternalLink = ExternalLink;
40678
+ exports.FailedIcon = FailedIcon;
40123
40679
  exports.ForgotPasswordForm = ForgotPasswordForm;
40124
40680
  exports.ForgotPasswordIcon = ForgotPasswordIcon$1;
40125
40681
  exports.FormContainer = FormContainer$1;
@@ -40165,6 +40721,7 @@ exports.PaymentIcon = PaymentIcon;
40165
40721
  exports.PaymentMethodAddIcon = PaymentMethodAddIcon$1;
40166
40722
  exports.PaymentMethodIcon = PaymentMethodIcon$1;
40167
40723
  exports.PaymentsIconSmall = PaymentsIconSmall$1;
40724
+ exports.PendingIcon = PendingIcon;
40168
40725
  exports.PhoneForm = PhoneForm;
40169
40726
  exports.Placeholder = Placeholder$1;
40170
40727
  exports.ProcessingFee = ProcessingFee$1;
@@ -40174,7 +40731,10 @@ exports.PropertiesIconSmall = PropertiesIconSmall$1;
40174
40731
  exports.RadioButton = RadioButton$2;
40175
40732
  exports.RadioSection = RadioSection$1;
40176
40733
  exports.Reel = Reel;
40734
+ exports.RefundIcon = RefundIcon;
40177
40735
  exports.RegistrationForm = RegistrationForm;
40736
+ exports.RejectedIcon = RejectedIcon;
40737
+ exports.RejectedVelocityIcon = RejectedVelocityIcon;
40178
40738
  exports.ResetConfirmationForm = ResetConfirmationForm$1;
40179
40739
  exports.ResetPasswordForm = ResetPasswordForm;
40180
40740
  exports.ResetPasswordSuccess = ResetPasswordSuccess;
@@ -40188,6 +40748,7 @@ exports.SolidDivider = SolidDivider$1;
40188
40748
  exports.Spinner = Spinner$2;
40189
40749
  exports.Stack = Stack;
40190
40750
  exports.StateProvinceDropdown = FormStateDropdown;
40751
+ exports.SuccessfulIcon = SuccessfulIcon;
40191
40752
  exports.Switcher = Switcher;
40192
40753
  exports.TabSidebar = TabSidebar$1;
40193
40754
  exports.TableListItem = TableListItem;
@@ -40199,6 +40760,7 @@ exports.TimeoutImage = TimeoutImage;
40199
40760
  exports.ToggleSwitch = ToggleSwitch$1;
40200
40761
  exports.TypeaheadInput = TypeaheadInput;
40201
40762
  exports.VerifiedEmailIcon = VerifiedEmailIcon$1;
40763
+ exports.VoidedIcon = VoidedIcon;
40202
40764
  exports.WalletIcon = WalletIcon$1;
40203
40765
  exports.WelcomeModule = WelcomeModule$1;
40204
40766
  exports.WorkflowTile = WorkflowTile;