@pelcro/react-pelcro-js 4.0.0-alpha.66 → 4.0.0-alpha.67
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 +133 -3
- package/dist/index.esm.js +133 -4
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -3687,6 +3687,7 @@ var labels$Y = {
|
|
|
3687
3687
|
country: "Country",
|
|
3688
3688
|
firstName: "First name",
|
|
3689
3689
|
lastName: "Last name",
|
|
3690
|
+
phone: "Phone Number",
|
|
3690
3691
|
required: "required",
|
|
3691
3692
|
isDefault: "Set as your default address"
|
|
3692
3693
|
};
|
|
@@ -26667,7 +26668,9 @@ const SelectedAddress = ({
|
|
|
26667
26668
|
className: "pelcro-address-line1 plc-text-sm plc-mt-2"
|
|
26668
26669
|
}, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
|
|
26669
26670
|
className: "pelcro-address-country plc-text-sm"
|
|
26670
|
-
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)
|
|
26671
|
+
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default['default'].createElement("p", {
|
|
26672
|
+
className: "pelcro-address-phone plc-text-sm"
|
|
26673
|
+
}, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
26671
26674
|
onClick: onAddNewAddress,
|
|
26672
26675
|
disabled: isLoading,
|
|
26673
26676
|
variant: "ghost",
|
|
@@ -29514,6 +29517,8 @@ const initialState$g = {
|
|
|
29514
29517
|
isCountryLoading: false,
|
|
29515
29518
|
postalCode: "",
|
|
29516
29519
|
postalCodeError: "",
|
|
29520
|
+
phone: "",
|
|
29521
|
+
phoneError: "",
|
|
29517
29522
|
states: [],
|
|
29518
29523
|
countries: [],
|
|
29519
29524
|
isDefault: false,
|
|
@@ -29600,6 +29605,7 @@ const AddressCreateContainer = ({
|
|
|
29600
29605
|
state,
|
|
29601
29606
|
country,
|
|
29602
29607
|
postalCode,
|
|
29608
|
+
phone,
|
|
29603
29609
|
isDefault
|
|
29604
29610
|
}, dispatch) => {
|
|
29605
29611
|
window.Pelcro.address.create({
|
|
@@ -29613,6 +29619,7 @@ const AddressCreateContainer = ({
|
|
|
29613
29619
|
state: state,
|
|
29614
29620
|
country: country,
|
|
29615
29621
|
postal_code: postalCode,
|
|
29622
|
+
phone: phone,
|
|
29616
29623
|
is_default: isDefault
|
|
29617
29624
|
}, (err, res) => {
|
|
29618
29625
|
if (err) {
|
|
@@ -30211,6 +30218,43 @@ const AddressCreateSetDefault = props => {
|
|
|
30211
30218
|
}, props.label);
|
|
30212
30219
|
};
|
|
30213
30220
|
|
|
30221
|
+
function AddressCreatePhone(props) {
|
|
30222
|
+
const {
|
|
30223
|
+
dispatch,
|
|
30224
|
+
state: {
|
|
30225
|
+
phone,
|
|
30226
|
+
phoneError
|
|
30227
|
+
}
|
|
30228
|
+
} = React.useContext(store$g);
|
|
30229
|
+
|
|
30230
|
+
const handleInputChange = value => {
|
|
30231
|
+
dispatch({
|
|
30232
|
+
type: SET_TEXT_FIELD,
|
|
30233
|
+
payload: {
|
|
30234
|
+
phone: value
|
|
30235
|
+
}
|
|
30236
|
+
});
|
|
30237
|
+
};
|
|
30238
|
+
|
|
30239
|
+
const handleFocus = () => {
|
|
30240
|
+
dispatch({
|
|
30241
|
+
type: RESET_FIELD_ERROR,
|
|
30242
|
+
payload: "phoneError"
|
|
30243
|
+
});
|
|
30244
|
+
};
|
|
30245
|
+
|
|
30246
|
+
return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
|
|
30247
|
+
type: "tel",
|
|
30248
|
+
autoComplete: "phone",
|
|
30249
|
+
minLength: "5",
|
|
30250
|
+
maxLength: "20",
|
|
30251
|
+
value: phone,
|
|
30252
|
+
error: phoneError,
|
|
30253
|
+
onChange: e => handleInputChange(e.target.value),
|
|
30254
|
+
onFocus: handleFocus
|
|
30255
|
+
}, props));
|
|
30256
|
+
}
|
|
30257
|
+
|
|
30214
30258
|
const AddressCreateView = props => {
|
|
30215
30259
|
const {
|
|
30216
30260
|
t
|
|
@@ -30259,6 +30303,12 @@ const AddressCreateView = props => {
|
|
|
30259
30303
|
id: "pelcro-input-postal-code",
|
|
30260
30304
|
errorId: "pelcro-input-postal-code-error",
|
|
30261
30305
|
label: t("labels.code")
|
|
30306
|
+
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
30307
|
+
className: "plc-flex plc-space-x-3 plc-items-start"
|
|
30308
|
+
}, /*#__PURE__*/React__default['default'].createElement(AddressCreatePhone, {
|
|
30309
|
+
id: "pelcro-input-phone",
|
|
30310
|
+
errorId: "pelcro-input-phone-error",
|
|
30311
|
+
label: t("labels.phone")
|
|
30262
30312
|
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
30263
30313
|
className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
|
|
30264
30314
|
}, /*#__PURE__*/React__default['default'].createElement(AddressCreateSetDefault, {
|
|
@@ -30420,6 +30470,8 @@ const initialState$f = {
|
|
|
30420
30470
|
isCountryLoading: false,
|
|
30421
30471
|
postalCode: "",
|
|
30422
30472
|
postalCodeError: "",
|
|
30473
|
+
phone: "",
|
|
30474
|
+
phoneError: "",
|
|
30423
30475
|
states: [],
|
|
30424
30476
|
countries: [],
|
|
30425
30477
|
isDefault: false,
|
|
@@ -30493,6 +30545,7 @@ const AddressUpdateContainer = ({
|
|
|
30493
30545
|
state: thisAddress.state,
|
|
30494
30546
|
country: thisAddress.country,
|
|
30495
30547
|
postalCode: thisAddress.postal_code,
|
|
30548
|
+
phone: thisAddress.phone,
|
|
30496
30549
|
isDefault: thisAddress.is_default
|
|
30497
30550
|
};
|
|
30498
30551
|
dispatch({
|
|
@@ -30512,6 +30565,7 @@ const AddressUpdateContainer = ({
|
|
|
30512
30565
|
state,
|
|
30513
30566
|
country,
|
|
30514
30567
|
postalCode,
|
|
30568
|
+
phone,
|
|
30515
30569
|
isDefault
|
|
30516
30570
|
}, dispatch) => {
|
|
30517
30571
|
window.Pelcro.address.update({
|
|
@@ -30526,6 +30580,7 @@ const AddressUpdateContainer = ({
|
|
|
30526
30580
|
state: state,
|
|
30527
30581
|
country: country,
|
|
30528
30582
|
postal_code: postalCode,
|
|
30583
|
+
phone: phone,
|
|
30529
30584
|
is_default: isDefault
|
|
30530
30585
|
}, (err, res) => {
|
|
30531
30586
|
dispatch({
|
|
@@ -30965,6 +31020,51 @@ function AddressUpdateSetDefault(props) {
|
|
|
30965
31020
|
}, props.label);
|
|
30966
31021
|
}
|
|
30967
31022
|
|
|
31023
|
+
function AddressUpdatePhone(props) {
|
|
31024
|
+
const {
|
|
31025
|
+
dispatch,
|
|
31026
|
+
state: {
|
|
31027
|
+
phone,
|
|
31028
|
+
phoneError
|
|
31029
|
+
}
|
|
31030
|
+
} = React.useContext(store$f);
|
|
31031
|
+
|
|
31032
|
+
const handleBlur = () => {
|
|
31033
|
+
return dispatch({
|
|
31034
|
+
type: VALIDATE_FIELD,
|
|
31035
|
+
payload: "phone"
|
|
31036
|
+
});
|
|
31037
|
+
};
|
|
31038
|
+
|
|
31039
|
+
const handleInputChange = value => {
|
|
31040
|
+
dispatch({
|
|
31041
|
+
type: SET_TEXT_FIELD,
|
|
31042
|
+
payload: {
|
|
31043
|
+
phone: value
|
|
31044
|
+
}
|
|
31045
|
+
});
|
|
31046
|
+
};
|
|
31047
|
+
|
|
31048
|
+
const handleFocus = () => {
|
|
31049
|
+
dispatch({
|
|
31050
|
+
type: RESET_FIELD_ERROR,
|
|
31051
|
+
payload: "phoneError"
|
|
31052
|
+
});
|
|
31053
|
+
};
|
|
31054
|
+
|
|
31055
|
+
return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
|
|
31056
|
+
type: "tel",
|
|
31057
|
+
autoComplete: "phone",
|
|
31058
|
+
minLength: "5",
|
|
31059
|
+
maxLength: "20",
|
|
31060
|
+
value: phone,
|
|
31061
|
+
error: phoneError,
|
|
31062
|
+
onChange: e => handleInputChange(e.target.value),
|
|
31063
|
+
onBlur: handleBlur,
|
|
31064
|
+
onFocus: handleFocus
|
|
31065
|
+
}, props));
|
|
31066
|
+
}
|
|
31067
|
+
|
|
30968
31068
|
const AddressUpdateView = props => {
|
|
30969
31069
|
const {
|
|
30970
31070
|
t
|
|
@@ -31018,6 +31118,13 @@ const AddressUpdateView = props => {
|
|
|
31018
31118
|
errorId: "pelcro-input-postal-code-error",
|
|
31019
31119
|
label: t("labels.code"),
|
|
31020
31120
|
required: true
|
|
31121
|
+
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
31122
|
+
className: "plc-flex plc-space-x-3 plc-items-start"
|
|
31123
|
+
}, /*#__PURE__*/React__default['default'].createElement(AddressUpdatePhone, {
|
|
31124
|
+
id: "pelcro-input-phone",
|
|
31125
|
+
errorId: "pelcro-input-phone-error",
|
|
31126
|
+
label: t("labels.phone"),
|
|
31127
|
+
required: true
|
|
31021
31128
|
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
31022
31129
|
className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
|
|
31023
31130
|
}, /*#__PURE__*/React__default['default'].createElement(AddressUpdateSetDefault, {
|
|
@@ -33590,7 +33697,9 @@ const AddressSelectList = ({
|
|
|
33590
33697
|
className: "pelcro-address-line1 plc-text-sm plc-mt-2"
|
|
33591
33698
|
}, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
|
|
33592
33699
|
className: "pelcro-address-country plc-text-sm"
|
|
33593
|
-
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)
|
|
33700
|
+
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default['default'].createElement("p", {
|
|
33701
|
+
className: "pelcro-address-phone plc-text-sm"
|
|
33702
|
+
}, address === null || address === void 0 ? void 0 : address.phone)))));
|
|
33594
33703
|
};
|
|
33595
33704
|
|
|
33596
33705
|
const AddressSelectSubmit = ({
|
|
@@ -40523,7 +40632,9 @@ const AddressesItems = props => {
|
|
|
40523
40632
|
className: "pelcro-address-line1 plc-text-sm plc-mt-2"
|
|
40524
40633
|
}, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
|
|
40525
40634
|
className: "pelcro-address-country plc-text-sm"
|
|
40526
|
-
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)
|
|
40635
|
+
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default['default'].createElement("p", {
|
|
40636
|
+
className: "pelcro-address-phone plc-text-sm"
|
|
40637
|
+
}, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
40527
40638
|
className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
|
|
40528
40639
|
}, address.type === "shipping" ? t("labels.shipping") : t("labels.billing")), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
40529
40640
|
className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-mr-4 plc-ml-2"
|
|
@@ -40584,6 +40695,22 @@ const AddressEditMenu = props => {
|
|
|
40584
40695
|
};
|
|
40585
40696
|
AddressEditMenu.viewId = "address-edit";
|
|
40586
40697
|
|
|
40698
|
+
const BillingAddressEditMenu = props => {
|
|
40699
|
+
useTranslation("dashboard");
|
|
40700
|
+
return /*#__PURE__*/React__default['default'].createElement(Card, {
|
|
40701
|
+
id: "pelcro-dashboard-profile-menu",
|
|
40702
|
+
className: "plc-max-w-100% md:plc-max-w-60% plc-m-auto" // title={t("labels.profile")}
|
|
40703
|
+
,
|
|
40704
|
+
title: "Address Edit",
|
|
40705
|
+
back: {
|
|
40706
|
+
target: "addresses"
|
|
40707
|
+
}
|
|
40708
|
+
}, /*#__PURE__*/React__default['default'].createElement(AddressUpdateView, {
|
|
40709
|
+
type: "billing"
|
|
40710
|
+
}));
|
|
40711
|
+
};
|
|
40712
|
+
BillingAddressEditMenu.viewId = "billing-address-edit";
|
|
40713
|
+
|
|
40587
40714
|
var _path$2;
|
|
40588
40715
|
|
|
40589
40716
|
function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
@@ -41976,6 +42103,8 @@ function Dashboard({
|
|
|
41976
42103
|
key: 18
|
|
41977
42104
|
}), /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, {
|
|
41978
42105
|
key: 19
|
|
42106
|
+
}), /*#__PURE__*/React__default['default'].createElement(BillingAddressEditMenu, {
|
|
42107
|
+
key: 20
|
|
41979
42108
|
})]
|
|
41980
42109
|
}, props), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
|
|
41981
42110
|
title: t("labels.mySettings")
|
|
@@ -42702,6 +42831,7 @@ exports.Auth0LoginButton = Auth0LoginButton;
|
|
|
42702
42831
|
exports.Badge = Badge;
|
|
42703
42832
|
exports.BankRedirection = BankRedirection;
|
|
42704
42833
|
exports.BillingAddressCreateModal = BillingAddressCreateModal;
|
|
42834
|
+
exports.BillingAddressEditMenu = BillingAddressEditMenu;
|
|
42705
42835
|
exports.BillingAddressSelectModal = BillingAddressSelectModal;
|
|
42706
42836
|
exports.BillingAddressUpdateModal = BillingAddressUpdateModal;
|
|
42707
42837
|
exports.Button = Button;
|
package/dist/index.esm.js
CHANGED
|
@@ -3657,6 +3657,7 @@ var labels$Y = {
|
|
|
3657
3657
|
country: "Country",
|
|
3658
3658
|
firstName: "First name",
|
|
3659
3659
|
lastName: "Last name",
|
|
3660
|
+
phone: "Phone Number",
|
|
3660
3661
|
required: "required",
|
|
3661
3662
|
isDefault: "Set as your default address"
|
|
3662
3663
|
};
|
|
@@ -26637,7 +26638,9 @@ const SelectedAddress = ({
|
|
|
26637
26638
|
className: "pelcro-address-line1 plc-text-sm plc-mt-2"
|
|
26638
26639
|
}, address.line1), /*#__PURE__*/React__default.createElement("p", {
|
|
26639
26640
|
className: "pelcro-address-country plc-text-sm"
|
|
26640
|
-
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)
|
|
26641
|
+
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default.createElement("p", {
|
|
26642
|
+
className: "pelcro-address-phone plc-text-sm"
|
|
26643
|
+
}, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default.createElement(Button, {
|
|
26641
26644
|
onClick: onAddNewAddress,
|
|
26642
26645
|
disabled: isLoading,
|
|
26643
26646
|
variant: "ghost",
|
|
@@ -29484,6 +29487,8 @@ const initialState$g = {
|
|
|
29484
29487
|
isCountryLoading: false,
|
|
29485
29488
|
postalCode: "",
|
|
29486
29489
|
postalCodeError: "",
|
|
29490
|
+
phone: "",
|
|
29491
|
+
phoneError: "",
|
|
29487
29492
|
states: [],
|
|
29488
29493
|
countries: [],
|
|
29489
29494
|
isDefault: false,
|
|
@@ -29570,6 +29575,7 @@ const AddressCreateContainer = ({
|
|
|
29570
29575
|
state,
|
|
29571
29576
|
country,
|
|
29572
29577
|
postalCode,
|
|
29578
|
+
phone,
|
|
29573
29579
|
isDefault
|
|
29574
29580
|
}, dispatch) => {
|
|
29575
29581
|
window.Pelcro.address.create({
|
|
@@ -29583,6 +29589,7 @@ const AddressCreateContainer = ({
|
|
|
29583
29589
|
state: state,
|
|
29584
29590
|
country: country,
|
|
29585
29591
|
postal_code: postalCode,
|
|
29592
|
+
phone: phone,
|
|
29586
29593
|
is_default: isDefault
|
|
29587
29594
|
}, (err, res) => {
|
|
29588
29595
|
if (err) {
|
|
@@ -30181,6 +30188,43 @@ const AddressCreateSetDefault = props => {
|
|
|
30181
30188
|
}, props.label);
|
|
30182
30189
|
};
|
|
30183
30190
|
|
|
30191
|
+
function AddressCreatePhone(props) {
|
|
30192
|
+
const {
|
|
30193
|
+
dispatch,
|
|
30194
|
+
state: {
|
|
30195
|
+
phone,
|
|
30196
|
+
phoneError
|
|
30197
|
+
}
|
|
30198
|
+
} = useContext(store$g);
|
|
30199
|
+
|
|
30200
|
+
const handleInputChange = value => {
|
|
30201
|
+
dispatch({
|
|
30202
|
+
type: SET_TEXT_FIELD,
|
|
30203
|
+
payload: {
|
|
30204
|
+
phone: value
|
|
30205
|
+
}
|
|
30206
|
+
});
|
|
30207
|
+
};
|
|
30208
|
+
|
|
30209
|
+
const handleFocus = () => {
|
|
30210
|
+
dispatch({
|
|
30211
|
+
type: RESET_FIELD_ERROR,
|
|
30212
|
+
payload: "phoneError"
|
|
30213
|
+
});
|
|
30214
|
+
};
|
|
30215
|
+
|
|
30216
|
+
return /*#__PURE__*/React__default.createElement(Input, Object.assign({
|
|
30217
|
+
type: "tel",
|
|
30218
|
+
autoComplete: "phone",
|
|
30219
|
+
minLength: "5",
|
|
30220
|
+
maxLength: "20",
|
|
30221
|
+
value: phone,
|
|
30222
|
+
error: phoneError,
|
|
30223
|
+
onChange: e => handleInputChange(e.target.value),
|
|
30224
|
+
onFocus: handleFocus
|
|
30225
|
+
}, props));
|
|
30226
|
+
}
|
|
30227
|
+
|
|
30184
30228
|
const AddressCreateView = props => {
|
|
30185
30229
|
const {
|
|
30186
30230
|
t
|
|
@@ -30229,6 +30273,12 @@ const AddressCreateView = props => {
|
|
|
30229
30273
|
id: "pelcro-input-postal-code",
|
|
30230
30274
|
errorId: "pelcro-input-postal-code-error",
|
|
30231
30275
|
label: t("labels.code")
|
|
30276
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
30277
|
+
className: "plc-flex plc-space-x-3 plc-items-start"
|
|
30278
|
+
}, /*#__PURE__*/React__default.createElement(AddressCreatePhone, {
|
|
30279
|
+
id: "pelcro-input-phone",
|
|
30280
|
+
errorId: "pelcro-input-phone-error",
|
|
30281
|
+
label: t("labels.phone")
|
|
30232
30282
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
30233
30283
|
className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
|
|
30234
30284
|
}, /*#__PURE__*/React__default.createElement(AddressCreateSetDefault, {
|
|
@@ -30390,6 +30440,8 @@ const initialState$f = {
|
|
|
30390
30440
|
isCountryLoading: false,
|
|
30391
30441
|
postalCode: "",
|
|
30392
30442
|
postalCodeError: "",
|
|
30443
|
+
phone: "",
|
|
30444
|
+
phoneError: "",
|
|
30393
30445
|
states: [],
|
|
30394
30446
|
countries: [],
|
|
30395
30447
|
isDefault: false,
|
|
@@ -30463,6 +30515,7 @@ const AddressUpdateContainer = ({
|
|
|
30463
30515
|
state: thisAddress.state,
|
|
30464
30516
|
country: thisAddress.country,
|
|
30465
30517
|
postalCode: thisAddress.postal_code,
|
|
30518
|
+
phone: thisAddress.phone,
|
|
30466
30519
|
isDefault: thisAddress.is_default
|
|
30467
30520
|
};
|
|
30468
30521
|
dispatch({
|
|
@@ -30482,6 +30535,7 @@ const AddressUpdateContainer = ({
|
|
|
30482
30535
|
state,
|
|
30483
30536
|
country,
|
|
30484
30537
|
postalCode,
|
|
30538
|
+
phone,
|
|
30485
30539
|
isDefault
|
|
30486
30540
|
}, dispatch) => {
|
|
30487
30541
|
window.Pelcro.address.update({
|
|
@@ -30496,6 +30550,7 @@ const AddressUpdateContainer = ({
|
|
|
30496
30550
|
state: state,
|
|
30497
30551
|
country: country,
|
|
30498
30552
|
postal_code: postalCode,
|
|
30553
|
+
phone: phone,
|
|
30499
30554
|
is_default: isDefault
|
|
30500
30555
|
}, (err, res) => {
|
|
30501
30556
|
dispatch({
|
|
@@ -30935,6 +30990,51 @@ function AddressUpdateSetDefault(props) {
|
|
|
30935
30990
|
}, props.label);
|
|
30936
30991
|
}
|
|
30937
30992
|
|
|
30993
|
+
function AddressUpdatePhone(props) {
|
|
30994
|
+
const {
|
|
30995
|
+
dispatch,
|
|
30996
|
+
state: {
|
|
30997
|
+
phone,
|
|
30998
|
+
phoneError
|
|
30999
|
+
}
|
|
31000
|
+
} = useContext(store$f);
|
|
31001
|
+
|
|
31002
|
+
const handleBlur = () => {
|
|
31003
|
+
return dispatch({
|
|
31004
|
+
type: VALIDATE_FIELD,
|
|
31005
|
+
payload: "phone"
|
|
31006
|
+
});
|
|
31007
|
+
};
|
|
31008
|
+
|
|
31009
|
+
const handleInputChange = value => {
|
|
31010
|
+
dispatch({
|
|
31011
|
+
type: SET_TEXT_FIELD,
|
|
31012
|
+
payload: {
|
|
31013
|
+
phone: value
|
|
31014
|
+
}
|
|
31015
|
+
});
|
|
31016
|
+
};
|
|
31017
|
+
|
|
31018
|
+
const handleFocus = () => {
|
|
31019
|
+
dispatch({
|
|
31020
|
+
type: RESET_FIELD_ERROR,
|
|
31021
|
+
payload: "phoneError"
|
|
31022
|
+
});
|
|
31023
|
+
};
|
|
31024
|
+
|
|
31025
|
+
return /*#__PURE__*/React__default.createElement(Input, Object.assign({
|
|
31026
|
+
type: "tel",
|
|
31027
|
+
autoComplete: "phone",
|
|
31028
|
+
minLength: "5",
|
|
31029
|
+
maxLength: "20",
|
|
31030
|
+
value: phone,
|
|
31031
|
+
error: phoneError,
|
|
31032
|
+
onChange: e => handleInputChange(e.target.value),
|
|
31033
|
+
onBlur: handleBlur,
|
|
31034
|
+
onFocus: handleFocus
|
|
31035
|
+
}, props));
|
|
31036
|
+
}
|
|
31037
|
+
|
|
30938
31038
|
const AddressUpdateView = props => {
|
|
30939
31039
|
const {
|
|
30940
31040
|
t
|
|
@@ -30988,6 +31088,13 @@ const AddressUpdateView = props => {
|
|
|
30988
31088
|
errorId: "pelcro-input-postal-code-error",
|
|
30989
31089
|
label: t("labels.code"),
|
|
30990
31090
|
required: true
|
|
31091
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
31092
|
+
className: "plc-flex plc-space-x-3 plc-items-start"
|
|
31093
|
+
}, /*#__PURE__*/React__default.createElement(AddressUpdatePhone, {
|
|
31094
|
+
id: "pelcro-input-phone",
|
|
31095
|
+
errorId: "pelcro-input-phone-error",
|
|
31096
|
+
label: t("labels.phone"),
|
|
31097
|
+
required: true
|
|
30991
31098
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
30992
31099
|
className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
|
|
30993
31100
|
}, /*#__PURE__*/React__default.createElement(AddressUpdateSetDefault, {
|
|
@@ -33560,7 +33667,9 @@ const AddressSelectList = ({
|
|
|
33560
33667
|
className: "pelcro-address-line1 plc-text-sm plc-mt-2"
|
|
33561
33668
|
}, address.line1), /*#__PURE__*/React__default.createElement("p", {
|
|
33562
33669
|
className: "pelcro-address-country plc-text-sm"
|
|
33563
|
-
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)
|
|
33670
|
+
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default.createElement("p", {
|
|
33671
|
+
className: "pelcro-address-phone plc-text-sm"
|
|
33672
|
+
}, address === null || address === void 0 ? void 0 : address.phone)))));
|
|
33564
33673
|
};
|
|
33565
33674
|
|
|
33566
33675
|
const AddressSelectSubmit = ({
|
|
@@ -40493,7 +40602,9 @@ const AddressesItems = props => {
|
|
|
40493
40602
|
className: "pelcro-address-line1 plc-text-sm plc-mt-2"
|
|
40494
40603
|
}, address.line1), /*#__PURE__*/React__default.createElement("p", {
|
|
40495
40604
|
className: "pelcro-address-country plc-text-sm"
|
|
40496
|
-
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)
|
|
40605
|
+
}, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default.createElement("p", {
|
|
40606
|
+
className: "pelcro-address-phone plc-text-sm"
|
|
40607
|
+
}, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default.createElement("span", {
|
|
40497
40608
|
className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
|
|
40498
40609
|
}, address.type === "shipping" ? t("labels.shipping") : t("labels.billing")), address.is_default && /*#__PURE__*/React__default.createElement("span", {
|
|
40499
40610
|
className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-mr-4 plc-ml-2"
|
|
@@ -40554,6 +40665,22 @@ const AddressEditMenu = props => {
|
|
|
40554
40665
|
};
|
|
40555
40666
|
AddressEditMenu.viewId = "address-edit";
|
|
40556
40667
|
|
|
40668
|
+
const BillingAddressEditMenu = props => {
|
|
40669
|
+
useTranslation("dashboard");
|
|
40670
|
+
return /*#__PURE__*/React__default.createElement(Card, {
|
|
40671
|
+
id: "pelcro-dashboard-profile-menu",
|
|
40672
|
+
className: "plc-max-w-100% md:plc-max-w-60% plc-m-auto" // title={t("labels.profile")}
|
|
40673
|
+
,
|
|
40674
|
+
title: "Address Edit",
|
|
40675
|
+
back: {
|
|
40676
|
+
target: "addresses"
|
|
40677
|
+
}
|
|
40678
|
+
}, /*#__PURE__*/React__default.createElement(AddressUpdateView, {
|
|
40679
|
+
type: "billing"
|
|
40680
|
+
}));
|
|
40681
|
+
};
|
|
40682
|
+
BillingAddressEditMenu.viewId = "billing-address-edit";
|
|
40683
|
+
|
|
40557
40684
|
var _path$2;
|
|
40558
40685
|
|
|
40559
40686
|
function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
@@ -41946,6 +42073,8 @@ function Dashboard({
|
|
|
41946
42073
|
key: 18
|
|
41947
42074
|
}), /*#__PURE__*/React__default.createElement(InvoicesMenu, {
|
|
41948
42075
|
key: 19
|
|
42076
|
+
}), /*#__PURE__*/React__default.createElement(BillingAddressEditMenu, {
|
|
42077
|
+
key: 20
|
|
41949
42078
|
})]
|
|
41950
42079
|
}, props), /*#__PURE__*/React__default.createElement(DashboardHeading, {
|
|
41951
42080
|
title: t("labels.mySettings")
|
|
@@ -42627,4 +42756,4 @@ const QrCodeModal = ({
|
|
|
42627
42756
|
};
|
|
42628
42757
|
QrCodeModal.viewId = "qrcode";
|
|
42629
42758
|
|
|
42630
|
-
export { AddNew, AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateMenu, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressEditMenu, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AddressesMenu, AlertWithContext as Alert, Alert as AlertElement, ApplePayButton, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, BillingAddressCreateModal, BillingAddressSelectModal, BillingAddressUpdateModal, Button, Card, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, Dashboard, DashboardAddresses, DashboardContainer, DashboardContent, DashboardDonations, DashboardGifts, DashboardHeading, DashboardInvoices, DashboardLink, DashboardMemberships, DashboardNewsletters, DashboardOpenButton, DashboardOrders, DashboardPasswordChange, DashboardPaymentCards, DashboardProfile, DashboardQRCode, DashboardSavedItems, DashboardSubscriptions, DatePicker, DiscountedPrice, DonationsMenu, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GiftsMenu, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, InvoicesMenu, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MembershipsMenu, MeterModal, MeterView, Modal, ModalBody, ModalFooter, ModalHeader, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, NewslettersMenu, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, OrdersMenu, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeMenu, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCardsMenu, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodCreateContainer, PaymentMethodCreateMenu, PaymentMethodCreateModal, PaymentMethodCreateView, PaymentMethodDeleteContainer, PaymentMethodDeleteList, PaymentMethodDeleteMenu, PaymentMethodDeleteModal, PaymentMethodDeleteSubmit, PaymentMethodDeleteView, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateMenu, PaymentMethodUpdateModal, PaymentMethodUpdateSetDefault, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroModalController, PelcroPaymentRequestButton, ProfileMenu, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeMenu, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QRCodeMenu, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, SavedItemsMenu, Select, SelectModalWithHook as SelectModal, SelectedAddress, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, SubscriptionsMenu, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };
|
|
42759
|
+
export { AddNew, AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateMenu, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressEditMenu, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AddressesMenu, AlertWithContext as Alert, Alert as AlertElement, ApplePayButton, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, BillingAddressCreateModal, BillingAddressEditMenu, BillingAddressSelectModal, BillingAddressUpdateModal, Button, Card, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, Dashboard, DashboardAddresses, DashboardContainer, DashboardContent, DashboardDonations, DashboardGifts, DashboardHeading, DashboardInvoices, DashboardLink, DashboardMemberships, DashboardNewsletters, DashboardOpenButton, DashboardOrders, DashboardPasswordChange, DashboardPaymentCards, DashboardProfile, DashboardQRCode, DashboardSavedItems, DashboardSubscriptions, DatePicker, DiscountedPrice, DonationsMenu, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GiftsMenu, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, InvoicesMenu, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MembershipsMenu, MeterModal, MeterView, Modal, ModalBody, ModalFooter, ModalHeader, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, NewslettersMenu, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, OrdersMenu, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeMenu, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCardsMenu, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodCreateContainer, PaymentMethodCreateMenu, PaymentMethodCreateModal, PaymentMethodCreateView, PaymentMethodDeleteContainer, PaymentMethodDeleteList, PaymentMethodDeleteMenu, PaymentMethodDeleteModal, PaymentMethodDeleteSubmit, PaymentMethodDeleteView, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateMenu, PaymentMethodUpdateModal, PaymentMethodUpdateSetDefault, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroModalController, PelcroPaymentRequestButton, ProfileMenu, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeMenu, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QRCodeMenu, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, SavedItemsMenu, Select, SelectModalWithHook as SelectModal, SelectedAddress, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, SubscriptionsMenu, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };
|