@descope-ui/descope-user-passkeys 3.11.8 → 3.12.0

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "@descope-ui/descope-user-passkeys",
-  "version": "3.11.8",
+  "version": "3.12.0",
+  "files": [
+    "src",
+    "stories"
+  ],
   "exports": {
     ".": {
       "import": "./src/component/index.js"
@@ -14,18 +18,18 @@
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",
-    "e2e-utils": "3.11.8",
-    "test-drivers": "3.11.8"
+    "e2e-utils": "3.12.0",
+    "test-drivers": "3.12.0"
   },
   "dependencies": {
-    "@descope-ui/common": "3.11.8",
-    "@descope-ui/theme-globals": "3.11.8",
-    "@descope-ui/descope-list": "3.11.8",
-    "@descope-ui/descope-list-item": "3.11.8",
-    "@descope-ui/descope-text": "3.11.8",
-    "@descope-ui/descope-link": "3.11.8",
-    "@descope-ui/descope-button": "3.11.8",
-    "@descope-ui/descope-icon": "3.11.8"
+    "@descope-ui/common": "3.12.0",
+    "@descope-ui/theme-globals": "3.12.0",
+    "@descope-ui/descope-list": "3.12.0",
+    "@descope-ui/descope-list-item": "3.12.0",
+    "@descope-ui/descope-link": "3.12.0",
+    "@descope-ui/descope-text": "3.12.0",
+    "@descope-ui/descope-button": "3.12.0",
+    "@descope-ui/descope-icon": "3.12.0"
   },
   "publishConfig": {
     "link-workspace-packages": false

package/CHANGELOG.md

@@ -1,33 +0,0 @@
-# Changelog
-
-This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
-
-## [3.11.8](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.7...web-components-ui-3.11.8) (2026-05-25)
-
-## [3.11.7](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.6...web-components-ui-3.11.7) (2026-05-25)
-
-## [3.11.6](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.5...web-components-ui-3.11.6) (2026-05-24)
-
-## [3.11.5](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.4...web-components-ui-3.11.5) (2026-05-21)
-
-
-### Bug Fixes
-
-* **user-passkeys:** icon color and size fixes ([#1037](https://github.com/descope/web-components-ui/issues/1037)) ([ef98108](https://github.com/descope/web-components-ui/commit/ef981082884d9ee6f17b987900f13a3b1e454652))
-
-## [3.11.4](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.3...web-components-ui-3.11.4) (2026-05-20)
-
-## [3.11.3](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.2...web-components-ui-3.11.3) (2026-05-19)
-
-## [3.11.2](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.1...web-components-ui-3.11.2) (2026-05-19)
-
-## [3.11.1](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.0...web-components-ui-3.11.1) (2026-05-19)
-
-## [3.11.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.10.2...web-components-ui-3.11.0) (2026-05-19)
-
-
-### Features
-
-* **component:** descope-user-passkeys ([#995](https://github.com/descope/web-components-ui/issues/995)) ([457bb17](https://github.com/descope/web-components-ui/commit/457bb1739f2af0a3ff68a0776b4f1a0186cbc8fa))
-
-# Changelog

package/e2e/descope-user-passkeys.spec.ts

@@ -1,191 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { getStoryUrl, loopConfig, loopPresets } from 'e2e-utils';
-import createUserPasskeysTestDriver from '../testDriver/userPasskeysTestDriver';
-
-const componentAttributes = {
-  direction: ['ltr', 'rtl'],
-  format: ['MM-DD-YYYY', 'DD-MM-YYYY', 'YYYY-MM-DD'],
-  readonly: ['false', 'true'],
-  useLongNames: ['false', 'true'],
-  'allow-remove': ['false', 'true'],
-  'full-width': ['false', 'true'],
-  numberOfItems: ['0', '1', '2', '5', '10'],
-  showMethodIcon: ['false', 'true'],
-  showButtonIcon: ['false', 'true'],
-
-  'st-list-items-gap': ['0', '4px', '16px', '50px'],
-  'st-item-horizontal-padding': ['0', '4px', '16px', '50px'],
-  'st-item-vertical-padding': ['0', '4px', '16px', '50px'],
-  'add-passkey-button-label': [
-    '',
-    'Custom Add',
-    'Long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long Add',
-  ],
-  'created-at-label': [
-    '',
-    'Custom label',
-    'Long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long last login',
-  ],
-};
-
-const customLabels = {
-  'add-passkey-button-label':
-    componentAttributes['add-passkey-button-label'][2],
-  'created-at-label': componentAttributes['created-at-label'][2],
-};
-
-const presets = {
-  'long content ltr': {
-    useLongNames: 'true',
-    ...customLabels,
-  },
-  'long content rtl': {
-    direction: 'rtl',
-    useLongNames: 'true',
-    ...customLabels,
-  },
-  'allow remove with empty label': {
-    'allow-remove': 'true',
-    removeButtonLabel: '',
-  },
-  'allow remove with custom label': {
-    'allow-remove': 'true',
-    removeButtonLabel: 'Custom',
-  },
-  'allow remove with long label': {
-    'allow-remove': 'true',
-    removeButtonLabel:
-      'Long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long Remove',
-  },
-  'show remove button icon': {
-    'allow-remove': 'true',
-    showRemoveIcon: 'true',
-  },
-};
-
-const storyName = 'descope-user-passkeys';
-const componentName = 'descope-user-passkeys';
-
-test.describe('theme', () => {
-  loopConfig(componentAttributes, (attr, value) => {
-    test.describe(`${attr}: ${value}`, () => {
-      test.beforeEach(async ({ page }) => {
-        await page.goto(getStoryUrl(storyName, { [attr]: value }), {
-          waitUntil: 'networkidle',
-        });
-      });
-
-      test('style', async ({ page }) => {
-        const component = createUserPasskeysTestDriver(
-          page.locator(componentName),
-        );
-        await page.waitForTimeout(2000);
-
-        expect(await component.screenshot()).toMatchSnapshot();
-      });
-    });
-  });
-});
-
-const setupEventListener = (eventName: string) => {
-  return `
-    window.eventDetails = [];
-    document.addEventListener('${eventName}', (event) => {
-      window.eventDetails.push(event.detail);
-    });
-  `;
-};
-
-test.describe('logic', () => {
-  test('dispatch add action', async ({ page }) => {
-    await page.goto(getStoryUrl(storyName), {
-      waitUntil: 'networkidle',
-    });
-
-    await page.addInitScript(setupEventListener('add-passkey-clicked'));
-
-    await page.reload({ waitUntil: 'networkidle' });
-
-    await page.locator('text="Add"').click();
-    await page.waitForTimeout(500);
-
-    const eventDetail = await page.evaluate(
-      // eslint-disable-next-line no-undef
-      () => (window as any).eventDetails[0],
-    );
-
-    expect(eventDetail).toBeDefined();
-    expect(eventDetail).toHaveProperty('action', 'add-passkey');
-  });
-
-  test('dispatch remove action with passkey ID', async ({ page }) => {
-    await page.goto(getStoryUrl(storyName, { 'allow-remove': 'true' }), {
-      waitUntil: 'networkidle',
-    });
-
-    await page.addInitScript(setupEventListener('remove-passkey-clicked'));
-
-    await page.reload({ waitUntil: 'networkidle' });
-
-    await page
-      .getByText('Vendor 5 Remove')
-      .getByText('Remove', { exact: true })
-      .first()
-      .click();
-    await page.waitForTimeout(500);
-
-    const eventDetail = await page.evaluate(
-      // eslint-disable-next-line no-undef
-      () => (window as any).eventDetails[0],
-    );
-
-    expect(eventDetail).toBeDefined();
-    expect(eventDetail).toHaveProperty('action', 'remove-passkey');
-    expect(eventDetail).toHaveProperty('id', 'vendor-id-5');
-  });
-
-  test('prevent dispatch when readonly', async ({ page }) => {
-    await page.goto(
-      getStoryUrl(storyName, { readonly: 'true', 'allow-remove': 'true' }),
-      {
-        waitUntil: 'networkidle',
-      },
-    );
-
-    await page.addInitScript(setupEventListener('remove-passkey-clicked'));
-
-    await page.reload({ waitUntil: 'networkidle' });
-
-    await page
-      .getByText('Vendor 5 Remove')
-      .getByText('Remove', { exact: true })
-      .first()
-      .click();
-    await page.waitForTimeout(500);
-
-    const eventDetail = await page.evaluate(
-      // eslint-disable-next-line no-undef
-      () => (window as any).eventDetails[0],
-    );
-
-    expect(eventDetail).not.toBeDefined();
-  });
-});
-
-test.describe('presets', () => {
-  loopPresets(presets, (preset, name) => {
-    test(name, async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, preset));
-      await page.waitForSelector(componentName);
-
-      const component = page.locator(componentName);
-
-      expect(
-        await component.screenshot({
-          animations: 'disabled',
-          timeout: 3000,
-        }),
-      ).toMatchSnapshot();
-    });
-  });
-});

package/project.json

@@ -1,8 +0,0 @@
-{
-  "name": "@descope-ui/descope-user-passkeys",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/web-components/components/descope-user-passkeys/src",
-  "projectType": "library",
-  "targets": {},
-  "tags": []
-}

package/testDriver/userPasskeysTestDriver.ts

@@ -1,10 +0,0 @@
-import { Locator } from '@playwright/test';
-import { createComponentTestDriver } from 'test-drivers';
-
-const createUserPasskeysTestDriver = (locator: Locator) => {
-  return {
-    ...createComponentTestDriver(locator),
-  };
-};
-
-export default createUserPasskeysTestDriver;