Skip to content

refactor(console,phrases): refactor custom profile field creation modal #7647

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

charIeszhao
Copy link
Member

Summary

  • Remove unnecessary built-in user profile properties from the built-in field list.
  • Added user profile field types will be hidden from the list, instead of being disabled.
  • Improve the custom field error message CSS styles.

Testing

image

Checklist

- [ ] .changeset
- [ ] unit tests
- [ ] integration tests
- [ ] necessary TSDoc comments

@charIeszhao charIeszhao requested a review from a team August 1, 2025 16:15
@charIeszhao charIeszhao self-assigned this Aug 1, 2025
@charIeszhao charIeszhao requested a review from Copilot August 1, 2025 16:15
Copy link

github-actions bot commented Aug 1, 2025

COMPARE TO master

Total Size Diff 📈 +2.82 KB

Diff by File
Name Diff
packages/console/src/pages/SignInExperience/PageContent/CollectUserProfile/CreateProfileFieldModal/index.tsx 📈 +182 Bytes
packages/console/src/pages/SignInExperience/PageContent/CollectUserProfile/consts.ts 📈 +179 Bytes
packages/console/src/pages/SignInExperience/PageContent/components/CustomDataProfileNameField/index.module.scss 📈 +101 Bytes
packages/console/src/pages/SignInExperience/PageContent/components/CustomDataProfileNameField/index.tsx 📈 +191 Bytes
packages/phrases/src/locales/ar/errors/custom-profile-fields.ts 📈 +156 Bytes
packages/phrases/src/locales/de/errors/custom-profile-fields.ts 📈 +131 Bytes
packages/phrases/src/locales/en/errors/custom-profile-fields.ts 📈 +115 Bytes
packages/phrases/src/locales/es/errors/custom-profile-fields.ts 📈 +136 Bytes
packages/phrases/src/locales/fr/errors/custom-profile-fields.ts 📈 +137 Bytes
packages/phrases/src/locales/it/errors/custom-profile-fields.ts 📈 +134 Bytes
packages/phrases/src/locales/ja/errors/custom-profile-fields.ts 📈 +170 Bytes
packages/phrases/src/locales/ko/errors/custom-profile-fields.ts 📈 +151 Bytes
packages/phrases/src/locales/pl-pl/errors/custom-profile-fields.ts 📈 +146 Bytes
packages/phrases/src/locales/pt-br/errors/custom-profile-fields.ts 📈 +136 Bytes
packages/phrases/src/locales/pt-pt/errors/custom-profile-fields.ts 📈 +138 Bytes
packages/phrases/src/locales/ru/errors/custom-profile-fields.ts 📈 +224 Bytes
packages/phrases/src/locales/tr-tr/errors/custom-profile-fields.ts 📈 +131 Bytes
packages/phrases/src/locales/zh-cn/errors/custom-profile-fields.ts 📈 +109 Bytes
packages/phrases/src/locales/zh-hk/errors/custom-profile-fields.ts 📈 +106 Bytes
packages/phrases/src/locales/zh-tw/errors/custom-profile-fields.ts 📈 +112 Bytes

@github-actions github-actions bot added enhancement Make it better size/m labels Aug 1, 2025
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR refactors the custom profile field creation modal to improve user experience and validation. The main focus is on filtering out already-added fields and enhancing error handling.

  • Filters built-in user profile fields from the modal instead of just disabling them
  • Adds validation to prevent conflicts with built-in profile properties
  • Improves error message styling for custom field inputs

Reviewed Changes

Copilot reviewed 20 out of 20 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
packages/phrases/src/locales/*/errors/custom-profile-fields.ts Adds new error message for built-in property conflicts across all locales
packages/console/src/pages/SignInExperience/PageContent/components/CustomDataProfileNameField/index.tsx Extracts error prop and renders custom error message
packages/console/src/pages/SignInExperience/PageContent/components/CustomDataProfileNameField/index.module.scss Adds styling for error messages
packages/console/src/pages/SignInExperience/PageContent/CollectUserProfile/consts.ts Defines available built-in field keys
packages/console/src/pages/SignInExperience/PageContent/CollectUserProfile/CreateProfileFieldModal/index.tsx Implements field filtering and built-in property validation

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Make it better size/m
Development

Successfully merging this pull request may close these issues.

1 participant