@oussemasahbeni/keycloakify-login-shadcn 250004.0.7 → 250004.0.8

package/keycloak-theme/login/pages/webauthn-authenticate/Page.tsx

@@ -1,23 +1,28 @@
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { useI18n } from '@/login/i18n';
-import { useKcContext } from '@/login/KcContext';
-import { useKcClsx } from '@keycloakify/login-ui/useKcClsx';
+import { useI18n } from "@/login/i18n";
+import { useKcContext } from "@/login/KcContext";
+import { useKcClsx } from "@keycloakify/login-ui/useKcClsx";
 import { clsx } from "keycloakify/tools/clsx";
 import { Fingerprint, Shield } from "lucide-react";
 import { Fragment } from "react";
 import { assert } from "tsafe/assert";
 import { Template } from "../../components/Template";
-import { useScript } from './useScript';
+import { useScript } from "./useScript";
 
 export function Page() {
-
     const { kcContext } = useKcContext();
     assert(kcContext.pageId === "webauthn-authenticate.ftl");
 
     const { kcClsx } = useKcClsx();
 
-    const { url, realm, registrationDisabled, authenticators, shouldDisplayAuthenticators } = kcContext;
+    const {
+        url,
+        realm,
+        registrationDisabled,
+        authenticators,
+        shouldDisplayAuthenticators
+    } = kcContext;
 
     const { msg, msgStr, advancedMsg } = useI18n();
 
@@ -25,7 +30,6 @@ export function Page() {
 
     useScript({ webAuthnButtonId });
 
-
     return (
         <Template
             displayInfo={realm.registrationAllowed && !registrationDisabled}
@@ -127,46 +131,46 @@ export function Page() {
                                                     {authenticator.transports
                                                         .displayNameProperties
                                                         ?.length && (
-                                                            <div
-                                                                id={`kc-webauthn-authenticator-transport-${i}`}
-                                                                className="text-xs text-muted-foreground mt-1"
-                                                            >
-                                                                {authenticator.transports.displayNameProperties
-                                                                    .map(
-                                                                        (
-                                                                            displayNameProperty,
-                                                                            i,
-                                                                            arr
-                                                                        ) => ({
-                                                                            displayNameProperty,
-                                                                            hasNext:
-                                                                                i !==
-                                                                                arr.length - 1
-                                                                        })
+                                                        <div
+                                                            id={`kc-webauthn-authenticator-transport-${i}`}
+                                                            className="text-xs text-muted-foreground mt-1"
+                                                        >
+                                                            {authenticator.transports.displayNameProperties
+                                                                .map(
+                                                                    (
+                                                                        displayNameProperty,
+                                                                        i,
+                                                                        arr
+                                                                    ) => ({
+                                                                        displayNameProperty,
+                                                                        hasNext:
+                                                                            i !==
+                                                                            arr.length - 1
+                                                                    })
+                                                                )
+                                                                .map(
+                                                                    ({
+                                                                        displayNameProperty,
+                                                                        hasNext
+                                                                    }) => (
+                                                                        <Fragment
+                                                                            key={
+                                                                                displayNameProperty
+                                                                            }
+                                                                        >
+                                                                            {advancedMsg(
+                                                                                displayNameProperty
+                                                                            )}
+                                                                            {hasNext && (
+                                                                                <span>
+                                                                                    ,{" "}
+                                                                                </span>
+                                                                            )}
+                                                                        </Fragment>
                                                                     )
-                                                                    .map(
-                                                                        ({
-                                                                            displayNameProperty,
-                                                                            hasNext
-                                                                        }) => (
-                                                                            <Fragment
-                                                                                key={
-                                                                                    displayNameProperty
-                                                                                }
-                                                                            >
-                                                                                {advancedMsg(
-                                                                                    displayNameProperty
-                                                                                )}
-                                                                                {hasNext && (
-                                                                                    <span>
-                                                                                        ,{" "}
-                                                                                    </span>
-                                                                                )}
-                                                                            </Fragment>
-                                                                        )
-                                                                    )}
-                                                            </div>
-                                                        )}
+                                                                )}
+                                                        </div>
+                                                    )}
 
                                                     <div className="text-xs text-muted-foreground mt-1">
                                                         <span

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

@@ -1,6 +1,5 @@
 import { createKcPageStory, type Meta, type StoryObj } from "../../mocks/KcPageStory";
 
-
 const { KcPageStory } = createKcPageStory({ pageId: "webauthn-error.ftl" });
 
 const meta = {
@@ -69,8 +68,7 @@ export const WithAppInitiatedAction: Story = {
             },
             isAppInitiatedAction: true,
             message: {
-                summary:
-                    "WebAuthn authentication failed. You can try again or cancel.",
+                summary: "WebAuthn authentication failed. You can try again or cancel.",
                 type: "error"
             }
         }
@@ -91,8 +89,7 @@ export const WithJavaScriptDisabled: Story = {
             },
             isAppInitiatedAction: false,
             message: {
-                summary:
-                    "JavaScript is disabled or not working. Please retry manually.",
+                summary: "JavaScript is disabled or not working. Please retry manually.",
                 type: "warning"
             }
         }

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

@@ -1,6 +1,6 @@
 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";
 
@@ -13,10 +13,7 @@ export function Page() {
     const { msg, msgStr } = useI18n();
 
     return (
-        <Template
-            displayMessage
-            headerNode={msg("webauthn-error-title")}
-        >
+        <Template displayMessage headerNode={msg("webauthn-error-title")}>
             <div className="space-y-4">
                 <form
                     id="kc-error-credential-form"

package/keycloak-theme/login/pages/webauthn-register/Page.stories.tsx

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

package/keycloak-theme/login/pages/webauthn-register/Page.tsx

@@ -1,10 +1,10 @@
 import { Button } from "@/components/ui/button";
-import { LogoutOtherSessions } from '@/login/components/LogoutOtherSessions';
-import { useI18n } from '@/login/i18n';
-import { useKcContext } from '@/login/KcContext';
+import { LogoutOtherSessions } from "@/login/components/LogoutOtherSessions";
+import { useI18n } from "@/login/i18n";
+import { useKcContext } from "@/login/KcContext";
 import { assert } from "tsafe/assert";
 import { Template } from "../../components/Template";
-import { useScript } from './useScript';
+import { useScript } from "./useScript";
 
 export function Page() {
     const { kcContext } = useKcContext();

package/keycloak-theme/login/styleLevelCustomization.tsx

@@ -1,8 +1,8 @@
-import { ThemeProvider } from '@/components/theme-provider';
+import { ThemeProvider } from "@/components/theme-provider";
 import type { ClassKey } from "@keycloakify/login-ui/useKcClsx";
 import type { ReactNode } from "react";
-import { useKcContext } from './KcContext';
-import { getTheme } from './shared/getColorScheme';
+import { useKcContext } from "./KcContext";
+import { getTheme } from "./shared/getColorScheme";
 
 type Classes = { [key in ClassKey]?: string };
 
@@ -19,7 +19,6 @@ function Provider(props: { children: ReactNode }) {
 
     const { kcContext } = useKcContext();
 
-
     return (
         <ThemeProvider defaultTheme={getTheme(kcContext.darkMode)}>
             {children}
@@ -27,10 +26,9 @@ function Provider(props: { children: ReactNode }) {
     );
 }
 
-
 export function useStyleLevelCustomization(): StyleLevelCustomization {
     return {
         doUseDefaultCss: false,
         Provider
     };
-}
+}

package/keycloak-theme/public/site.webmanifest

@@ -1 +1,11 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+        { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oussemasahbeni/keycloakify-login-shadcn",
-  "version": "250004.0.7",
+  "version": "250004.0.8",
   "description": "Keycloakify Shadcn Theme extensions",
   "license": "MIT",
   "repository": {
@@ -13,6 +13,7 @@
     "keycloak-theme"
   ],
   "peerDependencies": {
+    "@keycloakify/login-ui": "~250004.6.5",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -28,7 +29,6 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "input-otp": "^1.4.2",
-    "@keycloakify/login-ui": "~250004.6.5",
     "lucide-react": "^0.473.0",
     "react-icons": "^5.5.0",
     "tailwind-merge": "^2.6.0",