@availity/change-password 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.1](https://github.com/Availity/availity-react/compare/@availity/change-password@0.1.0...@availity/change-password@0.1.1) (2023-07-21)
+
+
+### Bug Fixes
+
+* pass additional args to onError, onHandleSubmit, passes funcs ([5412e5a](https://github.com/Availity/availity-react/commit/5412e5a247e8dc2b37307a4878a5a394f21efeb3))
+
+
+
 # 0.1.0 (2023-07-20)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/change-password",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Easy to use change-password components",
   "keywords": [
     "react",

package/src/ChangePassword.js

@@ -10,6 +10,7 @@ const ChangePassword = ({ resource, schema, conditions, children }) => {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(null);
+  const [submitted, setSubmitted] = useState(false);
 
   const currentPasswordIconRef = useRef(null);
   const newPasswordIconRef = useRef(null);
@@ -28,6 +29,8 @@ const ChangePassword = ({ resource, schema, conditions, children }) => {
         setError,
         success,
         setSuccess,
+        submitted,
+        setSubmitted,
         resource,
         schema,
         conditions,

package/src/ChangePasswordFeedback.js

@@ -5,7 +5,7 @@ import { useChangePasswordContext } from './ChangePassword';
 import './ChangePasswordFeedback.scss';
 
 const ChangePasswordFeedback = () => {
-  const { conditions = [] } = useChangePasswordContext();
+  const { conditions = [], submitted } = useChangePasswordContext();
 
   const { values, touched } = useFormikContext();
   const { currentPassword, newPassword, confirmNewPassword } = values;
@@ -22,6 +22,7 @@ const ChangePasswordFeedback = () => {
             currentPasswordTouched: currentPassword || touched.currentPassword === true,
             newPasswordTouched: newPassword || touched.newPassword === true,
             confirmNewPasswordTouched: confirmNewPassword || touched.confirmNewPassword === true,
+            submitted,
           });
           return (
             <div key={message} className="passwordElement pt-3">

package/src/ChangePasswordForm.js

@@ -36,21 +36,23 @@ const ChangePasswordForm = ({
     setNewPasswordVisible,
     confirmNewPasswordVisible,
     setConfirmNewPasswordVisible,
+    setSubmitted,
   } = useChangePasswordContext();
 
   const handleSubmit = async ({ currentPassword, newPassword }) => {
     setLoading(true);
+    setSubmitted(true);
     try {
       const result = await resource.changePassword({ currentPassword, newPassword });
       setSuccess('Your password was successfully changed');
       if (onHandleSubmit) {
-        await onHandleSubmit({ result });
+        await onHandleSubmit({ result, setSuccess, setError });
       }
       setLoading(false);
     } catch (error) {
       setError('An error occurred changing your password');
       if (onError) {
-        await onError({ error });
+        await onError({ error, setSuccess, setError });
       }
       setLoading(false);
     }

package/stories/change-password.stories.tsx

@@ -36,12 +36,6 @@ class AvChangePasswordApi extends AvApi {
 export const Default: Story = () => {
   const resource = new AvChangePasswordApi();
 
-  const [submitted, setSubmitted] = useState(false);
-
-  const onHandleSubmit = () => {
-    setSubmitted(true);
-  };
-
   const changePasswordSchema = yup.object().shape({
     currentPassword: yup.string().required('Input your current password'),
     newPassword: yup
@@ -83,7 +77,7 @@ export const Default: Story = () => {
   const conditions = [
     {
       message: 'Have 8 to 15 characters',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp(/^.{8,15}$/).test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -94,7 +88,7 @@ export const Default: Story = () => {
     },
     {
       message: 'Have a number',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp(/\d/).test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -105,7 +99,7 @@ export const Default: Story = () => {
     },
     {
       message: 'Have an uppercase letter',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp('[A-Z]').test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -116,7 +110,7 @@ export const Default: Story = () => {
     },
     {
       message: 'Have a lowercase letter',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp('[a-z]').test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -127,7 +121,7 @@ export const Default: Story = () => {
     },
     {
       message: 'Have a special character',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp(/[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~-]/).test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -138,7 +132,7 @@ export const Default: Story = () => {
     },
     {
       message: 'Not contain your user Id',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp(`^((?!${me.userId}).)*$`).test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -149,7 +143,7 @@ export const Default: Story = () => {
     },
     {
       message: 'Not contain spaces',
-      passes: ({ newPassword, newPasswordTouched }) => {
+      passes: ({ newPassword, newPasswordTouched, submitted }) => {
         if (new RegExp('^\\S*$').test(newPassword)) {
           if (newPasswordTouched) return true;
           return null;
@@ -162,7 +156,7 @@ export const Default: Story = () => {
 
   return (
     <ChangePassword resource={resource} schema={changePasswordSchema} conditions={conditions}>
-      <ChangePasswordForm onHandleSubmit={onHandleSubmit} />
+      <ChangePasswordForm />
     </ChangePassword>
   );
 };