@thecb/components 7.2.1 → 7.3.2-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.cjs.js +56 -314
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +57 -314
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/radio-button-with-label/RadioButtonWithLabel.js +7 -2
- package/src/components/molecules/.DS_Store +0 -0
- package/src/components/molecules/index.js +0 -1
- package/src/components/molecules/radio-group/RadioGroup.js +3 -0
- package/src/components/atoms/radio-button-with-label/RadioButtonWithLabel.stories.js +0 -39
- package/src/components/molecules/internal-user-info-form/InternalUserInfoForm.js +0 -266
- package/src/components/molecules/internal-user-info-form/InternalUserInfoForm.state.js +0 -26
- package/src/components/molecules/internal-user-info-form/index.js +0 -11
package/dist/index.esm.js
CHANGED
|
@@ -24653,7 +24653,9 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref) {
|
|
|
24653
24653
|
groupName = _ref.groupName,
|
|
24654
24654
|
setValue = _ref.setValue,
|
|
24655
24655
|
ariaInvalid = _ref.ariaInvalid,
|
|
24656
|
-
index = _ref.index
|
|
24656
|
+
index = _ref.index,
|
|
24657
|
+
_ref$handleChange = _ref.handleChange,
|
|
24658
|
+
handleChange = _ref$handleChange === void 0 ? noop : _ref$handleChange;
|
|
24657
24659
|
return /*#__PURE__*/React.createElement(InputAndLabelContainer, {
|
|
24658
24660
|
align: "center",
|
|
24659
24661
|
childGap: "0.5rem"
|
|
@@ -24667,7 +24669,8 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref) {
|
|
|
24667
24669
|
id: id,
|
|
24668
24670
|
value: value,
|
|
24669
24671
|
onChange: function onChange(e) {
|
|
24670
|
-
|
|
24672
|
+
setValue(e.target.value);
|
|
24673
|
+
handleChange(e);
|
|
24671
24674
|
},
|
|
24672
24675
|
defaultChecked: index === 0
|
|
24673
24676
|
}), /*#__PURE__*/React.createElement(Text$1, {
|
|
@@ -40325,269 +40328,6 @@ var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
|
|
|
40325
40328
|
var MISC_BILL_ICON = "MISC_SINGLE_BILL";
|
|
40326
40329
|
var iconsMap = (_iconsMap = {}, _defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, AccountGenericIcon), _defineProperty(_iconsMap, ACCOUNTS_CONSTRUCTION_ICON, AccountConstructionIcon), _defineProperty(_iconsMap, ACCOUNTS_HEALTH_ICON, AccountMedicalIcon), _defineProperty(_iconsMap, ACCOUNTS_DENTAL_ICON, AccountDentalIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_ELECTRIC_ICON, AccountElectricIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GARBAGE_ICON, AccountGarbageIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GAS_ICON, AccountGasIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_WATER_ICON, AccountWaterIcon), _defineProperty(_iconsMap, PROPERTIES_PERSONAL_ICON, PropertyPersonalIcon), _defineProperty(_iconsMap, PROPERTIES_GARAGE_ICON, PropertyGarageIcon), _defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, PropertyBusinessIcon), _defineProperty(_iconsMap, PROPERTIES_STOREFRONT_ICON, PropertyStorefrontIcon), _defineProperty(_iconsMap, PROPERTIES_APARTMENT_ICON, PropertyApartmentIcon), _defineProperty(_iconsMap, PROPERTIES_LAND_ICON, PropertyLandIcon), _defineProperty(_iconsMap, PROPERTIES_CAR_ICON, PropertyCarIcon), _defineProperty(_iconsMap, PROPERTIES_MOTORCYCLE_ICON, PropertyMotorcycleIcon), _defineProperty(_iconsMap, PROPERTIES_COMMERCIAL_AUTO_ICON, PropertyCommercialVehicleIcon), _defineProperty(_iconsMap, MISC_BILL_ICON, AccountBillIcon), _iconsMap);
|
|
40327
40330
|
|
|
40328
|
-
var _roleDescriptions;
|
|
40329
|
-
var RESEARCHER = "RESEARCHER";
|
|
40330
|
-
var AGENCY_ADMIN = "AGENCY_ADMIN";
|
|
40331
|
-
var CLIENT_ADMIN = "CLIENT_ADMIN";
|
|
40332
|
-
var SUPERVISOR = "SUPERVISOR";
|
|
40333
|
-
var CB_ADMIN = "CITYBASE_ADMIN";
|
|
40334
|
-
var CREATE_CLIENT_ADMIN = "CREATE_CLIENT_ADMIN";
|
|
40335
|
-
var PROFILE = "PROFILE";
|
|
40336
|
-
var ADD = "ADD";
|
|
40337
|
-
var EDIT = "EDIT";
|
|
40338
|
-
var roleDescriptions = (_roleDescriptions = {}, _defineProperty(_roleDescriptions, RESEARCHER, "Researcher"), _defineProperty(_roleDescriptions, AGENCY_ADMIN, "Agency admin"), _defineProperty(_roleDescriptions, CLIENT_ADMIN, "Client admin"), _defineProperty(_roleDescriptions, SUPERVISOR, "Supervisor"), _defineProperty(_roleDescriptions, CB_ADMIN, "Citybase admin"), _roleDescriptions);
|
|
40339
|
-
|
|
40340
|
-
var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
|
|
40341
|
-
var _ref$variant = _ref.variant,
|
|
40342
|
-
variant = _ref$variant === void 0 ? "default" : _ref$variant,
|
|
40343
|
-
fields = _ref.fields,
|
|
40344
|
-
actions = _ref.actions,
|
|
40345
|
-
clearOnDismount = _ref.clearOnDismount,
|
|
40346
|
-
showErrors = _ref.showErrors,
|
|
40347
|
-
_ref$handleSubmit = _ref.handleSubmit,
|
|
40348
|
-
handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
|
|
40349
|
-
closeForm = _ref.closeForm,
|
|
40350
|
-
allAgencyOptions = _ref.allAgencyOptions,
|
|
40351
|
-
selectedAgencies = _ref.selectedAgencies,
|
|
40352
|
-
allSelected = _ref.allSelected,
|
|
40353
|
-
_ref$toggleSelectAllA = _ref.toggleSelectAllAgencies,
|
|
40354
|
-
toggleSelectAllAgencies = _ref$toggleSelectAllA === void 0 ? noop : _ref$toggleSelectAllA,
|
|
40355
|
-
selectAgency = _ref.selectAgency,
|
|
40356
|
-
roleOptions = _ref.roleOptions,
|
|
40357
|
-
clientOptions = _ref.clientOptions,
|
|
40358
|
-
namesDisabled = _ref.namesDisabled,
|
|
40359
|
-
emailDisabled = _ref.emailDisabled,
|
|
40360
|
-
roleDisabled = _ref.roleDisabled,
|
|
40361
|
-
selectionDisabled = _ref.selectionDisabled,
|
|
40362
|
-
formType = _ref.formType,
|
|
40363
|
-
openChangePasswordForm = _ref.openChangePasswordForm,
|
|
40364
|
-
firstName = _ref.firstName,
|
|
40365
|
-
lastName = _ref.lastName;
|
|
40366
|
-
useEffect$1(function () {
|
|
40367
|
-
if (formType === CREATE_CLIENT_ADMIN) {
|
|
40368
|
-
actions.fields.client.addValidator(required());
|
|
40369
|
-
}
|
|
40370
|
-
|
|
40371
|
-
if (formType !== PROFILE) {
|
|
40372
|
-
actions.fields.email.addValidator(required());
|
|
40373
|
-
actions.fields.role.addValidator(required());
|
|
40374
|
-
}
|
|
40375
|
-
}, []);
|
|
40376
|
-
|
|
40377
|
-
if (clearOnDismount) {
|
|
40378
|
-
useEffect$1(function () {
|
|
40379
|
-
return function () {
|
|
40380
|
-
return actions.form.clear();
|
|
40381
|
-
};
|
|
40382
|
-
}, []);
|
|
40383
|
-
}
|
|
40384
|
-
|
|
40385
|
-
var clientErrorMessages = _defineProperty({}, required.error, "Client is required");
|
|
40386
|
-
|
|
40387
|
-
var firstNameErrorMessages = _defineProperty({}, required.error, "First name is required");
|
|
40388
|
-
|
|
40389
|
-
var lastNameErrorMessages = _defineProperty({}, required.error, "Last name is required");
|
|
40390
|
-
|
|
40391
|
-
var emailErrorMessages = _defineProperty({}, isProbablyEmail.error, "Invalid email address");
|
|
40392
|
-
|
|
40393
|
-
var roleErrorMessages = _defineProperty({}, required.error, "Role is required");
|
|
40394
|
-
|
|
40395
|
-
return /*#__PURE__*/React.createElement(FormContainer$1, {
|
|
40396
|
-
variant: variant,
|
|
40397
|
-
role: "form",
|
|
40398
|
-
"aria-label": "user-info-form",
|
|
40399
|
-
extraStyles: "padding: 0;"
|
|
40400
|
-
}, formType === PROFILE && /*#__PURE__*/React.createElement(Box, {
|
|
40401
|
-
padding: "1.5rem"
|
|
40402
|
-
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
40403
|
-
justify: "flex-start",
|
|
40404
|
-
align: "center"
|
|
40405
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
40406
|
-
padding: "1.25rem",
|
|
40407
|
-
borderRadius: "50%",
|
|
40408
|
-
background: "#CACED8"
|
|
40409
|
-
}, /*#__PURE__*/React.createElement(Heading$1, {
|
|
40410
|
-
variant: "h4",
|
|
40411
|
-
weight: "700"
|
|
40412
|
-
}, firstName.charAt(0).toUpperCase(), lastName.charAt(0).toUpperCase())), /*#__PURE__*/React.createElement(Text$1, {
|
|
40413
|
-
variant: "p",
|
|
40414
|
-
weight: "700",
|
|
40415
|
-
extraStyles: "padding-left: 1rem;"
|
|
40416
|
-
}, firstName, " ", lastName))), formType === CREATE_CLIENT_ADMIN && /*#__PURE__*/React.createElement(Box, {
|
|
40417
|
-
padding: "1.5rem 1.5rem 0.5rem",
|
|
40418
|
-
borderColor: GHOST_GREY,
|
|
40419
|
-
borderSize: "1px",
|
|
40420
|
-
borderWidthOverride: "0 0 1px 0"
|
|
40421
|
-
}, /*#__PURE__*/React.createElement(FormInputColumn, null, /*#__PURE__*/React.createElement(Heading$1, {
|
|
40422
|
-
variant: "h6",
|
|
40423
|
-
weight: "700",
|
|
40424
|
-
margin: "0 0 1rem"
|
|
40425
|
-
}, "Select Client"), /*#__PURE__*/React.createElement(FormSelect$1, {
|
|
40426
|
-
labelTextWhenNoError: "Client",
|
|
40427
|
-
errorMessages: clientErrorMessages,
|
|
40428
|
-
options: clientOptions.map(function (client) {
|
|
40429
|
-
return {
|
|
40430
|
-
text: client,
|
|
40431
|
-
value: client,
|
|
40432
|
-
id: client
|
|
40433
|
-
};
|
|
40434
|
-
}),
|
|
40435
|
-
field: fields.client,
|
|
40436
|
-
fieldActions: actions.fields.client,
|
|
40437
|
-
showErrors: showErrors,
|
|
40438
|
-
onKeyDown: function onKeyDown(e) {
|
|
40439
|
-
return e.key === "Enter" && handleSubmit(e);
|
|
40440
|
-
}
|
|
40441
|
-
}))), /*#__PURE__*/React.createElement(Box, {
|
|
40442
|
-
padding: formType === PROFILE ? "1.5rem 1.5rem 0" : "1.5rem 1.5rem 0.5rem",
|
|
40443
|
-
borderColor: GHOST_GREY,
|
|
40444
|
-
borderSize: "1px",
|
|
40445
|
-
borderWidthOverride: formType === PROFILE ? "1px 0 0" : "0 0 1px 0"
|
|
40446
|
-
}, /*#__PURE__*/React.createElement(FormInputColumn, null, /*#__PURE__*/React.createElement(Heading$1, {
|
|
40447
|
-
variant: "h6",
|
|
40448
|
-
weight: "700",
|
|
40449
|
-
margin: "0 0 1rem"
|
|
40450
|
-
}, "Personal Information"), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
40451
|
-
labelTextWhenNoError: "First Name",
|
|
40452
|
-
errorMessages: firstNameErrorMessages,
|
|
40453
|
-
field: fields.firstName,
|
|
40454
|
-
fieldActions: actions.fields.firstName,
|
|
40455
|
-
showErrors: showErrors,
|
|
40456
|
-
onKeyDown: function onKeyDown(e) {
|
|
40457
|
-
return e.key === "Enter" && handleSubmit(e);
|
|
40458
|
-
},
|
|
40459
|
-
disabled: namesDisabled,
|
|
40460
|
-
autocomplete: "given-name"
|
|
40461
|
-
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
40462
|
-
labelTextWhenNoError: "Last Name",
|
|
40463
|
-
errorMessages: lastNameErrorMessages,
|
|
40464
|
-
field: fields.lastName,
|
|
40465
|
-
fieldActions: actions.fields.lastName,
|
|
40466
|
-
showErrors: showErrors,
|
|
40467
|
-
onKeyDown: function onKeyDown(e) {
|
|
40468
|
-
return e.key === "Enter" && handleSubmit(e);
|
|
40469
|
-
},
|
|
40470
|
-
disabled: namesDisabled,
|
|
40471
|
-
autocomplete: "family-name"
|
|
40472
|
-
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
40473
|
-
labelTextWhenNoError: "Email",
|
|
40474
|
-
errorMessages: emailErrorMessages,
|
|
40475
|
-
field: fields.email,
|
|
40476
|
-
fieldActions: actions.fields.email,
|
|
40477
|
-
showErrors: showErrors,
|
|
40478
|
-
onKeyDown: function onKeyDown(e) {
|
|
40479
|
-
return e.key === "Enter" && handleSubmit(e);
|
|
40480
|
-
},
|
|
40481
|
-
disabled: emailDisabled,
|
|
40482
|
-
autocomplete: "email"
|
|
40483
|
-
}), formType === PROFILE && /*#__PURE__*/React.createElement(FormInput$1, {
|
|
40484
|
-
labelTextWhenNoError: "Password",
|
|
40485
|
-
errorMessages: {},
|
|
40486
|
-
field: {
|
|
40487
|
-
rawValue: "•••••••••••••"
|
|
40488
|
-
},
|
|
40489
|
-
disabled: true,
|
|
40490
|
-
decorator: /*#__PURE__*/React.createElement(Text$1, {
|
|
40491
|
-
variant: "pS",
|
|
40492
|
-
color: "#15749D",
|
|
40493
|
-
onClick: openChangePasswordForm,
|
|
40494
|
-
extraStyles: "cursor: pointer;"
|
|
40495
|
-
}, "Change Password")
|
|
40496
|
-
}))), /*#__PURE__*/React.createElement(Box, {
|
|
40497
|
-
padding: "1.5rem"
|
|
40498
|
-
}, formType !== PROFILE && /*#__PURE__*/React.createElement(Box, {
|
|
40499
|
-
padding: "0 0 0.5rem"
|
|
40500
|
-
}, /*#__PURE__*/React.createElement(FormInputColumn, null, /*#__PURE__*/React.createElement(Heading$1, {
|
|
40501
|
-
variant: "h6",
|
|
40502
|
-
weight: "700",
|
|
40503
|
-
margin: "0 0 1rem"
|
|
40504
|
-
}, "User Settings"), /*#__PURE__*/React.createElement(FormSelect$1, {
|
|
40505
|
-
labelTextWhenNoError: "User Role",
|
|
40506
|
-
errorMessages: roleErrorMessages,
|
|
40507
|
-
options: roleOptions.map(function (role) {
|
|
40508
|
-
return {
|
|
40509
|
-
text: roleDescriptions[role],
|
|
40510
|
-
value: role,
|
|
40511
|
-
id: role
|
|
40512
|
-
};
|
|
40513
|
-
}),
|
|
40514
|
-
field: fields.role,
|
|
40515
|
-
fieldActions: actions.fields.role,
|
|
40516
|
-
showErrors: showErrors,
|
|
40517
|
-
onKeyDown: function onKeyDown(e) {
|
|
40518
|
-
return e.key === "Enter" && handleSubmit(e);
|
|
40519
|
-
},
|
|
40520
|
-
disabled: roleDisabled
|
|
40521
|
-
}))), (formType === ADD || formType === EDIT) && /*#__PURE__*/React.createElement(Box, {
|
|
40522
|
-
padding: "0.5rem 0 1.5rem"
|
|
40523
|
-
}, /*#__PURE__*/React.createElement(FormInputColumn, null, /*#__PURE__*/React.createElement(Text$1, {
|
|
40524
|
-
variant: "p"
|
|
40525
|
-
}, "Select which agencies the user can view"), /*#__PURE__*/React.createElement(SearchableSelect$1, {
|
|
40526
|
-
actions: actions,
|
|
40527
|
-
fields: fields,
|
|
40528
|
-
items: allAgencyOptions,
|
|
40529
|
-
selectedItems: selectedAgencies,
|
|
40530
|
-
allSelected: allSelected,
|
|
40531
|
-
toggleSelectAllItems: toggleSelectAllAgencies,
|
|
40532
|
-
selectItem: selectAgency,
|
|
40533
|
-
disabled: selectionDisabled
|
|
40534
|
-
}))), /*#__PURE__*/React.createElement(Box, {
|
|
40535
|
-
padding: "0"
|
|
40536
|
-
}, /*#__PURE__*/React.createElement(Stack, {
|
|
40537
|
-
childGap: "1rem",
|
|
40538
|
-
direction: "row",
|
|
40539
|
-
justify: "flex-end"
|
|
40540
|
-
}, /*#__PURE__*/React.createElement(ButtonWithAction, {
|
|
40541
|
-
text: "Cancel",
|
|
40542
|
-
action: function action() {
|
|
40543
|
-
if (formType !== CREATE_CLIENT_ADMIN) {
|
|
40544
|
-
toggleSelectAllAgencies(false);
|
|
40545
|
-
}
|
|
40546
|
-
|
|
40547
|
-
closeForm();
|
|
40548
|
-
},
|
|
40549
|
-
variant: "secondary",
|
|
40550
|
-
dataQa: "Cancel",
|
|
40551
|
-
extraStyles: "margin: 0rem; padding: 0.75rem 1.5rem; border-radius: 4px;"
|
|
40552
|
-
}), /*#__PURE__*/React.createElement(ButtonWithAction, {
|
|
40553
|
-
text: "Save",
|
|
40554
|
-
action: handleSubmit,
|
|
40555
|
-
variant: "primary",
|
|
40556
|
-
dataQa: "Save",
|
|
40557
|
-
extraStyles: "margin: 0rem; padding: 0.75rem 1.5rem; border-radius: 4px;"
|
|
40558
|
-
})))));
|
|
40559
|
-
};
|
|
40560
|
-
|
|
40561
|
-
var formConfig$5 = {
|
|
40562
|
-
client: {
|
|
40563
|
-
validators: []
|
|
40564
|
-
},
|
|
40565
|
-
firstName: {
|
|
40566
|
-
validators: [required()]
|
|
40567
|
-
},
|
|
40568
|
-
lastName: {
|
|
40569
|
-
validators: [required()]
|
|
40570
|
-
},
|
|
40571
|
-
email: {
|
|
40572
|
-
validators: [isProbablyEmail()]
|
|
40573
|
-
},
|
|
40574
|
-
role: {
|
|
40575
|
-
validators: []
|
|
40576
|
-
},
|
|
40577
|
-
searchTerm: {
|
|
40578
|
-
validators: []
|
|
40579
|
-
}
|
|
40580
|
-
};
|
|
40581
|
-
|
|
40582
|
-
var _createFormState$5 = createFormState(formConfig$5),
|
|
40583
|
-
reducer$5 = _createFormState$5.reducer,
|
|
40584
|
-
mapStateToProps$6 = _createFormState$5.mapStateToProps,
|
|
40585
|
-
mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
|
|
40586
|
-
|
|
40587
|
-
InternalUserInfoForm.reducer = reducer$5;
|
|
40588
|
-
InternalUserInfoForm.mapStateToProps = mapStateToProps$6;
|
|
40589
|
-
InternalUserInfoForm.mapDispatchToProps = mapDispatchToProps$5;
|
|
40590
|
-
|
|
40591
40331
|
var LoginForm = function LoginForm(_ref) {
|
|
40592
40332
|
var _emailErrorMessages;
|
|
40593
40333
|
|
|
@@ -40639,7 +40379,7 @@ var LoginForm = function LoginForm(_ref) {
|
|
|
40639
40379
|
}));
|
|
40640
40380
|
};
|
|
40641
40381
|
|
|
40642
|
-
var formConfig$
|
|
40382
|
+
var formConfig$5 = {
|
|
40643
40383
|
email: {
|
|
40644
40384
|
validators: [required(), isProbablyEmail()]
|
|
40645
40385
|
},
|
|
@@ -40648,14 +40388,14 @@ var formConfig$6 = {
|
|
|
40648
40388
|
}
|
|
40649
40389
|
};
|
|
40650
40390
|
|
|
40651
|
-
var _createFormState$
|
|
40652
|
-
reducer$
|
|
40653
|
-
mapStateToProps$
|
|
40654
|
-
mapDispatchToProps$
|
|
40391
|
+
var _createFormState$5 = createFormState(formConfig$5),
|
|
40392
|
+
reducer$5 = _createFormState$5.reducer,
|
|
40393
|
+
mapStateToProps$6 = _createFormState$5.mapStateToProps,
|
|
40394
|
+
mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
|
|
40655
40395
|
|
|
40656
|
-
LoginForm.reducer = reducer$
|
|
40657
|
-
LoginForm.mapStateToProps = mapStateToProps$
|
|
40658
|
-
LoginForm.mapDispatchToProps = mapDispatchToProps$
|
|
40396
|
+
LoginForm.reducer = reducer$5;
|
|
40397
|
+
LoginForm.mapStateToProps = mapStateToProps$6;
|
|
40398
|
+
LoginForm.mapDispatchToProps = mapDispatchToProps$5;
|
|
40659
40399
|
|
|
40660
40400
|
/** @license React v16.13.1
|
|
40661
40401
|
* react-is.production.min.js
|
|
@@ -45917,7 +45657,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
45917
45657
|
})));
|
|
45918
45658
|
};
|
|
45919
45659
|
|
|
45920
|
-
var formConfig$
|
|
45660
|
+
var formConfig$6 = {
|
|
45921
45661
|
name: {
|
|
45922
45662
|
validators: [required()]
|
|
45923
45663
|
},
|
|
@@ -45943,14 +45683,14 @@ var formConfig$7 = {
|
|
|
45943
45683
|
}
|
|
45944
45684
|
};
|
|
45945
45685
|
|
|
45946
|
-
var _createFormState$
|
|
45947
|
-
reducer$
|
|
45948
|
-
mapStateToProps$
|
|
45949
|
-
mapDispatchToProps$
|
|
45686
|
+
var _createFormState$6 = createFormState(formConfig$6),
|
|
45687
|
+
reducer$6 = _createFormState$6.reducer,
|
|
45688
|
+
mapStateToProps$7 = _createFormState$6.mapStateToProps,
|
|
45689
|
+
mapDispatchToProps$6 = _createFormState$6.mapDispatchToProps;
|
|
45950
45690
|
|
|
45951
|
-
PaymentFormACH.reducer = reducer$
|
|
45952
|
-
PaymentFormACH.mapStateToProps = mapStateToProps$
|
|
45953
|
-
PaymentFormACH.mapDispatchToProps = mapDispatchToProps$
|
|
45691
|
+
PaymentFormACH.reducer = reducer$6;
|
|
45692
|
+
PaymentFormACH.mapStateToProps = mapStateToProps$7;
|
|
45693
|
+
PaymentFormACH.mapDispatchToProps = mapDispatchToProps$6;
|
|
45954
45694
|
|
|
45955
45695
|
var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
45956
45696
|
var _creditCardNumberErro, _expirationDateErrors, _cvvErrors, _zipCodeErrors;
|
|
@@ -46091,7 +45831,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
46091
45831
|
|
|
46092
45832
|
var PaymentFormCard$1 = withWindowSize(PaymentFormCard);
|
|
46093
45833
|
|
|
46094
|
-
var formConfig$
|
|
45834
|
+
var formConfig$7 = {
|
|
46095
45835
|
country: {
|
|
46096
45836
|
defaultValue: "US",
|
|
46097
45837
|
validators: [required()]
|
|
@@ -46117,14 +45857,14 @@ var formConfig$8 = {
|
|
|
46117
45857
|
}
|
|
46118
45858
|
};
|
|
46119
45859
|
|
|
46120
|
-
var _createFormState$
|
|
46121
|
-
reducer$
|
|
46122
|
-
mapStateToProps$
|
|
46123
|
-
mapDispatchToProps$
|
|
45860
|
+
var _createFormState$7 = createFormState(formConfig$7),
|
|
45861
|
+
reducer$7 = _createFormState$7.reducer,
|
|
45862
|
+
mapStateToProps$8 = _createFormState$7.mapStateToProps,
|
|
45863
|
+
mapDispatchToProps$7 = _createFormState$7.mapDispatchToProps;
|
|
46124
45864
|
|
|
46125
|
-
PaymentFormCard$1.reducer = reducer$
|
|
46126
|
-
PaymentFormCard$1.mapStateToProps = mapStateToProps$
|
|
46127
|
-
PaymentFormCard$1.mapDispatchToProps = mapDispatchToProps$
|
|
45865
|
+
PaymentFormCard$1.reducer = reducer$7;
|
|
45866
|
+
PaymentFormCard$1.mapStateToProps = mapStateToProps$8;
|
|
45867
|
+
PaymentFormCard$1.mapDispatchToProps = mapDispatchToProps$7;
|
|
46128
45868
|
|
|
46129
45869
|
var DashboardIframe = styled.iframe.withConfig({
|
|
46130
45870
|
displayName: "PeriscopeDashboardIframestyled__DashboardIframe",
|
|
@@ -46297,21 +46037,21 @@ var PhoneForm = function PhoneForm(_ref) {
|
|
|
46297
46037
|
})));
|
|
46298
46038
|
};
|
|
46299
46039
|
|
|
46300
|
-
var formConfig$
|
|
46040
|
+
var formConfig$8 = {
|
|
46301
46041
|
phone: {
|
|
46302
46042
|
validators: [required(), hasLength(10, 10)],
|
|
46303
46043
|
constraints: [onlyIntegers(), hasLength(0, 10)]
|
|
46304
46044
|
}
|
|
46305
46045
|
};
|
|
46306
46046
|
|
|
46307
|
-
var _createFormState$
|
|
46308
|
-
reducer$
|
|
46309
|
-
mapStateToProps$
|
|
46310
|
-
mapDispatchToProps$
|
|
46047
|
+
var _createFormState$8 = createFormState(formConfig$8),
|
|
46048
|
+
reducer$8 = _createFormState$8.reducer,
|
|
46049
|
+
mapStateToProps$9 = _createFormState$8.mapStateToProps,
|
|
46050
|
+
mapDispatchToProps$8 = _createFormState$8.mapDispatchToProps;
|
|
46311
46051
|
|
|
46312
|
-
PhoneForm.reducer = reducer$
|
|
46313
|
-
PhoneForm.mapStateToProps = mapStateToProps$
|
|
46314
|
-
PhoneForm.mapDispatchToProps = mapDispatchToProps$
|
|
46052
|
+
PhoneForm.reducer = reducer$8;
|
|
46053
|
+
PhoneForm.mapStateToProps = mapStateToProps$9;
|
|
46054
|
+
PhoneForm.mapDispatchToProps = mapDispatchToProps$8;
|
|
46315
46055
|
|
|
46316
46056
|
var DefaultHeading = styled.div.withConfig({
|
|
46317
46057
|
displayName: "RadioGroup__DefaultHeading",
|
|
@@ -46334,6 +46074,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
46334
46074
|
}, headingText) : _ref$heading,
|
|
46335
46075
|
config = _ref.config,
|
|
46336
46076
|
extraStyles = _ref.extraStyles,
|
|
46077
|
+
_ref$handleChange = _ref.handleChange,
|
|
46078
|
+
handleChange = _ref$handleChange === void 0 ? noop : _ref$handleChange,
|
|
46337
46079
|
field = _ref.field,
|
|
46338
46080
|
fieldActions = _ref.fieldActions;
|
|
46339
46081
|
|
|
@@ -46354,6 +46096,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
46354
46096
|
}, c, {
|
|
46355
46097
|
groupName: groupName,
|
|
46356
46098
|
setValue: setValue,
|
|
46099
|
+
handleChange: handleChange,
|
|
46357
46100
|
"aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors
|
|
46358
46101
|
}));
|
|
46359
46102
|
})));
|
|
@@ -46678,7 +46421,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
46678
46421
|
})));
|
|
46679
46422
|
};
|
|
46680
46423
|
|
|
46681
|
-
var formConfig$
|
|
46424
|
+
var formConfig$9 = {
|
|
46682
46425
|
firstName: {
|
|
46683
46426
|
validators: [required()]
|
|
46684
46427
|
},
|
|
@@ -46696,14 +46439,14 @@ var formConfig$a = {
|
|
|
46696
46439
|
}
|
|
46697
46440
|
};
|
|
46698
46441
|
|
|
46699
|
-
var _createFormState$
|
|
46700
|
-
reducer$
|
|
46701
|
-
mapStateToProps$
|
|
46702
|
-
mapDispatchToProps$
|
|
46442
|
+
var _createFormState$9 = createFormState(formConfig$9),
|
|
46443
|
+
reducer$9 = _createFormState$9.reducer,
|
|
46444
|
+
mapStateToProps$a = _createFormState$9.mapStateToProps,
|
|
46445
|
+
mapDispatchToProps$9 = _createFormState$9.mapDispatchToProps;
|
|
46703
46446
|
|
|
46704
|
-
RegistrationForm.reducer = reducer$
|
|
46705
|
-
RegistrationForm.mapStateToProps = mapStateToProps$
|
|
46706
|
-
RegistrationForm.mapDispatchToProps = mapDispatchToProps$
|
|
46447
|
+
RegistrationForm.reducer = reducer$9;
|
|
46448
|
+
RegistrationForm.mapStateToProps = mapStateToProps$a;
|
|
46449
|
+
RegistrationForm.mapDispatchToProps = mapDispatchToProps$9;
|
|
46707
46450
|
|
|
46708
46451
|
var ResetConfirmationForm = function ResetConfirmationForm() {
|
|
46709
46452
|
var _useContext = useContext(ThemeContext),
|
|
@@ -46810,7 +46553,7 @@ var ResetPasswordForm = function ResetPasswordForm(_ref) {
|
|
|
46810
46553
|
})));
|
|
46811
46554
|
};
|
|
46812
46555
|
|
|
46813
|
-
var formConfig$
|
|
46556
|
+
var formConfig$a = {
|
|
46814
46557
|
password: {
|
|
46815
46558
|
validators: [required(), hasLength(8, 100), hasNumber(), hasLowercaseLetter(), hasUppercaseLetter(), hasSpecialCharacter()]
|
|
46816
46559
|
},
|
|
@@ -46819,14 +46562,14 @@ var formConfig$b = {
|
|
|
46819
46562
|
}
|
|
46820
46563
|
};
|
|
46821
46564
|
|
|
46822
|
-
var _createFormState$
|
|
46823
|
-
reducer$
|
|
46824
|
-
mapStateToProps$
|
|
46825
|
-
mapDispatchToProps$
|
|
46565
|
+
var _createFormState$a = createFormState(formConfig$a),
|
|
46566
|
+
reducer$a = _createFormState$a.reducer,
|
|
46567
|
+
mapStateToProps$b = _createFormState$a.mapStateToProps,
|
|
46568
|
+
mapDispatchToProps$a = _createFormState$a.mapDispatchToProps;
|
|
46826
46569
|
|
|
46827
|
-
ResetPasswordForm.reducer = reducer$
|
|
46828
|
-
ResetPasswordForm.mapStateToProps = mapStateToProps$
|
|
46829
|
-
ResetPasswordForm.mapDispatchToProps = mapDispatchToProps$
|
|
46570
|
+
ResetPasswordForm.reducer = reducer$a;
|
|
46571
|
+
ResetPasswordForm.mapStateToProps = mapStateToProps$b;
|
|
46572
|
+
ResetPasswordForm.mapDispatchToProps = mapDispatchToProps$a;
|
|
46830
46573
|
|
|
46831
46574
|
var ResetConfirmationForm$2 = function ResetConfirmationForm() {
|
|
46832
46575
|
var _useContext = useContext(ThemeContext),
|
|
@@ -47546,5 +47289,5 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
|
47546
47289
|
|
|
47547
47290
|
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$N));
|
|
47548
47291
|
|
|
47549
|
-
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, AutopayOnIcon, BankIcon, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackReversalIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, IconAdd, IconQuitLarge, Imposter, InternalLink,
|
|
47292
|
+
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, AutopayOnIcon, BankIcon, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackReversalIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, IconAdd, IconQuitLarge, Imposter, InternalLink, Jumbo$1 as Jumbo, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentIcon, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, Switcher, TabSidebar$1 as TabSidebar, TableListItem, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
|
|
47550
47293
|
//# sourceMappingURL=index.esm.js.map
|