@pelcro/react-pelcro-js 3.9.0-beta.1 → 3.9.0-beta.2

package/dist/index.cjs.js

@@ -12319,6 +12319,7 @@ const RegisterButton = ({
 };
 
 function FirstName({
+  initWithUserFirstName = true,
   store,
   ...otherProps
 }) {
@@ -12351,7 +12352,23 @@ function FirstName({
   }, [dispatch, firstName, finishedTyping]);
   React.useEffect(() => {
     handleInputChange(firstName);
-  }, [finishedTyping, firstName, handleInputChange]);
+  }, [finishedTyping, firstName, handleInputChange]); // Initialize first name field with user's first name
+
+  const loadFirstNameIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().first_name);
+  };
+
+  React.useEffect(() => {
+    if (initWithUserFirstName) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadFirstNameIntoField();
+      });
+      loadFirstNameIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
     type: "text",
     error: firstNameError,
@@ -12367,6 +12384,7 @@ const RegisterFirstName = props => /*#__PURE__*/React__default['default'].create
 }, props));
 
 function LastName({
+  initWithUserLastName = true,
   store,
   ...otherProps
 }) {
@@ -12399,7 +12417,23 @@ function LastName({
   }, [dispatch, lastName, finishedTyping]);
   React.useEffect(() => {
     handleInputChange(lastName);
-  }, [finishedTyping, lastName, handleInputChange]);
+  }, [finishedTyping, lastName, handleInputChange]); // Initialize last name field with user's last name
+
+  const loadLastNameIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().last_name);
+  };
+
+  React.useEffect(() => {
+    if (initWithUserLastName) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadLastNameIntoField();
+      });
+      loadLastNameIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
     type: "text",
     error: lastNameError,
@@ -12415,6 +12449,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default['default'].createE
 }, props));
 
 function Phone({
+  initWithUserPhone = true,
   store,
   ...otherProps
 }) {
@@ -12447,7 +12482,23 @@ function Phone({
   }, [dispatch, phone, finishedTyping]);
   React.useEffect(() => {
     handleInputChange(phone);
-  }, [finishedTyping, phone, handleInputChange]);
+  }, [finishedTyping, phone, handleInputChange]); // Initialize phone field with user's phone
+
+  const loadPhoneIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().phone);
+  };
+
+  React.useEffect(() => {
+    if (initWithUserPhone) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadPhoneIntoField();
+      });
+      loadPhoneIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
     type: "tel",
     error: phoneError,

package/dist/index.esm.js

@@ -12289,6 +12289,7 @@ const RegisterButton = ({
 };
 
 function FirstName({
+  initWithUserFirstName = true,
   store,
   ...otherProps
 }) {
@@ -12321,7 +12322,23 @@ function FirstName({
   }, [dispatch, firstName, finishedTyping]);
   useEffect(() => {
     handleInputChange(firstName);
-  }, [finishedTyping, firstName, handleInputChange]);
+  }, [finishedTyping, firstName, handleInputChange]); // Initialize first name field with user's first name
+
+  const loadFirstNameIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().first_name);
+  };
+
+  useEffect(() => {
+    if (initWithUserFirstName) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadFirstNameIntoField();
+      });
+      loadFirstNameIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React__default.createElement(Input, Object.assign({
     type: "text",
     error: firstNameError,
@@ -12337,6 +12354,7 @@ const RegisterFirstName = props => /*#__PURE__*/React__default.createElement(Fir
 }, props));
 
 function LastName({
+  initWithUserLastName = true,
   store,
   ...otherProps
 }) {
@@ -12369,7 +12387,23 @@ function LastName({
   }, [dispatch, lastName, finishedTyping]);
   useEffect(() => {
     handleInputChange(lastName);
-  }, [finishedTyping, lastName, handleInputChange]);
+  }, [finishedTyping, lastName, handleInputChange]); // Initialize last name field with user's last name
+
+  const loadLastNameIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().last_name);
+  };
+
+  useEffect(() => {
+    if (initWithUserLastName) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadLastNameIntoField();
+      });
+      loadLastNameIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React__default.createElement(Input, Object.assign({
     type: "text",
     error: lastNameError,
@@ -12385,6 +12419,7 @@ const RegisterLastName = props => /*#__PURE__*/React__default.createElement(Last
 }, props));
 
 function Phone({
+  initWithUserPhone = true,
   store,
   ...otherProps
 }) {
@@ -12417,7 +12452,23 @@ function Phone({
   }, [dispatch, phone, finishedTyping]);
   useEffect(() => {
     handleInputChange(phone);
-  }, [finishedTyping, phone, handleInputChange]);
+  }, [finishedTyping, phone, handleInputChange]); // Initialize phone field with user's phone
+
+  const loadPhoneIntoField = () => {
+    handleInputChange(window.Pelcro.user.read().phone);
+  };
+
+  useEffect(() => {
+    if (initWithUserPhone) {
+      document.addEventListener("PelcroUserLoaded", () => {
+        loadPhoneIntoField();
+      });
+      loadPhoneIntoField();
+      return () => {
+        document.removeEventListener("PelcroUserLoaded", handleInputChange);
+      };
+    }
+  }, []);
   return /*#__PURE__*/React__default.createElement(Input, Object.assign({
     type: "tel",
     error: phoneError,

package/package.json

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