@everymatrix/user-login 1.56.3 → 1.58.0

package/dist/cjs/user-login.cjs.entry.js

@@ -279,7 +279,7 @@ function setStreamStyling(stylingContainer, domain, subscription) {
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 
-function defineCustomElement(CustomElement, version = '24.5.10') {
+function defineCustomElement(CustomElement, version = '24.5.11') {
   Object.defineProperty(CustomElement, 'version', {
     get() {
       return version;

package/dist/collection/components/user-login/user-login.stories.js

@@ -0,0 +1,78 @@
+import { html } from "lit";
+import "@everymatrix/user-login";
+const meta = {
+    title: 'User/Components/user-login',
+    component: 'user-login',
+    args: {
+        endpoint: "",
+        lang: "en",
+        clientStyling: "",
+        clientStylingUrl: "",
+        translationUrl: "",
+        passwordReset: "false",
+        userEmailRegex: "",
+        userEmailRegexOptions: "i",
+        userPhoneRegex: "",
+        userPhoneRegexOptions: "",
+        passwordRegex: "",
+        passwordRegexOptions: "",
+        version: "gm16",
+        loginByPhoneNumber: "false",
+        mbSource: "",
+    },
+    argTypes: {
+        endpoint: { control: 'text', description: '' },
+        lang: { control: 'text', description: '' },
+        clientStyling: { control: 'text', description: '' },
+        clientStylingUrl: { control: 'text', description: '' },
+        translationUrl: { control: 'text', description: '' },
+        passwordReset: { control: 'text', description: '' },
+        userEmailRegex: { control: 'text', description: '' },
+        userEmailRegexOptions: { control: 'text', description: '' },
+        userPhoneRegex: { control: 'text', description: '' },
+        userPhoneRegexOptions: { control: 'text', description: '' },
+        passwordRegex: { control: 'text', description: '' },
+        passwordRegexOptions: { control: 'text', description: '' },
+        version: { control: 'text', description: '' },
+        loginByPhoneNumber: { control: 'text', description: '' },
+        mbSource: { control: 'text', description: '' },
+    },
+};
+export default meta;
+const Template = (args) => {
+    return html `<user-login
+    endpoint="${args.endpoint}"
+    lang="${args.lang}"
+    clientStyling="${args.clientStyling}"
+    clientStylingUrl="${args.clientStylingUrl}"
+    translationUrl="${args.translationUrl}"
+    passwordReset="${args.passwordReset}"
+    userEmailRegex="${args.userEmailRegex}"
+    userEmailRegexOptions="${args.userEmailRegexOptions}"
+    userPhoneRegex="${args.userPhoneRegex}"
+    userPhoneRegexOptions="${args.userPhoneRegexOptions}"
+    passwordRegex="${args.passwordRegex}"
+    passwordRegexOptions="${args.passwordRegexOptions}"
+    version="${args.version}"
+    loginByPhoneNumber="${args.loginByPhoneNumber}"
+    mbSource="${args.mbSource}"
+  ></user-login>`;
+};
+export const Default = Template.bind({});
+Default.args = {
+    endpoint: "",
+    lang: "en",
+    clientStyling: "",
+    clientStylingUrl: "",
+    translationUrl: "",
+    passwordReset: "false",
+    userEmailRegex: "",
+    userEmailRegexOptions: "i",
+    userPhoneRegex: "",
+    userPhoneRegexOptions: "",
+    passwordRegex: "",
+    passwordRegexOptions: "",
+    version: "gm16",
+    loginByPhoneNumber: "false",
+    mbSource: "",
+};

package/dist/esm/user-login.entry.js

@@ -275,7 +275,7 @@ function setStreamStyling(stylingContainer, domain, subscription) {
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 
-function defineCustomElement(CustomElement, version = '24.5.10') {
+function defineCustomElement(CustomElement, version = '24.5.11') {
   Object.defineProperty(CustomElement, 'version', {
     get() {
       return version;

package/dist/storybook/main.js

@@ -0,0 +1,47 @@
+import path from "path";
+import { getStoryFiles, detectUsedPackages, parseTsConfig, exec, filterParsedPathsByUsedPackages } from "../../../../libs/common/src/storybook/storybook-utils";
+const config = {
+    stories: ['../**/*.@(mdx|stories.@(js|ts|tsx))'],
+    addons: [
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions',
+        'storybook-dark-mode'
+    ],
+    docs: {
+        defaultName: 'Documentation',
+        autodocs: 'tag'
+    },
+    framework: {
+        name: '@storybook/web-components-vite',
+        options: {}
+    },
+    // Async viteFinal to build dependent packages before finalizing configuration.
+    viteFinal: async (config) => {
+        const storyFiles = getStoryFiles(path.resolve(__dirname, '../'));
+        const usedPackages = detectUsedPackages(storyFiles);
+        const buildPromises = usedPackages.map(async (pkg) => {
+            try {
+                console.log(`Building package ${pkg}...`);
+                const { stdout, stderr } = await exec(`nx run ${pkg}:build`);
+                console.log(`Built package ${pkg}: ${stdout}`);
+                if (stderr) {
+                    console.error(`Build warning/error for package ${pkg}: ${stderr}`);
+                }
+            }
+            catch (error) {
+                console.error(`Error building package ${pkg}:`, error);
+            }
+        });
+        await Promise.all(buildPromises);
+        const parsedPaths = parseTsConfig() || {};
+        const filteredParsedPaths = filterParsedPathsByUsedPackages(parsedPaths, usedPackages);
+        return Object.assign(Object.assign({}, config), { resolve: {
+                alias: Object.assign({}, filteredParsedPaths)
+            }, define: {
+                process: {
+                    env: {}
+                }
+            } });
+    }
+};
+export default config;

package/dist/storybook/preview.js

@@ -0,0 +1,9 @@
+import { themes } from "@storybook/theming";
+export const parameters = {
+    darkMode: {
+        dark: Object.assign(Object.assign({}, themes.dark), { appBg: 'black' }),
+        light: Object.assign(Object.assign({}, themes.normal), { appBg: 'green' }),
+        current: 'light',
+        stylePreview: true
+    }
+};

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/libs/common/src/storybook/storybook-utils.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="node" />
+import { exec as execCallback } from 'child_process';
+export declare const exec: typeof execCallback.__promisify__;
+/**
+ * Recursively retrieves all story files (.stories.ts/.stories.tsx) in a directory.
+ * @param dir The directory to search.
+ * @returns Array of story file paths.
+ */
+export declare const getStoryFiles: (dir: string) => string[];
+/**
+ * Detects which internal packages are used in the provided story files.
+ * It looks at every import that starts with the given package alias prefix,
+ * then extracts the package name (the segment immediately following the prefix).
+ *
+ * @param stories Array of story file paths.
+ * @returns Array of unique package names (e.g. ['foo', 'bar']).
+ */
+export declare const detectUsedPackages: (stories: string[]) => string[];
+/**
+ * Extracts all import paths from a file using the TypeScript compiler API.
+ * @param filePath The file path to parse.
+ * @returns Array of import strings.
+ */
+export declare const extractImports: (filePath: string) => string[];
+/**
+ * Parses the tsconfig paths and resolves them to absolute paths.
+ * @param tsconfigPath The path to the tsconfig file.
+ * @returns An object mapping alias keys to absolute paths.
+ */
+export declare const parseTsConfig: () => Record<string, string> | null;
+/**
+ * Filters the parsed tsconfig alias mapping to only include keys that correspond
+ * to the used packages.
+ *
+ * @param parsedPaths The full alias mapping from tsconfig.
+ * @param usedPackages Array of package names that are used (e.g. ['foo', 'bar']).
+ * @returns Filtered alias mapping.
+ */
+export declare const filterParsedPathsByUsedPackages: (parsedPaths: Record<string, string>, usedPackages: string[]) => Record<string, string>;

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/web-components-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/storybook/preview.d.ts

@@ -0,0 +1,70 @@
+export declare const parameters: {
+    darkMode: {
+        dark: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        light: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        current: string;
+        stylePreview: boolean;
+    };
+};

package/dist/types/components/user-login/user-login.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/web-components';
+import '@everymatrix/user-login';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/dist/user-login/{p-ae8e5f4e.entry.js → p-471e64ab.entry.js}

@@ -4,7 +4,7 @@ import{r as t,h as e}from"./p-8cb697c3.js";const i={en:{invalidField:"This field
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-function a(t,e="24.5.10"){Object.defineProperty(t,"version",{get:()=>e});const i=customElements.get(t.is);if(i){const e=i.version;e&&t.version&&e===t.version?console.warn(`The component ${t.is} has been loaded twice`):console.error(`Tried to define ${t.is} version ${t.version} when version ${i.version} is already in use. Something will probably break.`)}else customElements.define(t.is,t)}
+function a(t,e="24.5.11"){Object.defineProperty(t,"version",{get:()=>e});const i=customElements.get(t.is);if(i){const e=i.version;e&&t.version&&e===t.version?console.warn(`The component ${t.is} has been loaded twice`):console.error(`Tried to define ${t.is} version ${t.version} when version ${i.version} is already in use. Something will probably break.`)}else customElements.define(t.is,t)}
 /**
  * @license
  * Copyright (c) 2017 - 2024 Vaadin Ltd.

package/dist/user-login/user-login.esm.js

@@ -1 +1 @@
-import{p as e,b as r}from"./p-8cb697c3.js";export{s as setNonce}from"./p-8cb697c3.js";import{g as n}from"./p-e1255160.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((async e=>(await n(),r([["p-ae8e5f4e",[[1,"user-login",{endpoint:[513],lang:[1537],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],passwordReset:[513,"password-reset"],userEmailRegex:[513,"user-email-regex"],userEmailRegexOptions:[513,"user-email-regex-options"],userPhoneRegex:[513,"user-phone-regex"],userPhoneRegexOptions:[513,"user-phone-regex-options"],passwordRegex:[513,"password-regex"],passwordRegexOptions:[513,"password-regex-options"],version:[513],loginByPhoneNumber:[513,"login-by-phone-number"],mbSource:[513,"mb-source"],userNameEmail:[32],userPassword:[32],isValidUserEmail:[32],userPhone:[32],userPrefix:[32],isValidPassword:[32],isValidUserPhone:[32],isPasswordVisible:[32],errorMessage:[32],hasError:[32],userPrefixOptions:[32],isLoginLoading:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}]]]],e))));
+import{p as e,b as r}from"./p-8cb697c3.js";export{s as setNonce}from"./p-8cb697c3.js";import{g as n}from"./p-e1255160.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((async e=>(await n(),r([["p-471e64ab",[[1,"user-login",{endpoint:[513],lang:[1537],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],passwordReset:[513,"password-reset"],userEmailRegex:[513,"user-email-regex"],userEmailRegexOptions:[513,"user-email-regex-options"],userPhoneRegex:[513,"user-phone-regex"],userPhoneRegexOptions:[513,"user-phone-regex-options"],passwordRegex:[513,"password-regex"],passwordRegexOptions:[513,"password-regex-options"],version:[513],loginByPhoneNumber:[513,"login-by-phone-number"],mbSource:[513,"mb-source"],userNameEmail:[32],userPassword:[32],isValidUserEmail:[32],userPhone:[32],userPrefix:[32],isValidPassword:[32],isValidUserPhone:[32],isPasswordVisible:[32],errorMessage:[32],hasError:[32],userPrefixOptions:[32],isLoginLoading:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}]]]],e))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/user-login",
-  "version": "1.56.3",
+  "version": "1.58.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;