@pelcro/react-pelcro-js 4.0.0-alpha.66 → 4.0.0-alpha.68

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
@@ -3662,6 +3662,7 @@ var labels$Z = {
3662
3662
  save: "Upload Photo",
3663
3663
  selectImage: "Upload new photo",
3664
3664
  removeImage: "Remove current photo",
3665
+ dateOfBirth: "Date of birth",
3665
3666
  zoom: "Zoom"
3666
3667
  };
3667
3668
  var messages$10 = {
@@ -3687,6 +3688,7 @@ var labels$Y = {
3687
3688
  country: "Country",
3688
3689
  firstName: "First name",
3689
3690
  lastName: "Last name",
3691
+ phone: "Phone Number",
3690
3692
  required: "required",
3691
3693
  isDefault: "Set as your default address"
3692
3694
  };
@@ -12807,6 +12809,7 @@ const SET_FIRST_NAME_ERROR = "SET_FIRST_NAME_ERROR";
12807
12809
  const SET_LAST_NAME_ERROR = "SET_LAST_NAME_ERROR";
12808
12810
  const SET_PHONE_ERROR = "SET_PHONE_ERROR";
12809
12811
  const SET_TEXT_FIELD = "SET_TEXT_FIELD";
12812
+ const SET_DATE_OF_BIRTH = "SET_DATE_OF_BIRTH";
12810
12813
  const SET_MONTH = "SET_MONTH";
12811
12814
  const SET_YEAR = "SET_YEAR";
12812
12815
  const SET_TOKEN = "SET_TOKEN";
@@ -26667,7 +26670,9 @@ const SelectedAddress = ({
26667
26670
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
26668
26671
  }, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
26669
26672
  className: "pelcro-address-country plc-text-sm"
26670
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default['default'].createElement(Button, {
26673
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default['default'].createElement("p", {
26674
+ className: "pelcro-address-phone plc-text-sm"
26675
+ }, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default['default'].createElement(Button, {
26671
26676
  onClick: onAddNewAddress,
26672
26677
  disabled: isLoading,
26673
26678
  variant: "ghost",
@@ -27407,8 +27412,8 @@ function DatePicker({
27407
27412
  }, error));
27408
27413
  }
27409
27414
 
27410
- const nowDate$1 = new Date();
27411
- const dayFromNowDateISO = new Date(new Date().setDate(nowDate$1.getDate() + 1)).toISOString().substr(0, 10);
27415
+ const nowDate$2 = new Date();
27416
+ const dayFromNowDateISO = new Date(new Date().setDate(nowDate$2.getDate() + 1)).toISOString().substr(0, 10);
27412
27417
  const SubscriptionSuspendDate = props => {
27413
27418
  var _props$subscription, _state$suspendDate;
27414
27419
 
@@ -28891,7 +28896,7 @@ function SubscriptionManageMembersModal({
28891
28896
  }
28892
28897
  SubscriptionManageMembersModal.viewId = "manage-members";
28893
28898
 
28894
- var _window$Pelcro$user$r$1, _window$Pelcro$user$r2$1, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
28899
+ var _window$Pelcro$user$r$1, _window$Pelcro$user$r2$1, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6, _window$Pelcro$user$r7, _window$Pelcro$user$r8;
28895
28900
  const initialState$h = {
28896
28901
  email: (_window$Pelcro$user$r$1 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r$1 === void 0 ? void 0 : _window$Pelcro$user$r$1.email,
28897
28902
  emailError: null,
@@ -28902,6 +28907,7 @@ const initialState$h = {
28902
28907
  usernameError: null,
28903
28908
  displayName: (_window$Pelcro$user$r5 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.display_name,
28904
28909
  phone: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.phone,
28910
+ dateOfBirth: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : (_window$Pelcro$user$r8 = _window$Pelcro$user$r7.metadata) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.customer_dob,
28905
28911
  buttonDisabled: false,
28906
28912
  textFields: {},
28907
28913
  alert: {
@@ -28932,26 +28938,29 @@ const UserUpdateContainer = ({
28932
28938
  }, []);
28933
28939
 
28934
28940
  const loadUserDataIntoFields = () => {
28935
- var _window$Pelcro$user$r7, _window$Pelcro$user$r8, _window$Pelcro$user$r9, _window$Pelcro$user$r10, _window$Pelcro$user$r11, _window$Pelcro$user$r12;
28941
+ var _window$Pelcro$user$r9, _window$Pelcro$user$r10, _window$Pelcro$user$r11, _window$Pelcro$user$r12, _window$Pelcro$user$r13, _window$Pelcro$user$r14, _window$Pelcro$user$r15, _window$Pelcro$user$r16;
28936
28942
 
28937
28943
  const fields = [{
28938
28944
  type: SET_EMAIL,
28939
- payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.email
28945
+ payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.email
28940
28946
  }, {
28941
28947
  type: SET_FIRST_NAME,
28942
- payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.first_name
28948
+ payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.first_name
28943
28949
  }, {
28944
28950
  type: SET_LAST_NAME,
28945
- payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.last_name
28951
+ payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.last_name
28946
28952
  }, {
28947
28953
  type: SET_USERNAME,
28948
- payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.username
28954
+ payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.username
28949
28955
  }, {
28950
28956
  type: SET_DISPLAY_NAME,
28951
- payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.display_name
28957
+ payload: (_window$Pelcro$user$r13 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r13 === void 0 ? void 0 : _window$Pelcro$user$r13.display_name
28952
28958
  }, {
28953
28959
  type: SET_PHONE,
28954
- payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.phone
28960
+ payload: (_window$Pelcro$user$r14 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r14 === void 0 ? void 0 : _window$Pelcro$user$r14.phone
28961
+ }, {
28962
+ type: SET_DATE_OF_BIRTH,
28963
+ payload: (_window$Pelcro$user$r15 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r15 === void 0 ? void 0 : (_window$Pelcro$user$r16 = _window$Pelcro$user$r15.metadata) === null || _window$Pelcro$user$r16 === void 0 ? void 0 : _window$Pelcro$user$r16.customer_dob
28955
28964
  }];
28956
28965
  fields.filter(field => Boolean(field.payload)).forEach(field => {
28957
28966
  dispatch(field);
@@ -28966,7 +28975,8 @@ const UserUpdateContainer = ({
28966
28975
  phone,
28967
28976
  tin,
28968
28977
  textFields,
28969
- displayName
28978
+ displayName,
28979
+ dateOfBirth
28970
28980
  }, dispatch) => {
28971
28981
  window.Pelcro.user.update({
28972
28982
  auth_token: window.Pelcro.user.read().auth_token,
@@ -28980,6 +28990,7 @@ const UserUpdateContainer = ({
28980
28990
  phone: phone,
28981
28991
  metadata: {
28982
28992
  updated: "updated",
28993
+ customer_dob: dateOfBirth,
28983
28994
  ...textFields
28984
28995
  }
28985
28996
  }, (err, res) => {
@@ -29061,6 +29072,11 @@ const UserUpdateContainer = ({
29061
29072
  phone: action.payload
29062
29073
  });
29063
29074
 
29075
+ case SET_DATE_OF_BIRTH:
29076
+ return lib_7({ ...state,
29077
+ dateOfBirth: action.payload
29078
+ });
29079
+
29064
29080
  case SHOW_ALERT:
29065
29081
  return lib_7({ ...state,
29066
29082
  alert: action.payload
@@ -29398,14 +29414,47 @@ const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].cr
29398
29414
  store: store$h
29399
29415
  }, props));
29400
29416
 
29417
+ const nowDate$1 = new Date();
29418
+ const nowDateISO$1 = nowDate$1.toISOString().substr(0, 10);
29419
+ const hundredYearsFromNowDateISO = new Date(new Date().setFullYear(nowDate$1.getFullYear() - 100)).toISOString().substr(0, 10);
29420
+ const UserUpdateDateOfBirth = props => {
29421
+ var _state$dateOfBirth;
29422
+
29423
+ // const { t } = useTranslation("userEdit");
29424
+ const {
29425
+ dispatch,
29426
+ state
29427
+ } = React.useContext(store$h);
29428
+
29429
+ const handleInputChange = value => {
29430
+ dispatch({
29431
+ type: SET_DATE_OF_BIRTH,
29432
+ payload: value
29433
+ });
29434
+ };
29435
+
29436
+ if (state.loading) {
29437
+ return /*#__PURE__*/React__default['default'].createElement(Loader, null);
29438
+ }
29439
+
29440
+ return /*#__PURE__*/React__default['default'].createElement(DatePicker, Object.assign({
29441
+ min: hundredYearsFromNowDateISO,
29442
+ max: nowDateISO$1,
29443
+ value: (_state$dateOfBirth = state.dateOfBirth) !== null && _state$dateOfBirth !== void 0 ? _state$dateOfBirth : nowDateISO$1,
29444
+ onChange: e => handleInputChange(e.target.value) // tooltipText={t("labels.dateOfBirth")}
29445
+
29446
+ }, props));
29447
+ };
29448
+
29401
29449
  const UserUpdateView = props => {
29402
- var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
29450
+ var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett, _window$Pelcro2, _window$Pelcro2$uiSet;
29403
29451
 
29404
29452
  const {
29405
29453
  t
29406
29454
  } = useTranslation("userEdit");
29407
29455
  const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
29408
29456
  const showUsernameInput = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableLoginWithUsername;
29457
+ const showDateOfBirth = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$uiSet = _window$Pelcro2.uiSettings) === null || _window$Pelcro2$uiSet === void 0 ? void 0 : _window$Pelcro2$uiSet.enableDateOfBirth;
29409
29458
  return /*#__PURE__*/React__default['default'].createElement("div", {
29410
29459
  id: "pelcro-user-update-view"
29411
29460
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -29446,6 +29495,13 @@ const UserUpdateView = props => {
29446
29495
  errorId: "pelcro-input-phone-error",
29447
29496
  label: t("labels.phone"),
29448
29497
  required: supportsTap ? true : false
29498
+ })), showDateOfBirth && /*#__PURE__*/React__default['default'].createElement("div", {
29499
+ className: "plc-flex plc-items-start"
29500
+ }, /*#__PURE__*/React__default['default'].createElement(UserUpdateDateOfBirth, {
29501
+ id: "pelcro-input-date-of-birth",
29502
+ autoComplete: "date-of-birth",
29503
+ errorId: "pelcro-input-date-of-birth-error",
29504
+ label: t("labels.dateOfBirth")
29449
29505
  })), /*#__PURE__*/React__default['default'].createElement(UserUpdateButton, {
29450
29506
  role: "submit",
29451
29507
  className: "plc-w-full plc-mt-2",
@@ -29514,6 +29570,8 @@ const initialState$g = {
29514
29570
  isCountryLoading: false,
29515
29571
  postalCode: "",
29516
29572
  postalCodeError: "",
29573
+ phone: "",
29574
+ phoneError: "",
29517
29575
  states: [],
29518
29576
  countries: [],
29519
29577
  isDefault: false,
@@ -29600,6 +29658,7 @@ const AddressCreateContainer = ({
29600
29658
  state,
29601
29659
  country,
29602
29660
  postalCode,
29661
+ phone,
29603
29662
  isDefault
29604
29663
  }, dispatch) => {
29605
29664
  window.Pelcro.address.create({
@@ -29613,6 +29672,7 @@ const AddressCreateContainer = ({
29613
29672
  state: state,
29614
29673
  country: country,
29615
29674
  postal_code: postalCode,
29675
+ phone: phone,
29616
29676
  is_default: isDefault
29617
29677
  }, (err, res) => {
29618
29678
  if (err) {
@@ -30211,6 +30271,43 @@ const AddressCreateSetDefault = props => {
30211
30271
  }, props.label);
30212
30272
  };
30213
30273
 
30274
+ function AddressCreatePhone(props) {
30275
+ const {
30276
+ dispatch,
30277
+ state: {
30278
+ phone,
30279
+ phoneError
30280
+ }
30281
+ } = React.useContext(store$g);
30282
+
30283
+ const handleInputChange = value => {
30284
+ dispatch({
30285
+ type: SET_TEXT_FIELD,
30286
+ payload: {
30287
+ phone: value
30288
+ }
30289
+ });
30290
+ };
30291
+
30292
+ const handleFocus = () => {
30293
+ dispatch({
30294
+ type: RESET_FIELD_ERROR,
30295
+ payload: "phoneError"
30296
+ });
30297
+ };
30298
+
30299
+ return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
30300
+ type: "tel",
30301
+ autoComplete: "phone",
30302
+ minLength: "5",
30303
+ maxLength: "20",
30304
+ value: phone,
30305
+ error: phoneError,
30306
+ onChange: e => handleInputChange(e.target.value),
30307
+ onFocus: handleFocus
30308
+ }, props));
30309
+ }
30310
+
30214
30311
  const AddressCreateView = props => {
30215
30312
  const {
30216
30313
  t
@@ -30259,6 +30356,12 @@ const AddressCreateView = props => {
30259
30356
  id: "pelcro-input-postal-code",
30260
30357
  errorId: "pelcro-input-postal-code-error",
30261
30358
  label: t("labels.code")
30359
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
30360
+ className: "plc-flex plc-space-x-3 plc-items-start"
30361
+ }, /*#__PURE__*/React__default['default'].createElement(AddressCreatePhone, {
30362
+ id: "pelcro-input-phone",
30363
+ errorId: "pelcro-input-phone-error",
30364
+ label: t("labels.phone")
30262
30365
  })), /*#__PURE__*/React__default['default'].createElement("div", {
30263
30366
  className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
30264
30367
  }, /*#__PURE__*/React__default['default'].createElement(AddressCreateSetDefault, {
@@ -30420,6 +30523,8 @@ const initialState$f = {
30420
30523
  isCountryLoading: false,
30421
30524
  postalCode: "",
30422
30525
  postalCodeError: "",
30526
+ phone: "",
30527
+ phoneError: "",
30423
30528
  states: [],
30424
30529
  countries: [],
30425
30530
  isDefault: false,
@@ -30493,6 +30598,7 @@ const AddressUpdateContainer = ({
30493
30598
  state: thisAddress.state,
30494
30599
  country: thisAddress.country,
30495
30600
  postalCode: thisAddress.postal_code,
30601
+ phone: thisAddress.phone,
30496
30602
  isDefault: thisAddress.is_default
30497
30603
  };
30498
30604
  dispatch({
@@ -30512,6 +30618,7 @@ const AddressUpdateContainer = ({
30512
30618
  state,
30513
30619
  country,
30514
30620
  postalCode,
30621
+ phone,
30515
30622
  isDefault
30516
30623
  }, dispatch) => {
30517
30624
  window.Pelcro.address.update({
@@ -30526,6 +30633,7 @@ const AddressUpdateContainer = ({
30526
30633
  state: state,
30527
30634
  country: country,
30528
30635
  postal_code: postalCode,
30636
+ phone: phone,
30529
30637
  is_default: isDefault
30530
30638
  }, (err, res) => {
30531
30639
  dispatch({
@@ -30965,6 +31073,51 @@ function AddressUpdateSetDefault(props) {
30965
31073
  }, props.label);
30966
31074
  }
30967
31075
 
31076
+ function AddressUpdatePhone(props) {
31077
+ const {
31078
+ dispatch,
31079
+ state: {
31080
+ phone,
31081
+ phoneError
31082
+ }
31083
+ } = React.useContext(store$f);
31084
+
31085
+ const handleBlur = () => {
31086
+ return dispatch({
31087
+ type: VALIDATE_FIELD,
31088
+ payload: "phone"
31089
+ });
31090
+ };
31091
+
31092
+ const handleInputChange = value => {
31093
+ dispatch({
31094
+ type: SET_TEXT_FIELD,
31095
+ payload: {
31096
+ phone: value
31097
+ }
31098
+ });
31099
+ };
31100
+
31101
+ const handleFocus = () => {
31102
+ dispatch({
31103
+ type: RESET_FIELD_ERROR,
31104
+ payload: "phoneError"
31105
+ });
31106
+ };
31107
+
31108
+ return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
31109
+ type: "tel",
31110
+ autoComplete: "phone",
31111
+ minLength: "5",
31112
+ maxLength: "20",
31113
+ value: phone,
31114
+ error: phoneError,
31115
+ onChange: e => handleInputChange(e.target.value),
31116
+ onBlur: handleBlur,
31117
+ onFocus: handleFocus
31118
+ }, props));
31119
+ }
31120
+
30968
31121
  const AddressUpdateView = props => {
30969
31122
  const {
30970
31123
  t
@@ -31018,6 +31171,13 @@ const AddressUpdateView = props => {
31018
31171
  errorId: "pelcro-input-postal-code-error",
31019
31172
  label: t("labels.code"),
31020
31173
  required: true
31174
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
31175
+ className: "plc-flex plc-space-x-3 plc-items-start"
31176
+ }, /*#__PURE__*/React__default['default'].createElement(AddressUpdatePhone, {
31177
+ id: "pelcro-input-phone",
31178
+ errorId: "pelcro-input-phone-error",
31179
+ label: t("labels.phone"),
31180
+ required: true
31021
31181
  })), /*#__PURE__*/React__default['default'].createElement("div", {
31022
31182
  className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
31023
31183
  }, /*#__PURE__*/React__default['default'].createElement(AddressUpdateSetDefault, {
@@ -33590,7 +33750,9 @@ const AddressSelectList = ({
33590
33750
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
33591
33751
  }, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
33592
33752
  className: "pelcro-address-country plc-text-sm"
33593
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)))));
33753
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default['default'].createElement("p", {
33754
+ className: "pelcro-address-phone plc-text-sm"
33755
+ }, address === null || address === void 0 ? void 0 : address.phone)))));
33594
33756
  };
33595
33757
 
33596
33758
  const AddressSelectSubmit = ({
@@ -38657,11 +38819,7 @@ const ProfilePicChangeMenu = props => {
38657
38819
  back: {
38658
38820
  target: "profile"
38659
38821
  }
38660
- }, /*#__PURE__*/React__default['default'].createElement(ProfilePicChangeView, {
38661
- onChangeSuccess: () => {
38662
- console.log("Success");
38663
- }
38664
- }));
38822
+ }, /*#__PURE__*/React__default['default'].createElement(ProfilePicChangeView, null));
38665
38823
  };
38666
38824
  ProfilePicChangeMenu.viewId = "profile-picture";
38667
38825
 
@@ -40523,7 +40681,9 @@ const AddressesItems = props => {
40523
40681
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
40524
40682
  }, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
40525
40683
  className: "pelcro-address-country plc-text-sm"
40526
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default['default'].createElement("span", {
40684
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default['default'].createElement("p", {
40685
+ className: "pelcro-address-phone plc-text-sm"
40686
+ }, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default['default'].createElement("span", {
40527
40687
  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
40688
  }, address.type === "shipping" ? t("labels.shipping") : t("labels.billing")), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
40529
40689
  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 +40744,22 @@ const AddressEditMenu = props => {
40584
40744
  };
40585
40745
  AddressEditMenu.viewId = "address-edit";
40586
40746
 
40747
+ const BillingAddressEditMenu = props => {
40748
+ useTranslation("dashboard");
40749
+ return /*#__PURE__*/React__default['default'].createElement(Card, {
40750
+ id: "pelcro-dashboard-profile-menu",
40751
+ className: "plc-max-w-100% md:plc-max-w-60% plc-m-auto" // title={t("labels.profile")}
40752
+ ,
40753
+ title: "Address Edit",
40754
+ back: {
40755
+ target: "addresses"
40756
+ }
40757
+ }, /*#__PURE__*/React__default['default'].createElement(AddressUpdateView, {
40758
+ type: "billing"
40759
+ }));
40760
+ };
40761
+ BillingAddressEditMenu.viewId = "billing-address-edit";
40762
+
40587
40763
  var _path$2;
40588
40764
 
40589
40765
  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 +42152,8 @@ function Dashboard({
41976
42152
  key: 18
41977
42153
  }), /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, {
41978
42154
  key: 19
42155
+ }), /*#__PURE__*/React__default['default'].createElement(BillingAddressEditMenu, {
42156
+ key: 20
41979
42157
  })]
41980
42158
  }, props), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
41981
42159
  title: t("labels.mySettings")
@@ -42702,6 +42880,7 @@ exports.Auth0LoginButton = Auth0LoginButton;
42702
42880
  exports.Badge = Badge;
42703
42881
  exports.BankRedirection = BankRedirection;
42704
42882
  exports.BillingAddressCreateModal = BillingAddressCreateModal;
42883
+ exports.BillingAddressEditMenu = BillingAddressEditMenu;
42705
42884
  exports.BillingAddressSelectModal = BillingAddressSelectModal;
42706
42885
  exports.BillingAddressUpdateModal = BillingAddressUpdateModal;
42707
42886
  exports.Button = Button;
package/dist/index.esm.js CHANGED
@@ -3632,6 +3632,7 @@ var labels$Z = {
3632
3632
  save: "Upload Photo",
3633
3633
  selectImage: "Upload new photo",
3634
3634
  removeImage: "Remove current photo",
3635
+ dateOfBirth: "Date of birth",
3635
3636
  zoom: "Zoom"
3636
3637
  };
3637
3638
  var messages$10 = {
@@ -3657,6 +3658,7 @@ var labels$Y = {
3657
3658
  country: "Country",
3658
3659
  firstName: "First name",
3659
3660
  lastName: "Last name",
3661
+ phone: "Phone Number",
3660
3662
  required: "required",
3661
3663
  isDefault: "Set as your default address"
3662
3664
  };
@@ -12777,6 +12779,7 @@ const SET_FIRST_NAME_ERROR = "SET_FIRST_NAME_ERROR";
12777
12779
  const SET_LAST_NAME_ERROR = "SET_LAST_NAME_ERROR";
12778
12780
  const SET_PHONE_ERROR = "SET_PHONE_ERROR";
12779
12781
  const SET_TEXT_FIELD = "SET_TEXT_FIELD";
12782
+ const SET_DATE_OF_BIRTH = "SET_DATE_OF_BIRTH";
12780
12783
  const SET_MONTH = "SET_MONTH";
12781
12784
  const SET_YEAR = "SET_YEAR";
12782
12785
  const SET_TOKEN = "SET_TOKEN";
@@ -26637,7 +26640,9 @@ const SelectedAddress = ({
26637
26640
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
26638
26641
  }, address.line1), /*#__PURE__*/React__default.createElement("p", {
26639
26642
  className: "pelcro-address-country plc-text-sm"
26640
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default.createElement(Button, {
26643
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default.createElement("p", {
26644
+ className: "pelcro-address-phone plc-text-sm"
26645
+ }, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default.createElement(Button, {
26641
26646
  onClick: onAddNewAddress,
26642
26647
  disabled: isLoading,
26643
26648
  variant: "ghost",
@@ -27377,8 +27382,8 @@ function DatePicker({
27377
27382
  }, error));
27378
27383
  }
27379
27384
 
27380
- const nowDate$1 = new Date();
27381
- const dayFromNowDateISO = new Date(new Date().setDate(nowDate$1.getDate() + 1)).toISOString().substr(0, 10);
27385
+ const nowDate$2 = new Date();
27386
+ const dayFromNowDateISO = new Date(new Date().setDate(nowDate$2.getDate() + 1)).toISOString().substr(0, 10);
27382
27387
  const SubscriptionSuspendDate = props => {
27383
27388
  var _props$subscription, _state$suspendDate;
27384
27389
 
@@ -28861,7 +28866,7 @@ function SubscriptionManageMembersModal({
28861
28866
  }
28862
28867
  SubscriptionManageMembersModal.viewId = "manage-members";
28863
28868
 
28864
- var _window$Pelcro$user$r$1, _window$Pelcro$user$r2$1, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
28869
+ var _window$Pelcro$user$r$1, _window$Pelcro$user$r2$1, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6, _window$Pelcro$user$r7, _window$Pelcro$user$r8;
28865
28870
  const initialState$h = {
28866
28871
  email: (_window$Pelcro$user$r$1 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r$1 === void 0 ? void 0 : _window$Pelcro$user$r$1.email,
28867
28872
  emailError: null,
@@ -28872,6 +28877,7 @@ const initialState$h = {
28872
28877
  usernameError: null,
28873
28878
  displayName: (_window$Pelcro$user$r5 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.display_name,
28874
28879
  phone: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.phone,
28880
+ dateOfBirth: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : (_window$Pelcro$user$r8 = _window$Pelcro$user$r7.metadata) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.customer_dob,
28875
28881
  buttonDisabled: false,
28876
28882
  textFields: {},
28877
28883
  alert: {
@@ -28902,26 +28908,29 @@ const UserUpdateContainer = ({
28902
28908
  }, []);
28903
28909
 
28904
28910
  const loadUserDataIntoFields = () => {
28905
- var _window$Pelcro$user$r7, _window$Pelcro$user$r8, _window$Pelcro$user$r9, _window$Pelcro$user$r10, _window$Pelcro$user$r11, _window$Pelcro$user$r12;
28911
+ var _window$Pelcro$user$r9, _window$Pelcro$user$r10, _window$Pelcro$user$r11, _window$Pelcro$user$r12, _window$Pelcro$user$r13, _window$Pelcro$user$r14, _window$Pelcro$user$r15, _window$Pelcro$user$r16;
28906
28912
 
28907
28913
  const fields = [{
28908
28914
  type: SET_EMAIL,
28909
- payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.email
28915
+ payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.email
28910
28916
  }, {
28911
28917
  type: SET_FIRST_NAME,
28912
- payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.first_name
28918
+ payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.first_name
28913
28919
  }, {
28914
28920
  type: SET_LAST_NAME,
28915
- payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.last_name
28921
+ payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.last_name
28916
28922
  }, {
28917
28923
  type: SET_USERNAME,
28918
- payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.username
28924
+ payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.username
28919
28925
  }, {
28920
28926
  type: SET_DISPLAY_NAME,
28921
- payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.display_name
28927
+ payload: (_window$Pelcro$user$r13 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r13 === void 0 ? void 0 : _window$Pelcro$user$r13.display_name
28922
28928
  }, {
28923
28929
  type: SET_PHONE,
28924
- payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.phone
28930
+ payload: (_window$Pelcro$user$r14 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r14 === void 0 ? void 0 : _window$Pelcro$user$r14.phone
28931
+ }, {
28932
+ type: SET_DATE_OF_BIRTH,
28933
+ payload: (_window$Pelcro$user$r15 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r15 === void 0 ? void 0 : (_window$Pelcro$user$r16 = _window$Pelcro$user$r15.metadata) === null || _window$Pelcro$user$r16 === void 0 ? void 0 : _window$Pelcro$user$r16.customer_dob
28925
28934
  }];
28926
28935
  fields.filter(field => Boolean(field.payload)).forEach(field => {
28927
28936
  dispatch(field);
@@ -28936,7 +28945,8 @@ const UserUpdateContainer = ({
28936
28945
  phone,
28937
28946
  tin,
28938
28947
  textFields,
28939
- displayName
28948
+ displayName,
28949
+ dateOfBirth
28940
28950
  }, dispatch) => {
28941
28951
  window.Pelcro.user.update({
28942
28952
  auth_token: window.Pelcro.user.read().auth_token,
@@ -28950,6 +28960,7 @@ const UserUpdateContainer = ({
28950
28960
  phone: phone,
28951
28961
  metadata: {
28952
28962
  updated: "updated",
28963
+ customer_dob: dateOfBirth,
28953
28964
  ...textFields
28954
28965
  }
28955
28966
  }, (err, res) => {
@@ -29031,6 +29042,11 @@ const UserUpdateContainer = ({
29031
29042
  phone: action.payload
29032
29043
  });
29033
29044
 
29045
+ case SET_DATE_OF_BIRTH:
29046
+ return lib_7({ ...state,
29047
+ dateOfBirth: action.payload
29048
+ });
29049
+
29034
29050
  case SHOW_ALERT:
29035
29051
  return lib_7({ ...state,
29036
29052
  alert: action.payload
@@ -29368,14 +29384,47 @@ const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement
29368
29384
  store: store$h
29369
29385
  }, props));
29370
29386
 
29387
+ const nowDate$1 = new Date();
29388
+ const nowDateISO$1 = nowDate$1.toISOString().substr(0, 10);
29389
+ const hundredYearsFromNowDateISO = new Date(new Date().setFullYear(nowDate$1.getFullYear() - 100)).toISOString().substr(0, 10);
29390
+ const UserUpdateDateOfBirth = props => {
29391
+ var _state$dateOfBirth;
29392
+
29393
+ // const { t } = useTranslation("userEdit");
29394
+ const {
29395
+ dispatch,
29396
+ state
29397
+ } = useContext(store$h);
29398
+
29399
+ const handleInputChange = value => {
29400
+ dispatch({
29401
+ type: SET_DATE_OF_BIRTH,
29402
+ payload: value
29403
+ });
29404
+ };
29405
+
29406
+ if (state.loading) {
29407
+ return /*#__PURE__*/React__default.createElement(Loader, null);
29408
+ }
29409
+
29410
+ return /*#__PURE__*/React__default.createElement(DatePicker, Object.assign({
29411
+ min: hundredYearsFromNowDateISO,
29412
+ max: nowDateISO$1,
29413
+ value: (_state$dateOfBirth = state.dateOfBirth) !== null && _state$dateOfBirth !== void 0 ? _state$dateOfBirth : nowDateISO$1,
29414
+ onChange: e => handleInputChange(e.target.value) // tooltipText={t("labels.dateOfBirth")}
29415
+
29416
+ }, props));
29417
+ };
29418
+
29371
29419
  const UserUpdateView = props => {
29372
- var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
29420
+ var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett, _window$Pelcro2, _window$Pelcro2$uiSet;
29373
29421
 
29374
29422
  const {
29375
29423
  t
29376
29424
  } = useTranslation("userEdit");
29377
29425
  const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
29378
29426
  const showUsernameInput = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableLoginWithUsername;
29427
+ const showDateOfBirth = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$uiSet = _window$Pelcro2.uiSettings) === null || _window$Pelcro2$uiSet === void 0 ? void 0 : _window$Pelcro2$uiSet.enableDateOfBirth;
29379
29428
  return /*#__PURE__*/React__default.createElement("div", {
29380
29429
  id: "pelcro-user-update-view"
29381
29430
  }, /*#__PURE__*/React__default.createElement("form", {
@@ -29416,6 +29465,13 @@ const UserUpdateView = props => {
29416
29465
  errorId: "pelcro-input-phone-error",
29417
29466
  label: t("labels.phone"),
29418
29467
  required: supportsTap ? true : false
29468
+ })), showDateOfBirth && /*#__PURE__*/React__default.createElement("div", {
29469
+ className: "plc-flex plc-items-start"
29470
+ }, /*#__PURE__*/React__default.createElement(UserUpdateDateOfBirth, {
29471
+ id: "pelcro-input-date-of-birth",
29472
+ autoComplete: "date-of-birth",
29473
+ errorId: "pelcro-input-date-of-birth-error",
29474
+ label: t("labels.dateOfBirth")
29419
29475
  })), /*#__PURE__*/React__default.createElement(UserUpdateButton, {
29420
29476
  role: "submit",
29421
29477
  className: "plc-w-full plc-mt-2",
@@ -29484,6 +29540,8 @@ const initialState$g = {
29484
29540
  isCountryLoading: false,
29485
29541
  postalCode: "",
29486
29542
  postalCodeError: "",
29543
+ phone: "",
29544
+ phoneError: "",
29487
29545
  states: [],
29488
29546
  countries: [],
29489
29547
  isDefault: false,
@@ -29570,6 +29628,7 @@ const AddressCreateContainer = ({
29570
29628
  state,
29571
29629
  country,
29572
29630
  postalCode,
29631
+ phone,
29573
29632
  isDefault
29574
29633
  }, dispatch) => {
29575
29634
  window.Pelcro.address.create({
@@ -29583,6 +29642,7 @@ const AddressCreateContainer = ({
29583
29642
  state: state,
29584
29643
  country: country,
29585
29644
  postal_code: postalCode,
29645
+ phone: phone,
29586
29646
  is_default: isDefault
29587
29647
  }, (err, res) => {
29588
29648
  if (err) {
@@ -30181,6 +30241,43 @@ const AddressCreateSetDefault = props => {
30181
30241
  }, props.label);
30182
30242
  };
30183
30243
 
30244
+ function AddressCreatePhone(props) {
30245
+ const {
30246
+ dispatch,
30247
+ state: {
30248
+ phone,
30249
+ phoneError
30250
+ }
30251
+ } = useContext(store$g);
30252
+
30253
+ const handleInputChange = value => {
30254
+ dispatch({
30255
+ type: SET_TEXT_FIELD,
30256
+ payload: {
30257
+ phone: value
30258
+ }
30259
+ });
30260
+ };
30261
+
30262
+ const handleFocus = () => {
30263
+ dispatch({
30264
+ type: RESET_FIELD_ERROR,
30265
+ payload: "phoneError"
30266
+ });
30267
+ };
30268
+
30269
+ return /*#__PURE__*/React__default.createElement(Input, Object.assign({
30270
+ type: "tel",
30271
+ autoComplete: "phone",
30272
+ minLength: "5",
30273
+ maxLength: "20",
30274
+ value: phone,
30275
+ error: phoneError,
30276
+ onChange: e => handleInputChange(e.target.value),
30277
+ onFocus: handleFocus
30278
+ }, props));
30279
+ }
30280
+
30184
30281
  const AddressCreateView = props => {
30185
30282
  const {
30186
30283
  t
@@ -30229,6 +30326,12 @@ const AddressCreateView = props => {
30229
30326
  id: "pelcro-input-postal-code",
30230
30327
  errorId: "pelcro-input-postal-code-error",
30231
30328
  label: t("labels.code")
30329
+ })), /*#__PURE__*/React__default.createElement("div", {
30330
+ className: "plc-flex plc-space-x-3 plc-items-start"
30331
+ }, /*#__PURE__*/React__default.createElement(AddressCreatePhone, {
30332
+ id: "pelcro-input-phone",
30333
+ errorId: "pelcro-input-phone-error",
30334
+ label: t("labels.phone")
30232
30335
  })), /*#__PURE__*/React__default.createElement("div", {
30233
30336
  className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
30234
30337
  }, /*#__PURE__*/React__default.createElement(AddressCreateSetDefault, {
@@ -30390,6 +30493,8 @@ const initialState$f = {
30390
30493
  isCountryLoading: false,
30391
30494
  postalCode: "",
30392
30495
  postalCodeError: "",
30496
+ phone: "",
30497
+ phoneError: "",
30393
30498
  states: [],
30394
30499
  countries: [],
30395
30500
  isDefault: false,
@@ -30463,6 +30568,7 @@ const AddressUpdateContainer = ({
30463
30568
  state: thisAddress.state,
30464
30569
  country: thisAddress.country,
30465
30570
  postalCode: thisAddress.postal_code,
30571
+ phone: thisAddress.phone,
30466
30572
  isDefault: thisAddress.is_default
30467
30573
  };
30468
30574
  dispatch({
@@ -30482,6 +30588,7 @@ const AddressUpdateContainer = ({
30482
30588
  state,
30483
30589
  country,
30484
30590
  postalCode,
30591
+ phone,
30485
30592
  isDefault
30486
30593
  }, dispatch) => {
30487
30594
  window.Pelcro.address.update({
@@ -30496,6 +30603,7 @@ const AddressUpdateContainer = ({
30496
30603
  state: state,
30497
30604
  country: country,
30498
30605
  postal_code: postalCode,
30606
+ phone: phone,
30499
30607
  is_default: isDefault
30500
30608
  }, (err, res) => {
30501
30609
  dispatch({
@@ -30935,6 +31043,51 @@ function AddressUpdateSetDefault(props) {
30935
31043
  }, props.label);
30936
31044
  }
30937
31045
 
31046
+ function AddressUpdatePhone(props) {
31047
+ const {
31048
+ dispatch,
31049
+ state: {
31050
+ phone,
31051
+ phoneError
31052
+ }
31053
+ } = useContext(store$f);
31054
+
31055
+ const handleBlur = () => {
31056
+ return dispatch({
31057
+ type: VALIDATE_FIELD,
31058
+ payload: "phone"
31059
+ });
31060
+ };
31061
+
31062
+ const handleInputChange = value => {
31063
+ dispatch({
31064
+ type: SET_TEXT_FIELD,
31065
+ payload: {
31066
+ phone: value
31067
+ }
31068
+ });
31069
+ };
31070
+
31071
+ const handleFocus = () => {
31072
+ dispatch({
31073
+ type: RESET_FIELD_ERROR,
31074
+ payload: "phoneError"
31075
+ });
31076
+ };
31077
+
31078
+ return /*#__PURE__*/React__default.createElement(Input, Object.assign({
31079
+ type: "tel",
31080
+ autoComplete: "phone",
31081
+ minLength: "5",
31082
+ maxLength: "20",
31083
+ value: phone,
31084
+ error: phoneError,
31085
+ onChange: e => handleInputChange(e.target.value),
31086
+ onBlur: handleBlur,
31087
+ onFocus: handleFocus
31088
+ }, props));
31089
+ }
31090
+
30938
31091
  const AddressUpdateView = props => {
30939
31092
  const {
30940
31093
  t
@@ -30988,6 +31141,13 @@ const AddressUpdateView = props => {
30988
31141
  errorId: "pelcro-input-postal-code-error",
30989
31142
  label: t("labels.code"),
30990
31143
  required: true
31144
+ })), /*#__PURE__*/React__default.createElement("div", {
31145
+ className: "plc-flex plc-space-x-3 plc-items-start"
31146
+ }, /*#__PURE__*/React__default.createElement(AddressUpdatePhone, {
31147
+ id: "pelcro-input-phone",
31148
+ errorId: "pelcro-input-phone-error",
31149
+ label: t("labels.phone"),
31150
+ required: true
30991
31151
  })), /*#__PURE__*/React__default.createElement("div", {
30992
31152
  className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
30993
31153
  }, /*#__PURE__*/React__default.createElement(AddressUpdateSetDefault, {
@@ -33560,7 +33720,9 @@ const AddressSelectList = ({
33560
33720
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
33561
33721
  }, address.line1), /*#__PURE__*/React__default.createElement("p", {
33562
33722
  className: "pelcro-address-country plc-text-sm"
33563
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)))));
33723
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default.createElement("p", {
33724
+ className: "pelcro-address-phone plc-text-sm"
33725
+ }, address === null || address === void 0 ? void 0 : address.phone)))));
33564
33726
  };
33565
33727
 
33566
33728
  const AddressSelectSubmit = ({
@@ -38627,11 +38789,7 @@ const ProfilePicChangeMenu = props => {
38627
38789
  back: {
38628
38790
  target: "profile"
38629
38791
  }
38630
- }, /*#__PURE__*/React__default.createElement(ProfilePicChangeView, {
38631
- onChangeSuccess: () => {
38632
- console.log("Success");
38633
- }
38634
- }));
38792
+ }, /*#__PURE__*/React__default.createElement(ProfilePicChangeView, null));
38635
38793
  };
38636
38794
  ProfilePicChangeMenu.viewId = "profile-picture";
38637
38795
 
@@ -40493,7 +40651,9 @@ const AddressesItems = props => {
40493
40651
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
40494
40652
  }, address.line1), /*#__PURE__*/React__default.createElement("p", {
40495
40653
  className: "pelcro-address-country plc-text-sm"
40496
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default.createElement("span", {
40654
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), /*#__PURE__*/React__default.createElement("p", {
40655
+ className: "pelcro-address-phone plc-text-sm"
40656
+ }, address === null || address === void 0 ? void 0 : address.phone)), /*#__PURE__*/React__default.createElement("span", {
40497
40657
  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
40658
  }, address.type === "shipping" ? t("labels.shipping") : t("labels.billing")), address.is_default && /*#__PURE__*/React__default.createElement("span", {
40499
40659
  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 +40714,22 @@ const AddressEditMenu = props => {
40554
40714
  };
40555
40715
  AddressEditMenu.viewId = "address-edit";
40556
40716
 
40717
+ const BillingAddressEditMenu = props => {
40718
+ useTranslation("dashboard");
40719
+ return /*#__PURE__*/React__default.createElement(Card, {
40720
+ id: "pelcro-dashboard-profile-menu",
40721
+ className: "plc-max-w-100% md:plc-max-w-60% plc-m-auto" // title={t("labels.profile")}
40722
+ ,
40723
+ title: "Address Edit",
40724
+ back: {
40725
+ target: "addresses"
40726
+ }
40727
+ }, /*#__PURE__*/React__default.createElement(AddressUpdateView, {
40728
+ type: "billing"
40729
+ }));
40730
+ };
40731
+ BillingAddressEditMenu.viewId = "billing-address-edit";
40732
+
40557
40733
  var _path$2;
40558
40734
 
40559
40735
  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 +42122,8 @@ function Dashboard({
41946
42122
  key: 18
41947
42123
  }), /*#__PURE__*/React__default.createElement(InvoicesMenu, {
41948
42124
  key: 19
42125
+ }), /*#__PURE__*/React__default.createElement(BillingAddressEditMenu, {
42126
+ key: 20
41949
42127
  })]
41950
42128
  }, props), /*#__PURE__*/React__default.createElement(DashboardHeading, {
41951
42129
  title: t("labels.mySettings")
@@ -42627,4 +42805,4 @@ const QrCodeModal = ({
42627
42805
  };
42628
42806
  QrCodeModal.viewId = "qrcode";
42629
42807
 
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 };
42808
+ 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 };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "4.0.0-alpha.66",
4
+ "version": "4.0.0-alpha.68",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",