@forgerock/login-widget 1.0.0-beta.14 → 1.0.0-beta.16

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.0.0-beta.16](https://github.com/forgerock/forgerock-web-login-framework/compare/v1.0.0-beta.15...v1.0.0-beta.16) (2023-03-30)
+
+
+### Bug Fixes
+
+* **confirm-input:** make confirm input required when password is filled ([0c8325c](https://github.com/forgerock/forgerock-web-login-framework/commit/0c8325cd2e0a9959c3a88b2e4aa8abd6e931456b))
+
+# [1.0.0-beta.15](https://github.com/forgerock/forgerock-web-login-framework/compare/v1.0.0-beta.14...v1.0.0-beta.15) (2023-03-27)
+
+
+### Bug Fixes
+
+* **login-failure:** handle 500 failures within login store ([90fb461](https://github.com/forgerock/forgerock-web-login-framework/commit/90fb461e2598f929e4b418c9794f8b085e433e54))
+
 # [1.0.0-beta.14](https://github.com/forgerock/forgerock-web-login-framework/compare/v1.0.0-beta.13...v1.0.0-beta.14) (2023-03-27)
 
 

package/index.cjs

@@ -16829,6 +16829,7 @@ var tryAgain = "Please try again";
 var twoFactorAuthentication = "Two factor authentication";
 var useValidEmail = "Please use a valid email address.";
 var unrecoverableError = "There was an error in the form submission.";
+var unknownLoginError = "Unknown login failure has occurred.";
 var unknownNetworkError = "Unknown network request failure has occurred.";
 var userName = "Username";
 var usernameRequirements = "Username requirements:";
@@ -16907,6 +16908,7 @@ var fallback = {
 	twoFactorAuthentication: twoFactorAuthentication,
 	useValidEmail: useValidEmail,
 	unrecoverableError: unrecoverableError,
+	unknownLoginError: unknownLoginError,
 	unknownNetworkError: unknownNetworkError,
 	userName: userName,
 	usernameRequirements: usernameRequirements,
@@ -16988,6 +16990,7 @@ const stringsSchema = z
     twoFactorAuthentication: z.string(),
     useValidEmail: z.string(),
     unrecoverableError: z.string(),
+    unknownLoginError: z.string(),
     unknownNetworkError: z.string(),
     userName: z.string(),
     usernameRequirements: z.string(),
@@ -17002,9 +17005,10 @@ stringsSchema.partial();
 stringsSchema.parse(fallback);
 const stringsStore = writable(null);
 /**
- * initialize locale information for Login Widget
- * @param: userLocale - optional locale object to override default locale
- * @returns: a schema which represents the user locale schema
+ * @function initialize - Initialize the locale store
+ * @param {object} userLocale - An object of custom locale strings to merge with the default
+ * @returns {object} - The locale store
+ * @example initialize({ loginHeader: 'Welcome to the login page' });
  */
 function initialize$5(userLocale) {
     if (userLocale) {
@@ -17456,6 +17460,11 @@ function buildStepMetadata(callbackMetadataArray, stageJson, stageName) {
     };
 }
 
+/**
+ * @function initializeJourney - Initializes the journey stack for tracking journey switches
+ * @param {object} initOptions - The initial options to set
+ * @returns {object} - The journey stack store with stack methods
+ */
 function initializeStack(initOptions) {
     const initialValue = initOptions ? [initOptions] : [];
     const { update, set, subscribe } = writable(initialValue);
@@ -17519,6 +17528,11 @@ const journeyStore = writable({
     successful: false,
     response: null,
 });
+/**
+ * @function initialize - Initializes the journey store
+ * @param {object} initOptions - The initial options to set
+ * @returns {object} - The journey store
+ */
 function initialize$4(initOptions) {
     const stack = initializeStack();
     let stepNumber = 0;
@@ -17638,7 +17652,7 @@ function initialize$4(initOptions) {
              *
              * Grab failure message, which may contain encoded HTML
              */
-            const failureMessageStr = htmlDecode(nextStep.payload.message || '');
+            const failureMessageStr = htmlDecode(nextStep.payload.message || 'Unknown login error');
             let restartedStep = null;
             try {
                 /**
@@ -23102,7 +23116,7 @@ function get_each_context$7(ctx, list, i) {
 	return child_ctx;
 }
 
-// (40:0) {#if labelOrder === 'first'}
+// (39:0) {#if labelOrder === 'first'}
 function create_if_block_1$a(ctx) {
 	let label_1;
 	let current;
@@ -23150,7 +23164,7 @@ function create_if_block_1$a(ctx) {
 	};
 }
 
-// (41:2) <Label {key} classes={`${labelClasses}`}>
+// (40:2) <Label {key} classes={`${labelClasses}`}>
 function create_default_slot_1$b(ctx) {
 	let t;
 
@@ -23170,7 +23184,7 @@ function create_default_slot_1$b(ctx) {
 	};
 }
 
-// (55:2) {#each options as option}
+// (54:2) {#each options as option}
 function create_each_block$7(ctx) {
 	let option;
 	let t0_value = /*option*/ ctx[15].text + "";
@@ -23211,7 +23225,7 @@ function create_each_block$7(ctx) {
 	};
 }
 
-// (62:0) {#if labelOrder === 'last'}
+// (61:0) {#if labelOrder === 'last'}
 function create_if_block$g(ctx) {
 	let label_1;
 	let current;
@@ -23264,7 +23278,7 @@ function create_if_block$g(ctx) {
 	};
 }
 
-// (63:2) <Label {key} classes={`${shouldDisplayOption ? labelClasses : 'tw_sr-only'}`}>
+// (62:2) <Label {key} classes={`${shouldDisplayOption ? labelClasses : 'tw_sr-only'}`}>
 function create_default_slot$i(ctx) {
 	let t;
 
@@ -23503,8 +23517,6 @@ function instance$E($$self, $$props, $$invalidate) {
 		// Check if text is same as label
 		$$invalidate(10, shouldDisplayOption = !(label === selectedOption?.text));
 
-		console.log(shouldDisplayOption);
-
 		// Continue with calling onChange parameter
 		onChange(event);
 	}
@@ -27391,8 +27403,8 @@ class Eye_icon extends SvelteComponent {
 
 function create_default_slot_1$8(ctx) {
 	let current;
-	const default_slot_template = /*#slots*/ ctx[14].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[15], null);
+	const default_slot_template = /*#slots*/ ctx[15].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[16], null);
 
 	return {
 		c() {
@@ -27407,15 +27419,15 @@ function create_default_slot_1$8(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 32768)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 65536)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[15],
+						/*$$scope*/ ctx[16],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[15])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[15], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[16])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[16], dirty, null),
 						null
 					);
 				}
@@ -27436,7 +27448,7 @@ function create_default_slot_1$8(ctx) {
 	};
 }
 
-// (59:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
+// (69:4) <EyeIcon classes="tw_password-icon dark:tw_password-icon_dark" visible={isVisible}>
 function create_default_slot$f(ctx) {
 	let t;
 	let current;
@@ -27466,7 +27478,7 @@ function create_default_slot$f(ctx) {
 	};
 }
 
-// (53:2) 
+// (63:2) 
 function create_input_button_slot$1(ctx) {
 	let button;
 	let eyeicon;
@@ -27497,7 +27509,7 @@ function create_input_button_slot$1(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*toggleVisibility*/ ctx[10]);
+				dispose = listen(button, "click", /*toggleVisibility*/ ctx[11]);
 				mounted = true;
 			}
 		},
@@ -27505,7 +27517,7 @@ function create_input_button_slot$1(ctx) {
 			const eyeicon_changes = {};
 			if (dirty & /*isVisible*/ 64) eyeicon_changes.visible = /*isVisible*/ ctx[6];
 
-			if (dirty & /*$$scope*/ 32768) {
+			if (dirty & /*$$scope*/ 65536) {
 				eyeicon_changes.$$scope = { dirty, ctx };
 			}
 
@@ -27533,18 +27545,16 @@ function create_fragment$q(ctx) {
 	let input;
 	let current;
 
-	input = new /*Input*/ ctx[8]({
+	input = new /*Input*/ ctx[9]({
 			props: {
 				forceValidityFailure: /*forceValidityFailure*/ ctx[0],
 				isFirstInvalidInput: false,
 				hasRightIcon: true,
 				key: `${/*key*/ ctx[3]}-confirm`,
 				label: interpolate('confirmPassword', null, 'Confirm Password'),
-				message: /*isInvalid*/ ctx[1]
-				? interpolate('passwordConfirmationError', null, 'Passwords do not match')
-				: undefined,
-				onChange: /*onChangeWrapper*/ ctx[9],
-				isInvalid: /*isInvalid*/ ctx[1],
+				message: /*message*/ ctx[8],
+				onChange: /*onChangeWrapper*/ ctx[10],
+				isInvalid: /*passwordsDoNotMatch*/ ctx[1],
 				isRequired: /*isRequired*/ ctx[2],
 				showMessage: /*showMessage*/ ctx[4],
 				type: /*type*/ ctx[7],
@@ -27571,12 +27581,8 @@ function create_fragment$q(ctx) {
 			const input_changes = {};
 			if (dirty & /*forceValidityFailure*/ 1) input_changes.forceValidityFailure = /*forceValidityFailure*/ ctx[0];
 			if (dirty & /*key*/ 8) input_changes.key = `${/*key*/ ctx[3]}-confirm`;
-
-			if (dirty & /*isInvalid*/ 2) input_changes.message = /*isInvalid*/ ctx[1]
-			? interpolate('passwordConfirmationError', null, 'Passwords do not match')
-			: undefined;
-
-			if (dirty & /*isInvalid*/ 2) input_changes.isInvalid = /*isInvalid*/ ctx[1];
+			if (dirty & /*message*/ 256) input_changes.message = /*message*/ ctx[8];
+			if (dirty & /*passwordsDoNotMatch*/ 2) input_changes.isInvalid = /*passwordsDoNotMatch*/ ctx[1];
 			if (dirty & /*isRequired*/ 4) input_changes.isRequired = /*isRequired*/ ctx[2];
 			if (dirty & /*showMessage*/ 16) input_changes.showMessage = /*showMessage*/ ctx[4];
 			if (dirty & /*type*/ 128) input_changes.type = /*type*/ ctx[7];
@@ -27585,7 +27591,7 @@ function create_fragment$q(ctx) {
 			? /*value*/ ctx[5]
 			: '';
 
-			if (dirty & /*$$scope, isVisible*/ 32832) {
+			if (dirty & /*$$scope, isVisible*/ 65600) {
 				input_changes.$$scope = { dirty, ctx };
 			}
 
@@ -27609,8 +27615,8 @@ function create_fragment$q(ctx) {
 function instance$q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { forceValidityFailure = false } = $$props;
-	let { isInvalid = false } = $$props;
-	let { isRequired = true } = $$props;
+	let { passwordsDoNotMatch = false } = $$props;
+	let { isRequired = false } = $$props;
 	let { key } = $$props;
 	let { onChange } = $$props;
 	let { resetValue } = $$props;
@@ -27620,6 +27626,7 @@ function instance$q($$self, $$props, $$invalidate) {
 	let isVisible = false;
 	let type = 'password';
 	let value;
+	let message = '';
 
 	function onChangeWrapper(event) {
 		$$invalidate(5, value = event.target?.value);
@@ -27638,36 +27645,45 @@ function instance$q($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('forceValidityFailure' in $$props) $$invalidate(0, forceValidityFailure = $$props.forceValidityFailure);
-		if ('isInvalid' in $$props) $$invalidate(1, isInvalid = $$props.isInvalid);
+		if ('passwordsDoNotMatch' in $$props) $$invalidate(1, passwordsDoNotMatch = $$props.passwordsDoNotMatch);
 		if ('isRequired' in $$props) $$invalidate(2, isRequired = $$props.isRequired);
 		if ('key' in $$props) $$invalidate(3, key = $$props.key);
-		if ('onChange' in $$props) $$invalidate(11, onChange = $$props.onChange);
-		if ('resetValue' in $$props) $$invalidate(12, resetValue = $$props.resetValue);
-		if ('style' in $$props) $$invalidate(13, style = $$props.style);
+		if ('onChange' in $$props) $$invalidate(12, onChange = $$props.onChange);
+		if ('resetValue' in $$props) $$invalidate(13, resetValue = $$props.resetValue);
+		if ('style' in $$props) $$invalidate(14, style = $$props.style);
 		if ('showMessage' in $$props) $$invalidate(4, showMessage = $$props.showMessage);
-		if ('$$scope' in $$props) $$invalidate(15, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(16, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*resetValue, onChange, value*/ 6176) {
+		if ($$self.$$.dirty & /*resetValue, onChange, value, passwordsDoNotMatch, isRequired*/ 12326) {
 			{
 				if (resetValue) {
 					$$invalidate(5, value = undefined);
 					onChange(value);
 				}
+
+				if (passwordsDoNotMatch) {
+					$$invalidate(8, message = interpolate('passwordConfirmationError', null, 'Passwords do not match'));
+				} else if (isRequired) {
+					$$invalidate(8, message = interpolate('requiredField', null, 'This field is required'));
+				} else {
+					$$invalidate(8, message = '');
+				}
 			}
 		}
 	};
 
 	return [
 		forceValidityFailure,
-		isInvalid,
+		passwordsDoNotMatch,
 		isRequired,
 		key,
 		showMessage,
 		value,
 		isVisible,
 		type,
+		message,
 		Input,
 		onChangeWrapper,
 		toggleVisibility,
@@ -27685,12 +27701,12 @@ class Confirm_input extends SvelteComponent {
 
 		init(this, options, instance$q, create_fragment$q, safe_not_equal, {
 			forceValidityFailure: 0,
-			isInvalid: 1,
+			passwordsDoNotMatch: 1,
 			isRequired: 2,
 			key: 3,
-			onChange: 11,
-			resetValue: 12,
-			style: 13,
+			onChange: 12,
+			resetValue: 13,
+			style: 14,
 			showMessage: 4
 		});
 	}
@@ -27846,8 +27862,9 @@ function create_if_block$a(ctx) {
 	confirminput = new Confirm_input({
 			props: {
 				forceValidityFailure: /*doPasswordsMatch*/ ctx[9] === false,
-				isInvalid: /*doPasswordsMatch*/ ctx[9] === false,
+				passwordsDoNotMatch: /*doPasswordsMatch*/ ctx[9] === false,
 				key: /*key*/ ctx[0],
+				isRequired: /*value*/ ctx[7].length > 0,
 				onChange: /*confirmInput*/ ctx[15],
 				resetValue: /*resetValue*/ ctx[11],
 				showMessage: /*doPasswordsMatch*/ ctx[9] === false,
@@ -27866,8 +27883,9 @@ function create_if_block$a(ctx) {
 		p(ctx, dirty) {
 			const confirminput_changes = {};
 			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.forceValidityFailure = /*doPasswordsMatch*/ ctx[9] === false;
-			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.isInvalid = /*doPasswordsMatch*/ ctx[9] === false;
+			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.passwordsDoNotMatch = /*doPasswordsMatch*/ ctx[9] === false;
 			if (dirty & /*key*/ 1) confirminput_changes.key = /*key*/ ctx[0];
+			if (dirty & /*value*/ 128) confirminput_changes.isRequired = /*value*/ ctx[7].length > 0;
 			if (dirty & /*resetValue*/ 2048) confirminput_changes.resetValue = /*resetValue*/ ctx[11];
 			if (dirty & /*doPasswordsMatch*/ 512) confirminput_changes.showMessage = /*doPasswordsMatch*/ ctx[9] === false;
 			if (dirty & /*style*/ 16) confirminput_changes.style = /*style*/ ctx[4];