-
-
+
{
+ setIsOpen(true);
+ }}
+ onKeyDown={onKeyDownHandler(() => {
+ setIsOpen(true);
+ })}
+ >
+
+ {value.toUpperCase()}
+ {
+ setIsOpen(false);
+ }}
+ >
+ {
+ onChange(hex);
+ }}
+ />
+
);
}
+
export default ColorPicker;
diff --git a/packages/console/src/components/Dropdown/index.tsx b/packages/console/src/components/Dropdown/index.tsx
index 15636de3c..dcb6ea828 100644
--- a/packages/console/src/components/Dropdown/index.tsx
+++ b/packages/console/src/components/Dropdown/index.tsx
@@ -79,7 +79,14 @@ function Dropdown({
}}
className={classNames(styles.content, positionState.verticalAlign === 'top' && styles.onTop)}
overlayClassName={styles.overlay}
- onRequestClose={onClose}
+ onRequestClose={(event) => {
+ /**
+ * Note:
+ * we should stop propagation to prevent the event from bubbling up when we click on the overlay to close the dropdown.
+ */
+ event.stopPropagation();
+ onClose?.();
+ }}
onAfterOpen={mutate}
>
diff --git a/packages/console/src/components/ImageWithErrorFallback/index.tsx b/packages/console/src/components/ImageWithErrorFallback/index.tsx
index 9cd18b1a0..25f21a72b 100644
--- a/packages/console/src/components/ImageWithErrorFallback/index.tsx
+++ b/packages/console/src/components/ImageWithErrorFallback/index.tsx
@@ -39,7 +39,14 @@ function ImageWithErrorFallback({
return (
) {
src={`${githubRawUrlPrefix}${src}`}
alt={alt}
width={`${width}px`}
+ crossOrigin="anonymous"
onLoad={onLoad}
/>
);
diff --git a/packages/console/src/components/Uploader/ImageUploader/index.tsx b/packages/console/src/components/Uploader/ImageUploader/index.tsx
index 6d8d68c62..ed3533d85 100644
--- a/packages/console/src/components/Uploader/ImageUploader/index.tsx
+++ b/packages/console/src/components/Uploader/ImageUploader/index.tsx
@@ -26,7 +26,7 @@ export type Props = Omit & {
function ImageUploader({ name, value, onDelete, ...rest }: Props) {
return value ? (
- 
+
);
}
diff --git a/packages/console/src/components/Markdown/components/GithubRawImage/index.tsx b/packages/console/src/components/Markdown/components/GithubRawImage/index.tsx
index 08774860b..e1c42ed5f 100644
--- a/packages/console/src/components/Markdown/components/GithubRawImage/index.tsx
+++ b/packages/console/src/components/Markdown/components/GithubRawImage/index.tsx
@@ -27,6 +27,7 @@ function GithubRawImage({ src, alt }: HTMLProps
- 
+
{
diff --git a/packages/core/package.json b/packages/core/package.json
index 4af5da523..75b175649 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -56,6 +56,7 @@
"koa-body": "^5.0.0",
"koa-compose": "^4.1.0",
"koa-compress": "^5.1.0",
+ "koa-helmet": "^7.0.2",
"koa-logger": "^3.2.1",
"koa-mount": "^4.0.0",
"koa-proxies": "^0.12.1",
diff --git a/packages/core/src/app/init.ts b/packages/core/src/app/init.ts
index da0b9737b..6cc8a4379 100644
--- a/packages/core/src/app/init.ts
+++ b/packages/core/src/app/init.ts
@@ -1,7 +1,7 @@
import fs from 'node:fs/promises';
import http2 from 'node:http2';
-import { appInsights } from '@logto/app-insights/node.js';
+import { appInsights } from '@logto/app-insights/node';
import { toTitle, trySafe } from '@silverhand/essentials';
import chalk from 'chalk';
import type Koa from 'koa';
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 49b534e2b..7cabb0b61 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -8,7 +8,7 @@ import SystemContext from './tenants/SystemContext.js';
dotenv.config({ path: await findUp('.env', {}) });
-const { appInsights } = await import('@logto/app-insights/node.js');
+const { appInsights } = await import('@logto/app-insights/node');
if (appInsights.setup('logto')) {
console.debug('Initialized ApplicationInsights');
diff --git a/packages/core/src/middleware/koa-error-handler.ts b/packages/core/src/middleware/koa-error-handler.ts
index 2a6e9cfef..5dfe855ce 100644
--- a/packages/core/src/middleware/koa-error-handler.ts
+++ b/packages/core/src/middleware/koa-error-handler.ts
@@ -1,4 +1,4 @@
-import { appInsights } from '@logto/app-insights/node.js';
+import { appInsights } from '@logto/app-insights/node';
import type { RequestErrorBody } from '@logto/schemas';
import type { Middleware } from 'koa';
import { HttpError } from 'koa';
diff --git a/packages/core/src/middleware/koa-security-headers.ts b/packages/core/src/middleware/koa-security-headers.ts
new file mode 100644
index 000000000..4e81b5578
--- /dev/null
+++ b/packages/core/src/middleware/koa-security-headers.ts
@@ -0,0 +1,124 @@
+import { defaultTenantId } from '@logto/schemas';
+import type { MiddlewareType } from 'koa';
+import helmet from 'koa-helmet';
+
+import { EnvSet, AdminApps, getTenantEndpoint } from '#src/env-set/index.js';
+
+/**
+ * Apply security headers to the response using koa-helmet
+ * @see https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html for recommended headers
+ * @see https://helmetjs.github.io/ for more details
+ * @returns koa middleware
+ */
+
+export default function koaSecurityHeaders(
+ mountedApps: string[],
+ tenantId: string
+): MiddlewareType {
+ type Middleware = MiddlewareType;
+
+ type HelmetOptions = Parameters[0];
+
+ const { isProduction, isCloud, isMultiTenancy, adminUrlSet, cloudUrlSet } = EnvSet.values;
+
+ const adminOrigins = adminUrlSet.origins;
+ const cloudOrigins = isCloud ? cloudUrlSet.origins : [];
+ const tenantEndpointOrigin = getTenantEndpoint(
+ isMultiTenancy ? tenantId : defaultTenantId,
+ EnvSet.values
+ ).origin;
+ const developmentOrigins = isProduction ? [] : ['ws:'];
+
+ /**
+ * Default Applied rules:
+ * - crossOriginOpenerPolicy: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#cross-origin-opener-policy-coop
+ * - crossOriginResourcePolicy: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#cross-origin-resource-policy-corp
+ * - crossOriginEmbedderPolicy: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#cross-origin-embedder-policy-coep
+ * - hidePoweredBy: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#x-powered-by
+ * - hsts: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#strict-transport-security-hsts
+ * - ieNoOpen: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#x-download-options
+ * - noSniff: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#x-content-type-options
+ * - permittedCrossDomainPolicies: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#x-permitted-cross-domain-policies
+ * - referrerPolicy: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#referrer-policy
+ * - xssFilter: https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#x-xss-protection
+ * - originAgentCluster: https://whatpr.org/html/6214/origin.html#origin-keyed-agent-clusters
+ */
+
+ const basicSecurityHeaderSettings: HelmetOptions = {
+ contentSecurityPolicy: false, // Exclusively set per app
+ expectCt: false, // Not recommended, will be deprecated by modern browsers
+ dnsPrefetchControl: false,
+ referrerPolicy: {
+ policy: 'strict-origin-when-cross-origin',
+ },
+ };
+
+ const mainFlowUiSecurityHeaderSettings: HelmetOptions = {
+ ...basicSecurityHeaderSettings,
+ // WARNING: high risk Need to allow self hosted terms of use page loaded in an iframe
+ frameguard: false,
+ // Alow loaded by console preview iframe
+ crossOriginResourcePolicy: {
+ policy: 'cross-origin',
+ },
+ contentSecurityPolicy: {
+ useDefaults: true,
+ // Temporary set to report only to avoid breaking the app
+ reportOnly: true,
+ directives: {
+ imgSrc: ["'self'", 'data:', 'https:'],
+ connectSrc: ["'self'", ...adminOrigins, ...cloudOrigins, ...developmentOrigins],
+ // WARNING: high risk Need to allow self hosted terms of use page loaded in an iframe
+ frameSrc: ["'self'", 'https:'],
+ // Alow loaded by console preview iframe
+ frameAncestors: ["'self'", ...adminOrigins, ...cloudOrigins],
+ },
+ },
+ };
+
+ const consoleSecurityHeaderSettings: HelmetOptions = {
+ ...basicSecurityHeaderSettings,
+ // Guarded by CSP header bellow
+ frameguard: false,
+ contentSecurityPolicy: {
+ useDefaults: true,
+ // Temporary set to report only to avoid breaking the app
+ reportOnly: true,
+ directives: {
+ imgSrc: ["'self'", 'data:', 'https:'],
+ connectSrc: [
+ "'self'",
+ tenantEndpointOrigin,
+ ...adminOrigins,
+ ...cloudOrigins,
+ ...developmentOrigins,
+ ],
+ // Allow Main Flow origin loaded in preview iframe
+ frameSrc: ["'self'", tenantEndpointOrigin],
+ },
+ },
+ };
+
+ const buildHelmetMiddleware: (options: HelmetOptions) => Middleware = (options) =>
+ helmet(options);
+
+ return async (ctx, next) => {
+ const requestPath = ctx.request.path;
+
+ // Admin Console
+ if (
+ requestPath.startsWith(`/${AdminApps.Console}`) ||
+ requestPath.startsWith(`/${AdminApps.Welcome}`)
+ ) {
+ return buildHelmetMiddleware(consoleSecurityHeaderSettings)(ctx, next);
+ }
+
+ // Route has been handled by one of mounted apps
+ if (mountedApps.some((app) => app !== '' && requestPath.startsWith(`/${app}`))) {
+ return buildHelmetMiddleware(basicSecurityHeaderSettings)(ctx, next);
+ }
+
+ // Main flow UI
+ return buildHelmetMiddleware(mainFlowUiSecurityHeaderSettings)(ctx, next);
+ };
+}
diff --git a/packages/core/src/oidc/init.ts b/packages/core/src/oidc/init.ts
index 94d61d6e3..077f4a564 100644
--- a/packages/core/src/oidc/init.ts
+++ b/packages/core/src/oidc/init.ts
@@ -4,7 +4,13 @@ import { readFileSync } from 'node:fs';
import { userClaims } from '@logto/core-kit';
import type { I18nKey } from '@logto/phrases';
-import { CustomClientMetadataKey, demoAppApplicationId } from '@logto/schemas';
+import {
+ CustomClientMetadataKey,
+ demoAppApplicationId,
+ logtoCookieKey,
+ type LogtoUiCookie,
+} from '@logto/schemas';
+import { conditional } from '@silverhand/essentials';
import i18next from 'i18next';
import Provider, { errors, type ResourceServer } from 'oidc-provider';
import snakecaseKeys from 'snakecase-keys';
@@ -145,15 +151,23 @@ export default function initOidc(
},
},
interactions: {
- url: (ctx, interaction) => {
- const isDemoApp = interaction.params.client_id === demoAppApplicationId;
+ url: (ctx, { params: { client_id: appId }, prompt }) => {
+ const isDemoApp = appId === demoAppApplicationId;
+
+ ctx.cookies.set(
+ logtoCookieKey,
+ JSON.stringify({
+ appId: conditional(Boolean(appId) && String(appId)),
+ } satisfies LogtoUiCookie),
+ { sameSite: 'lax', overwrite: true, httpOnly: false }
+ );
const appendParameters = (path: string) => {
// `notification` is for showing a text banner on the homepage
return isDemoApp ? path + `?notification=demo_app.notification&no_cache` : path;
};
- switch (interaction.prompt.name) {
+ switch (prompt.name) {
case 'login': {
const isSignUp =
ctx.oidc.params?.[OIDCExtraParametersKey.InteractionMode] === InteractionMode.signUp;
@@ -166,7 +180,7 @@ export default function initOidc(
}
default: {
- throw new Error(`Prompt not supported: ${interaction.prompt.name}`);
+ throw new Error(`Prompt not supported: ${prompt.name}`);
}
}
},
diff --git a/packages/core/src/tenants/Tenant.ts b/packages/core/src/tenants/Tenant.ts
index 07c55e098..c01edd0c8 100644
--- a/packages/core/src/tenants/Tenant.ts
+++ b/packages/core/src/tenants/Tenant.ts
@@ -14,6 +14,7 @@ import koaConsoleRedirectProxy from '#src/middleware/koa-console-redirect-proxy.
import koaErrorHandler from '#src/middleware/koa-error-handler.js';
import koaI18next from '#src/middleware/koa-i18next.js';
import koaOIDCErrorHandler from '#src/middleware/koa-oidc-error-handler.js';
+import koaSecurityHeaders from '#src/middleware/koa-security-headers.js';
import koaSlonikErrorHandler from '#src/middleware/koa-slonik-error-handler.js';
import koaSpaProxy from '#src/middleware/koa-spa-proxy.js';
import koaSpaSessionGuard from '#src/middleware/koa-spa-session-guard.js';
@@ -69,6 +70,7 @@ export default class Tenant implements TenantContext {
app.use(koaConnectorErrorHandler());
app.use(koaI18next());
app.use(koaCompress());
+ app.use(koaSecurityHeaders(mountedApps, id));
// Mount OIDC
const provider = initOidc(id, envSet, queries, libraries);
@@ -82,6 +84,7 @@ export default class Tenant implements TenantContext {
libraries,
envSet,
};
+
// Mount APIs
app.use(mount('/api', initApis(tenantContext)));
@@ -126,6 +129,7 @@ export default class Tenant implements TenantContext {
this.provider = provider;
const { isPathBasedMultiTenancy, adminUrlSet } = EnvSet.values;
+
this.run =
isPathBasedMultiTenancy &&
// If admin URL Set is specified, consider that URL first
diff --git a/packages/phrases-ui/src/index.ts b/packages/phrases-ui/src/index.ts
index a00ee021f..0a9f8cac2 100644
--- a/packages/phrases-ui/src/index.ts
+++ b/packages/phrases-ui/src/index.ts
@@ -7,8 +7,10 @@ import de from './locales/de/index.js';
import en from './locales/en/index.js';
import es from './locales/es/index.js';
import fr from './locales/fr/index.js';
+import it from './locales/it/index.js';
import ja from './locales/ja/index.js';
import ko from './locales/ko/index.js';
+import plPL from './locales/pl-pl/index.js';
import ptBR from './locales/pt-br/index.js';
import ptPT from './locales/pt-pt/index.js';
import ru from './locales/ru/index.js';
@@ -27,8 +29,10 @@ export const builtInLanguages = [
'en',
'es',
'fr',
+ 'it',
'ja',
'ko',
+ 'pl-PL',
'pt-PT',
'pt-BR',
'ru',
@@ -54,8 +58,10 @@ const resource: Resource = {
en,
es,
fr,
+ it,
ja,
ko,
+ 'pl-PL': plPL,
'pt-PT': ptPT,
'pt-BR': ptBR,
ru,
diff --git a/packages/phrases-ui/src/locales/de/description.ts b/packages/phrases-ui/src/locales/de/description.ts
index d2bba651f..3e679ba0f 100644
--- a/packages/phrases-ui/src/locales/de/description.ts
+++ b/packages/phrases-ui/src/locales/de/description.ts
@@ -60,6 +60,8 @@ const description = {
create_your_account: 'Erstelle dein Konto',
sign_in_to_your_account: 'Melde dich in deinem Konto an',
no_region_code_found: 'Kein Regionencode gefunden',
+ verify_email: 'Bestätige deine E-Mail-Adresse',
+ verify_phone: 'Bestätige deine Telefonnummer',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/en/description.ts b/packages/phrases-ui/src/locales/en/description.ts
index cb0f38195..e72e46860 100644
--- a/packages/phrases-ui/src/locales/en/description.ts
+++ b/packages/phrases-ui/src/locales/en/description.ts
@@ -57,6 +57,8 @@ const description = {
create_your_account: 'Create your account',
sign_in_to_your_account: 'Sign in to your account',
no_region_code_found: 'No region code found',
+ verify_email: 'Verify your email',
+ verify_phone: 'Verify your phone number',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/es/description.ts b/packages/phrases-ui/src/locales/es/description.ts
index 379fd7dcc..806e88ba3 100644
--- a/packages/phrases-ui/src/locales/es/description.ts
+++ b/packages/phrases-ui/src/locales/es/description.ts
@@ -58,6 +58,8 @@ const description = {
create_your_account: 'Cree su cuenta',
sign_in_to_your_account: 'Inicie sesión en su cuenta',
no_region_code_found: 'No se encontró código de región',
+ verify_email: 'Verificar su correo electrónico',
+ verify_phone: 'Verificar su número de teléfono',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/fr/description.ts b/packages/phrases-ui/src/locales/fr/description.ts
index 09ae2ce3a..43d87f9f8 100644
--- a/packages/phrases-ui/src/locales/fr/description.ts
+++ b/packages/phrases-ui/src/locales/fr/description.ts
@@ -60,6 +60,8 @@ const description = {
create_your_account: 'Créer votre compte',
sign_in_to_your_account: 'Connecte-toi à ton compte',
no_region_code_found: 'Aucun code de région trouvé',
+ verify_email: 'Vérifiez votre e-mail',
+ verify_phone: 'Vérifiez votre numéro de téléphone',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/it/action.ts b/packages/phrases-ui/src/locales/it/action.ts
new file mode 100644
index 000000000..c034e6c91
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/action.ts
@@ -0,0 +1,29 @@
+const action = {
+ sign_in: 'Accedi',
+ continue: 'Continua',
+ create_account: 'Crea account',
+ create_account_without_linking: 'Crea account senza collegare',
+ create: 'Crea',
+ enter_passcode: 'Inserisci il codice di verifica',
+ confirm: 'Conferma',
+ cancel: 'Annulla',
+ save_password: 'Salva password',
+ bind: 'Collega con {{address}}',
+ bind_and_continue: 'Collega e continua',
+ back: 'Torna indietro',
+ nav_back: 'Indietro',
+ agree: 'Accetto',
+ got_it: 'Capito',
+ sign_in_with: 'Continua con {{name}}',
+ forgot_password: 'Hai dimenticato la password?',
+ switch_to: 'Passa a {{method}}',
+ sign_in_via_passcode: 'Accedi con il codice di verifica',
+ sign_in_via_password: 'Accedi con la password',
+ change: 'Cambia {{method}}',
+ link_another_email: 'Collega un altro indirizzo email',
+ link_another_phone: 'Collega un altro numero di telefono',
+ link_another_email_or_phone: 'Collega un altro indirizzo email o numero di telefono',
+ show_password: 'Mostra password',
+};
+
+export default action;
diff --git a/packages/phrases-ui/src/locales/it/demo-app.ts b/packages/phrases-ui/src/locales/it/demo-app.ts
new file mode 100644
index 000000000..fe771be5e
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/demo-app.ts
@@ -0,0 +1,5 @@
+const demo_app = {
+ notification: "Suggerimento: crea prima un account per testare l'esperienza di accesso.",
+};
+
+export default demo_app;
diff --git a/packages/phrases-ui/src/locales/it/description.ts b/packages/phrases-ui/src/locales/it/description.ts
new file mode 100644
index 000000000..786b49a56
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/description.ts
@@ -0,0 +1,63 @@
+const description = {
+ email: 'email',
+ phone_number: 'numero di telefono',
+ username: 'username',
+ reminder: 'Promemoria',
+ not_found: '404 Non trovato',
+ agree_with_terms: 'Ho letto e accetto i ',
+ agree_with_terms_modal: 'Per procedere, si prega di accettare i .',
+ terms_of_use: 'Termini di utilizzo',
+ sign_in: 'Accedi',
+ privacy_policy: 'Informativa sulla privacy',
+ create_account: 'Crea account',
+ or: 'o',
+ and: 'e',
+ enter_passcode: 'Il codice di verifica è stato inviato alla tua {{address}} {{target}}',
+ passcode_sent: 'Il codice di verifica è stato inviato di nuovo',
+ resend_after_seconds: 'Inviare di nuovo dopo {{seconds}} secondi',
+ resend_passcode: 'Inviare nuovamente il codice di verifica',
+ create_account_id_exists: "L'account con {{type}} {{value}} già esiste, vuoi accedere?",
+ link_account_id_exists: "L'account con {{type}} {{value}} è già esistente. Vuoi collegarlo?",
+ sign_in_id_does_not_exist:
+ "L'account con {{type}} {{value}} non esiste, vuoi creare un nuovo account?",
+ sign_in_id_does_not_exist_alert: "L'account con {{type}} {{value}} non esiste.",
+ create_account_id_exists_alert:
+ "L'account {{type}} {{value}} è collegato ad un altro account. Prova con un altro {{type}}.",
+ social_identity_exist:
+ "L'{{type}} {{value}} è collegato ad un altro account. Prova con un altro {{type}}.",
+ bind_account_title: 'Collega o crea un account',
+ social_create_account: 'Puoi creare un nuovo account.',
+ social_link_email: "Puoi collegare un'altra email",
+ social_link_phone: 'Puoi collegare un altro telefono',
+ social_link_email_or_phone: "Puoi collegare un'altra email o telefono",
+ social_bind_with_existing: 'Abbiamo trovato un account correlato, puoi collegarlo direttamente.',
+ reset_password: 'Resetta la password',
+ reset_password_description:
+ 'Inserisci il {{types, list(type: disjunction;)}} associato al tuo account, e ti invieremo il codice di verifica per resettare la password.',
+ new_password: 'Nuova password',
+ set_password: 'Imposta una password',
+ password_changed: 'Password cambiata',
+ no_account: 'Ancora nessun account? ',
+ have_account: 'Hai già un account?',
+ enter_password: 'Inserisci la password',
+ enter_password_for: 'Accedi con la password per {{method}} {{value}}',
+ enter_username: 'Imposta username',
+ enter_username_description:
+ "L'username è un'alternativa per l'accesso. L'username deve contenere solo lettere, numeri e trattini bassi.",
+ link_email: 'Collega emails',
+ link_phone: 'Collega telefono',
+ link_email_or_phone: 'Collega email o telefono',
+ link_email_description: "Per maggiore sicurezza, collega la tua email all'account.",
+ link_phone_description: "Per maggiore sicurezza, collega il tuo telefono all'account.",
+ link_email_or_phone_description:
+ "Per maggiore sicurezza, collega la tua email o il tuo telefono all'account.",
+ continue_with_more_information:
+ "Per maggiore sicurezza, completa i dettagli dell'account qui sotto.",
+ create_your_account: 'Crea il tuo account',
+ sign_in_to_your_account: 'Accedi al tuo account',
+ no_region_code_found: 'Nessun codice di regione trovato',
+ verify_email: 'Verifica la tua email',
+ verify_phone: 'Verifica il tuo numero di telefono',
+};
+
+export default description;
diff --git a/packages/phrases-ui/src/locales/it/error.ts b/packages/phrases-ui/src/locales/it/error.ts
new file mode 100644
index 000000000..57e8d9163
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/error.ts
@@ -0,0 +1,23 @@
+const error = {
+ general_required: `{{types, list(type: disjunction;)}} è richiesto`,
+ general_invalid: `Il {{types, list(type: disjunction;)}} non è valido`,
+ username_required: 'Username è richiesto',
+ password_required: 'La password è richiesta',
+ username_exists: 'Username esiste già',
+ username_should_not_start_with_number: "L'username non dovrebbe iniziare con un numero",
+ username_invalid_charset: "L'username dovrebbe contenere solo lettere, numeri o underscore.",
+ invalid_email: "L'email non è valida",
+ invalid_phone: 'Il numero di telefono non è valido',
+ password_min_length: 'La password richiede un minimo di {{min}} caratteri',
+ invalid_password:
+ 'La password richiede un minimo di {{min}} caratteri e contiene una combinazione di lettere, numeri e simboli.',
+ passwords_do_not_match: 'Le password non corrispondono. Per favore prova di nuovo.',
+ invalid_passcode: 'Il codice di verifica non è valido',
+ invalid_connector_auth: "L'autorizzazione è invalida",
+ invalid_connector_request: 'I dati del connettore non sono validi',
+ unknown: 'Errore sconosciuto. Si prega di riprovare più tardi.',
+ invalid_session: 'Sessione non trovata. Si prega di tornare indietro e accedere di nuovo.',
+ timeout: 'Timeout della richiesta. Si prega di riprovare più tardi.',
+};
+
+export default error;
diff --git a/packages/phrases-ui/src/locales/it/index.ts b/packages/phrases-ui/src/locales/it/index.ts
new file mode 100644
index 000000000..8142b5458
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/index.ts
@@ -0,0 +1,21 @@
+import { type LocalePhrase } from '../../types.js';
+
+import action from './action.js';
+import demo_app from './demo-app.js';
+import description from './description.js';
+import error from './error.js';
+import input from './input.js';
+import secondary from './secondary.js';
+
+const it: LocalePhrase = Object.freeze({
+ translation: {
+ input,
+ secondary,
+ action,
+ description,
+ error,
+ demo_app,
+ },
+});
+
+export default it;
diff --git a/packages/phrases-ui/src/locales/it/input.ts b/packages/phrases-ui/src/locales/it/input.ts
new file mode 100644
index 000000000..4e847d0f0
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/input.ts
@@ -0,0 +1,10 @@
+const input = {
+ username: 'Nome utente',
+ password: 'Password',
+ email: 'Email',
+ phone_number: 'Numero di telefono',
+ confirm_password: 'Conferma password',
+ search_region_code: 'Codice regione di ricerca',
+};
+
+export default input;
diff --git a/packages/phrases-ui/src/locales/it/secondary.ts b/packages/phrases-ui/src/locales/it/secondary.ts
new file mode 100644
index 000000000..621c82a4d
--- /dev/null
+++ b/packages/phrases-ui/src/locales/it/secondary.ts
@@ -0,0 +1,6 @@
+const secondary = {
+ social_bind_with:
+ 'Già un account? Accedi per collegare {{methods, list(type: disjunction;)}} con la tua identità sociale.',
+};
+
+export default secondary;
diff --git a/packages/phrases-ui/src/locales/ja/description.ts b/packages/phrases-ui/src/locales/ja/description.ts
index ac0ad5b3c..acea23801 100644
--- a/packages/phrases-ui/src/locales/ja/description.ts
+++ b/packages/phrases-ui/src/locales/ja/description.ts
@@ -58,6 +58,8 @@ const description = {
create_your_account: 'アカウントを作成する',
sign_in_to_your_account: 'アカウントにサインインする',
no_region_code_found: '地域コードが見つかりません',
+ verify_email: 'Eメールを確認する',
+ verify_phone: '電話番号を確認する',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/ko/description.ts b/packages/phrases-ui/src/locales/ko/description.ts
index d41368a3f..4762dc2a5 100644
--- a/packages/phrases-ui/src/locales/ko/description.ts
+++ b/packages/phrases-ui/src/locales/ko/description.ts
@@ -53,6 +53,8 @@ const description = {
create_your_account: '계정 생성하기',
sign_in_to_your_account: '계정에 로그인하세요',
no_region_code_found: '지역 코드를 찾을 수 없습니다.',
+ verify_email: '이메일 인증',
+ verify_phone: '휴대전화번호 인증',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/pl-pl/action.ts b/packages/phrases-ui/src/locales/pl-pl/action.ts
new file mode 100644
index 000000000..64710de96
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/action.ts
@@ -0,0 +1,29 @@
+const action = {
+ sign_in: 'Zaloguj się',
+ continue: 'Kontynuuj',
+ create_account: 'Utwórz konto',
+ create_account_without_linking: 'Utwórz konto bez łączenia',
+ create: 'Utwórz',
+ enter_passcode: 'Wprowadź kod weryfikacyjny',
+ confirm: 'Potwierdź',
+ cancel: 'Anuluj',
+ save_password: 'Zapisz hasło',
+ bind: 'Połącz z {{address}}',
+ bind_and_continue: 'Połącz i kontynuuj',
+ back: 'Wróć',
+ nav_back: 'Wstecz',
+ agree: 'Zgadzam się',
+ got_it: 'Zrozumiałem',
+ sign_in_with: 'Kontynuuj z {{name}}',
+ forgot_password: 'Zapomniałeś hasła?',
+ switch_to: 'Przełącz na {{method}}',
+ sign_in_via_passcode: 'Zaloguj się za pomocą kodu weryfikacyjnego',
+ sign_in_via_password: 'Zaloguj się za pomocą hasła',
+ change: 'Zmień {{method}}',
+ link_another_email: 'Połącz inne konto email',
+ link_another_phone: 'Połącz inne konto telefoniczne',
+ link_another_email_or_phone: 'Połącz inne konto email lub telefoniczne',
+ show_password: 'Pokaż hasło',
+};
+
+export default action;
diff --git a/packages/phrases-ui/src/locales/pl-pl/demo-app.ts b/packages/phrases-ui/src/locales/pl-pl/demo-app.ts
new file mode 100644
index 000000000..0c61d2cc4
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/demo-app.ts
@@ -0,0 +1,5 @@
+const demo_app = {
+ notification: 'Wskazówka: Najpierw stwórz konto, aby przetestować proces logowania.',
+};
+
+export default demo_app;
diff --git a/packages/phrases-ui/src/locales/pl-pl/description.ts b/packages/phrases-ui/src/locales/pl-pl/description.ts
new file mode 100644
index 000000000..41c048b89
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/description.ts
@@ -0,0 +1,63 @@
+const description = {
+ email: 'adres email',
+ phone_number: 'numer telefonu',
+ username: 'nazwa użytkownika',
+ reminder: 'Przypomnienie',
+ not_found: '404 Nie znaleziono',
+ agree_with_terms: 'Przeczytałem/am i zgadzam się z ',
+ agree_with_terms_modal: 'Do kontynuacji należy zaakceptować .',
+ terms_of_use: 'Warunki korzystania',
+ sign_in: 'Zaloguj się',
+ privacy_policy: 'Polityka prywatności',
+ create_account: 'Utwórz konto',
+ or: 'lub',
+ and: 'i',
+ enter_passcode: 'Kod weryfikacyjny został wysłany na twoje {{address}} {{target}}',
+ passcode_sent: 'Kod weryfikacyjny został wysłany ponownie',
+ resend_after_seconds: 'Wyślij ponownie po {{seconds}} sekundach',
+ resend_passcode: 'Wyślij kod weryfikacyjny ponownie',
+ create_account_id_exists: 'Konto z {{type}} {{value}} już istnieje. Czy chcesz się zalogować?',
+ link_account_id_exists: 'Konto z {{type}} {{value}} już istnieje. Czy chcesz je połączyć?',
+ sign_in_id_does_not_exist:
+ 'Konto z {{type}} {{value}} nie istnieje. Czy chcesz utworzyć nowe konto?',
+ sign_in_id_does_not_exist_alert: 'Konto z {{type}} {{value}} nie istnieje.',
+ create_account_id_exists_alert:
+ 'Konto z {{type}} {{value}} jest połączone z innym kontem. Spróbuj inny {{type}}.',
+ social_identity_exist: '{{type}} {{value}} jest połączony z innym kontem. Spróbuj inny {{type}}.',
+ bind_account_title: 'Połącz lub utwórz konto',
+ social_create_account: 'Możesz utworzyć nowe konto.',
+ social_link_email: 'Możesz połączyć kolejny adres email',
+ social_link_phone: 'Możesz połączyć kolejny numer telefonu',
+ social_link_email_or_phone: 'Możesz połączyć kolejny adres email lub numer telefonu',
+ social_bind_with_existing: 'Znaleźliśmy powiązane konto, możesz je połączyć bezpośrednio.',
+ reset_password: 'Zresetuj hasło',
+ reset_password_description:
+ 'Wpisz {{types, lista(type: złączonych;)}} związanego z twoim kontem, a wyślemy ci kod weryfikacyjny do zresetowania hasła.',
+ new_password: 'Nowe hasło',
+ set_password: 'Ustaw hasło',
+ password_changed: 'Hasło zmienione',
+ no_account: 'Nie masz jeszcze konta? ',
+ have_account: 'Masz już konto?',
+ enter_password: 'Wpisz hasło',
+ enter_password_for: 'Zaloguj się przy użyciu hasła do {{method}} {{value}}',
+ enter_username: 'Ustaw nazwę użytkownika',
+ enter_username_description:
+ 'Nazwa użytkownika jest alternatywną formą logowania. Nazwa użytkownika powinna zawierać tylko litery, cyfry i podkreślenia.',
+ link_email: 'Połącz adres email',
+ link_phone: 'Połącz numer telefonu',
+ link_email_or_phone: 'Połącz adres email lub numer telefonu',
+ link_email_description: 'Dla zwiększenia bezpieczeństwa, proszę połączyć konto z adresem e-mail.',
+ link_phone_description:
+ 'Dla zwiększenia bezpieczeństwa, proszę połączyć konto z numerem telefonu.',
+ link_email_or_phone_description:
+ 'Dla zwiększenia bezpieczeństwa, proszę połączyć konto z adresem e-mail lub numerem telefonu.',
+ continue_with_more_information:
+ 'Dla zwiększenia bezpieczeństwa, proszę uzupełnić poniższe informacje o koncie.',
+ create_your_account: 'Utwórz konto',
+ sign_in_to_your_account: 'Zaloguj się do swojego konta',
+ no_region_code_found: 'Nie znaleziono kodu regionu',
+ verify_email: 'Potwierdź swój email',
+ verify_phone: 'Potwierdź swój numer telefonu',
+};
+
+export default description;
diff --git a/packages/phrases-ui/src/locales/pl-pl/error.ts b/packages/phrases-ui/src/locales/pl-pl/error.ts
new file mode 100644
index 000000000..aaf733ab8
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/error.ts
@@ -0,0 +1,24 @@
+const error = {
+ general_required: `{{types, list(type: disjunction;)}} jest wymagany`,
+ general_invalid: `{{types, list(type: disjunction;)}} jest nieprawidłowe`,
+ username_required: 'Nazwa użytkownika jest wymagana',
+ password_required: 'Hasło jest wymagane',
+ username_exists: 'Nazwa użytkownika już istnieje',
+ username_should_not_start_with_number: 'Nazwa użytkownika nie powinna zaczynać się od liczby',
+ username_invalid_charset:
+ 'Nazwa użytkownika powinna zawierać tylko litery, liczby lub podkreślenia.',
+ invalid_email: 'Nieprawidłowy adres e-mail',
+ invalid_phone: 'Nieprawidłowy numer telefonu',
+ password_min_length: 'Hasło wymaga minimum {{min}} znaków',
+ invalid_password:
+ 'Hasło wymaga minimum {{min}} znaków i zawiera kombinację liter, cyfr oraz symboli.',
+ passwords_do_not_match: 'Hasła nie pasują do siebie. Proszę spróbuj ponownie.',
+ invalid_passcode: 'Nieprawidłowy kod weryfikacyjny',
+ invalid_connector_auth: 'Nieprawidłowa autoryzacja',
+ invalid_connector_request: 'Nieprawidłowe dane konektora',
+ unknown: 'Nieznany błąd. Proszę spróbuj ponownie później.',
+ invalid_session: 'Sesja nie znaleziona. Proszę wróć i zaloguj się ponownie.',
+ timeout: 'Czas żądania upłynął. Proszę spróbuj ponownie później.',
+};
+
+export default error;
diff --git a/packages/phrases-ui/src/locales/pl-pl/index.ts b/packages/phrases-ui/src/locales/pl-pl/index.ts
new file mode 100644
index 000000000..497c0526b
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/index.ts
@@ -0,0 +1,21 @@
+import { type LocalePhrase } from '../../types.js';
+
+import action from './action.js';
+import demo_app from './demo-app.js';
+import description from './description.js';
+import error from './error.js';
+import input from './input.js';
+import secondary from './secondary.js';
+
+const plPL: LocalePhrase = Object.freeze({
+ translation: {
+ input,
+ secondary,
+ action,
+ description,
+ error,
+ demo_app,
+ },
+});
+
+export default plPL;
diff --git a/packages/phrases-ui/src/locales/pl-pl/input.ts b/packages/phrases-ui/src/locales/pl-pl/input.ts
new file mode 100644
index 000000000..186047c1b
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/input.ts
@@ -0,0 +1,10 @@
+const input = {
+ username: 'Nazwa użytkownika',
+ password: 'Hasło',
+ email: 'E-mail',
+ phone_number: 'Numer telefonu',
+ confirm_password: 'Potwierdź hasło',
+ search_region_code: 'Kod regionu wyszukiwania',
+};
+
+export default input;
diff --git a/packages/phrases-ui/src/locales/pl-pl/secondary.ts b/packages/phrases-ui/src/locales/pl-pl/secondary.ts
new file mode 100644
index 000000000..42f05d1c2
--- /dev/null
+++ b/packages/phrases-ui/src/locales/pl-pl/secondary.ts
@@ -0,0 +1,6 @@
+const secondary = {
+ social_bind_with:
+ 'Masz już konto? Zaloguj się, aby połączyć {{methods, list(type: disjunction;)}} z twoją tożsamością społeczną.',
+};
+
+export default secondary;
diff --git a/packages/phrases-ui/src/locales/pt-br/description.ts b/packages/phrases-ui/src/locales/pt-br/description.ts
index 22d9298ee..37836e1f0 100644
--- a/packages/phrases-ui/src/locales/pt-br/description.ts
+++ b/packages/phrases-ui/src/locales/pt-br/description.ts
@@ -55,6 +55,8 @@ const description = {
create_your_account: 'Crie sua conta',
sign_in_to_your_account: 'Faça login na sua conta',
no_region_code_found: 'Não foi possível encontrar o código de região do seu telefone.',
+ verify_email: 'Verificar e-mail',
+ verify_phone: 'Verificar número de telefone',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/pt-pt/description.ts b/packages/phrases-ui/src/locales/pt-pt/description.ts
index b716a8c48..aa132a064 100644
--- a/packages/phrases-ui/src/locales/pt-pt/description.ts
+++ b/packages/phrases-ui/src/locales/pt-pt/description.ts
@@ -55,6 +55,8 @@ const description = {
create_your_account: 'Crie a sua conta',
sign_in_to_your_account: 'Inicie sessão na sua conta',
no_region_code_found: 'Não foi possível encontrar o código de região do seu telefone.',
+ verify_email: 'Verifique o seu email',
+ verify_phone: 'Verifique o seu número de telefone',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/ru/description.ts b/packages/phrases-ui/src/locales/ru/description.ts
index 689e68b13..766e9a468 100644
--- a/packages/phrases-ui/src/locales/ru/description.ts
+++ b/packages/phrases-ui/src/locales/ru/description.ts
@@ -59,6 +59,8 @@ const description = {
create_your_account: 'Создайте свой аккаунт',
sign_in_to_your_account: 'Войди в свой аккаунт',
no_region_code_found: 'Не удалось определить код региона',
+ verify_email: 'Подтвердите Ваш электронный адрес',
+ verify_phone: 'Подтвердите свой номер телефона',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/tr-tr/description.ts b/packages/phrases-ui/src/locales/tr-tr/description.ts
index 315b313d7..6e6dffbe8 100644
--- a/packages/phrases-ui/src/locales/tr-tr/description.ts
+++ b/packages/phrases-ui/src/locales/tr-tr/description.ts
@@ -56,6 +56,8 @@ const description = {
create_your_account: 'Hesabını oluştur',
sign_in_to_your_account: 'Hesabına giriş yap',
no_region_code_found: 'Bölge kodu bulunamadı',
+ verify_email: 'E-postanızın doğrulanması',
+ verify_phone: 'Telefon numaranızın doğrulanması',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/zh-cn/description.ts b/packages/phrases-ui/src/locales/zh-cn/description.ts
index f898ea36d..7dfb11806 100644
--- a/packages/phrases-ui/src/locales/zh-cn/description.ts
+++ b/packages/phrases-ui/src/locales/zh-cn/description.ts
@@ -49,6 +49,8 @@ const description = {
create_your_account: '注册你的账号',
sign_in_to_your_account: '登录你的账号',
no_region_code_found: '没有找到区域码',
+ verify_email: '验证你的邮箱',
+ verify_phone: '验证你的手机号',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/zh-hk/description.ts b/packages/phrases-ui/src/locales/zh-hk/description.ts
index cf9723c6d..cae1bf8e3 100644
--- a/packages/phrases-ui/src/locales/zh-hk/description.ts
+++ b/packages/phrases-ui/src/locales/zh-hk/description.ts
@@ -49,6 +49,8 @@ const description = {
create_your_account: '註冊你的帳號',
sign_in_to_your_account: '登錄你的帳號',
no_region_code_found: '沒有找到區域碼',
+ verify_email: '驗證你的郵箱',
+ verify_phone: '驗證你的手機號',
};
export default description;
diff --git a/packages/phrases-ui/src/locales/zh-tw/description.ts b/packages/phrases-ui/src/locales/zh-tw/description.ts
index 23a841383..ecd7d41e4 100644
--- a/packages/phrases-ui/src/locales/zh-tw/description.ts
+++ b/packages/phrases-ui/src/locales/zh-tw/description.ts
@@ -49,6 +49,8 @@ const description = {
create_your_account: '註冊你的帳號',
sign_in_to_your_account: '登錄你的帳號',
no_region_code_found: '沒有找到區域碼',
+ verify_email: '驗證你的郵箱',
+ verify_phone: '驗證你的手機號碼',
};
export default description;
diff --git a/packages/phrases/src/index.ts b/packages/phrases/src/index.ts
index 21c5fca5a..5e5e142e4 100644
--- a/packages/phrases/src/index.ts
+++ b/packages/phrases/src/index.ts
@@ -7,8 +7,10 @@ import de from './locales/de/index.js';
import en from './locales/en/index.js';
import es from './locales/es/index.js';
import fr from './locales/fr/index.js';
+import it from './locales/it/index.js';
import ja from './locales/ja/index.js';
import ko from './locales/ko/index.js';
+import plPL from './locales/pl-pl/index.js';
import ptBR from './locales/pt-br/index.js';
import ptPT from './locales/pt-pt/index.js';
import ru from './locales/ru/index.js';
@@ -27,8 +29,10 @@ export const builtInLanguages = [
'en',
'es',
'fr',
+ 'it',
'ja',
'ko',
+ 'pl-PL',
'pt-BR',
'pt-PT',
'ru',
@@ -66,8 +70,10 @@ const resource: Resource = {
en,
es,
fr,
+ it,
ja,
ko,
+ 'pl-PL': plPL,
'pt-BR': ptBR,
'pt-PT': ptPT,
ru,
diff --git a/packages/phrases/src/locales/it/errors/auth.ts b/packages/phrases/src/locales/it/errors/auth.ts
new file mode 100644
index 000000000..abf03904c
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/auth.ts
@@ -0,0 +1,13 @@
+const auth = {
+ authorization_header_missing: 'Header Autorizzazione mancante.',
+ authorization_token_type_not_supported: 'Tipo di autorizzazione non supportato.',
+ unauthorized: 'Non autorizzato. Controlla le credenziali e il loro ambito.',
+ forbidden: "Vietato. Controlla i ruoli e le autorizzazioni dell'utente.",
+ expected_role_not_found:
+ "Ruolo atteso non trovato. Controlla i ruoli e le autorizzazioni dell'utente.",
+ jwt_sub_missing: 'Manca il valore `sub` in JWT.',
+ require_re_authentication:
+ "È necessaria una nuova autenticazione per eseguire un'azione protetta.",
+};
+
+export default auth;
diff --git a/packages/phrases/src/locales/it/errors/connector.ts b/packages/phrases/src/locales/it/errors/connector.ts
new file mode 100644
index 000000000..1ee61f08b
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/connector.ts
@@ -0,0 +1,40 @@
+const connector = {
+ general: 'Si è verificato un errore nel connettore: {{errorDescription}}',
+ not_found: 'Impossibile trovare un connettore disponibile per il tipo: {{type}}.',
+ not_enabled: 'Il connettore non è abilitato.',
+ invalid_metadata: 'I metadati del connettore non sono validi.',
+ invalid_config_guard: 'La guardia di configurazione del connettore non è valida.',
+ unexpected_type: 'Il tipo di connettore è inaspettato.',
+ invalid_request_parameters: 'La richiesta contiene parametri di input errati.',
+ insufficient_request_parameters: 'La richiesta potrebbe mancare di alcuni parametri di input.',
+ invalid_config: 'La configurazione del connettore non è valida.',
+ invalid_response: 'La risposta del connettore non è valida.',
+ template_not_found:
+ 'Impossibile trovare il modello corretto nella configurazione del connettore.',
+ not_implemented: '{{method}}: non è stato ancora implementato.',
+ social_invalid_access_token: 'Il token di accesso del connettore non è valido.',
+ invalid_auth_code: 'Il codice di autenticazione del connettore non è valido.',
+ social_invalid_id_token: 'Il token ID del connettore non è valido.',
+ authorization_failed: "Il processo di autorizzazione dell'utente non è riuscito.",
+ social_auth_code_invalid:
+ 'Impossibile ottenere il token di accesso, controllare il codice di autorizzazione.',
+ more_than_one_sms: 'Il numero di connettori SMS è maggiore di 1.',
+ more_than_one_email: 'Il numero di connettori email è maggiore di 1.',
+ more_than_one_connector_factory:
+ 'Trovate più fabbriche di connettori (con id {{connectorIds}}), è possibile disinstallare quelle non necessarie.',
+ db_connector_type_mismatch: "C'è un connettore nel DB che non corrisponde al tipo.",
+ not_found_with_connector_id:
+ "Impossibile trovare il connettore con l'id connettore standard fornito.",
+ multiple_instances_not_supported:
+ "Non è possibile creare più di un'istanza con il connettore standard selezionato.",
+ invalid_type_for_syncing_profile:
+ 'È possibile sincronizzare solo il profilo utente con i connettori social.',
+ can_not_modify_target: "Non è possibile modificare il 'target' del connettore.",
+ should_specify_target: "Si dovrebbe specificare il 'target'.",
+ multiple_target_with_same_platform:
+ 'Non è possibile avere più connettori social con lo stesso target e piattaforma.',
+ cannot_overwrite_metadata_for_non_standard_connector:
+ "I 'metadati' di questo connettore non possono essere sovrascritti.",
+};
+
+export default connector;
diff --git a/packages/phrases/src/locales/it/errors/entity.ts b/packages/phrases/src/locales/it/errors/entity.ts
new file mode 100644
index 000000000..6e7b6bac8
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/entity.ts
@@ -0,0 +1,8 @@
+const entity = {
+ create_failed: 'Impossibile creare {{name}}.',
+ not_exists: '{{name}} non esiste.',
+ not_exists_with_id: '{{name}} con ID `{{id}}` non esiste.',
+ not_found: 'La risorsa non esiste.',
+};
+
+export default entity;
diff --git a/packages/phrases/src/locales/it/errors/guard.ts b/packages/phrases/src/locales/it/errors/guard.ts
new file mode 100644
index 000000000..afa29c383
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/guard.ts
@@ -0,0 +1,9 @@
+const guard = {
+ invalid_input: 'La richiesta {{type}} non è valida.',
+ invalid_pagination: 'Il valore di paginazione della richiesta non è valido.',
+ can_not_get_tenant_id: "Impossibile ottenere l'ID dell'inquilino dalla richiesta.",
+ file_size_exceeded: 'Dimensione del file superata.',
+ mime_type_not_allowed: 'Il tipo MIME non è consentito.',
+};
+
+export default guard;
diff --git a/packages/phrases/src/locales/it/errors/index.ts b/packages/phrases/src/locales/it/errors/index.ts
new file mode 100644
index 000000000..c3f5e05ec
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/index.ts
@@ -0,0 +1,39 @@
+import auth from './auth.js';
+import connector from './connector.js';
+import entity from './entity.js';
+import guard from './guard.js';
+import localization from './localization.js';
+import log from './log.js';
+import oidc from './oidc.js';
+import password from './password.js';
+import request from './request.js';
+import role from './role.js';
+import scope from './scope.js';
+import session from './session.js';
+import sign_in_experiences from './sign-in-experiences.js';
+import storage from './storage.js';
+import swagger from './swagger.js';
+import user from './user.js';
+import verification_code from './verification-code.js';
+
+const errors = {
+ request,
+ auth,
+ guard,
+ oidc,
+ user,
+ password,
+ session,
+ connector,
+ verification_code,
+ sign_in_experiences,
+ localization,
+ swagger,
+ entity,
+ log,
+ role,
+ scope,
+ storage,
+};
+
+export default errors;
diff --git a/packages/phrases/src/locales/it/errors/localization.ts b/packages/phrases/src/locales/it/errors/localization.ts
new file mode 100644
index 000000000..e6a874679
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/localization.ts
@@ -0,0 +1,7 @@
+const localization = {
+ cannot_delete_default_language:
+ '{{languageTag}} è impostato come la tua lingua predefinita e non può essere eliminato.',
+ invalid_translation_structure: "Schemi di dati non validi. Controlla l'input e riprova.",
+};
+
+export default localization;
diff --git a/packages/phrases/src/locales/it/errors/log.ts b/packages/phrases/src/locales/it/errors/log.ts
new file mode 100644
index 000000000..3015950ff
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/log.ts
@@ -0,0 +1,5 @@
+const log = {
+ invalid_type: 'Il tipo di registro non è valido.',
+};
+
+export default log;
diff --git a/packages/phrases/src/locales/it/errors/oidc.ts b/packages/phrases/src/locales/it/errors/oidc.ts
new file mode 100644
index 000000000..519d25c34
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/oidc.ts
@@ -0,0 +1,20 @@
+const oidc = {
+ aborted: "L'utente finale ha annullato l'interazione.",
+ invalid_scope: 'La scope {{scope}} non è supportata.',
+ invalid_scope_plural: 'Le scope {{scopes}} non sono supportate.',
+ invalid_token: 'Token non valido fornito.',
+ invalid_client_metadata: 'Metadata client non valide fornite.',
+ insufficient_scope: 'Token di accesso senza la scope richiesta {{scopes}}.',
+ invalid_request: 'La richiesta non è valida.',
+ invalid_grant: 'La richiesta di grant non è valida.',
+ invalid_redirect_uri:
+ '`redirect_uri` non corrisponde a nessuno degli `redirect_uris` registrati dal client.',
+ access_denied: 'Accesso negato.',
+ invalid_target: 'Indicatore di risorsa non valido.',
+ unsupported_grant_type: 'Tipo di `grant_type` richiesto non supportato.',
+ unsupported_response_mode: 'Modalità di risposta `response_mode` richiesta non supportata.',
+ unsupported_response_type: 'Tipo di risposta `response_type` richiesto non supportato.',
+ provider_error: 'Errore interno OIDC: {{message}}.',
+};
+
+export default oidc;
diff --git a/packages/phrases/src/locales/it/errors/password.ts b/packages/phrases/src/locales/it/errors/password.ts
new file mode 100644
index 000000000..3b19e0b37
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/password.ts
@@ -0,0 +1,6 @@
+const password = {
+ unsupported_encryption_method: 'Il metodo di crittografia {{name}} non è supportato.',
+ pepper_not_found: 'Pepper password non trovato. Per favore controlla le tue env di core.',
+};
+
+export default password;
diff --git a/packages/phrases/src/locales/it/errors/request.ts b/packages/phrases/src/locales/it/errors/request.ts
new file mode 100644
index 000000000..c655231e1
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/request.ts
@@ -0,0 +1,6 @@
+const request = {
+ invalid_input: "L'input non è valido. {{details}}",
+ general: 'Si è verificato un errore nella richiesta.',
+};
+
+export default request;
diff --git a/packages/phrases/src/locales/it/errors/role.ts b/packages/phrases/src/locales/it/errors/role.ts
new file mode 100644
index 000000000..502cd469f
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/role.ts
@@ -0,0 +1,11 @@
+const role = {
+ name_in_use: 'Il nome di ruolo {{name}} è già in uso',
+ scope_exists: "L'identificatore di ambito {{scopeId}} è già stato aggiunto a questo ruolo",
+ user_exists: "L'identificatore di utente {{userId}} è già stato aggiunto a questo ruolo",
+ default_role_missing:
+ 'Alcuni dei nomi di ruolo predefiniti non esistono nel database, assicurati di creare prima i ruoli',
+ internal_role_violation:
+ 'Potresti cercare di aggiornare o eliminare un ruolo interno che è vietato da Logto. Se stai creando un nuovo ruolo, prova un altro nome che non inizi con "#internal:". ',
+};
+
+export default role;
diff --git a/packages/phrases/src/locales/it/errors/scope.ts b/packages/phrases/src/locales/it/errors/scope.ts
new file mode 100644
index 000000000..d74d6dfa0
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/scope.ts
@@ -0,0 +1,6 @@
+const scope = {
+ name_exists: 'Il nome dello scope {{name}} è già in uso',
+ name_with_space: 'Il nome dello scope non può contenere spazi.',
+};
+
+export default scope;
diff --git a/packages/phrases/src/locales/it/errors/session.ts b/packages/phrases/src/locales/it/errors/session.ts
new file mode 100644
index 000000000..9fee446b8
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/session.ts
@@ -0,0 +1,26 @@
+const session = {
+ not_found: 'Sessione non trovata. Torna indietro e accedi nuovamente.',
+ invalid_credentials: 'Account o password non corretti. Controlla le tue credenziali.',
+ invalid_sign_in_method: 'Metodo di accesso corrente non disponibile.',
+ invalid_connector_id: 'Impossibile trovare un connettore disponibile con ID {{connectorId}}.',
+ insufficient_info: 'Informazioni di accesso insufficienti.',
+ connector_id_mismatch: "L'ID del connettore non corrisponde con il record della sessione.",
+ connector_session_not_found:
+ 'Sessione del connettore non trovata. Torna indietro e accedi nuovamente.',
+ verification_session_not_found:
+ 'La verifica non è stata completata con successo. Riavvia il processo di verifica e riprova.',
+ verification_expired:
+ 'La connessione è scaduta. Verifica di nuovo per garantire la sicurezza del tuo account.',
+ unauthorized: 'Accedi prima di procedere.',
+ unsupported_prompt_name: 'Nome del prompt non supportato.',
+ forgot_password_not_enabled: 'Recupero password non abilitato.',
+ verification_failed:
+ 'La verifica non è stata completata con successo. Riavvia il processo di verifica e riprova.',
+ connector_validation_session_not_found:
+ 'Sessione del connettore per la convalida del token non trovata.',
+ identifier_not_found: 'Identificativo utente non trovato. Torna indietro e accedi nuovamente.',
+ interaction_not_found:
+ 'Sessione di interazione non trovata. Torna indietro e avvia la sessione nuovamente.',
+};
+
+export default session;
diff --git a/packages/phrases/src/locales/it/errors/sign-in-experiences.ts b/packages/phrases/src/locales/it/errors/sign-in-experiences.ts
new file mode 100644
index 000000000..ac43ed6bf
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/sign-in-experiences.ts
@@ -0,0 +1,23 @@
+const sign_in_experiences = {
+ empty_content_url_of_terms_of_use:
+ 'URL di contenuto "Termini di utilizzo" vuoto. Si prega di aggiungere l\'URL del contenuto se "Termini di utilizzo" è abilitato.',
+ empty_social_connectors:
+ 'Connettori social vuoti. Si prega di aggiungere connettori social abilitati quando il metodo di accesso social è abilitato.',
+ enabled_connector_not_found: '{{type}} conettore abilitato non trovato.',
+ not_one_and_only_one_primary_sign_in_method:
+ "Deve esserci un solo metodo di accesso principale. Si prega di verificare l'input.",
+ username_requires_password:
+ "Deve abilitare impostazione di una password per l'identificatore di registrazione dell'username.",
+ passwordless_requires_verify:
+ "Deve abilitare la verifica per l'identificatore di registrazione tramite email/telefono.",
+ miss_sign_up_identifier_in_sign_in:
+ "I metodi di accesso devono contenere l'identificatore di registrazione.",
+ password_sign_in_must_be_enabled:
+ 'Il metodo di accesso con password deve essere abilitato quando è richiesta la creazione di una password nella registrazione.',
+ code_sign_in_must_be_enabled:
+ 'Il metodo di accesso con codice di verifica deve essere abilitato quando non è richiesta una password nella registrazione.',
+ unsupported_default_language: 'Questa lingua - {{language}} non è supportata al momento.',
+ at_least_one_authentication_factor: 'Devi selezionare almeno un fattore di autenticazione.',
+};
+
+export default sign_in_experiences;
diff --git a/packages/phrases/src/locales/it/errors/storage.ts b/packages/phrases/src/locales/it/errors/storage.ts
new file mode 100644
index 000000000..7c75b8b72
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/storage.ts
@@ -0,0 +1,7 @@
+const storage = {
+ not_configured: 'Provider di archiviazione non configurato.',
+ missing_parameter: 'Parametro mancante {{parameter}} per il provider di archiviazione.',
+ upload_error: 'Impossibile caricare il file sul provider di archiviazione.',
+};
+
+export default storage;
diff --git a/packages/phrases/src/locales/it/errors/swagger.ts b/packages/phrases/src/locales/it/errors/swagger.ts
new file mode 100644
index 000000000..11bf3af16
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/swagger.ts
@@ -0,0 +1,7 @@
+const swagger = {
+ invalid_zod_type: 'Tipo Zod non valido. Controllare la configurazione di guardia del percorso.',
+ not_supported_zod_type_for_params:
+ 'Tipo Zod non supportato per i parametri. Controllare la configurazione di guardia del percorso.',
+};
+
+export default swagger;
diff --git a/packages/phrases/src/locales/it/errors/user.ts b/packages/phrases/src/locales/it/errors/user.ts
new file mode 100644
index 000000000..44c435de5
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/user.ts
@@ -0,0 +1,33 @@
+const user = {
+ username_already_in_use: 'Questo nome utente è già in uso.',
+ email_already_in_use: 'Questa email è associata ad un account esistente.',
+ phone_already_in_use: 'Questo numero di telefono è associato ad un account esistente.',
+ invalid_email: 'Indirizzo email non valido.',
+ invalid_phone: 'Numero di telefono non valido.',
+ email_not_exist: "L'indirizzo email non è stato ancora registrato.",
+ phone_not_exist: 'Il numero di telefono non è stato ancora registrato.',
+ identity_not_exist: "L'account social non è stato ancora registrato.",
+ identity_already_in_use: "L'account social è stato associato ad un account esistente.",
+ social_account_exists_in_profile: 'Hai già associato questo account social.',
+ cannot_delete_self: 'Non puoi eliminarti da solo.',
+ sign_up_method_not_enabled: 'Questo metodo di registrazione non è abilitato.',
+ sign_in_method_not_enabled: 'Questo metodo di accesso non è abilitato.',
+ same_password: 'La nuova password non può essere uguale alla vecchia password.',
+ password_required_in_profile: 'È necessario impostare una password prima di accedere.',
+ new_password_required_in_profile: 'È necessario impostare una nuova password.',
+ password_exists_in_profile: 'La password esiste già nel tuo profilo.',
+ username_required_in_profile: 'È necessario impostare un nome utente prima di accedere.',
+ username_exists_in_profile: 'Il nome utente esiste già nel tuo profilo.',
+ email_required_in_profile: "È necessario aggiungere un'indirizzo email prima di accedere.",
+ email_exists_in_profile: 'Il tuo profilo è già associato ad un indirizzo email.',
+ phone_required_in_profile: 'È necessario aggiungere un numero di telefono prima di accedere.',
+ phone_exists_in_profile: 'Il tuo profilo è già associato ad un numero di telefono.',
+ email_or_phone_required_in_profile:
+ 'È necessario aggiungere un indirizzo email o un numero di telefono prima di accedere.',
+ suspended: 'Questo account è stato sospeso.',
+ user_not_exist: "L'utente con {{ identifier }} non esiste.",
+ missing_profile: 'È necessario fornire informazioni aggiuntive prima di accedere.',
+ role_exists: "L'ID ruolo {{roleId}} è già stato aggiunto a questo utente",
+};
+
+export default user;
diff --git a/packages/phrases/src/locales/it/errors/verification-code.ts b/packages/phrases/src/locales/it/errors/verification-code.ts
new file mode 100644
index 000000000..469713489
--- /dev/null
+++ b/packages/phrases/src/locales/it/errors/verification-code.ts
@@ -0,0 +1,13 @@
+const verification_code = {
+ phone_email_empty: "Entrambi il telefono e l'e-mail sono vuoti.",
+ not_found: 'Codice di verifica non trovato. Si prega di inviare il codice di verifica per primo.',
+ phone_mismatch:
+ 'Telefono non corrispondente. Si prega di richiedere un nuovo codice di verifica.',
+ email_mismatch: 'Email non corrispondente. Si prega di richiedere un nuovo codice di verifica.',
+ code_mismatch: 'Codice di verifica non valido.',
+ expired: 'Il codice di verifica è scaduto. Si prega di richiedere un nuovo codice di verifica.',
+ exceed_max_try:
+ 'Superata la limitazione dei tentativi di codice di verifica. Si prega di richiedere un nuovo codice di verifica.',
+};
+
+export default verification_code;
diff --git a/packages/phrases/src/locales/it/index.ts b/packages/phrases/src/locales/it/index.ts
new file mode 100644
index 000000000..3eb0a2dba
--- /dev/null
+++ b/packages/phrases/src/locales/it/index.ts
@@ -0,0 +1,11 @@
+import type { LocalePhrase } from '../../types.js';
+
+import errors from './errors/index.js';
+import translation from './translation/index.js';
+
+const it: LocalePhrase = Object.freeze({
+ translation,
+ errors,
+});
+
+export default it;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/it/translation/admin-console/api-resource-details.ts
new file mode 100644
index 000000000..821259ea2
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/api-resource-details.ts
@@ -0,0 +1,32 @@
+const api_resource_details = {
+ page_title: 'Dettagli delle risorse API',
+ back_to_api_resources: 'Torna alle risorse API',
+ settings_tab: 'Impostazioni',
+ permissions_tab: 'Autorizzazioni',
+ settings: 'Impostazioni',
+ settings_description:
+ "Le risorse API, anche note come Indicatori di Risorse, indicano i servizi o le risorse di destinazione da richiedere, di solito una variabile di formato URI che rappresenta l'identità della risorsa.",
+ token_expiration_time_in_seconds: 'Tempo di scadenza del token (in secondi)',
+ token_expiration_time_in_seconds_placeholder: 'Inserisci il tempo di scadenza del tuo token',
+ delete_description:
+ 'Questa azione non può essere annullata. Eliminerà definitivamente la risorsa API. Per favore, inserisci il nome della risorsa api {{name}} per confermare.',
+ enter_your_api_resource_name: 'Inserisci il nome della tua risorsa API',
+ api_resource_deleted: 'La risorsa API {{name}} è stata eliminata con successo',
+ permission: {
+ create_button: 'Crea autorizzazione',
+ create_title: 'crea autorizzazione',
+ create_subtitle: 'Definire le autorizzazioni (ambiti) necessarie per questa API.',
+ confirm_create: 'Crea autorizzazione',
+ name: 'Nome autorizzazione',
+ name_placeholder: 'lettura:risorsa',
+ forbidden_space_in_name: "Il nome dell'autorizzazione non deve contenere spazi.",
+ description: 'Descrizione',
+ description_placeholder: 'In grado di leggere le risorse',
+ permission_created: "L'autorizzazione {{name}} è stata creata con successo",
+ delete_description:
+ "Se questa autorizzazione viene eliminata, l'utente che aveva questa autorizzazione perderà l'accesso concessogli tramite di essa.",
+ deleted: 'L\'autorizzazione "{{name}}" è stata eliminata con successo!',
+ },
+};
+
+export default api_resource_details;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/it/translation/admin-console/api-resources.ts
new file mode 100644
index 000000000..6cc4457f3
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/api-resources.ts
@@ -0,0 +1,15 @@
+const api_resources = {
+ page_title: 'Risorse API',
+ title: 'Risorse API',
+ subtitle: 'Definisci API che le tue applicazioni autorizzate possono utilizzare',
+ create: 'Crea risorsa API',
+ api_name: 'Nome API',
+ api_name_placeholder: "Inserisci il nome dell'API",
+ api_identifier: 'Identificatore API',
+ api_identifier_tip:
+ "L'identificatore univoco della risorsa API. Deve essere un URI assoluto e non ha componenti di frammento (#). Corrisponde al parametro risorsa in OAuth 2.0.",
+ api_resource_created: 'La risorsa API {{name}} è stata creata con successo',
+ api_identifier_placeholder: 'https://tuo-identificatore-api/',
+};
+
+export default api_resources;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/application-details.ts b/packages/phrases/src/locales/it/translation/admin-console/application-details.ts
new file mode 100644
index 000000000..2787dae46
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/application-details.ts
@@ -0,0 +1,51 @@
+const application_details = {
+ page_title: "Dettagli dell'applicazione",
+ back_to_applications: 'Torna alle applicazioni',
+ check_guide: 'Verifica guida',
+ settings: 'Impostazioni',
+ settings_description:
+ 'Le applicazioni vengono utilizzate per identificare le tue applicazioni in Logto per OIDC, esperienza di accesso, registri di controllo, ecc.',
+ advanced_settings: 'Impostazioni avanzate',
+ advanced_settings_description:
+ "Le impostazioni avanzate includono termini correlati all'OIDC. Puoi consultare il Endpoint Token per ulteriori informazioni.",
+ application_name: "Nome dell'applicazione",
+ application_name_placeholder: 'La mia app',
+ description: 'Descrizione',
+ description_placeholder: 'Inserisci la descrizione della tua applicazione',
+ authorization_endpoint: 'Authorization Endpoint',
+ authorization_endpoint_tip:
+ "L'endpoint per effettuare l'autenticazione e l'autorizzazione. Viene utilizzato per la connessione OpenID autenticazione.",
+ application_id: 'ID Applicazione',
+ application_id_tip:
+ 'L\'identificatore univoco dell\'applicazione generato normalmente da Logto. Sta anche per "client_id" in OpenID Connect.',
+ application_secret: 'App Segreta',
+ redirect_uri: 'URI di reindirizzamento',
+ redirect_uris: 'URI di reindirizzamento',
+ redirect_uri_placeholder: 'https://il-tuo-sito-web.com/la-tua-app',
+ redirect_uri_placeholder_native: 'io.logto://callback',
+ redirect_uri_tip:
+ 'Il URI di reindirizzamento dopo il login di un utente (sia riuscito che non). Vedi OpenID Connect autenticazione richiesta per ulteriori informazioni.',
+ post_sign_out_redirect_uri: 'URI di reindirizzamento post disconnessione',
+ post_sign_out_redirect_uris: 'URI di reindirizzamento post disconnessione',
+ post_sign_out_redirect_uri_placeholder: 'https://your.website.com/home',
+ post_sign_out_redirect_uri_tip:
+ "Il URI di reindirizzamento dopo la disconnessione dell'utente (facoltativo). Potrebbe non avere alcun effetto pratico in alcuni tipi di app.",
+ cors_allowed_origins: 'Origini consentite CORS',
+ cors_allowed_origins_placeholder: 'https://il-tuo-sito-web.com',
+ cors_allowed_origins_tip:
+ 'Per impostazione predefinita, saranno consentite tutte le origini degli URI di reindirizzamento. Di solito non è richiesta alcuna azione per questo campo. Vedi la documentazione MDN per informazioni dettagliate.',
+ id_token_expiration: 'Scadenza token ID',
+ refresh_token_expiration: 'Scadenza token di aggiornamento',
+ token_endpoint: 'Endpoint del token',
+ user_info_endpoint: 'Endpoint delle informazioni utente',
+ enable_admin_access: "Abilita l'accesso amministratore",
+ enable_admin_access_label:
+ "Abilita o disabilita l'accesso all'API di gestione. Una volta abilitato, puoi utilizzare i token di accesso per chiamare l'API di gestione a nome di questa applicazione.",
+ delete_description:
+ "Questa azione non può essere annullata. Eliminerà definitivamente l'applicazione. Inserisci il nome dell'applicazione {{name}} per confermare.",
+ enter_your_application_name: 'Inserisci il nome della tua applicazione',
+ application_deleted: "L'applicazione {{name}} è stata eliminata con successo",
+ redirect_uri_required: 'Devi inserire almeno un URI di reindirizzamento',
+};
+
+export default application_details;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/applications.ts b/packages/phrases/src/locales/it/translation/admin-console/applications.ts
new file mode 100644
index 000000000..39eb8dd48
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/applications.ts
@@ -0,0 +1,53 @@
+const applications = {
+ page_title: 'Applicazioni',
+ title: 'Applicazioni',
+ subtitle:
+ "Configura l'autenticazione Logto per la tua applicazione nativa, a singola pagina, macchina-to-macchina o tradizionale",
+ create: 'Crea Applicazione',
+ application_name: 'Nome applicazione',
+ application_name_placeholder: 'La mia App',
+ application_description: 'Descrizione applicazione',
+ application_description_placeholder: 'Inserisci la descrizione della tua applicazione',
+ select_application_type: 'Seleziona un tipo di applicazione',
+ no_application_type_selected: 'Non hai ancora selezionato alcun tipo di applicazione',
+ application_created:
+ "L'applicazione {{name}} è stata creata con successo! \nOra completa le impostazioni della tua applicazione.",
+ app_id: 'ID App',
+ type: {
+ native: {
+ title: 'App Nativa',
+ subtitle: "Un'applicazione che viene eseguita in un ambiente nativo",
+ description: 'E.g., applicazione iOS, applicazione Android',
+ },
+ spa: {
+ title: 'Applicazione a Singola Pagina',
+ subtitle:
+ "Un'applicazione che viene eseguita in un browser web e aggiorna dinamicamente i dati in maniera localizzata",
+ description: 'E.g., applicazione React DOM, applicazione Vue',
+ },
+ traditional: {
+ title: 'Web Tradizionale',
+ subtitle: "Un'applicazione che renderizza e aggiorna le pagine solo attraverso il server web",
+ description: 'E.g., Next.js, PHP',
+ },
+ machine_to_machine: {
+ title: 'Macchina-to-Macchina',
+ subtitle: "Un'app (solitamente un servizio) che comunica direttamente con le risorse",
+ description: 'E.g., servizio backend',
+ },
+ },
+ guide: {
+ get_sample_file: 'Scarica Esempio',
+ header_description:
+ 'Segui la guida passo passo per integrare la tua applicazione o clicca il pulsante corretto per scaricare il nostro progetto di esempio',
+ title: "L'applicazione è stata creata con successo",
+ subtitle:
+ 'Ora segui i passi di seguito per completare le impostazioni della tua app. Seleziona il tipo di SDK per continuare.',
+ description_by_sdk: "Questa guida rapida illustra come integrare Logto in un'app {{sdk}}",
+ },
+ placeholder_title: 'Seleziona un tipo di applicazione per continuare',
+ placeholder_description:
+ "Logto utilizza un'entità applicazione per OIDC per aiutarti in compiti come l'identificazione delle tue app, la gestione dell'accesso e la creazione di registri di audit.",
+};
+
+export default applications;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/cloud.ts b/packages/phrases/src/locales/it/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..b772a8519
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/cloud.ts
@@ -0,0 +1,121 @@
+const cloud = {
+ welcome: {
+ page_title: 'Benvenuto',
+ title: 'Benvenuto e creiamo insieme la tua anteprima di Logto Cloud',
+ description:
+ 'Che tu sia un utente open-source o cloud, fai un tour della vetrina e scopri il valore completo di Logto. Cloud preview serve anche come versione preliminare di Logto Cloud.',
+ project_field: 'Sto usando Logto per',
+ project_options: {
+ personal: 'Progetto personale',
+ company: 'Progetto aziendale',
+ },
+ deployment_type_field: 'Preferisci open-source o cloud?',
+ deployment_type_options: {
+ open_source: 'Open-Source',
+ cloud: 'Cloud',
+ },
+ },
+ about: {
+ page_title: "Un po' di te",
+ title: "Un po' di te per rendere unica la tua esperienza Logto",
+ description:
+ 'Facciamo diventare la tua esperienza Logto unica conoscendoti meglio. Le tue informazioni sono al sicuro con noi.',
+ title_field: 'La tua posizione',
+ title_options: {
+ developer: 'Sviluppatore',
+ team_lead: 'Team Lead',
+ ceo: 'CEO',
+ cto: 'CTO',
+ product: 'Prodotto',
+ others: 'Altro',
+ },
+ company_name_field: "Nome dell'azienda",
+ company_name_placeholder: 'Acme.co',
+ company_size_field: "Dimensione dell'azienda",
+ company_options: {
+ size_1: '1',
+ size_2_49: '2-49',
+ size_50_199: '50-199',
+ size_200_999: '200-999',
+ size_1000_plus: '1000+',
+ },
+ reason_field: 'Mi sto iscrivendo perché',
+ reason_options: {
+ passwordless: 'Ricerca di autenticazione senza password e UI kit',
+ efficiency: 'Scoperta di infrastrutture di identità preconfezionate',
+ access_control: "Controllo dell'accesso degli utenti in base ai ruoli e alle responsabilità",
+ multi_tenancy: 'Ricerca di strategie per un prodotto multi-tenancy',
+ enterprise: 'Ricerca di soluzioni SSO per la preparazione aziendale',
+ others: 'Altro',
+ },
+ },
+ congrats: {
+ page_title: 'Guadagna crediti in anticipo',
+ title: 'Fantastiche notizie! Sei qualificato per guadagnare i primi crediti di Logto Cloud!',
+ description:
+ "Non perdere l'occasione di usufruire di una sottoscrizione gratuita di Logto Cloud per 60 giorni dopo il lancio ufficiale! Contatta subito il team di Logto per saperne di più.",
+ check_out_button: 'Guarda la anteprima dal vivo',
+ email_us_title: 'Scrivici una email per offerta speciale e dettagli di prezzo',
+ email_us_description: 'Ottieni prezzi esclusivi per risparmiare denaro',
+ email_us_button: 'Invia email',
+ join_description:
+ 'Entra nel nostro {{link}} pubblico per connetterti e chattare con altri sviluppatori.',
+ discord_link: 'canale discord',
+ enter_admin_console: 'Entra in Logto Cloud Preview',
+ },
+ gift: {
+ title: 'Utilizza Logto Cloud gratuitamente per 60 giorni. Unisciti ai primi.',
+ description:
+ 'Prenota una sessione individuale con il nostro team per ottenere crediti anticipati.',
+ reserve_title: 'Prenota il tuo tempo con il team Logto',
+ reserve_description: 'Il credito è disponibile solo previa valutazione.',
+ book_button: 'Prenota',
+ email_us_title: 'Scrivici una email',
+ email_us_description: 'Contattaci per una offerta speciale e dettagli di prezzo.',
+ email_us_button: 'Invia',
+ },
+ sie: {
+ page_title: "Personalizza l'esperienza di accesso",
+ title: 'Personalizziamo insieme la tua esperienza di accesso',
+ inspire: {
+ title: 'Crea esempi coinvolgenti',
+ description:
+ 'Ti senti incerto riguardo l\'esperienza di accesso? Fai clic su "Ispirami" e lascia che la magia accada!',
+ inspire_me: 'Ispirami',
+ },
+ logo_field: "Logo dell'app",
+ color_field: 'Colore del brand',
+ identifier_field: 'Identificativo',
+ identifier_options: {
+ email: 'Email',
+ phone: 'Telefono',
+ user_name: 'Nome utente',
+ },
+ authn_field: 'Autenticazione',
+ authn_options: {
+ password: 'Password',
+ verification_code: 'Codice di verifica',
+ },
+ social_field: 'Accesso tramite social',
+ finish_and_done: 'Termina e completato',
+ preview: {
+ mobile_tab: 'Mobile',
+ web_tab: 'Web',
+ },
+ connectors: {
+ unlocked_later: 'Sbloccato in seguito',
+ unlocked_later_tip:
+ 'Una volta completato il processo di onboarding e inserito il prodotto, avrai accesso a ancora più metodi di accesso tramite social.',
+ notice:
+ 'Si prega di evitare di utilizzare il connettore demo per scopi di produzione. Una volta completati i test, cancellare gentilmente il connettore demo e configurare il proprio connettore con le proprie credenziali.',
+ },
+ },
+ broadcast: '📣 Sei in Logto Cloud (Preview)',
+ socialCallback: {
+ title: 'Accesso effettuato con successo',
+ description:
+ "Hai effettuato l'accesso con successo utilizzando il tuo account social. Per garantire integrazione senza problemi e accesso a tutte le funzionalità di Logto, ti consigliamo di procedere alla configurazione del tuo connettore social.",
+ },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/components.ts b/packages/phrases/src/locales/it/translation/admin-console/components.ts
new file mode 100644
index 000000000..5bd97b12b
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/components.ts
@@ -0,0 +1,14 @@
+const components = {
+ uploader: {
+ action_description: 'Trascina e rilascia o cerca',
+ uploading: 'Caricamento in corso...',
+ image_limit:
+ 'Carica immagini sotto i {{size, number}}KB, solo {{extensions, list(style: narrow; type: conjunction;)}}.',
+ error_upload: 'Qualcosa è andato storto. Caricamento fallito.',
+ error_file_size: 'Il file è troppo grande. Carica un file sotto i {{size, number}}KB.',
+ error_file_type:
+ 'Formato file non supportato. Sono accettati solo formati {{extensions, list(style: narrow; type: conjunction;)}}.',
+ },
+};
+
+export default components;
diff --git a/packages/phrases/src/locales/it/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/it/translation/admin-console/connector-details.ts
new file mode 100644
index 000000000..8f485a62c
--- /dev/null
+++ b/packages/phrases/src/locales/it/translation/admin-console/connector-details.ts
@@ -0,0 +1,35 @@
+const connector_details = {
+ page_title: 'Dettagli del connettore',
+ back_to_connectors: 'Torna ai connettori',
+ check_readme: 'Verifica README',
+ settings: 'Impostazioni generali',
+ settings_description:
+ "I connettori svolgono un ruolo critico in Logto. Grazie al loro aiuto, Logto consente agli utenti finali di utilizzare la registrazione o l'accesso senza password e le capacità di accedere tramite account social.",
+ parameter_configuration: 'Configurazione dei parametri',
+ test_connection: 'Test di connessione',
+ save_error_empty_config: 'Inserisci la configurazione',
+ send: 'Invia',
+ send_error_invalid_format: 'Input non valido',
+ edit_config_label: 'Inserisci il tuo JSON qui',
+ test_email_sender: 'Prova il tuo connettore per email',
+ test_sms_sender: 'Prova il tuo connettore per SMS',
+ test_email_placeholder: 'john.doe@example.com',
+ test_sms_placeholder: '+1 555-123-4567',
+ test_message_sent: 'Messaggio di prova inviato',
+ test_sender_description:
+ 'Logto utilizza il modello "Generico" per i test. Riceverai un messaggio se il tuo connettore è correttamente configurato.',
+ options_change_email: 'Cambia connettore per email',
+ options_change_sms: 'Cambia connettore per SMS',
+ connector_deleted: 'Il connettore è stato eliminato con successo',
+ type_email: 'Connettore per email',
+ type_sms: 'Connettore per SMS',
+ type_social: 'Connettore social',
+ in_used_social_deletion_description:
+ "Questo connettore è in uso nella tua esperienza di accesso. Eliminandolo, l'esperienza di accesso di ;
diff --git a/packages/schemas/src/types/index.ts b/packages/schemas/src/types/index.ts
index f1ccceb33..b44fd4305 100644
--- a/packages/schemas/src/types/index.ts
+++ b/packages/schemas/src/types/index.ts
@@ -16,3 +16,4 @@ export * from './user-assets.js';
export * from './hook.js';
export * from './service-log.js';
export * from './theme.js';
+export * from './cookie.js';
diff --git a/packages/shared/src/env/UrlSet.test.ts b/packages/shared/src/env/UrlSet.test.ts
index 37a2536b6..2348ddc2a 100644
--- a/packages/shared/src/env/UrlSet.test.ts
+++ b/packages/shared/src/env/UrlSet.test.ts
@@ -20,6 +20,10 @@ describe('UrlSet', () => {
new URL('https://localhost:3001'),
new URL('https://logto.mock'),
]);
+ expect(set1.origins).toStrictEqual([
+ new URL('https://localhost:3001').origin,
+ new URL('https://logto.mock').origin,
+ ]);
expect(set1.port).toEqual(3001);
expect(set1.localhostUrl).toEqual(new URL('https://localhost:3001'));
expect(set1.endpoint).toEqual(new URL('https://logto.mock'));
@@ -30,6 +34,10 @@ describe('UrlSet', () => {
new URL('http://localhost:3002/'),
new URL('https://admin.logto.mock/'),
]);
+ expect(set2.origins).toStrictEqual([
+ new URL('http://localhost:3002/').origin,
+ new URL('https://admin.logto.mock/').origin,
+ ]);
expect(set2.port).toEqual(3002);
expect(set2.localhostUrl).toEqual(new URL('http://localhost:3002'));
expect(set2.endpoint).toEqual(new URL('https://admin.logto.mock'));
@@ -44,6 +52,7 @@ describe('UrlSet', () => {
const set1 = new UrlSet(false, 3001);
expect(set1.deduplicated()).toStrictEqual([new URL('http://localhost:3001/')]);
+ expect(set1.origins).toStrictEqual([new URL('http://localhost:3001/').origin]);
expect(set1.port).toEqual(3001);
expect(set1.localhostUrl).toEqual(new URL('http://localhost:3001'));
expect(set1.endpoint).toEqual(new URL('http://localhost:3001'));
@@ -59,6 +68,7 @@ describe('UrlSet', () => {
const set1 = new UrlSet(true, 3001);
expect(set1.deduplicated()).toStrictEqual([new URL('https://logto.mock/logto')]);
+ expect(set1.origins).toStrictEqual([new URL('https://logto.mock/logto').origin]);
expect(() => set1.port).toThrowError('Localhost has been disabled in this URL Set.');
expect(() => set1.localhostUrl).toThrowError('Localhost has been disabled in this URL Set.');
expect(set1.endpoint).toEqual(new URL('https://logto.mock/logto'));
@@ -74,6 +84,7 @@ describe('UrlSet', () => {
const set1 = new UrlSet(false, 3002, 'ADMIN_');
expect(set1.deduplicated()).toStrictEqual([]);
+ expect(set1.origins).toStrictEqual([]);
expect(() => set1.port).toThrowError('Localhost has been disabled in this URL Set.');
expect(() => set1.localhostUrl).toThrowError('Localhost has been disabled in this URL Set.');
expect(() => set1.endpoint).toThrowError('No available endpoint in this URL Set.');
diff --git a/packages/shared/src/env/UrlSet.ts b/packages/shared/src/env/UrlSet.ts
index fd269f3ac..a8fa29ef7 100644
--- a/packages/shared/src/env/UrlSet.ts
+++ b/packages/shared/src/env/UrlSet.ts
@@ -39,6 +39,10 @@ export default class UrlSet {
).map((value) => new URL(value));
}
+ public get origins(): string[] {
+ return this.deduplicated().map((url) => url.origin);
+ }
+
public get port(): number {
if (this.isLocalhostDisabled) {
throw new Error('Localhost has been disabled in this URL Set.');
diff --git a/packages/ui/jest.config.ts b/packages/ui/jest.config.ts
index acb36ac41..20f112d08 100644
--- a/packages/ui/jest.config.ts
+++ b/packages/ui/jest.config.ts
@@ -9,6 +9,9 @@ const config: Config.InitialOptions = {
'\\.(svg)$': 'jest-transformer-svg',
'\\.(png)$': 'jest-transform-stub',
},
+ moduleNameMapper: {
+ '^@logto/app-insights/(.*)$': '/node_modules/@logto/app-insights/$1',
+ },
}),
// Will update common config soon
transformIgnorePatterns: ['node_modules/(?!(.*(nanoid|jose|ky|@logto|@silverhand))/)'],
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 3739983eb..7eaf937df 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -17,6 +17,7 @@
"test": "jest"
},
"devDependencies": {
+ "@logto/app-insights": "workspace:^",
"@logto/connector-kit": "workspace:^",
"@logto/core-kit": "workspace:^",
"@logto/language-kit": "workspace:^",
@@ -42,6 +43,7 @@
"@types/jest": "^29.4.0",
"@types/react": "^18.0.31",
"@types/react-dom": "^18.0.0",
+ "@types/react-helmet": "^6.1.6",
"@types/react-modal": "^3.13.1",
"@types/react-router-dom": "^5.3.2",
"camelcase-keys": "^8.0.0",
@@ -56,7 +58,7 @@
"jest-environment-jsdom": "^29.0.0",
"jest-transform-stub": "^2.0.0",
"jest-transformer-svg": "^2.0.0",
- "js-base64": "^3.7.2",
+ "js-base64": "^3.7.5",
"ky": "^0.33.0",
"libphonenumber-js": "^1.9.49",
"lint-staged": "^13.0.0",
@@ -68,6 +70,7 @@
"react": "^18.0.0",
"react-device-detect": "^2.2.2",
"react-dom": "^18.0.0",
+ "react-helmet": "^6.1.0",
"react-hook-form": "^7.34.0",
"react-i18next": "^11.18.3",
"react-modal": "^3.15.1",
@@ -77,6 +80,7 @@
"react-top-loading-bar": "^2.3.1",
"stylelint": "^15.0.0",
"superstruct": "^0.16.0",
+ "tiny-cookie": "^2.4.1",
"ts-jest": "^29.0.5",
"typescript": "^5.0.0",
"use-debounced-loader": "^0.1.1",
diff --git a/packages/ui/src/App.tsx b/packages/ui/src/App.tsx
index 9e4934f93..2be61caf4 100644
--- a/packages/ui/src/App.tsx
+++ b/packages/ui/src/App.tsx
@@ -1,13 +1,11 @@
-import { SignInMode } from '@logto/schemas';
-import { useEffect, useRef } from 'react';
-import { Route, Routes, BrowserRouter, Navigate } from 'react-router-dom';
+import { appInsightsReact } from '@logto/app-insights/lib/react';
+import { Route, Routes, BrowserRouter } from 'react-router-dom';
import AppLayout from './Layout/AppLayout';
import AppBoundary from './Providers/AppBoundary';
import LoadingLayerProvider from './Providers/LoadingLayerProvider';
-import usePageContext from './hooks/use-page-context';
-import usePreview from './hooks/use-preview';
-import initI18n from './i18n/init';
+import PageContextProvider from './Providers/PageContextProvider';
+import SettingsProvider from './Providers/SettingsProvider';
import Callback from './pages/Callback';
import Consent from './pages/Consent';
import Continue from './pages/Continue';
@@ -23,118 +21,74 @@ import SocialLinkAccount from './pages/SocialLinkAccount';
import SocialSignIn from './pages/SocialSignInCallback';
import Springboard from './pages/Springboard';
import VerificationCode from './pages/VerificationCode';
+import { shouldTrack } from './utils/cookies';
import { handleSearchParametersData } from './utils/search-parameters';
-import { getSignInExperienceSettings, setFavIcon } from './utils/sign-in-experience';
import './scss/normalized.scss';
+if (shouldTrack && appInsightsReact.setup()) {
+ console.debug('Initialized ApplicationInsights');
+}
+
handleSearchParametersData();
const App = () => {
- const { context, Provider } = usePageContext();
- const { experienceSettings, setLoading, setExperienceSettings } = context;
- const customCssRef = useRef(document.createElement('style'));
- const [isPreview, previewConfig] = usePreview(context);
-
- useEffect(() => {
- document.head.append(customCssRef.current);
- }, []);
-
- useEffect(() => {
- if (isPreview) {
- // eslint-disable-next-line @silverhand/fp/no-mutation
- customCssRef.current.textContent = previewConfig?.signInExperience.customCss ?? null;
-
- return;
- }
-
- (async () => {
- const settings = await getSignInExperienceSettings();
-
- const {
- customCss,
- branding: { favicon },
- } = settings;
-
- // eslint-disable-next-line @silverhand/fp/no-mutation
- customCssRef.current.textContent = customCss;
- setFavIcon(favicon);
-
- // Note: i18n must be initialized ahead of page render
- await initI18n();
-
- // Init the page settings and render
- setExperienceSettings(settings);
- })();
- }, [isPreview, previewConfig, setExperienceSettings, setLoading]);
-
- if (!experienceSettings) {
- return null;
- }
-
- const isRegisterOnly = experienceSettings.signInMode === SignInMode.Register;
- const isSignInOnly = experienceSettings.signInMode === SignInMode.SignIn;
-
return (
-
-
-
-
+
+
+
+
-
+
+
+ {/* Register */}
+
+
+
+ {/* Forgot password */}
+
+
+
+ {/* Passwordless verification code */}
+
+
+
+ {/* Social sign-in pages */}
+
+
+
- {/* Register */}
-
-
-
- {/* Forgot password */}
-
-
-
- {/* Passwordless verification code */}
-
-
-
- {/* Social sign-in pages */}
-
-
-
-
-
+
+
+
+
);
};
diff --git a/packages/ui/src/Layout/AppLayout/index.tsx b/packages/ui/src/Layout/AppLayout/index.tsx
index 5dad8cd1c..76b519c8b 100644
--- a/packages/ui/src/Layout/AppLayout/index.tsx
+++ b/packages/ui/src/Layout/AppLayout/index.tsx
@@ -1,28 +1,15 @@
import classNames from 'classnames';
-import { useEffect } from 'react';
-import { Outlet, useLocation } from 'react-router-dom';
+import { Outlet } from 'react-router-dom';
import LogtoSignature from '@/components/LogtoSignature';
import usePlatform from '@/hooks/use-platform';
import { layoutClassNames } from '@/utils/consts';
-import { parseHtmlTitle } from '@/utils/sign-in-experience';
import CustomContent from './CustomContent';
import * as styles from './index.module.scss';
const AppLayout = () => {
const { isMobile } = usePlatform();
- const location = useLocation();
-
- useEffect(() => {
- const { pathname } = location;
- const title = parseHtmlTitle(pathname);
-
- if (title) {
- // eslint-disable-next-line @silverhand/fp/no-mutation
- document.title = title;
- }
- }, [location]);
return (
diff --git a/packages/ui/src/Layout/LandingPageLayout/index.tsx b/packages/ui/src/Layout/LandingPageLayout/index.tsx
index bc29a4e94..96f9c1956 100644
--- a/packages/ui/src/Layout/LandingPageLayout/index.tsx
+++ b/packages/ui/src/Layout/LandingPageLayout/index.tsx
@@ -3,8 +3,9 @@ import type { ReactNode } from 'react';
import { useContext } from 'react';
import type { TFuncKey } from 'react-i18next';
+import PageContext from '@/Providers/PageContextProvider/PageContext';
import BrandingHeader from '@/components/BrandingHeader';
-import { PageContext } from '@/hooks/use-page-context';
+import PageMeta from '@/components/PageMeta';
import { layoutClassNames } from '@/utils/consts';
import { getBrandingLogoUrl } from '@/utils/logo';
@@ -15,7 +16,7 @@ import * as styles from './index.module.scss';
type Props = {
children: ReactNode;
className?: string;
- title?: TFuncKey;
+ title: TFuncKey;
};
const LandingPageLayout = ({ children, className, title }: Props) => {
@@ -32,6 +33,7 @@ const LandingPageLayout = ({ children, className, title }: Props) => {
return (
<>
+ ;
descriptionProps?: Record;
@@ -30,13 +31,14 @@ const SecondaryPageLayout = ({
return (
+
- {title &&
diff --git a/packages/ui/src/Providers/IframeModalProvider/IframeModal/index.tsx b/packages/ui/src/Providers/IframeModalProvider/IframeModal/index.tsx
index 5754277a5..3d50e461b 100644
--- a/packages/ui/src/Providers/IframeModalProvider/IframeModal/index.tsx
+++ b/packages/ui/src/Providers/IframeModalProvider/IframeModal/index.tsx
@@ -52,8 +52,7 @@ const IframeModal = ({ className, title = '', href = '', onClose }: ModalProps)
{t(title, titleProps)}
}
+ {t(title, titleProps)}
{description && (
{t(description, descriptionProps)}
)}
diff --git a/packages/ui/src/hooks/use-color-theme.ts b/packages/ui/src/Providers/AppBoundary/hooks/use-color-theme.ts
similarity index 96%
rename from packages/ui/src/hooks/use-color-theme.ts
rename to packages/ui/src/Providers/AppBoundary/hooks/use-color-theme.ts
index 879c355de..5fb4f4558 100644
--- a/packages/ui/src/hooks/use-color-theme.ts
+++ b/packages/ui/src/Providers/AppBoundary/hooks/use-color-theme.ts
@@ -3,7 +3,7 @@ import { Theme } from '@logto/schemas';
import color from 'color';
import { useEffect, useContext } from 'react';
-import { PageContext } from '@/hooks/use-page-context';
+import PageContext from '@/Providers/PageContextProvider/PageContext';
const generateLightColorLibrary = (primaryColor: color) => ({
[`--color-brand-default`]: primaryColor.hex(),
diff --git a/packages/ui/src/Providers/AppBoundary/hooks/use-custom-style.ts b/packages/ui/src/Providers/AppBoundary/hooks/use-custom-style.ts
new file mode 100644
index 000000000..b0b98d3ed
--- /dev/null
+++ b/packages/ui/src/Providers/AppBoundary/hooks/use-custom-style.ts
@@ -0,0 +1,19 @@
+import { useRef, useEffect, useContext } from 'react';
+
+import PageContext from '@/Providers/PageContextProvider/PageContext';
+
+const useCustomStyle = () => {
+ const customCssRef = useRef(document.createElement('style'));
+ const { experienceSettings } = useContext(PageContext);
+
+ useEffect(() => {
+ document.head.append(customCssRef.current);
+ }, []);
+
+ useEffect(() => {
+ // eslint-disable-next-line @silverhand/fp/no-mutation
+ customCssRef.current.textContent = experienceSettings?.customCss ?? null;
+ }, [experienceSettings?.customCss]);
+};
+
+export default useCustomStyle;
diff --git a/packages/ui/src/Providers/AppBoundary/hooks/use-meta-data.ts b/packages/ui/src/Providers/AppBoundary/hooks/use-meta-data.ts
new file mode 100644
index 000000000..b66ac2442
--- /dev/null
+++ b/packages/ui/src/Providers/AppBoundary/hooks/use-meta-data.ts
@@ -0,0 +1,31 @@
+import { conditionalString } from '@silverhand/essentials';
+import { useEffect, useContext } from 'react';
+
+import PageContext from '@/Providers/PageContextProvider/PageContext';
+import { setFavIcon } from '@/utils/sign-in-experience';
+
+import * as styles from '../index.module.scss';
+
+// TODO: replace with react-helmet
+const useMetaData = () => {
+ const { experienceSettings, theme, platform } = useContext(PageContext);
+
+ // Set favicon
+ useEffect(() => {
+ setFavIcon(experienceSettings?.branding.favicon);
+ }, [experienceSettings?.branding.favicon]);
+
+ // Set Theme Mode
+ useEffect(() => {
+ document.body.classList.remove(conditionalString(styles.light), conditionalString(styles.dark));
+ document.body.classList.add(conditionalString(styles[theme]));
+ }, [theme]);
+
+ // Apply Platform Style
+ useEffect(() => {
+ document.body.classList.remove('desktop', 'mobile');
+ document.body.classList.add(platform === 'mobile' ? 'mobile' : 'desktop');
+ }, [platform]);
+};
+
+export default useMetaData;
diff --git a/packages/ui/src/hooks/use-theme.ts b/packages/ui/src/Providers/AppBoundary/hooks/use-theme.ts
similarity index 74%
rename from packages/ui/src/hooks/use-theme.ts
rename to packages/ui/src/Providers/AppBoundary/hooks/use-theme.ts
index aed64c344..5405d0d0b 100644
--- a/packages/ui/src/hooks/use-theme.ts
+++ b/packages/ui/src/Providers/AppBoundary/hooks/use-theme.ts
@@ -1,20 +1,19 @@
import { Theme } from '@logto/schemas';
import { useEffect, useContext } from 'react';
-import { PageContext } from './use-page-context';
+import PageContext from '@/Providers/PageContextProvider/PageContext';
const darkThemeWatchMedia = window.matchMedia('(prefers-color-scheme: dark)');
const getThemeBySystemConfiguration = (): Theme =>
darkThemeWatchMedia.matches ? Theme.Dark : Theme.Light;
-export default function useTheme(): Theme {
- const { isPreview, experienceSettings, theme, setTheme } = useContext(PageContext);
+export default function useTheme() {
+ const { isPreview, experienceSettings, setTheme } = useContext(PageContext);
useEffect(() => {
/**
* Note:
* In preview mode, the theme of the page is controlled by the preview options and does not follow system changes.
- * The `usePreview` hook changes the theme of the page by calling the `setTheme` API of the `PageContext`.
*/
if (isPreview) {
return;
@@ -36,6 +35,4 @@ export default function useTheme(): Theme {
darkThemeWatchMedia.removeEventListener('change', changeTheme);
};
}, [experienceSettings, isPreview, setTheme]);
-
- return theme;
}
diff --git a/packages/ui/src/Providers/AppBoundary/index.tsx b/packages/ui/src/Providers/AppBoundary/index.tsx
index 0693a4f87..39164d416 100644
--- a/packages/ui/src/Providers/AppBoundary/index.tsx
+++ b/packages/ui/src/Providers/AppBoundary/index.tsx
@@ -1,39 +1,25 @@
-import { conditionalString } from '@silverhand/essentials';
-import type { ReactNode } from 'react';
-import { useContext, useEffect } from 'react';
+import type { ReactElement } from 'react';
-import useColorTheme from '@/hooks/use-color-theme';
-import { PageContext } from '@/hooks/use-page-context';
-import useTheme from '@/hooks/use-theme';
+import useColorTheme from '@/Providers/AppBoundary/hooks/use-color-theme';
import ConfirmModalProvider from '../ConfirmModalProvider';
import IframeModalProvider from '../IframeModalProvider';
import ToastProvider from '../ToastProvider';
-import * as styles from './index.module.scss';
+import useCustomStyle from './hooks/use-custom-style';
+import useMetaData from './hooks/use-meta-data';
+import useTheme from './hooks/use-theme';
type Props = {
- children: ReactNode;
+ children: ReactElement;
};
const AppBoundary = ({ children }: Props) => {
- // Set Primary Color
useColorTheme();
- const theme = useTheme();
+ useCustomStyle();
+ useTheme();
- const { platform } = useContext(PageContext);
-
- // Set Theme Mode
- useEffect(() => {
- document.body.classList.remove(conditionalString(styles.light), conditionalString(styles.dark));
- document.body.classList.add(conditionalString(styles[theme]));
- }, [theme]);
-
- // Apply Platform Style
- useEffect(() => {
- document.body.classList.remove('desktop', 'mobile');
- document.body.classList.add(platform === 'mobile' ? 'mobile' : 'desktop');
- }, [platform]);
+ useMetaData();
return (