@abgov/jsonforms-components 2.52.6 → 2.54.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import * as runtime from 'react/jsx-runtime';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React, { createContext, useContext, useReducer, useMemo, useEffect, useCallback, useRef, useState, useLayoutEffect } from 'react';
+import React, { useContext, useReducer, useMemo, useEffect, createContext, useCallback, useRef, useState, useLayoutEffect } from 'react';
 import { GoabFormItem, GoabDropdown, GoabDropdownItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabButton, GoabGrid, GoabIconButton, GoabTable, GoabModal, GoabButtonGroup, GoabContainer, GoabDetails, GoabFormStepper, GoabFormStep, GoabPages, GoabBadge, GoabText, GoabFileUploadInput, GoabCircularProgress, GoabSpinner } from '@abgov/react-components';
 import styled from 'styled-components';
 import axios from 'axios';
@@ -3596,6 +3596,7 @@ const Visible = styled.div(_t2$6 || (_t2$6 = _$a`
 const ADD_REGISTER_DATA_ACTION = 'jsonforms/register/data/add';
 const ADD_NO_ANONYMOUS_ACTION = 'jsonforms/register/no_anonymous';
 const ADD_DATALIST_ACTION = 'jsonforms/register/add_datalist_action';
+const ADD_USER_ACTION = 'jsonforms/register/add_user_action';
 const ADD_REGISTER_DATA_ERROR = 'jsonforms/register/add_register_data_error';
 
 var classof$5 = classofRaw$2;
@@ -3715,6 +3716,12 @@ function registerReducer(state, action) {
           nonExistent: action.payload.nonExistent || []
         });
       }
+    case ADD_USER_ACTION:
+      {
+        return Object.assign({}, state, {
+          user: action.payload.user
+        });
+      }
   }
   return state;
 }
@@ -5078,12 +5085,14 @@ const JsonFormRegisterProvider = ({
     registerData: [],
     nonAnonymous: [],
     nonExistent: [],
+    user: defaultRegisters == null ? void 0 : defaultRegisters.user,
     errors: {}
   });
   const context = useMemo(() => {
     return {
       isProvided: true,
       registerDispatch: dispatch,
+      user: registers.user,
       selectRegisterData: criteria => {
         if (criteria != null && criteria.url) {
           var _registers$registerDa;
@@ -5196,6 +5205,14 @@ const JsonFormRegisterProvider = ({
           }
         });
       }
+      if (defaultRegisters != null && defaultRegisters.user) {
+        dispatch({
+          type: ADD_USER_ACTION,
+          payload: {
+            user: defaultRegisters == null ? void 0 : defaultRegisters.user
+          }
+        });
+      }
     }
   }, [dispatch, defaultRegisters]);
   /* The client might use the context outside of the Jsonform to provide custom register data */
@@ -5210,6 +5227,13 @@ const JsonFormRegisterProvider = ({
     children: children
   });
 };
+const useRegisterUser = () => {
+  const ctx = useContext(JsonFormsRegisterContext);
+  if (!ctx) {
+    throw new Error('useRegisterUser must be used inside JsonFormRegisterProvider');
+  }
+  return ctx.user;
+};
 
 let _$9 = t => t,
   _t$a,
@@ -7088,6 +7112,82 @@ function useDebounce(value, delay) {
   return debouncedValue;
 }
 
+const defineFields = fields => fields;
+const autoLabel = name => `${name} (auto from user profile)`;
+const buildInsertText = (key, schema) => `${key}": ${JSON.stringify(schema, null, 2)}`;
+const USER_FIELD_DEFINITIONS = defineFields({
+  fullName: {
+    schema: {
+      type: 'string',
+      minLength: 3,
+      description: 'Please enter your full name'
+    },
+    getValue: user => user == null ? void 0 : user.name
+  },
+  name: {
+    schema: {
+      type: 'string',
+      minLength: 3,
+      description: 'Please enter your full name'
+    },
+    getValue: user => user == null ? void 0 : user.name
+  },
+  firstName: {
+    schema: {
+      type: 'string',
+      minLength: 3,
+      description: 'Please enter your first name'
+    },
+    getValue: user => getNameParts(user).first
+  },
+  lastName: {
+    schema: {
+      type: 'string',
+      minLength: 3,
+      description: 'Please enter your last name'
+    },
+    getValue: user => getNameParts(user).last
+  },
+  userName: {
+    schema: {
+      type: 'string',
+      minLength: 3,
+      description: 'Please enter your username'
+    },
+    getValue: user => (user == null ? void 0 : user.preferredUsername) || (user == null ? void 0 : user.email) || ''
+  },
+  email: {
+    schema: {
+      type: 'string',
+      format: 'email',
+      maxLength: 100,
+      pattern: '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,}$',
+      description: 'Please enter a valid email address (e.g., name@example.com).',
+      errorMessage: {
+        pattern: '(e.g., name@example.com).',
+        maxLength: 'Email must be less than 100 characters.'
+      }
+    },
+    getValue: user => (user == null ? void 0 : user.email) || ''
+  }
+});
+const autoPopulateValue = (user, props) => {
+  const field = USER_FIELD_DEFINITIONS[props.path];
+  if (!field) return undefined;
+  return field.getValue(user);
+};
+Object.entries(USER_FIELD_DEFINITIONS).map(([key, field]) => ({
+  label: autoLabel(key),
+  insertText: buildInsertText(key, field.schema)
+}));
+const getNameParts = user => {
+  const [first = '', last = ''] = ((user == null ? void 0 : user.name) || '').split(' ');
+  return {
+    first,
+    last
+  };
+};
+
 function fetchRegisterConfigFromOptions$1(options) {
   if (!(options != null && options.url) && !(options != null && options.urn)) return undefined;
   const config = Object.assign({}, options);
@@ -7108,7 +7208,13 @@ const formatSin = value => {
   return formatVal;
 };
 const GoAInputText = props => {
-  var _uischema$options$com, _uischema$options, _props$uischema, _props$uischema2, _uischema$options2, _uischema$options3, _uischema$options$com2, _uischema$options4, _uischema$options5, _uischema$options6;
+  return jsxs(JsonFormRegisterProvider, {
+    defaultRegisters: undefined,
+    children: [jsx(InnerGoAInputText, Object.assign({}, props)), ' ']
+  });
+};
+const InnerGoAInputText = props => {
+  var _ref, _ref2, _uischema$options$com, _uischema$options, _props$uischema, _props$uischema2, _uischema$options2, _uischema$options3, _uischema$options$com2, _uischema$options4, _uischema$options5, _uischema$options6;
   const {
     data,
     config,
@@ -7123,11 +7229,20 @@ const GoAInputText = props => {
     isVisited,
     setIsVisited
   } = props;
-  const [localValue, setLocalValue] = useState(data != null ? data : '');
+  const user = useRegisterUser();
+  const initialValue = (_ref = (_ref2 = user && autoPopulateValue(user, props)) != null ? _ref2 : data) != null ? _ref : '';
+  const [localValue, setLocalValue] = useState(initialValue);
   const debouncedValue = useDebounce(localValue, 300);
   useEffect(() => {
-    setLocalValue(data != null ? data : '');
+    setLocalValue(initialValue);
   }, [data]);
+  useEffect(() => {
+    const autoPopulatedValue = schema.default || user && autoPopulateValue(user, props);
+    if (autoPopulatedValue && autoPopulatedValue !== data) {
+      handleChange(props.path, autoPopulatedValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [schema, data, user]);
   /* istanbul ignore next */
   useEffect(() => {
     // Only sync if debouncedValue differs from data and is not initial empty state
@@ -7256,7 +7371,10 @@ const MultiLineText = props => {
   const {
     required
   } = props;
-  const [textAreaValue, _] = React.useState(data);
+  const [textAreaValue, setTextAreaValue] = React.useState(data || '');
+  useEffect(() => {
+    setTextAreaValue(data || '');
+  }, [data]);
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.placeholder) || (schema == null ? void 0 : schema.description) || '';
   const width = (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.width) != null ? _uischema$options$com : '100%';
@@ -8764,7 +8882,7 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
   });
 });
 
-const _excluded$4 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "data", "config"];
+const _excluded$5 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "openDeleteDialog", "visible", "enabled", "cells", "data", "config"];
 const getItemsTitle = schema => {
   const items = schema == null ? void 0 : schema.items;
   if (items && !Array.isArray(items) && typeof items === 'object') {
@@ -9644,7 +9762,7 @@ class ListWithDetailControl extends React.Component {
         data,
         config
       } = _this$props,
-      additionalProps = _objectWithoutPropertiesLoose(_this$props, _excluded$4);
+      additionalProps = _objectWithoutPropertiesLoose(_this$props, _excluded$5);
     const controlElement = uischema;
     // eslint-disable-next-line
     const listTitle = (_ref = (_ref2 = (_ref3 = (_uischema$label = uischema == null ? void 0 : uischema.label) != null ? _uischema$label : uischema == null || (_uischema$options15 = uischema.options) == null ? void 0 : _uischema$options15.title) != null ? _ref3 : getItemsTitle(schema)) != null ? _ref2 : schema == null ? void 0 : schema.title) != null ? _ref : label;
@@ -10024,12 +10142,14 @@ const GoAEmailInput = props => {
     errors,
     schema,
     required,
-    label
+    label,
+    handleChange
   } = props;
   const defaultSchema = schema;
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const readOnly = (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.readOnly) != null ? _uischema$options$com : false;
   const width = (_uischema$options$com2 = uischema == null || (_uischema$options2 = uischema.options) == null || (_uischema$options2 = _uischema$options2.componentProps) == null ? void 0 : _uischema$options2.width) != null ? _uischema$options$com2 : '100%';
+  const user = useRegisterUser();
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
   const currentCategory = stepperState == null || (_stepperState$categor = stepperState.categories) == null ? void 0 : _stepperState$categor[stepperState == null ? void 0 : stepperState.activeId];
@@ -10045,43 +10165,53 @@ const GoAEmailInput = props => {
   const splintIndex = splitErrors.findIndex(e => e === REQUIRED_PROPERTY_ERROR);
   splitErrors[splintIndex] = `${primaryLabel} is required`;
   const finalErrors = splitErrors.join('\n');
+  useEffect(() => {
+    const autoPopulatedValue = schema.default || user && autoPopulateValue(user, props);
+    if (autoPopulatedValue && autoPopulatedValue !== data) {
+      handleChange(props.path, autoPopulatedValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [schema, data, user]);
   return jsx(Visible, {
     visible: visible,
-    children: jsx(FormFieldWrapper, {
-      children: jsx(GoabFormItem, {
-        error: isVisited && finalErrors,
-        testId: "form-email-input-wrapper",
-        requirement: required ? 'required' : undefined,
-        label: primaryLabel,
-        children: jsx(GoabInput, {
-          error: isVisited && finalErrors.length > 0,
-          type: 'email',
-          width: width,
-          name: "Email address",
-          value: data,
-          testId: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
-          disabled: !enabled,
-          readonly: readOnly,
-          onChange: detail => {
-            if (!isVisited) {
-              setIsVisited(true);
-            }
-            onChangeForInputControl({
-              name: detail.name,
-              value: detail.value,
-              controlProps: props
-            });
-          },
-          onBlur: detail => {
-            if (!isVisited) {
-              setIsVisited(true);
+    children: jsx(JsonFormRegisterProvider, {
+      defaultRegisters: undefined,
+      children: jsx(FormFieldWrapper, {
+        children: jsx(GoabFormItem, {
+          error: isVisited && finalErrors,
+          testId: "form-email-input-wrapper",
+          requirement: required ? 'required' : undefined,
+          label: primaryLabel,
+          children: jsx(GoabInput, {
+            error: isVisited && finalErrors.length > 0,
+            type: 'email',
+            width: width,
+            name: "Email address",
+            value: data,
+            testId: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
+            disabled: !enabled,
+            readonly: readOnly,
+            onChange: detail => {
+              if (!isVisited) {
+                setIsVisited(true);
+              }
+              onChangeForInputControl({
+                name: detail.name,
+                value: detail.value,
+                controlProps: props
+              });
+            },
+            onBlur: detail => {
+              if (!isVisited) {
+                setIsVisited(true);
+              }
+              onBlurForTextControl({
+                name: detail.name,
+                value: detail.value,
+                controlProps: props
+              });
             }
-            onBlurForTextControl({
-              name: detail.name,
-              value: detail.value,
-              controlProps: props
-            });
-          }
+          })
         })
       })
     })
@@ -11049,7 +11179,7 @@ const renderCellColumn = ({
   return null;
 };
 
-const _excluded$3 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "visible", "enabled", "cells", "data", "config", "isStepperReview", "handleChange", "removeItems"];
+const _excluded$4 = ["label", "path", "schema", "rootSchema", "uischema", "errors", "visible", "enabled", "cells", "data", "config", "isStepperReview", "handleChange", "removeItems"];
 const GenerateRows = (Cell, schema, rowPath, enabled, openDeleteDialog, handleChange, cells, uischema, isInReview, count, data, errors) => {
   if ((schema == null ? void 0 : schema.type) === 'object') {
     const props = {
@@ -11456,7 +11586,7 @@ const ObjectArrayControl = props => {
       config,
       isStepperReview
     } = props,
-    additionalProps = _objectWithoutPropertiesLoose(props, _excluded$3);
+    additionalProps = _objectWithoutPropertiesLoose(props, _excluded$4);
   const parsedData = Array.isArray(data) ? data : [];
   const latestData = Array.isArray(data) ? Object.fromEntries(parsedData.map((item, index) => [String(index), item])) : (_registers$categories = (_registers$categories2 = registers.categories[path]) == null ? void 0 : _registers$categories2.data) != null ? _registers$categories : {};
   const latestCount = Array.isArray(data) ? parsedData.length : (_registers$categories3 = (_registers$categories4 = registers.categories[path]) == null ? void 0 : _registers$categories4.count) != null ? _registers$categories3 : Object.keys(latestData).length;
@@ -12552,7 +12682,7 @@ const RenderLink = props => {
   });
 };
 
-const _excluded$2 = ["isParent", "showLabel"];
+const _excluded$3 = ["isParent", "showLabel"];
 const HelpContentReviewComponent = () => {
   return jsx(Fragment, {
     children: " "
@@ -12597,7 +12727,7 @@ const HelpContentComponent = _ref => {
       isParent = true,
       showLabel = true
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   const labelClass = isParent ? 'parent-label' : 'child-label';
   const marginClass = isParent ? 'parent-margin' : 'child-margin';
   // eslint-disable-next-line
@@ -13361,7 +13491,7 @@ const SummaryRow = ({
   });
 };
 
-const _excluded$1 = ["type"];
+const _excluded$2 = ["type"];
 const AdditionalInstructionsRow = ({
   additionalInstructions,
   componentProps
@@ -13370,7 +13500,7 @@ const AdditionalInstructionsRow = ({
   const calloutType = (componentProps == null ? void 0 : componentProps.type) || 'information';
   const type = validTypes.includes(calloutType) ? calloutType : 'information';
   const _ref = componentProps || {},
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const sanitizedHtml = sanitizeHtml(additionalInstructions);
   return jsx("tr", {
     children: jsx("td", {
@@ -13925,7 +14055,7 @@ let _2 = t => t,
   _t2,
   _t3,
   _t4;
-const _excluded = ["data", "path", "handleChange", "uischema"];
+const _excluded$1 = ["data", "path", "handleChange", "uischema"];
 const DELAY_DELETE_TIMEOUT_MS = 5;
 const FileUploaderReview = props => {
   return FileUploader(Object.assign({}, props, {
@@ -13939,7 +14069,7 @@ const FileUploader = _ref => {
       handleChange,
       uischema
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   const enumerators = useContext(JsonFormContext);
   const uploadTriggerFunction = enumerators == null || (_enumerators$function = enumerators.functions) == null ? void 0 : _enumerators$function.get('upload-file');
   const uploadTrigger = uploadTriggerFunction && uploadTriggerFunction();
@@ -16361,7 +16491,25 @@ function handleAddressKeyDown(key, value, activeIndex, suggestions, onInputChang
   return activeIndex;
 }
 
+const _excluded = ["provinceState"];
 const ADDRESS_PATH = 'api/gateway/v1/address/v1/find';
+const normalizeAddressData = (value, isAlbertaAddress) => {
+  const defaults = isAlbertaAddress ? {
+    country: 'CA',
+    subdivisionCode: 'AB'
+  } : {
+    country: 'CA'
+  };
+  const source = value || {};
+  const {
+      provinceState
+    } = source,
+    rest = _objectWithoutPropertiesLoose(source, _excluded);
+  const subdivisionCode = rest.subdivisionCode || provinceState;
+  return Object.assign({}, defaults, rest, subdivisionCode ? {
+    subdivisionCode
+  } : {});
+};
 const AddressLookUpControl = props => {
   var _schema$properties, _uischema$options, _uischema$options$com, _uischema$options2, _errors$addressLine;
   const {
@@ -16382,18 +16530,7 @@ const AddressLookUpControl = props => {
   const [open, setOpen] = useState(false);
   const addressContainerRef = useRef(null);
   const label = typeof (uischema == null ? void 0 : uischema.label) === 'string' && uischema.label ? uischema.label : '';
-  let defaultAddress = {};
-  if (isAlbertaAddress) {
-    defaultAddress = {
-      country: 'CA',
-      subdivisionCode: 'AB'
-    };
-  } else {
-    defaultAddress = {
-      country: 'CA'
-    };
-  }
-  const [address, setAddress] = useState(data || defaultAddress);
+  const [address, setAddress] = useState(normalizeAddressData(data, isAlbertaAddress));
   const [searchTerm, setSearchTerm] = useState('');
   const [suggestions, setSuggestions] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -16411,6 +16548,14 @@ const AddressLookUpControl = props => {
   const lastQueryRef = useRef('');
   const cacheRef = useRef(new Map());
   const spinnerTimerRef = useRef(null);
+  useEffect(() => {
+    const nextAddress = normalizeAddressData(data, isAlbertaAddress);
+    setAddress(currentAddress => {
+      const keys = ['addressLine1', 'addressLine2', 'municipality', 'postalCode', 'country', 'subdivisionCode'];
+      const unchanged = keys.every(key => currentAddress[key] === nextAddress[key]);
+      return unchanged ? currentAddress : nextAddress;
+    });
+  }, [data, isAlbertaAddress]);
   const handleInputChange = (field, value) => {
     var _schema$errorMessage;
     if (field === 'addressLine1') {
@@ -16762,6 +16907,11 @@ const NameInputs = ({
   });
 };
 
+const normalizeNameData = value => ({
+  firstName: (value == null ? void 0 : value.firstName) || '',
+  middleName: (value == null ? void 0 : value.middleName) || '',
+  lastName: (value == null ? void 0 : value.lastName) || ''
+});
 const FullNameReviewControl = props => {
   var _errors$firstName, _props$data3, _props$data4, _errors$lastName, _props$data5;
   const requiredFields = props.schema.required;
@@ -16822,8 +16972,7 @@ const FullNameControl = props => {
     uischema
   } = props;
   const requiredFields = schema.required;
-  const defaultName = {};
-  const [nameData, setNameData] = useState(data || defaultName);
+  const [nameData, setNameData] = useState(normalizeNameData(data));
   const controlRef = useRef(null);
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
@@ -16831,6 +16980,10 @@ const FullNameControl = props => {
     updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
     handleChange(path, updatedData);
   };
+  useEffect(() => {
+    const nextData = normalizeNameData(data);
+    setNameData(currentData => currentData.firstName === nextData.firstName && currentData.middleName === nextData.middleName && currentData.lastName === nextData.lastName ? currentData : nextData);
+  }, [data]);
   const handleInputChange = (field, value) => {
     const updatedName = Object.assign({}, nameData, {
       [field]: value
@@ -16918,6 +17071,12 @@ handleRequiredFieldBlur) {
   }, [formData]);
 }
 
+const normalizeNameDobData = value => ({
+  firstName: (value == null ? void 0 : value.firstName) || '',
+  middleName: (value == null ? void 0 : value.middleName) || '',
+  lastName: (value == null ? void 0 : value.lastName) || '',
+  dateOfBirth: (value == null ? void 0 : value.dateOfBirth) || ''
+});
 const FullNameDobControl = props => {
   var _schema$required, _errors$firstName, _schema$required2, _schema$required3, _errors$lastName, _errors$dateOfBirth;
   const {
@@ -16934,7 +17093,6 @@ const FullNameDobControl = props => {
   const controlRef = useRef(null);
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
-  const defaultNameAndDob = {};
   const validDates = () => {
     const currentDate = new Date();
     const minDate = new Date(currentDate.getFullYear() - 150, currentDate.getMonth(), currentDate.getDate()).toISOString().substring(0, 10);
@@ -16943,12 +17101,16 @@ const FullNameDobControl = props => {
       maxDate: currentDate.toISOString().substring(0, 10)
     };
   };
-  const [formData, setFormData] = useState(data || defaultNameAndDob);
+  const [formData, setFormData] = useState(normalizeNameDobData(data));
   const updateFormData = updatedData => {
     updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
     setFormData(updatedData);
     handleChange(path, updatedData);
   };
+  useEffect(() => {
+    const nextData = normalizeNameDobData(data);
+    setFormData(currentData => currentData.firstName === nextData.firstName && currentData.middleName === nextData.middleName && currentData.lastName === nextData.lastName && currentData.dateOfBirth === nextData.dateOfBirth ? currentData : nextData);
+  }, [data]);
   const handleInputChange = (field, value) => {
     const updatedData = Object.assign({}, formData, {
       [field]: value
@@ -17113,6 +17275,10 @@ const PhoneGrid = styled.div(_t || (_t = _`
   }
 `));
 const PHONE_REGEX = /^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/;
+const normalizePhoneData = value => ({
+  type: (value == null ? void 0 : value.type) || '',
+  number: (value == null ? void 0 : value.number) || ''
+});
 const PhoneNumberWithTypeControl = props => {
   const {
     data,
@@ -17122,8 +17288,12 @@ const PhoneNumberWithTypeControl = props => {
     visible,
     required
   } = props;
-  const [formData, setFormData] = useState(data || {});
+  const [formData, setFormData] = useState(normalizePhoneData(data));
   const [error, setError] = useState(undefined);
+  useEffect(() => {
+    const nextData = normalizePhoneData(data);
+    setFormData(currentData => currentData.type === nextData.type && currentData.number === nextData.number ? currentData : nextData);
+  }, [data]);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const updateFormData = updated => {
     setFormData(updated);
@@ -17390,7 +17560,7 @@ function evaluateExpression(expression, data, opts) {
     const sumScope = sumMatch[1];
     return evaluateSum(sumScope, data, opts);
   }
-  const scopeRegex = /#\/(?:properties\/)?[^\s"'()]+/g;
+  const scopeRegex = /#\/(?:properties\/)?[^\s"'(),]+/g;
   const matches = trimmed.match(scopeRegex) || [];
   const uniqueScopes = Array.from(new Set(matches));
   const normalizedScopes = uniqueScopes.map(s => s.replace(/^#\/(properties\/)?/, '#/properties/'));
@@ -18069,4 +18239,4 @@ const GoARenderers = [...GoABaseRenderers, {
 }];
 const GoACells = [...InputCells];
 
-export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoAPrimitiveArrayRenderer, GoAPrimitiveArrayTester, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, PrimitiveArrayControl, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };
+export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, ADD_USER_ACTION, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoAPrimitiveArrayRenderer, GoAPrimitiveArrayTester, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, InnerGoAInputText, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, PrimitiveArrayControl, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, fetchRegisterConfigFromOptions$1 as fetchRegisterConfigFromOptions, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs, useRegisterUser };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.52.6",
+  "version": "2.54.0",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-03-12T17:06:12.099Z",
-  "sourceCommit": "8e70c36cadefa29ed84a8d37cfaab8454a468304",
+  "generatedAt": "2026-03-13T20:38:10.020Z",
+  "sourceCommit": "748fb227701ff354e6276b45c8d91aeb3e984ca1",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 32,
   "renderers": [

package/src/lib/Context/register/actions.d.ts

@@ -1,7 +1,9 @@
 import { Dispatch } from 'react';
+import { User } from './registerContext';
 export declare const ADD_REGISTER_DATA_ACTION = "jsonforms/register/data/add";
 export declare const ADD_NO_ANONYMOUS_ACTION = "jsonforms/register/no_anonymous";
 export declare const ADD_DATALIST_ACTION = "jsonforms/register/add_datalist_action";
+export declare const ADD_USER_ACTION = "jsonforms/register/add_user_action";
 export declare const ADD_REGISTER_DATA_ERROR = "jsonforms/register/add_register_data_error";
 export interface RegisterConfig {
     urn?: string;
@@ -27,6 +29,7 @@ export interface RegisterConfigData extends RegisterConfig {
     errors?: Record<string, Errors>;
     nonAnonymous?: string[];
     nonExistent?: string[];
+    user?: User;
 }
 export type RegisterData = RegisterConfigData[];
 export type RegisterDataResponse = {
@@ -34,6 +37,7 @@ export type RegisterDataResponse = {
     nonExistent: string[];
     nonAnonymous: string[];
     errors: Record<string, Errors>;
+    user?: User;
 };
 type AddDataAction = {
     type: string;

package/src/lib/Context/register/reducer.d.ts

@@ -1,7 +1,9 @@
 import { RegisterActions, RegisterData, RegisterDataResponse, Errors } from './actions';
+import { User } from './registerContext';
 export declare function registerReducer(state: {
     registerData: RegisterData;
     nonExistent: string[];
     nonAnonymous: string[];
     errors: Record<string, Errors>;
+    user?: User;
 }, action: RegisterActions): RegisterDataResponse;

package/src/lib/Context/register/registerContext.d.ts

@@ -1,11 +1,19 @@
 import { ReactNode } from 'react';
 import { RegisterConfig, RegisterData, JsonFormRegisterDispatch, RegisterDataType } from './actions';
+export interface User {
+    id: string;
+    name: string;
+    email: string;
+    roles: string[];
+    preferredUsername: string;
+}
 interface JsonFormsRegisterContextProps {
     registerDispatch: JsonFormRegisterDispatch;
     fetchRegisterByUrl: (registerConfig: RegisterConfig) => Promise<void>;
     selectRegisterData: (registerConfig: RegisterConfig) => RegisterDataType;
     fetchErrors: (registerConfig: RegisterConfig) => string;
     isProvided: boolean;
+    user?: User;
 }
 export declare const JsonFormsRegisterContext: import("react").Context<JsonFormsRegisterContextProps | undefined>;
 interface JsonFormsRegisterProviderProps {
@@ -14,7 +22,9 @@ interface JsonFormsRegisterProviderProps {
         registerData: RegisterData;
         dataList: string[];
         nonAnonymous: string[];
+        user?: User;
     } | undefined;
 }
 export declare const JsonFormRegisterProvider: ({ children, defaultRegisters, }: JsonFormsRegisterProviderProps) => JSX.Element;
+export declare const useRegisterUser: () => User | undefined;
 export {};

package/src/lib/Controls/Inputs/InputTextControl.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import { CellProps, WithClassname, ControlProps, RankedTester } from '@jsonforms/core';
 import { WithInputProps } from './type';
+import { RegisterConfig } from '../../Context/register';
 export type GoAInputTextProps = CellProps & WithClassname & WithInputProps;
+export declare function fetchRegisterConfigFromOptions(options: Record<string, unknown> | undefined): RegisterConfig | undefined;
 export declare const formatSin: (value: string) => string;
 export declare const GoAInputText: (props: GoAInputTextProps) => JSX.Element;
+export declare const InnerGoAInputText: (props: GoAInputTextProps) => JSX.Element;
 export declare const GoATextControl: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GoATextControlTester: RankedTester;
 export declare const GoAInputTextControl: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;

package/src/lib/util/autoPopulate.d.ts

@@ -0,0 +1,65 @@
+import { User } from '../Context/register';
+export declare const USER_FIELD_DEFINITIONS: {
+    fullName: {
+        schema: {
+            type: string;
+            minLength: number;
+            description: string;
+        };
+        getValue: (user: User) => string;
+    };
+    name: {
+        schema: {
+            type: string;
+            minLength: number;
+            description: string;
+        };
+        getValue: (user: User) => string;
+    };
+    firstName: {
+        schema: {
+            type: string;
+            minLength: number;
+            description: string;
+        };
+        getValue: (user: User) => string;
+    };
+    lastName: {
+        schema: {
+            type: string;
+            minLength: number;
+            description: string;
+        };
+        getValue: (user: User) => string;
+    };
+    userName: {
+        schema: {
+            type: string;
+            minLength: number;
+            description: string;
+        };
+        getValue: (user: User) => string;
+    };
+    email: {
+        schema: {
+            type: string;
+            format: string;
+            maxLength: number;
+            pattern: string;
+            description: string;
+            errorMessage: {
+                pattern: string;
+                maxLength: string;
+            };
+        };
+        getValue: (user: User) => string;
+    };
+};
+export type UserField = keyof typeof USER_FIELD_DEFINITIONS;
+export declare const autoPopulateValue: (user: User, props: {
+    path: string;
+}) => string | undefined;
+export declare const autoPopulatePropertiesMonaco: {
+    label: string;
+    insertText: string;
+}[];