@pelcro/react-pelcro-js 3.11.0-beta.5 → 3.11.0-beta.6

package/dist/index.cjs.js

@@ -4395,7 +4395,8 @@ var labels$t = {
 	save: "Upload Photo",
 	selectImage: "Upload new photo",
 	removeImage: "Remove current photo",
-	zoom: "Zoom"
+	zoom: "Zoom",
+	tin: "Tax Identification Number"
 };
 var messages$w = {
 	userUpdated: "Thanks! Your profile was updated successfully.",
@@ -4421,7 +4422,8 @@ var labels$s = {
 	save: "Téléverser une photo",
 	selectImage: "Télécharger une nouvelle photo",
 	removeImage: "supprimer la photo actuelle",
-	zoom: "Zoom"
+	zoom: "Zoom",
+	tin: "Numéro d'identification fiscale"
 };
 var messages$v = {
 	userUpdated: "Votre profil a été mis à jour avec succès.",
@@ -4447,7 +4449,8 @@ var labels$r = {
 	save: "사진 업로드",
 	selectImage: "새로운 사진 업로드",
 	removeImage: "기존 사진 제거",
-	zoom: "확대"
+	zoom: "확대",
+	tin: "세금 식별 번호"
 };
 var messages$u = {
 	userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
@@ -10869,6 +10872,7 @@ const SET_LAST_NAME = "SET_LAST_NAME";
 const SET_START_DATE = "SET_START_DATE";
 const SET_GIFT_MESSAGE = "SET_GIFT_MESSAGE";
 const SET_PHONE = "SET_PHONE";
+const SET_TIN = "SET_TIN";
 const GET_COUNTRIES_SUCCESS = "GET_COUNTRIES_SUCCESS";
 const GET_COUNTRIES_FETCH = "GET_COUNTRIES_FETCH";
 const GET_STATES_SUCCESS = "GET_STATES_SUCCESS";
@@ -19462,7 +19466,7 @@ function SubscriptionCreateModal({
 }
 SubscriptionCreateModal.viewId = "subscription-create";
 
-var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
+var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
 const initialState$f = {
   email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
   emailError: null,
@@ -19473,6 +19477,7 @@ const initialState$f = {
   displayName: (_window$Pelcro$user$r4 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r4 === void 0 ? void 0 : _window$Pelcro$user$r4.display_name,
   phone: (_window$Pelcro$user$r5 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.phone,
   phoneError: null,
+  tin: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.tin,
   buttonDisabled: false,
   textFields: {},
   alert: {
@@ -19503,23 +19508,26 @@ const UserUpdateContainer = ({
   }, []);
 
   const loadUserDataIntoFields = () => {
-    var _window$Pelcro$user$r6, _window$Pelcro$user$r7, _window$Pelcro$user$r8, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
+    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;
 
     const fields = [{
       type: SET_EMAIL,
-      payload: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.email
+      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.email
     }, {
       type: SET_FIRST_NAME,
-      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.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
     }, {
       type: SET_LAST_NAME,
-      payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.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
     }, {
       type: SET_DISPLAY_NAME,
-      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.display_name
+      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.display_name
     }, {
       type: SET_PHONE,
-      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.phone
+      payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.phone
+    }, {
+      type: SET_TIN,
+      payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.tin
     }];
     fields.filter(field => Boolean(field.payload)).forEach(field => {
       dispatch(field);
@@ -19531,6 +19539,7 @@ const UserUpdateContainer = ({
     firstName,
     lastName,
     phone,
+    tin,
     textFields,
     displayName
   }, dispatch) => {
@@ -19541,6 +19550,7 @@ const UserUpdateContainer = ({
       last_name: lastName,
       display_name: displayName,
       phone: phone,
+      tin: tin,
       metadata: {
         updated: "updated",
         ...textFields
@@ -19629,6 +19639,11 @@ const UserUpdateContainer = ({
           phoneError: null
         });
 
+      case SET_TIN:
+        return lib_7({ ...state,
+          tin: action.payload
+        });
+
       case SET_PHONE_ERROR:
         return lib_7({ ...state,
           phoneError: action.payload,
@@ -19813,6 +19828,66 @@ const UserUpdateProfilePic = ({
   })));
 };
 
+function Tin({
+  initWithUserTin = true,
+  store,
+  ...otherProps
+}) {
+  useTranslation("common");
+  const {
+    dispatch,
+    state: {
+      tin: stateTin
+    }
+  } = React.useContext(store);
+  const [tin, setTin] = React.useState(stateTin);
+  const [finishedTyping, setFinishedTyping] = React.useState(false);
+  const handleInputChange = React.useCallback(value => {
+    setTin(value);
+
+    if (finishedTyping) {
+      dispatch({
+        type: SET_TIN,
+        payload: tin
+      });
+    }
+  }, [dispatch, tin, finishedTyping]);
+  React.useEffect(() => {
+    handleInputChange(tin);
+  }, [finishedTyping, tin, handleInputChange]); // Initialize tin field with user's tin (Tax Identification Number)
+
+  const loadTinIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().tin);
+    dispatch({
+      type: SET_TIN,
+      payload: window.Pelcro.user.read().tin
+    });
+  };
+
+  React.useEffect(() => {
+    if (initWithUserTin) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadTinIntoField();
+      });
+      loadTinIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
+    type: "text",
+    value: tin,
+    onChange: e => handleInputChange(e.target.value),
+    onBlur: () => setFinishedTyping(true),
+    onFocus: () => setFinishedTyping(false)
+  }, otherProps));
+}
+
+const UserUpdateTin = props => /*#__PURE__*/React__default['default'].createElement(Tin, Object.assign({
+  store: store$f
+}, props));
+
 const UserUpdateView = props => {
   var _window$Pelcro$site$r;
 
@@ -19854,6 +19929,11 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-phone-error",
     label: t("labels.phone"),
     required: supportsTap ? true : false
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-items-start"
+  }, /*#__PURE__*/React__default['default'].createElement(UserUpdateTin, {
+    id: "pelcro-input-tin",
+    label: t("labels.tin")
   })), /*#__PURE__*/React__default['default'].createElement(UserUpdateButton, {
     role: "submit",
     className: "plc-w-full plc-mt-2",
@@ -25755,14 +25835,14 @@ const SubscriptionsItems = ({
       onClick: onRenewClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.renew")), sub.shipments_suspended_until && !isDateBeforeToday(sub.shipments_suspended_until) && sub.shipments_remaining > 0 && /*#__PURE__*/React__default['default'].createElement(Button, {
+    }, t("labels.renew")), sub.shipments_suspended_until && isDateAfterToday(sub.shipments_suspended_until) && sub.shipments_remaining > 0 && /*#__PURE__*/React__default['default'].createElement(Button, {
       variant: "ghost",
       className: "plc-text-blue-400 pelcro-dashboard-sub-suspend-button",
       icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
       onClick: onUnSuspendClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.unsuspend")), (!sub.shipments_suspended_until && sub.shipments_remaining > 0 || sub.shipments_suspended_until && isDateBeforeToday(sub.shipments_suspended_until)) && /*#__PURE__*/React__default['default'].createElement(Button, {
+    }, t("labels.unsuspend")), (!sub.shipments_suspended_until && sub.shipments_remaining > 0 || sub.shipments_suspended_until && !isDateAfterToday(sub.shipments_suspended_until)) && /*#__PURE__*/React__default['default'].createElement(Button, {
       variant: "ghost",
       className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-suspend-button",
       icon: /*#__PURE__*/React__default['default'].createElement(SvgCalendar, null),
@@ -25822,8 +25902,10 @@ function getNonDonationSubs() {
   return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => !sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
 }
 
-function isDateBeforeToday(date) {
-  return new Date(date).getTime() < new Date().getTime();
+function isDateAfterToday(date) {
+  const today = new Date().setHours(0, 0, 0, 0);
+  const newDate = new Date(date).setHours(0, 0, 0, 0);
+  return newDate === today ? true : newDate > today;
 }
 
 /**

package/dist/index.esm.js

@@ -4365,7 +4365,8 @@ var labels$t = {
 	save: "Upload Photo",
 	selectImage: "Upload new photo",
 	removeImage: "Remove current photo",
-	zoom: "Zoom"
+	zoom: "Zoom",
+	tin: "Tax Identification Number"
 };
 var messages$w = {
 	userUpdated: "Thanks! Your profile was updated successfully.",
@@ -4391,7 +4392,8 @@ var labels$s = {
 	save: "Téléverser une photo",
 	selectImage: "Télécharger une nouvelle photo",
 	removeImage: "supprimer la photo actuelle",
-	zoom: "Zoom"
+	zoom: "Zoom",
+	tin: "Numéro d'identification fiscale"
 };
 var messages$v = {
 	userUpdated: "Votre profil a été mis à jour avec succès.",
@@ -4417,7 +4419,8 @@ var labels$r = {
 	save: "사진 업로드",
 	selectImage: "새로운 사진 업로드",
 	removeImage: "기존 사진 제거",
-	zoom: "확대"
+	zoom: "확대",
+	tin: "세금 식별 번호"
 };
 var messages$u = {
 	userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
@@ -10839,6 +10842,7 @@ const SET_LAST_NAME = "SET_LAST_NAME";
 const SET_START_DATE = "SET_START_DATE";
 const SET_GIFT_MESSAGE = "SET_GIFT_MESSAGE";
 const SET_PHONE = "SET_PHONE";
+const SET_TIN = "SET_TIN";
 const GET_COUNTRIES_SUCCESS = "GET_COUNTRIES_SUCCESS";
 const GET_COUNTRIES_FETCH = "GET_COUNTRIES_FETCH";
 const GET_STATES_SUCCESS = "GET_STATES_SUCCESS";
@@ -19432,7 +19436,7 @@ function SubscriptionCreateModal({
 }
 SubscriptionCreateModal.viewId = "subscription-create";
 
-var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
+var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
 const initialState$f = {
   email: (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email,
   emailError: null,
@@ -19443,6 +19447,7 @@ const initialState$f = {
   displayName: (_window$Pelcro$user$r4 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r4 === void 0 ? void 0 : _window$Pelcro$user$r4.display_name,
   phone: (_window$Pelcro$user$r5 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.phone,
   phoneError: null,
+  tin: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.tin,
   buttonDisabled: false,
   textFields: {},
   alert: {
@@ -19473,23 +19478,26 @@ const UserUpdateContainer = ({
   }, []);
 
   const loadUserDataIntoFields = () => {
-    var _window$Pelcro$user$r6, _window$Pelcro$user$r7, _window$Pelcro$user$r8, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
+    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;
 
     const fields = [{
       type: SET_EMAIL,
-      payload: (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.email
+      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.email
     }, {
       type: SET_FIRST_NAME,
-      payload: (_window$Pelcro$user$r7 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.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
     }, {
       type: SET_LAST_NAME,
-      payload: (_window$Pelcro$user$r8 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r8 === void 0 ? void 0 : _window$Pelcro$user$r8.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
     }, {
       type: SET_DISPLAY_NAME,
-      payload: (_window$Pelcro$user$r9 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r9 === void 0 ? void 0 : _window$Pelcro$user$r9.display_name
+      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.display_name
     }, {
       type: SET_PHONE,
-      payload: (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.phone
+      payload: (_window$Pelcro$user$r11 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r11 === void 0 ? void 0 : _window$Pelcro$user$r11.phone
+    }, {
+      type: SET_TIN,
+      payload: (_window$Pelcro$user$r12 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r12 === void 0 ? void 0 : _window$Pelcro$user$r12.tin
     }];
     fields.filter(field => Boolean(field.payload)).forEach(field => {
       dispatch(field);
@@ -19501,6 +19509,7 @@ const UserUpdateContainer = ({
     firstName,
     lastName,
     phone,
+    tin,
     textFields,
     displayName
   }, dispatch) => {
@@ -19511,6 +19520,7 @@ const UserUpdateContainer = ({
       last_name: lastName,
       display_name: displayName,
       phone: phone,
+      tin: tin,
       metadata: {
         updated: "updated",
         ...textFields
@@ -19599,6 +19609,11 @@ const UserUpdateContainer = ({
           phoneError: null
         });
 
+      case SET_TIN:
+        return lib_7({ ...state,
+          tin: action.payload
+        });
+
       case SET_PHONE_ERROR:
         return lib_7({ ...state,
           phoneError: action.payload,
@@ -19783,6 +19798,66 @@ const UserUpdateProfilePic = ({
   })));
 };
 
+function Tin({
+  initWithUserTin = true,
+  store,
+  ...otherProps
+}) {
+  useTranslation("common");
+  const {
+    dispatch,
+    state: {
+      tin: stateTin
+    }
+  } = useContext(store);
+  const [tin, setTin] = useState(stateTin);
+  const [finishedTyping, setFinishedTyping] = useState(false);
+  const handleInputChange = useCallback(value => {
+    setTin(value);
+
+    if (finishedTyping) {
+      dispatch({
+        type: SET_TIN,
+        payload: tin
+      });
+    }
+  }, [dispatch, tin, finishedTyping]);
+  useEffect(() => {
+    handleInputChange(tin);
+  }, [finishedTyping, tin, handleInputChange]); // Initialize tin field with user's tin (Tax Identification Number)
+
+  const loadTinIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().tin);
+    dispatch({
+      type: SET_TIN,
+      payload: window.Pelcro.user.read().tin
+    });
+  };
+
+  useEffect(() => {
+    if (initWithUserTin) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadTinIntoField();
+      });
+      loadTinIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Input, Object.assign({
+    type: "text",
+    value: tin,
+    onChange: e => handleInputChange(e.target.value),
+    onBlur: () => setFinishedTyping(true),
+    onFocus: () => setFinishedTyping(false)
+  }, otherProps));
+}
+
+const UserUpdateTin = props => /*#__PURE__*/React__default.createElement(Tin, Object.assign({
+  store: store$f
+}, props));
+
 const UserUpdateView = props => {
   var _window$Pelcro$site$r;
 
@@ -19824,6 +19899,11 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-phone-error",
     label: t("labels.phone"),
     required: supportsTap ? true : false
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-items-start"
+  }, /*#__PURE__*/React__default.createElement(UserUpdateTin, {
+    id: "pelcro-input-tin",
+    label: t("labels.tin")
   })), /*#__PURE__*/React__default.createElement(UserUpdateButton, {
     role: "submit",
     className: "plc-w-full plc-mt-2",
@@ -25725,14 +25805,14 @@ const SubscriptionsItems = ({
       onClick: onRenewClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.renew")), sub.shipments_suspended_until && !isDateBeforeToday(sub.shipments_suspended_until) && sub.shipments_remaining > 0 && /*#__PURE__*/React__default.createElement(Button, {
+    }, t("labels.renew")), sub.shipments_suspended_until && isDateAfterToday(sub.shipments_suspended_until) && sub.shipments_remaining > 0 && /*#__PURE__*/React__default.createElement(Button, {
       variant: "ghost",
       className: "plc-text-blue-400 pelcro-dashboard-sub-suspend-button",
       icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
       onClick: onUnSuspendClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.unsuspend")), (!sub.shipments_suspended_until && sub.shipments_remaining > 0 || sub.shipments_suspended_until && isDateBeforeToday(sub.shipments_suspended_until)) && /*#__PURE__*/React__default.createElement(Button, {
+    }, t("labels.unsuspend")), (!sub.shipments_suspended_until && sub.shipments_remaining > 0 || sub.shipments_suspended_until && !isDateAfterToday(sub.shipments_suspended_until)) && /*#__PURE__*/React__default.createElement(Button, {
       variant: "ghost",
       className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-suspend-button",
       icon: /*#__PURE__*/React__default.createElement(SvgCalendar, null),
@@ -25792,8 +25872,10 @@ function getNonDonationSubs() {
   return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => !sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
 }
 
-function isDateBeforeToday(date) {
-  return new Date(date).getTime() < new Date().getTime();
+function isDateAfterToday(date) {
+  const today = new Date().setHours(0, 0, 0, 0);
+  const newDate = new Date(date).setHours(0, 0, 0, 0);
+  return newDate === today ? true : newDate > today;
 }
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.11.0-beta.5",
+  "version": "3.11.0-beta.6",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",