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

package/dist/index.cjs.js

@@ -3662,6 +3662,7 @@ var labels$Z = {
 	save: "Upload Photo",
 	selectImage: "Upload new photo",
 	removeImage: "Remove current photo",
+	dateOfBirth: "Date of birth",
 	zoom: "Zoom"
 };
 var messages$10 = {
@@ -12808,6 +12809,7 @@ const SET_FIRST_NAME_ERROR = "SET_FIRST_NAME_ERROR";
 const SET_LAST_NAME_ERROR = "SET_LAST_NAME_ERROR";
 const SET_PHONE_ERROR = "SET_PHONE_ERROR";
 const SET_TEXT_FIELD = "SET_TEXT_FIELD";
+const SET_DATE_OF_BIRTH = "SET_DATE_OF_BIRTH";
 const SET_MONTH = "SET_MONTH";
 const SET_YEAR = "SET_YEAR";
 const SET_TOKEN = "SET_TOKEN";
@@ -27410,8 +27412,8 @@ function DatePicker({
   }, error));
 }
 
-const nowDate$1 = new Date();
-const dayFromNowDateISO = new Date(new Date().setDate(nowDate$1.getDate() + 1)).toISOString().substr(0, 10);
+const nowDate$2 = new Date();
+const dayFromNowDateISO = new Date(new Date().setDate(nowDate$2.getDate() + 1)).toISOString().substr(0, 10);
 const SubscriptionSuspendDate = props => {
   var _props$subscription, _state$suspendDate;
 
@@ -28894,7 +28896,7 @@ function SubscriptionManageMembersModal({
 }
 SubscriptionManageMembersModal.viewId = "manage-members";
 
-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;
+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;
 const initialState$h = {
   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,
   emailError: null,
@@ -28905,6 +28907,7 @@ const initialState$h = {
   usernameError: null,
   displayName: (_window$Pelcro$user$r5 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.display_name,
   phone: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.phone,
+  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,
   buttonDisabled: false,
   textFields: {},
   alert: {
@@ -28935,26 +28938,29 @@ const UserUpdateContainer = ({
   }, []);
 
   const loadUserDataIntoFields = () => {
-    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;
+    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;
 
     const fields = [{
       type: SET_EMAIL,
-      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.email
+      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.email
     }, {
       type: SET_FIRST_NAME,
-      payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.first_name
+      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.first_name
     }, {
       type: SET_LAST_NAME,
-      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.last_name
+      payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.last_name
     }, {
       type: SET_USERNAME,
-      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.username
+      payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.username
     }, {
       type: SET_DISPLAY_NAME,
-      payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.display_name
+      payload: (_window$Pelcro$user$r13 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r13 === void 0 ? void 0 : _window$Pelcro$user$r13.display_name
     }, {
       type: SET_PHONE,
-      payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.phone
+      payload: (_window$Pelcro$user$r14 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r14 === void 0 ? void 0 : _window$Pelcro$user$r14.phone
+    }, {
+      type: SET_DATE_OF_BIRTH,
+      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
     }];
     fields.filter(field => Boolean(field.payload)).forEach(field => {
       dispatch(field);
@@ -28969,7 +28975,8 @@ const UserUpdateContainer = ({
     phone,
     tin,
     textFields,
-    displayName
+    displayName,
+    dateOfBirth
   }, dispatch) => {
     window.Pelcro.user.update({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -28983,6 +28990,7 @@ const UserUpdateContainer = ({
       phone: phone,
       metadata: {
         updated: "updated",
+        customer_dob: dateOfBirth,
         ...textFields
       }
     }, (err, res) => {
@@ -29064,6 +29072,11 @@ const UserUpdateContainer = ({
           phone: action.payload
         });
 
+      case SET_DATE_OF_BIRTH:
+        return lib_7({ ...state,
+          dateOfBirth: action.payload
+        });
+
       case SHOW_ALERT:
         return lib_7({ ...state,
           alert: action.payload
@@ -29401,14 +29414,47 @@ const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].cr
   store: store$h
 }, props));
 
+const nowDate$1 = new Date();
+const nowDateISO$1 = nowDate$1.toISOString().substr(0, 10);
+const hundredYearsFromNowDateISO = new Date(new Date().setFullYear(nowDate$1.getFullYear() - 100)).toISOString().substr(0, 10);
+const UserUpdateDateOfBirth = props => {
+  var _state$dateOfBirth;
+
+  //   const { t } = useTranslation("userEdit");
+  const {
+    dispatch,
+    state
+  } = React.useContext(store$h);
+
+  const handleInputChange = value => {
+    dispatch({
+      type: SET_DATE_OF_BIRTH,
+      payload: value
+    });
+  };
+
+  if (state.loading) {
+    return /*#__PURE__*/React__default['default'].createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React__default['default'].createElement(DatePicker, Object.assign({
+    min: hundredYearsFromNowDateISO,
+    max: nowDateISO$1,
+    value: (_state$dateOfBirth = state.dateOfBirth) !== null && _state$dateOfBirth !== void 0 ? _state$dateOfBirth : nowDateISO$1,
+    onChange: e => handleInputChange(e.target.value) //   tooltipText={t("labels.dateOfBirth")}
+
+  }, props));
+};
+
 const UserUpdateView = props => {
-  var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
+  var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett, _window$Pelcro2, _window$Pelcro2$uiSet;
 
   const {
     t
   } = useTranslation("userEdit");
   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);
   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;
+  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;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: "pelcro-user-update-view"
   }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -29449,6 +29495,13 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-phone-error",
     label: t("labels.phone"),
     required: supportsTap ? true : false
+  })), showDateOfBirth && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-items-start"
+  }, /*#__PURE__*/React__default['default'].createElement(UserUpdateDateOfBirth, {
+    id: "pelcro-input-date-of-birth",
+    autoComplete: "date-of-birth",
+    errorId: "pelcro-input-date-of-birth-error",
+    label: t("labels.dateOfBirth")
   })), /*#__PURE__*/React__default['default'].createElement(UserUpdateButton, {
     role: "submit",
     className: "plc-w-full plc-mt-2",
@@ -38766,11 +38819,7 @@ const ProfilePicChangeMenu = props => {
     back: {
       target: "profile"
     }
-  }, /*#__PURE__*/React__default['default'].createElement(ProfilePicChangeView, {
-    onChangeSuccess: () => {
-      console.log("Success");
-    }
-  }));
+  }, /*#__PURE__*/React__default['default'].createElement(ProfilePicChangeView, null));
 };
 ProfilePicChangeMenu.viewId = "profile-picture";
 

package/dist/index.esm.js

@@ -3632,6 +3632,7 @@ var labels$Z = {
 	save: "Upload Photo",
 	selectImage: "Upload new photo",
 	removeImage: "Remove current photo",
+	dateOfBirth: "Date of birth",
 	zoom: "Zoom"
 };
 var messages$10 = {
@@ -12778,6 +12779,7 @@ const SET_FIRST_NAME_ERROR = "SET_FIRST_NAME_ERROR";
 const SET_LAST_NAME_ERROR = "SET_LAST_NAME_ERROR";
 const SET_PHONE_ERROR = "SET_PHONE_ERROR";
 const SET_TEXT_FIELD = "SET_TEXT_FIELD";
+const SET_DATE_OF_BIRTH = "SET_DATE_OF_BIRTH";
 const SET_MONTH = "SET_MONTH";
 const SET_YEAR = "SET_YEAR";
 const SET_TOKEN = "SET_TOKEN";
@@ -27380,8 +27382,8 @@ function DatePicker({
   }, error));
 }
 
-const nowDate$1 = new Date();
-const dayFromNowDateISO = new Date(new Date().setDate(nowDate$1.getDate() + 1)).toISOString().substr(0, 10);
+const nowDate$2 = new Date();
+const dayFromNowDateISO = new Date(new Date().setDate(nowDate$2.getDate() + 1)).toISOString().substr(0, 10);
 const SubscriptionSuspendDate = props => {
   var _props$subscription, _state$suspendDate;
 
@@ -28864,7 +28866,7 @@ function SubscriptionManageMembersModal({
 }
 SubscriptionManageMembersModal.viewId = "manage-members";
 
-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;
+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;
 const initialState$h = {
   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,
   emailError: null,
@@ -28875,6 +28877,7 @@ const initialState$h = {
   usernameError: null,
   displayName: (_window$Pelcro$user$r5 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.display_name,
   phone: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.phone,
+  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,
   buttonDisabled: false,
   textFields: {},
   alert: {
@@ -28905,26 +28908,29 @@ const UserUpdateContainer = ({
   }, []);
 
   const loadUserDataIntoFields = () => {
-    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;
+    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;
 
     const fields = [{
       type: SET_EMAIL,
-      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.email
+      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.email
     }, {
       type: SET_FIRST_NAME,
-      payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.first_name
+      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.first_name
     }, {
       type: SET_LAST_NAME,
-      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.last_name
+      payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.last_name
     }, {
       type: SET_USERNAME,
-      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.username
+      payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.username
     }, {
       type: SET_DISPLAY_NAME,
-      payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.display_name
+      payload: (_window$Pelcro$user$r13 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r13 === void 0 ? void 0 : _window$Pelcro$user$r13.display_name
     }, {
       type: SET_PHONE,
-      payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.phone
+      payload: (_window$Pelcro$user$r14 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r14 === void 0 ? void 0 : _window$Pelcro$user$r14.phone
+    }, {
+      type: SET_DATE_OF_BIRTH,
+      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
     }];
     fields.filter(field => Boolean(field.payload)).forEach(field => {
       dispatch(field);
@@ -28939,7 +28945,8 @@ const UserUpdateContainer = ({
     phone,
     tin,
     textFields,
-    displayName
+    displayName,
+    dateOfBirth
   }, dispatch) => {
     window.Pelcro.user.update({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -28953,6 +28960,7 @@ const UserUpdateContainer = ({
       phone: phone,
       metadata: {
         updated: "updated",
+        customer_dob: dateOfBirth,
         ...textFields
       }
     }, (err, res) => {
@@ -29034,6 +29042,11 @@ const UserUpdateContainer = ({
           phone: action.payload
         });
 
+      case SET_DATE_OF_BIRTH:
+        return lib_7({ ...state,
+          dateOfBirth: action.payload
+        });
+
       case SHOW_ALERT:
         return lib_7({ ...state,
           alert: action.payload
@@ -29371,14 +29384,47 @@ const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement
   store: store$h
 }, props));
 
+const nowDate$1 = new Date();
+const nowDateISO$1 = nowDate$1.toISOString().substr(0, 10);
+const hundredYearsFromNowDateISO = new Date(new Date().setFullYear(nowDate$1.getFullYear() - 100)).toISOString().substr(0, 10);
+const UserUpdateDateOfBirth = props => {
+  var _state$dateOfBirth;
+
+  //   const { t } = useTranslation("userEdit");
+  const {
+    dispatch,
+    state
+  } = useContext(store$h);
+
+  const handleInputChange = value => {
+    dispatch({
+      type: SET_DATE_OF_BIRTH,
+      payload: value
+    });
+  };
+
+  if (state.loading) {
+    return /*#__PURE__*/React__default.createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React__default.createElement(DatePicker, Object.assign({
+    min: hundredYearsFromNowDateISO,
+    max: nowDateISO$1,
+    value: (_state$dateOfBirth = state.dateOfBirth) !== null && _state$dateOfBirth !== void 0 ? _state$dateOfBirth : nowDateISO$1,
+    onChange: e => handleInputChange(e.target.value) //   tooltipText={t("labels.dateOfBirth")}
+
+  }, props));
+};
+
 const UserUpdateView = props => {
-  var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
+  var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett, _window$Pelcro2, _window$Pelcro2$uiSet;
 
   const {
     t
   } = useTranslation("userEdit");
   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);
   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;
+  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;
   return /*#__PURE__*/React__default.createElement("div", {
     id: "pelcro-user-update-view"
   }, /*#__PURE__*/React__default.createElement("form", {
@@ -29419,6 +29465,13 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-phone-error",
     label: t("labels.phone"),
     required: supportsTap ? true : false
+  })), showDateOfBirth && /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-items-start"
+  }, /*#__PURE__*/React__default.createElement(UserUpdateDateOfBirth, {
+    id: "pelcro-input-date-of-birth",
+    autoComplete: "date-of-birth",
+    errorId: "pelcro-input-date-of-birth-error",
+    label: t("labels.dateOfBirth")
   })), /*#__PURE__*/React__default.createElement(UserUpdateButton, {
     role: "submit",
     className: "plc-w-full plc-mt-2",
@@ -38736,11 +38789,7 @@ const ProfilePicChangeMenu = props => {
     back: {
       target: "profile"
     }
-  }, /*#__PURE__*/React__default.createElement(ProfilePicChangeView, {
-    onChangeSuccess: () => {
-      console.log("Success");
-    }
-  }));
+  }, /*#__PURE__*/React__default.createElement(ProfilePicChangeView, null));
 };
 ProfilePicChangeMenu.viewId = "profile-picture";
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "4.0.0-alpha.67",
+  "version": "4.0.0-alpha.68",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",