@everymatrix/pam-login 0.0.1

package/dist/pam-login/p-e1255160.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/pam-login/p-e23846e0.entry.js

@@ -0,0 +1 @@
+export{P as pam_login}from"./p-c6405762.js";import{r as e,h as t,H as n}from"./p-83cb37b3.js";const o=class{constructor(t){e(this,t),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n          :host {\n            --emw-skeleton-logo-width: ${this.width};\n            --emw-skeleton-logo-height: ${this.height};\n            --emw-skeleton-logo-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-logo-margin-top: ${this.marginTop}px;\n            --emw-skeleton-logo-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-logo-margin-right: ${this.marginRight}px;\n            --emw-skeleton-logo-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"image":e=`\n          :host {\n            --emw-skeleton-image-width: ${this.width};\n            --emw-skeleton-image-height: ${this.height};\n            --emw-skeleton-image-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-image-margin-top: ${this.marginTop}px;\n            --emw-skeleton-image-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-image-margin-right: ${this.marginRight}px;\n            --emw-skeleton-image-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"title":e=`\n          :host {\n            --emw-skeleton-title-width: ${this.width};\n            --emw-skeleton-title-height: ${this.height};\n            --emw-skeleton-title-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-title-margin-top: ${this.marginTop}px;\n            --emw-skeleton-title-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-title-margin-right: ${this.marginRight}px;\n            --emw-skeleton-title-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"text":e=`\n          :host {\n            --emw-skeleton-text-width: ${this.width};\n            --emw-skeleton-text-height: ${this.height};\n            --emw-skeleton-text-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-text-margin-top: ${this.marginTop}px;\n            --emw-skeleton-text-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-text-margin-right: ${this.marginRight}px;\n            --emw-skeleton-text-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"rectangle":e=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.width};\n            --emw-skeleton-rectangle-height: ${this.height};\n            --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;\n            --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;\n            --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;\n            --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;\n            --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;\n            --emw-skeleton-rectangle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;case"circle":e=`\n          :host {\n            --emw-skeleton-circle-size: ${this.size};\n            --emw-skeleton-circle-background: ${this.color};\n            --emw-skeleton-primary-color: ${this.primaryColor};\n            --emw-skeleton-secondary-color: ${this.secondaryColor};\n          }\n        `;break;default:e=""}return t(n,{key:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},t("style",{key:"a4607599b60659f385ae2660513e38b383739674"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};o.style=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";export{o as ui_skeleton}

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

@@ -0,0 +1 @@
+import{p as e,b as r}from"./p-83cb37b3.js";export{s as setNonce}from"./p-83cb37b3.js";import{g as n}from"./p-e1255160.js";(()=>{const r=import.meta.url,n={};return""!==r&&(n.resourcesUrl=new URL(".",r).href),e(n)})().then((async e=>(await n(),r([["p-e23846e0",[[1,"pam-login",{endpoint:[513],lang:[1537],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],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"],loginByPhoneNumber:[513,"login-by-phone-number"],isLoading:[32],contactValue:[32],passwordValue:[32],prefixValue:[32],prefixOptions:[32],isContactValid:[32],isPasswordValid:[32],isPasswordVisible:[32],apiErrorMessage:[32],captchaData:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"]}]]]],e))));

package/dist/stencil.config.dev.js

@@ -0,0 +1,19 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'pam-login',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www'
+        },
+        {
+            type: 'docs-readme'
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -0,0 +1,18 @@
+import { cleanPackageJsonStencil } from "../../../tools/plugins";
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'pam-login',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [cleanPackageJsonStencil(), sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
+};

package/dist/storybook/main.js

@@ -0,0 +1,43 @@
+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/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-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/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/packages/stencil/pam-login/stencil.config.d.ts

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

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/packages/stencil/pam-login/stencil.config.dev.d.ts

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

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/packages/stencil/pam-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/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/packages/stencil/pam-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/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/tools/plugins/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./vite-chunk-plugin";
+export * from "./stencil-clean-deps-plugin";
+export * from "./vite-clean-deps-plugin";

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts

@@ -0,0 +1,5 @@
+export declare function cleanPackageJsonStencil(): {
+    name: string;
+    apply: string;
+    buildEnd(): void;
+};

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/tools/plugins/vite-chunk-plugin.d.ts

@@ -0,0 +1,6 @@
+export declare function viteChunkPlugin(): {
+    name: string;
+    config(config: any, { command }: {
+        command: any;
+    }): void;
+};

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/pam-login/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts

@@ -0,0 +1,4 @@
+export declare function cleanPackageJsonVite(widgetName: any): {
+    name: string;
+    closeBundle(): void;
+};

package/dist/types/components/pam-login/index.d.ts

@@ -0,0 +1 @@
+export { PamLogin } from './pam-login';

package/dist/types/components/pam-login/pam-login.d.ts

@@ -0,0 +1,200 @@
+import { CaptchaData } from '../../utils/types';
+import '@vaadin/combo-box';
+import "../../../../../../dist/packages/stencil/ui-skeleton/dist/types/index";
+export declare class PamLogin {
+    /**
+     * API endpoint URL for login requests
+     */
+    endpoint: string;
+    /**
+     * Language code for translations (default is 'en')
+     */
+    lang: string;
+    /**
+     * Inline CSS styling provided by the client
+     */
+    clientStyling: string;
+    /**
+     * URL to load additional CSS styling
+     */
+    clientStylingUrl: string;
+    /**
+     * The source identifier for message bus styling.
+     * This is used to apply styles dynamically from a stream.
+     */
+    mbSource: string;
+    /**
+     * URL for fetching translations
+     */
+    translationUrl: string;
+    /**
+     * Flag indicating whether the password reset feature is enabled
+     */
+    passwordReset: string;
+    /**
+     * Regular expression for validating the user email
+     */
+    userEmailRegex: string;
+    /**
+     * Regex options for user email validation
+     */
+    userEmailRegexOptions: string;
+    /**
+     * User phone regex
+     */
+    userPhoneRegex: string;
+    /**
+     * User phone regex options
+     */
+    userPhoneRegexOptions: string;
+    /**
+     * Regular expression for validating the password
+     */
+    passwordRegex: string;
+    /**
+     * Regex options for password validation
+     */
+    passwordRegexOptions: string;
+    /**
+     * If set to true, login will be done by phone number, else by username/email
+     */
+    loginByPhoneNumber: string;
+    /** Boolean for preventing user for clicking multiple times the login button */
+    isLoading: boolean;
+    /** User email or username or phone number entered in the form */
+    contactValue: string;
+    /** Password entered in the form */
+    passwordValue: string;
+    /** User prefix entered in the form */
+    prefixValue: string;
+    /** User prefix options for phone number login */
+    prefixOptions: Record<string, string>[];
+    /** Flag to indicate whether the entered email is valid */
+    isContactValid: boolean;
+    /** Flag to indicate whether the entered password is valid */
+    isPasswordValid: boolean;
+    /** Toggles visibility of the password field */
+    isPasswordVisible: boolean;
+    /** Stores error message from the API */
+    apiErrorMessage: string;
+    /**
+     * Captcha configuration and state.
+     * Stores captcha-related data, including its status, token, provider, and site key.
+     */
+    captchaData: CaptchaData;
+    updateLoginCredentialsEvent: CustomEvent;
+    private stylingContainer;
+    private stylingSubscription;
+    /**
+     * Watch for changes in the translation URL and fetch new translations
+     */
+    handleNewTranslations(): void;
+    /**
+     * Watch for changes in the client styling and apply the new styling
+     *
+     * @param newValue - new client styling
+     * @param oldValue - previous client styling
+     */
+    handleClientStylingChange(newValue: any, oldValue: any): void;
+    /**
+     * Watch for changes in the client styling URL and fetch the new CSS
+     *
+     * @param newValue - new client styling URL
+     * @param oldValue - previous client styling URL
+     */
+    handleClientStylingUrlChange(newValue: any, oldValue: any): void;
+    /**
+     * Lifecycle method: Fetch translations on component load
+     */
+    componentWillLoad(): Promise<void>;
+    /**
+     * Lifecycle method: Set up event listeners after the component is rendered
+     */
+    componentDidLoad(): void;
+    /**
+     * Lifecycle method: Clean up event listeners when the component is removed
+     */
+    disconnectedCallback(): void;
+    /**
+     * Fetches the login configuration from the backend API.
+     *
+     * @returns A Promise that resolves once the configuration is fetched and set.
+     */
+    getLoginConfig(): Promise<void>;
+    /**
+     * Handles the integration of CAPTCHA based on the login configuration.
+     * Dynamically injects the necessary CAPTCHA script if enabled.
+     */
+    handleCaptcha(): void;
+    /**
+     * Common callback function for CAPTCHA response handling.
+     * @param token CAPTCHA response token.
+     */
+    private captchaCallback;
+    /**
+     * Dynamically loads the Turnstile script and renders CAPTCHA when ready.
+     * @param src - The URL of the CAPTCHA script to load.
+     * @param captcha - The CAPTCHA configuration.
+     */
+    appendCaptchaScript(): void;
+    /**
+     * Fetch phone prefixes from the API
+     */
+    getPrefixOptions: () => Promise<void>;
+    /**
+     * Handle autofilling of credentials from a dispatched event
+     */
+    handleAutofillCredentials: (e: CustomEvent) => void;
+    /**
+     * Get login token from password-management service
+     */
+    getLoginToken: () => Promise<string>;
+    /**
+     * Function to send legislation login request
+     */
+    loginPlayer: (token: string) => Promise<{
+        sessionId: string;
+        playerId: string;
+    }>;
+    /**
+     * Send error notification as a post message
+     */
+    sendErrorNotification(errorMessage: string): void;
+    /**
+     * Handle login process
+     */
+    handleLogin: () => void;
+    /**
+     * Dispatch event to notify about login credential updates
+     */
+    dispatchUpdateLoginCredentialsEvent(): void;
+    /**
+     * Handle input changes for username/email and password
+     *
+     * @param event - input event
+     * @param location - 'user' | 'phone' | 'password'
+     */
+    handleInputChange: (event: Event, location: string) => void;
+    handleInputChangePartial: (location: string) => (e: Event) => void;
+    /**
+     * Validate input based on the specific regex
+     *
+     * @param useRuleFor - 'user' | 'phone' | 'password'
+     * @param input - input value to validate
+     */
+    validate: (useRuleFor: 'user' | 'phone' | 'password', input: string) => boolean;
+    isSubmitDisabled: () => boolean;
+    handleSubmit: (e: KeyboardEvent) => void;
+    /**
+     * Toggle password
+     */
+    togglePassword: () => void;
+    /**
+     * Reset password
+     */
+    resetPassword: () => void;
+    /**
+     * Render function
+     */
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,149 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface PamLogin {
+        /**
+          * Inline CSS styling provided by the client
+         */
+        "clientStyling": string;
+        /**
+          * URL to load additional CSS styling
+         */
+        "clientStylingUrl": string;
+        /**
+          * API endpoint URL for login requests
+         */
+        "endpoint": string;
+        /**
+          * Language code for translations (default is 'en')
+         */
+        "lang": string;
+        /**
+          * If set to true, login will be done by phone number, else by username/email
+         */
+        "loginByPhoneNumber": string;
+        /**
+          * The source identifier for message bus styling. This is used to apply styles dynamically from a stream.
+         */
+        "mbSource": string;
+        /**
+          * Regular expression for validating the password
+         */
+        "passwordRegex": string;
+        /**
+          * Regex options for password validation
+         */
+        "passwordRegexOptions": string;
+        /**
+          * Flag indicating whether the password reset feature is enabled
+         */
+        "passwordReset": string;
+        /**
+          * URL for fetching translations
+         */
+        "translationUrl": string;
+        /**
+          * Regular expression for validating the user email
+         */
+        "userEmailRegex": string;
+        /**
+          * Regex options for user email validation
+         */
+        "userEmailRegexOptions": string;
+        /**
+          * User phone regex
+         */
+        "userPhoneRegex": string;
+        /**
+          * User phone regex options
+         */
+        "userPhoneRegexOptions": string;
+    }
+}
+declare global {
+    interface HTMLPamLoginElement extends Components.PamLogin, HTMLStencilElement {
+    }
+    var HTMLPamLoginElement: {
+        prototype: HTMLPamLoginElement;
+        new (): HTMLPamLoginElement;
+    };
+    interface HTMLElementTagNameMap {
+        "pam-login": HTMLPamLoginElement;
+    }
+}
+declare namespace LocalJSX {
+    interface PamLogin {
+        /**
+          * Inline CSS styling provided by the client
+         */
+        "clientStyling"?: string;
+        /**
+          * URL to load additional CSS styling
+         */
+        "clientStylingUrl"?: string;
+        /**
+          * API endpoint URL for login requests
+         */
+        "endpoint"?: string;
+        /**
+          * Language code for translations (default is 'en')
+         */
+        "lang"?: string;
+        /**
+          * If set to true, login will be done by phone number, else by username/email
+         */
+        "loginByPhoneNumber"?: string;
+        /**
+          * The source identifier for message bus styling. This is used to apply styles dynamically from a stream.
+         */
+        "mbSource"?: string;
+        /**
+          * Regular expression for validating the password
+         */
+        "passwordRegex"?: string;
+        /**
+          * Regex options for password validation
+         */
+        "passwordRegexOptions"?: string;
+        /**
+          * Flag indicating whether the password reset feature is enabled
+         */
+        "passwordReset"?: string;
+        /**
+          * URL for fetching translations
+         */
+        "translationUrl"?: string;
+        /**
+          * Regular expression for validating the user email
+         */
+        "userEmailRegex"?: string;
+        /**
+          * Regex options for user email validation
+         */
+        "userEmailRegexOptions"?: string;
+        /**
+          * User phone regex
+         */
+        "userPhoneRegex"?: string;
+        /**
+          * User phone regex options
+         */
+        "userPhoneRegexOptions"?: string;
+    }
+    interface IntrinsicElements {
+        "pam-login": PamLogin;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "pam-login": LocalJSX.PamLogin & JSXBase.HTMLAttributes<HTMLPamLoginElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components/pam-login';