@16x/webphone-sdk 3.0.1

package/dist/ui/state/toPhoneViewModel.d.ts

@@ -0,0 +1,54 @@
+import { CallState } from '../../types.js';
+export type PhonePermission = 'granted' | 'denied' | 'prompt' | 'unsupported' | 'unknown';
+export type PhoneConnectionState = 'idle' | 'offline' | 'connecting' | 'connected' | 'reconnecting' | 'failed' | 'disconnected';
+export interface PhoneCallSnapshot {
+    readonly id: string;
+    readonly state: CallState;
+    readonly destination?: string;
+    readonly direction?: 'inbound' | 'outbound';
+}
+export interface PhoneViewInput {
+    readonly connectionState: PhoneConnectionState;
+    readonly permission?: PhonePermission;
+    readonly calls: readonly PhoneCallSnapshot[];
+    readonly error?: {
+        readonly code: string;
+    };
+    readonly supported?: boolean;
+}
+export type PhoneViewModel = {
+    readonly kind: 'unsupported';
+} | {
+    readonly kind: 'permission-error';
+    readonly code: 'MEDIA_PERMISSION_DENIED';
+    readonly action: 'retry-permission';
+} | {
+    readonly kind: 'unrecoverable-error';
+    readonly code: string;
+} | {
+    readonly kind: 'setup';
+} | {
+    readonly kind: 'connecting';
+} | {
+    readonly kind: 'incoming';
+    readonly callId: string;
+    readonly from: string;
+} | {
+    readonly kind: 'active';
+    readonly callId: string;
+    readonly destination?: string;
+} | {
+    readonly kind: 'held';
+    readonly callId: string;
+    readonly destination?: string;
+} | {
+    readonly kind: 'dialing';
+    readonly callId: string;
+    readonly destination?: string;
+} | {
+    readonly kind: 'ended';
+    readonly callId?: string;
+} | {
+    readonly kind: 'ready';
+};
+export declare function toPhoneViewModel(input: PhoneViewInput): PhoneViewModel;

package/dist/ui/views/dom.d.ts

@@ -0,0 +1,11 @@
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: {
+    readonly className?: string;
+    readonly text?: string;
+    readonly attrs?: Record<string, string>;
+    readonly children?: readonly Node[];
+}): HTMLElementTagNameMap[K];
+export declare function createStatusRail(text: string): HTMLDivElement;
+export declare function createLabelledTelInput(id: string, labelText: string, name?: string): {
+    readonly field: HTMLDivElement;
+    readonly input: HTMLInputElement;
+};

package/dist/ui/views/messages.d.ts

@@ -0,0 +1,5 @@
+import { UiMessages } from '../i18n/types.js';
+export type PhoneUiMessages = Partial<UiMessages> & {
+    readonly status?: string;
+};
+export declare const defaultZhMessages: PhoneUiMessages;

package/dist/ui/views/renderActiveCall.d.ts

@@ -0,0 +1,8 @@
+import { PhoneViewModel } from '../state/toPhoneViewModel.js';
+import { PhoneUiMessages } from './messages.js';
+export declare function renderActiveCall(options: {
+    readonly view: Extract<PhoneViewModel, {
+        kind: 'active' | 'held' | 'dialing';
+    }>;
+    readonly messages: PhoneUiMessages;
+}): HTMLElement;

package/dist/ui/views/renderDesktop.d.ts

@@ -0,0 +1,24 @@
+import { PhoneViewModel } from '../state/toPhoneViewModel.js';
+import { PhoneUiMessages } from './messages.js';
+export interface DesktopCallRow {
+    readonly id: string;
+    readonly destination: string;
+    readonly state: string;
+    readonly direction: 'inbound' | 'outbound';
+    readonly current: boolean;
+}
+export interface DesktopRenderOptions {
+    readonly mode: 'compact' | 'panel';
+    readonly view: PhoneViewModel;
+    readonly messages: PhoneUiMessages;
+    readonly destination: string;
+    readonly muted: boolean;
+    readonly canDial: boolean;
+    readonly moreOpen: boolean;
+    readonly floating: boolean;
+    readonly connected: boolean;
+    readonly agentStatus: 'available' | 'offline' | 'break';
+    readonly extension: string;
+    readonly calls: readonly DesktopCallRow[];
+}
+export declare function renderDesktop(options: DesktopRenderOptions): HTMLElement;

package/dist/ui/views/renderDialpad.d.ts

@@ -0,0 +1,4 @@
+import { PhoneUiMessages } from './messages.js';
+export declare function renderDialpad(options: {
+    readonly messages: Pick<PhoneUiMessages, 'numberLabel' | 'call'>;
+}): HTMLElement;

package/dist/ui/views/renderError.d.ts

@@ -0,0 +1,6 @@
+import { PhoneViewModel } from '../state/toPhoneViewModel.js';
+import { PhoneUiMessages } from './messages.js';
+export declare function renderError(options: {
+    readonly view: PhoneViewModel;
+    readonly messages: PhoneUiMessages;
+}): HTMLElement;

package/dist/ui/views/renderIncoming.d.ts

@@ -0,0 +1,8 @@
+import { PhoneViewModel } from '../state/toPhoneViewModel.js';
+import { PhoneUiMessages } from './messages.js';
+export declare function renderIncoming(options: {
+    readonly view: Extract<PhoneViewModel, {
+        kind: 'incoming';
+    }>;
+    readonly messages: PhoneUiMessages;
+}): HTMLElement;

package/dist/ui/views/renderMobile.d.ts

@@ -0,0 +1,15 @@
+import { PhoneViewModel } from '../state/toPhoneViewModel.js';
+import { PhoneUiMessages } from './messages.js';
+export declare function renderMobileEnable(options: {
+    readonly enabling: boolean;
+    readonly status: string;
+    readonly enablePhone?: string;
+}): HTMLElement;
+export declare function renderMobile(options: {
+    readonly view: PhoneViewModel;
+    readonly messages: PhoneUiMessages;
+    readonly destination: string;
+    readonly muted: boolean;
+    readonly canDial: boolean;
+    readonly showOutputDevice: boolean;
+}): HTMLElement;

package/dist/ui/views/renderSetup.d.ts

@@ -0,0 +1,6 @@
+import { PhoneViewModel } from '../state/toPhoneViewModel.js';
+import { PhoneUiMessages } from './messages.js';
+export declare function renderSetup(options: {
+    readonly view: PhoneViewModel;
+    readonly messages: PhoneUiMessages;
+}): HTMLElement;

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@16x/webphone-sdk",
+  "version": "3.0.1",
+  "private": false,
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "files": [
+    "dist/index.js",
+    "dist/index.cjs",
+    "dist/index.umd.js",
+    "dist/*.js",
+    "dist/*.cjs",
+    "dist/index.d.ts",
+    "dist/types.d.ts",
+    "dist/errors",
+    "dist/events",
+    "dist/state",
+    "dist/auth",
+    "dist/api",
+    "dist/core",
+    "dist/shared",
+    "dist/ui",
+    "dist/legacy",
+    "dist/diagnostics",
+    "dist/shared-worker.js",
+    "dist/shared-worker.d.ts",
+    "dist/styles.css",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/index.js",
+      "require": "./dist/ui/index.cjs"
+    },
+    "./legacy": {
+      "types": "./dist/legacy/index.d.ts",
+      "import": "./dist/legacy/index.js",
+      "require": "./dist/legacy/index.cjs"
+    },
+    "./diagnostics": {
+      "types": "./dist/diagnostics/index.d.ts",
+      "import": "./dist/diagnostics/index.js",
+      "require": "./dist/diagnostics/index.cjs"
+    },
+    "./shared-worker": {
+      "types": "./dist/shared-worker.d.ts",
+      "import": "./dist/shared-worker.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "build": "vite build && vite build -c vite.umd.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "npm run build && vitest run",
+    "lint": "eslint .",
+    "pack:check": "node scripts/check-package.mjs",
+    "sbom": "node scripts/generate-sbom.mjs",
+    "release:artifacts": "node scripts/generate-release-artifacts.mjs",
+    "check:node-next": "npm run build && node scripts/check-node-next-consumer.mjs",
+    "build:examples": "node scripts/build-examples.mjs",
+    "verify:bundle": "node scripts/check-bundle-size.mjs",
+    "verify:memory": "node scripts/run-memory-soak.mjs",
+    "verify:call-soak": "node scripts/run-call-soak.mjs",
+    "verify:hour-soak": "node scripts/run-browser-call-soak.mjs",
+    "verify:staged": "npm run verify:memory && npm run verify:call-soak",
+    "docs:build": "node scripts/build-docs-site.mjs",
+    "docs:check": "node scripts/check-docs-site.mjs",
+    "docs:test": "npm run docs:build && npx vitest run tests/docs-site/static-site.test.ts tests/docs-site/navigation.test.ts",
+    "customer:packages": "node scripts/create-customer-packages.mjs",
+    "verify:release": "npm run lint && npm run typecheck && npm test && npm run build && npm run build:examples && npm run verify:bundle && npm run pack:check && npm run sbom"
+  },
+  "dependencies": {
+    "jssip": "3.10.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitejs/plugin-vue": "^6.0.9",
+    "eslint": "^10.10.0",
+    "happy-dom": "^20.14.5",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.70.0",
+    "vite": "^8.3.0",
+    "vite-plugin-dts": "^5.1.0",
+    "vitest": "^5.0.1",
+    "vue": "^3.5.43"
+  }
+}