Provide the first class support for the multi valued property

.changeset/warm-geckos-agree.md

@@ -0,0 +1,8 @@
+---
+"@wso2is/console": minor
+"@wso2is/admin.claims.v1": patch
+"@wso2is/core": patch
+"@wso2is/i18n": patch
+---
+
+Provide first class support to configure claims as multi valued

features/admin.claims.v1/components/edit/local-claim/edit-basic-details-local-claims.tsx

@@ -540,6 +540,8 @@ export const EditBasicDetailsLocalClaims: FunctionComponent<EditBasicDetailsLoca
                     : claim?.displayName,
                 displayOrder: attributeConfig.editAttributes.getDisplayOrder(
                     claim.displayOrder, values.displayOrder?.toString()),
+                multiValued: values?.multiValued !== undefined
+                    ? !!values.multiValued : claim?.multiValued,
                 properties: claim?.properties,
                 readOnly: values?.readOnly !== undefined
                     ? !!values.readOnly
@@ -573,6 +575,8 @@ export const EditBasicDetailsLocalClaims: FunctionComponent<EditBasicDetailsLoca
                     : claim?.displayName,
                 displayOrder: attributeConfig.editAttributes.getDisplayOrder(
                     claim.displayOrder, values.displayOrder?.toString()),
+                multiValued: values?.multiValued !== undefined
+                    ? !!values.multiValued : claim?.multiValued,
                 profiles: {
                     console: {
                         readOnly: values?.consoleReadOnly !== undefined ?
@@ -953,6 +957,18 @@ export const EditBasicDetailsLocalClaims: FunctionComponent<EditBasicDetailsLoca
                         hint={ t("claims:local.forms.descriptionHint") }
                         readOnly={ isSubOrganization() || isReadOnly }
                     />
+
+                    <Field.Checkbox
+                        ariaLabel={ t("claims:local.forms.multiValued.label") }
+                        name="multiValued"
+                        label={ t("claims:local.forms.multiValued.label") }
+                        required={ false }
+                        defaultValue={ claim?.multiValued }
+                        data-testid={ `${testId}-form-multi-valued-input` }
+                        hint={ t("claims:local.forms.multiValuedHint") }
+                        readOnly={ isReadOnly }
+                    />
+
                     { !attributeConfig.localAttributes.createWizard.showRegularExpression && !hideSpecialClaims
                         && (
                             <Field.Input

features/admin.claims.v1/components/wizard/local-claim/basic-details-local-claims.tsx

@@ -169,6 +169,7 @@ export const BasicDetailsLocalClaims = (props: BasicDetailsLocalClaimsPropsInter
                      description: values.get("description")?.toString(),
                      displayName: values.get("name").toString(),
                      displayOrder: values.get("displayOrder") ? parseInt(values.get("displayOrder")?.toString()) : 0,
+                     multiValued: values.get("multiValued")?.length > 0,
                      readOnly: values.get("readOnly")?.length > 0,
                      regEx: values.get("regularExpression")?.toString(),
                      required: values.get("required")?.length > 0,

modules/core/src/models/claim.ts

@@ -25,6 +25,7 @@ export interface Claim {
     dialectURI?: string;
     description: string;
     displayOrder: number;
+    multiValued: boolean;
     displayName: string;
     readOnly: boolean;
     regEx: string;

modules/i18n/src/models/namespaces/claims-ns.ts

@@ -507,6 +507,11 @@ export interface ClaimsNS {
                 label: string;
                 placeholder: string;
             };
+            multiValued: {
+                label: string;
+                placeholder: string;
+            };
+            multiValuedHint: string;
             displayOrderHint: string;
             required: {
                 label: string;

modules/i18n/src/models/namespaces/console-ns.ts

@@ -4275,6 +4275,11 @@ export interface ConsoleNS {
                             placeholder: string;
                         };
                         displayOrderHint: string;
+                        multiValued: {
+                            label: string;
+                            placeholder: string;
+                        };
+                        multiValuedHint: string;
                         required: {
                             label: string;
                         };

modules/i18n/src/translations/en-US/portals/claims.ts

@@ -469,6 +469,11 @@ export const claims: ClaimsNS = {
                 disabledConfigInfo: "Please note that below section is disabled as there is no " +
                     "external claim mapping found for this claim attribute."
             },
+            multiValued: {
+                label: "Allow multiple values for this attribute",
+                placeholder: "Select a user attribute"
+            },
+            multiValuedHint: "Select this option if the attribute can have multiple values.",
             name: {
                 label: "Attribute Display Name",
                 placeholder: "Enter the display name",

modules/i18n/src/translations/en-US/portals/console.ts

@@ -3576,6 +3576,11 @@ export const console: ConsoleNS = {
                             label: "Display Order",
                             placeholder: "Enter the display order"
                         },
+                        multiValued: {
+                            label: "Allow multiple values for this attribute",
+                            placeholder: "Select a user attribute"
+                        },
+                        multiValuedHint: "Select this option if the attribute can have multiple values.",
                         displayOrderHint: "This determines the position at which this attribute is "
                             + "displayed in the user profile and the user registration page",
                         infoMessages: {