@oussemasahbeni/keycloakify-login-shadcn 250004.0.7 → 250004.0.8

package/keycloak-theme/login/components/UserProfileFormFields/InputLabel.tsx

@@ -1,4 +1,3 @@
-
 import type { Attribute } from "@keycloakify/login-ui/KcContext";
 import { useI18n } from "../../i18n";
 

package/keycloak-theme/login/components/UserProfileFormFields/InputTag.tsx

@@ -1,5 +1,4 @@
-
-import { Input } from '@/components/ui/input';
+import { Input } from "@/components/ui/input";
 import { assert } from "tsafe/assert";
 import { useI18n } from "../../i18n";
 import { AddRemoveButtonsMultiValuedAttribute } from "./AddRemoveButtonsMultiValuedAttribute";
@@ -47,20 +46,34 @@ export function InputTag(
                 disabled={attribute.readOnly}
                 autoComplete={attribute.autocomplete}
                 placeholder={
-                    attribute.annotations.inputTypePlaceholder === undefined ? undefined : advancedMsgStr(attribute.annotations.inputTypePlaceholder)
+                    attribute.annotations.inputTypePlaceholder === undefined
+                        ? undefined
+                        : advancedMsgStr(attribute.annotations.inputTypePlaceholder)
                 }
                 pattern={attribute.annotations.inputTypePattern}
-                size={attribute.annotations.inputTypeSize === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeSize}`)}
+                size={
+                    attribute.annotations.inputTypeSize === undefined
+                        ? undefined
+                        : parseInt(`${attribute.annotations.inputTypeSize}`)
+                }
                 maxLength={
-                    attribute.annotations.inputTypeMaxlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMaxlength}`)
+                    attribute.annotations.inputTypeMaxlength === undefined
+                        ? undefined
+                        : parseInt(`${attribute.annotations.inputTypeMaxlength}`)
                 }
                 minLength={
-                    attribute.annotations.inputTypeMinlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMinlength}`)
+                    attribute.annotations.inputTypeMinlength === undefined
+                        ? undefined
+                        : parseInt(`${attribute.annotations.inputTypeMinlength}`)
                 }
                 max={attribute.annotations.inputTypeMax}
                 min={attribute.annotations.inputTypeMin}
                 step={attribute.annotations.inputTypeStep}
-                {...Object.fromEntries(Object.entries(attribute.html5DataAnnotations ?? {}).map(([key, value]) => [`data-${key}`, value]))}
+                {...Object.fromEntries(
+                    Object.entries(attribute.html5DataAnnotations ?? {}).map(
+                        ([key, value]) => [`data-${key}`, value]
+                    )
+                )}
                 onChange={event =>
                     dispatchFormAction({
                         action: "update",
@@ -101,7 +114,11 @@ export function InputTag(
 
                 return (
                     <>
-                        <FieldErrors attribute={attribute} displayableErrors={displayableErrors} fieldIndex={fieldIndex} />
+                        <FieldErrors
+                            attribute={attribute}
+                            displayableErrors={displayableErrors}
+                            fieldIndex={fieldIndex}
+                        />
                         <AddRemoveButtonsMultiValuedAttribute
                             attribute={attribute}
                             values={values}

package/keycloak-theme/login/components/UserProfileFormFields/InputTagSelects.tsx

@@ -1,21 +1,20 @@
-
-import { cn } from '@/components/lib/utils';
-import { Checkbox } from '@/components/ui/checkbox';
-import { Label } from '@/components/ui/label';
-import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
-import { assert } from 'tsafe/assert';
+import { cn } from "@/components/lib/utils";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Label } from "@/components/ui/label";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { assert } from "tsafe/assert";
 import type { InputFieldByTypeProps } from "./InputFieldByType";
-import { InputLabel } from './InputLabel';
+import { InputLabel } from "./InputLabel";
 
 export function InputTagSelects(props: InputFieldByTypeProps) {
     const { attribute, dispatchFormAction, valueOrValues } = props;
 
-
-
     const isRadio = (() => {
         const { inputType } = attribute.annotations;
 
-        assert(inputType === "select-radiobuttons" || inputType === "multiselect-checkboxes");
+        assert(
+            inputType === "select-radiobuttons" || inputType === "multiselect-checkboxes"
+        );
 
         return inputType === "select-radiobuttons";
     })();
@@ -28,7 +27,9 @@ export function InputTagSelects(props: InputFieldByTypeProps) {
                 break walk;
             }
 
-            const validator = (attribute.validators as Record<string, { options?: string[] }>)[inputOptionsFromValidation];
+            const validator = (
+                attribute.validators as Record<string, { options?: string[] }>
+            )[inputOptionsFromValidation];
 
             if (validator === undefined) {
                 break walk;
@@ -74,7 +75,10 @@ export function InputTagSelects(props: InputFieldByTypeProps) {
                         />
                         <Label
                             htmlFor={`${attribute.name}-${option}`}
-                            className={cn("text-sm font-normal", attribute.readOnly && "opacity-50 cursor-not-allowed")}
+                            className={cn(
+                                "text-sm font-normal",
+                                attribute.readOnly && "opacity-50 cursor-not-allowed"
+                            )}
                         >
                             <InputLabel attribute={attribute} option={option} />
                         </Label>
@@ -90,7 +94,11 @@ export function InputTagSelects(props: InputFieldByTypeProps) {
                 <div key={option} className="flex items-center space-x-2">
                     <Checkbox
                         id={`${attribute.name}-${option}`}
-                        checked={valueOrValues instanceof Array ? valueOrValues.includes(option) : valueOrValues === option}
+                        checked={
+                            valueOrValues instanceof Array
+                                ? valueOrValues.includes(option)
+                                : valueOrValues === option
+                        }
                         disabled={attribute.readOnly}
                         onCheckedChange={checked =>
                             dispatchFormAction({
@@ -105,7 +113,10 @@ export function InputTagSelects(props: InputFieldByTypeProps) {
                                         if (isChecked) {
                                             newValues.push(option);
                                         } else {
-                                            newValues.splice(newValues.indexOf(option), 1);
+                                            newValues.splice(
+                                                newValues.indexOf(option),
+                                                1
+                                            );
                                         }
 
                                         return newValues;
@@ -125,7 +136,10 @@ export function InputTagSelects(props: InputFieldByTypeProps) {
                     />
                     <Label
                         htmlFor={`${attribute.name}-${option}`}
-                        className={cn("text-sm font-normal", attribute.readOnly && "opacity-50 cursor-not-allowed")}
+                        className={cn(
+                            "text-sm font-normal",
+                            attribute.readOnly && "opacity-50 cursor-not-allowed"
+                        )}
                     >
                         <InputLabel attribute={attribute} option={option} />
                     </Label>
@@ -133,4 +147,4 @@ export function InputTagSelects(props: InputFieldByTypeProps) {
             ))}
         </div>
     );
-}
+}

package/keycloak-theme/login/components/UserProfileFormFields/SelectTag.tsx

@@ -1,10 +1,14 @@
-
-
-import { cn } from '@/components/lib/utils';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { cn } from "@/components/lib/utils";
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue
+} from "@/components/ui/select";
 import { assert } from "tsafe/assert";
 import type { InputFieldByTypeProps } from "./InputFieldByType";
-import { InputLabel } from './InputLabel';
+import { InputLabel } from "./InputLabel";
 
 export function SelectTag(props: InputFieldByTypeProps) {
     const { attribute, dispatchFormAction, displayableErrors, valueOrValues } = props;
@@ -21,7 +25,9 @@ export function SelectTag(props: InputFieldByTypeProps) {
 
             assert(typeof inputOptionsFromValidation === "string");
 
-            const validator = (attribute.validators as Record<string, { options?: string[] }>)[inputOptionsFromValidation];
+            const validator = (
+                attribute.validators as Record<string, { options?: string[] }>
+            )[inputOptionsFromValidation];
 
             if (validator === undefined) {
                 break walk;
@@ -45,18 +51,25 @@ export function SelectTag(props: InputFieldByTypeProps) {
                 name={attribute.name}
                 className={cn(
                     "flex min-h-25 h-auto w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                    displayableErrors.length !== 0 && "border-destructive ring-destructive/20 focus:ring-destructive"
+                    displayableErrors.length !== 0 &&
+                        "border-destructive ring-destructive/20 focus:ring-destructive"
                 )}
                 aria-invalid={displayableErrors.length !== 0}
                 disabled={attribute.readOnly}
                 multiple={true}
-                size={attribute.annotations.inputTypeSize === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeSize}`)}
+                size={
+                    attribute.annotations.inputTypeSize === undefined
+                        ? undefined
+                        : parseInt(`${attribute.annotations.inputTypeSize}`)
+                }
                 value={valueOrValues}
                 onChange={event =>
                     dispatchFormAction({
                         action: "update",
                         name: attribute.name,
-                        valueOrValues: Array.from(event.target.selectedOptions).map(option => option.value)
+                        valueOrValues: Array.from(event.target.selectedOptions).map(
+                            option => option.value
+                        )
                     })
                 }
                 onBlur={() =>
@@ -78,7 +91,11 @@ export function SelectTag(props: InputFieldByTypeProps) {
 
     return (
         <Select
-            value={typeof valueOrValues === "string" && valueOrValues !== "" ? valueOrValues : undefined}
+            value={
+                typeof valueOrValues === "string" && valueOrValues !== ""
+                    ? valueOrValues
+                    : undefined
+            }
             onValueChange={value =>
                 dispatchFormAction({
                     action: "update",
@@ -90,7 +107,11 @@ export function SelectTag(props: InputFieldByTypeProps) {
         >
             <SelectTrigger
                 id={attribute.name}
-                className={cn("w-full", displayableErrors.length !== 0 && "border-destructive ring-destructive/20 focus-visible:ring-destructive")}
+                className={cn(
+                    "w-full",
+                    displayableErrors.length !== 0 &&
+                        "border-destructive ring-destructive/20 focus-visible:ring-destructive"
+                )}
                 aria-invalid={displayableErrors.length !== 0}
                 onBlur={() =>
                     dispatchFormAction({

package/keycloak-theme/login/components/UserProfileFormFields/TextareaTag.tsx

@@ -1,5 +1,4 @@
-
-import { cn } from '@/components/lib/utils';
+import { cn } from "@/components/lib/utils";
 import { assert } from "tsafe/assert";
 import type { InputFieldByTypeProps } from "./InputFieldByType";
 
@@ -16,13 +15,26 @@ export function TextareaTag(props: InputFieldByTypeProps) {
             name={attribute.name}
             className={cn(
                 "flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                displayableErrors.length !== 0 && "border-destructive ring-destructive/20 focus-visible:ring-destructive"
+                displayableErrors.length !== 0 &&
+                    "border-destructive ring-destructive/20 focus-visible:ring-destructive"
             )}
             aria-invalid={displayableErrors.length !== 0}
             disabled={attribute.readOnly}
-            cols={attribute.annotations.inputTypeCols === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeCols}`)}
-            rows={attribute.annotations.inputTypeRows === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeRows}`)}
-            maxLength={attribute.annotations.inputTypeMaxlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMaxlength}`)}
+            cols={
+                attribute.annotations.inputTypeCols === undefined
+                    ? undefined
+                    : parseInt(`${attribute.annotations.inputTypeCols}`)
+            }
+            rows={
+                attribute.annotations.inputTypeRows === undefined
+                    ? undefined
+                    : parseInt(`${attribute.annotations.inputTypeRows}`)
+            }
+            maxLength={
+                attribute.annotations.inputTypeMaxlength === undefined
+                    ? undefined
+                    : parseInt(`${attribute.annotations.inputTypeMaxlength}`)
+            }
             value={value}
             onChange={event =>
                 dispatchFormAction({
@@ -40,4 +52,4 @@ export function TextareaTag(props: InputFieldByTypeProps) {
             }
         />
     );
-}
+}

package/keycloak-theme/login/components/UserProfileFormFields/UserProfileFormFields.tsx

@@ -1,4 +1,3 @@
-
 import { Field, FieldDescription, FieldLabel } from "@/components/ui/field";
 import type { Attribute } from "@keycloakify/login-ui/KcContext";
 import type { JSX } from "@keycloakify/login-ui/tools/JSX";
@@ -70,7 +69,9 @@ export function UserProfileFormFields(props: UserProfileFormFieldsProps) {
                             />
                         )}
                         <Field
-                            data-invalid={displayableErrors.length > 0 ? "true" : undefined}
+                            data-invalid={
+                                displayableErrors.length > 0 ? "true" : undefined
+                            }
                             style={{
                                 display:
                                     attribute.annotations.inputType === "hidden"
@@ -82,12 +83,15 @@ export function UserProfileFormFields(props: UserProfileFormFieldsProps) {
                                 {advancedMsg(attribute.displayName ?? "")}
                                 {attribute.required && <> *</>}
                             </FieldLabel>
-                            {attribute.annotations.inputHelperTextBefore !== undefined && (
+                            {attribute.annotations.inputHelperTextBefore !==
+                                undefined && (
                                 <FieldDescription
                                     id={`form-help-text-before-${attribute.name}`}
                                     aria-live="polite"
                                 >
-                                    {advancedMsg(attribute.annotations.inputHelperTextBefore)}
+                                    {advancedMsg(
+                                        attribute.annotations.inputHelperTextBefore
+                                    )}
                                 </FieldDescription>
                             )}
                             <InputFieldByType
@@ -106,7 +110,9 @@ export function UserProfileFormFields(props: UserProfileFormFieldsProps) {
                                     id={`form-help-text-after-${attribute.name}`}
                                     aria-live="polite"
                                 >
-                                    {advancedMsg(attribute.annotations.inputHelperTextAfter)}
+                                    {advancedMsg(
+                                        attribute.annotations.inputHelperTextAfter
+                                    )}
                                 </FieldDescription>
                             )}
                             {AfterField !== undefined && (

package/keycloak-theme/login/mocks/KcPageStory.tsx

@@ -4,10 +4,14 @@ import type { KcContext } from "../KcContext";
 import KcPage from "../KcPage";
 export type { Meta, StoryObj } from "../../kc.gen";
 
-export function createKcPageStory<PageId extends KcContext["pageId"]>(params: { pageId: PageId }) {
+export function createKcPageStory<PageId extends KcContext["pageId"]>(params: {
+    pageId: PageId;
+}) {
     const { pageId } = params;
 
-    function KcPageStory(props: { kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>> }) {
+    function KcPageStory(props: {
+        kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>>;
+    }) {
         const { kcContext: overrides } = props;
 
         const kcContextMock = getKcContextMock({

package/keycloak-theme/login/pages/PageIndex.tsx

@@ -1,8 +1,6 @@
-
 import { Suspense, lazy } from "react";
 import { useKcContext } from "../KcContext";
 
-
 const Page_login = lazy(() => import("./login"));
 const Page_register = lazy(() => import("./register"));
 const Page_info = lazy(() => import("./info"));
@@ -46,7 +44,6 @@ export function PageIndex() {
     const { kcContext } = useKcContext();
 
     return (
-
         <Suspense>
             {(() => {
                 switch (kcContext.pageId) {
@@ -127,7 +124,6 @@ export function PageIndex() {
                     case "select-organization.ftl":
                         return <Page_select_organization />;
                 }
-
             })()}
         </Suspense>
     );

package/keycloak-theme/login/pages/code/Page.stories.tsx

@@ -35,13 +35,12 @@ export const French: Story = {
     }
 };
 
-
 /**
- * This reflects the state when "Dark Theme" is set to "Disabled" in the realm settings 
+ * This reflects the state when "Dark Theme" is set to "Disabled" in the realm settings
  * (Theme configuration tab of the Keycloak Admin UI).
- * 
- * You should enable this configuration if you want to hide the "dark mode switch" 
- * and ensure that the theme always renders in light mode, even if the user's system 
+ *
+ * You should enable this configuration if you want to hide the "dark mode switch"
+ * and ensure that the theme always renders in light mode, even if the user's system
  * preference is set to dark.
  */
 export const WithDarkModeForbidden: Story = {

package/keycloak-theme/login/pages/code/Page.tsx

@@ -6,15 +6,14 @@ import { Button } from "@/components/ui/button";
 
 import { MdContentCopy } from "react-icons/md";
 
-import { useI18n } from '@/login/i18n';
-import { useKcContext } from '@/login/KcContext';
-import { useState } from 'react';
+import { useI18n } from "@/login/i18n";
+import { useKcContext } from "@/login/KcContext";
+import { useState } from "react";
 import { MdCheck } from "react-icons/md";
 import { assert } from "tsafe/assert";
 import { Template } from "../../components/Template";
 
 export function Page() {
-
     const { kcContext } = useKcContext();
     assert(kcContext.pageId === "code.ftl");
 
@@ -22,7 +21,6 @@ export function Page() {
 
     const { msg } = useI18n();
 
-
     const handleCopy = async () => {
         try {
             await navigator.clipboard.writeText(kcContext.code.code ?? "");
@@ -36,7 +34,9 @@ export function Page() {
     return (
         <Template
             headerNode={
-                kcContext.code.success ? msg("codeSuccessTitle") : msg("codeErrorTitle", kcContext.code.error)
+                kcContext.code.success
+                    ? msg("codeSuccessTitle")
+                    : msg("codeErrorTitle", kcContext.code.error)
             }
         >
             <div id="kc-code">

package/keycloak-theme/login/pages/delete-account-confirm/Page.stories.tsx

@@ -1,4 +1,3 @@
-
 import { createKcPageStory, type Meta, type StoryObj } from "../../mocks/KcPageStory";
 
 const { KcPageStory } = createKcPageStory({ pageId: "delete-account-confirm.ftl" });
@@ -14,7 +13,6 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {};
 
-
 export const Arabic: Story = {
     args: {
         kcContext: {

package/keycloak-theme/login/pages/delete-account-confirm/Page.tsx

@@ -1,21 +1,18 @@
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
-import { useI18n } from '@/login/i18n';
-import { useKcContext } from '@/login/KcContext';
+import { useI18n } from "@/login/i18n";
+import { useKcContext } from "@/login/KcContext";
 import { assert } from "tsafe/assert";
 import { Template } from "../../components/Template";
 
 export function Page() {
-
     const { kcContext } = useKcContext();
     assert(kcContext.pageId === "delete-account-confirm.ftl");
 
     const { msg, msgStr } = useI18n();
 
     return (
-        <Template
-            headerNode={msg("deleteAccountConfirm")}
-        >
+        <Template headerNode={msg("deleteAccountConfirm")}>
             <form action={kcContext.url.loginAction} className="space-y-6" method="post">
                 <Alert variant="warning" className="my-3">
                     <AlertDescription>

package/keycloak-theme/login/pages/delete-credential/Page.stories.tsx

@@ -7,7 +7,6 @@ const meta = {
     component: KcPageStory
 } satisfies Meta<typeof KcPageStory>;
 
-
 export default meta;
 
 type Story = StoryObj<typeof meta>;

package/keycloak-theme/login/pages/delete-credential/Page.tsx

@@ -1,12 +1,11 @@
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
-import { useI18n } from '@/login/i18n';
-import { useKcContext } from '@/login/KcContext';
+import { useI18n } from "@/login/i18n";
+import { useKcContext } from "@/login/KcContext";
 import { assert } from "tsafe/assert";
 import { Template } from "../../components/Template";
 
-export function Page(
-) {
+export function Page() {
     const { kcContext } = useKcContext();
     assert(kcContext.pageId === "delete-credential.ftl");
 
@@ -19,11 +18,17 @@ export function Page(
         >
             <Alert variant="warning" className=" my-3">
                 <AlertDescription>
-                    <span>{msg("deleteCredentialMessage", kcContext.credentialLabel)}</span>
+                    <span>
+                        {msg("deleteCredentialMessage", kcContext.credentialLabel)}
+                    </span>
                 </AlertDescription>
             </Alert>
 
-            <form className="form-actions" action={kcContext.url.loginAction} method="POST">
+            <form
+                className="form-actions"
+                action={kcContext.url.loginAction}
+                method="POST"
+            >
                 <div className="flex flex-col sm:flex-row gap-3 sm:justify-between mt-6">
                     <Button
                         variant="outline"

package/keycloak-theme/login/pages/error/Page.stories.tsx

@@ -13,7 +13,6 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {};
 
-
 export const Arabic: Story = {
     args: {
         kcContext: {

package/keycloak-theme/login/pages/error/Page.tsx

@@ -1,6 +1,5 @@
-
-import { Alert, AlertDescription } from '@/components/ui/alert';
-import { Button } from '@/components/ui/button';
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
 import { kcSanitize } from "@keycloakify/login-ui/kcSanitize";
 import { assert } from "tsafe/assert";
 import { useKcContext } from "../../KcContext";
@@ -27,15 +26,17 @@ export function Page() {
                     </AlertDescription>
                 </Alert>
 
-                {!kcContext.skipLink && kcContext.client !== undefined && kcContext.client.baseUrl !== undefined && (
-                    <div className="mt-2 flex justify-end">
-                        <Button type="button">
-                            <a id="backToApplication" href={kcContext.client.baseUrl}>
-                                {msg("backToApplication")}
-                            </a>
-                        </Button>
-                    </div>
-                )}
+                {!kcContext.skipLink &&
+                    kcContext.client !== undefined &&
+                    kcContext.client.baseUrl !== undefined && (
+                        <div className="mt-2 flex justify-end">
+                            <Button type="button">
+                                <a id="backToApplication" href={kcContext.client.baseUrl}>
+                                    {msg("backToApplication")}
+                                </a>
+                            </Button>
+                        </div>
+                    )}
             </div>
         </Template>
     );

package/keycloak-theme/login/pages/frontchannel-logout/Page.tsx

@@ -1,14 +1,13 @@
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
-import { useI18n } from '@/login/i18n';
-import { useKcContext } from '@/login/KcContext';
+import { useI18n } from "@/login/i18n";
+import { useKcContext } from "@/login/KcContext";
 import { useEffect, useState } from "react";
 import { FiCheck, FiExternalLink } from "react-icons/fi";
 import { assert } from "tsafe/assert";
 import { Template } from "../../components/Template";
 
 export function Page() {
-
     const { kcContext } = useKcContext();
     assert(kcContext.pageId === "frontchannel-logout.ftl");
 
@@ -27,7 +26,6 @@ export function Page() {
         window.location.replace(kcContext.logout.logoutRedirectUri);
     }, [iframeLoadCount]);
 
-
     return (
         <Template
             documentTitle={msgStr("frontchannel-logout.title")}

package/keycloak-theme/login/pages/idp-review-user-profile/Page.stories.tsx

@@ -1,6 +1,5 @@
 import { createKcPageStory, type Meta, type StoryObj } from "../../mocks/KcPageStory";
 
-
 const { KcPageStory } = createKcPageStory({ pageId: "idp-review-user-profile.ftl" });
 
 const meta = {

package/keycloak-theme/login/pages/idp-review-user-profile/Page.tsx

@@ -6,10 +6,7 @@ import { Template } from "../../components/Template";
 import { UserProfileFormFields } from "../../components/UserProfileFormFields";
 import { useI18n } from "../../i18n";
 
-
 export function Page() {
-
-
     const { kcContext } = useKcContext();
     assert(kcContext.pageId === "idp-review-user-profile.ftl");
 
@@ -32,8 +29,8 @@ export function Page() {
                 <UserProfileFormFields
                     onIsFormSubmittableValueChange={setIsFomSubmittable}
                 />
-                <div >
-                    <div id="kc-form-options" >
+                <div>
+                    <div id="kc-form-options">
                         <div />
                     </div>
                     <div id="kc-form-buttons">