@pallasoft/ps-mobile-components 1.2.0 → 1.3.0

package/dist/constants/ps-sf-symbol-config.js

@@ -1,35 +1,127 @@
 export const PsSfSymbolConfig = {
     symbols: {
+        'arrow': 'arrow.right',
+        'audio': 'waveform',
         'bank': 'building.columns',
         'bell': 'bell',
+        'book': 'book',
         'calendar': 'calendar',
         'camera': 'camera',
+        'camera-off': 'camera.badge.ellipsis',
+        'chart': 'chart.bar',
+        'chat': 'bubble.left',
         'check': 'checkmark',
+        'chevron': 'chevron.down',
+        'chevron-right': 'chevron.right',
+        'clipboard': 'list.clipboard',
         'clock': 'clock',
         'close': 'xmark',
+        'columns': 'rectangle.split.3x1',
+        'credit-card': 'creditcard',
+        'crop': 'crop',
         'doc': 'doc.text',
         'download': 'arrow.down.circle',
+        'expand': 'arrow.up.left.and.arrow.down.right',
         'eye': 'eye',
+        'eye-off': 'eye.slash',
         'file': 'doc',
+        'filter': 'line.3.horizontal.decrease',
+        'flash': 'bolt',
         'forward': 'arrowshape.turn.up.right',
+        'globe': 'globe',
+        'help': 'questionmark.circle',
         'home': 'house',
         'image': 'photo',
+        'inbox': 'tray',
         'invoice': 'doc.plaintext',
+        'layers': 'square.stack.3d.up',
+        'lifebuoy': 'lifepreserver',
+        'lightbulb': 'lightbulb',
+        'linkedin': 'link',
+        'location': 'mappin.and.ellipse',
         'mail': 'envelope',
+        'menu': 'line.3.horizontal',
+        'minus': 'minus.circle',
+        'moon': 'moon',
         'more': 'ellipsis',
+        'palette': 'paintpalette',
+        'pallabuzz': 'app',
+        'pallaforge': 'app',
+        'pause': 'pause',
+        'payroll': 'person.2',
         'pencil': 'pencil',
+        'play': 'play',
         'plus': 'plus',
         'receipt': 'scroll',
         'refresh': 'arrow.clockwise',
         'reports': 'chart.bar',
+        'rewind': 'backward',
+        'rotate': 'rotate.right',
+        'scale': 'scalemass',
         'scan': 'doc.viewfinder',
+        'search': 'magnifyingglass',
         'settings': 'gearshape',
         'share': 'square.and.arrow.up',
+        'sheet': 'tablecells',
+        'shield': 'shield',
         'sign-out': 'rectangle.portrait.and.arrow.right',
+        'smile': 'face.smiling',
+        'sort': 'arrow.up.arrow.down',
+        'sort-ascending': 'arrow.up',
+        'sort-descending': 'arrow.down',
+        'spark': 'sparkles',
+        'star': 'star',
+        'sun': 'sun.max',
         'swap': 'arrow.left.arrow.right',
+        'tax': 'percent',
+        'text': 'text.alignleft',
         'trash': 'trash',
         'upload': 'square.and.arrow.up',
         'user': 'person.crop.circle',
+        'video': 'video',
+        'wallet': 'wallet.bifold',
+        'warning': 'exclamationmark.triangle',
+        'x': 'xmark',
+        'zoom-in': 'plus.magnifyingglass',
+        'zoom-out': 'minus.magnifyingglass',
+    },
+    monograms: {
+        '0': '0.circle.fill',
+        '1': '1.circle.fill',
+        '2': '2.circle.fill',
+        '3': '3.circle.fill',
+        '4': '4.circle.fill',
+        '5': '5.circle.fill',
+        '6': '6.circle.fill',
+        '7': '7.circle.fill',
+        '8': '8.circle.fill',
+        '9': '9.circle.fill',
+        'a': 'a.circle.fill',
+        'b': 'b.circle.fill',
+        'c': 'c.circle.fill',
+        'd': 'd.circle.fill',
+        'e': 'e.circle.fill',
+        'f': 'f.circle.fill',
+        'g': 'g.circle.fill',
+        'h': 'h.circle.fill',
+        'i': 'i.circle.fill',
+        'j': 'j.circle.fill',
+        'k': 'k.circle.fill',
+        'l': 'l.circle.fill',
+        'm': 'm.circle.fill',
+        'n': 'n.circle.fill',
+        'o': 'o.circle.fill',
+        'p': 'p.circle.fill',
+        'q': 'q.circle.fill',
+        'r': 'r.circle.fill',
+        's': 's.circle.fill',
+        't': 't.circle.fill',
+        'u': 'u.circle.fill',
+        'v': 'v.circle.fill',
+        'w': 'w.circle.fill',
+        'x': 'x.circle.fill',
+        'y': 'y.circle.fill',
+        'z': 'z.circle.fill',
     },
     checkedSymbol: 'checkmark',
     headerSymbol: 'person.crop.circle.fill',

package/dist/constants/ps-sheet-page-config.d.ts

@@ -0,0 +1,4 @@
+export declare const PsSheetPageConfig: {
+    readonly duration: 240;
+    readonly formId: "form";
+};

package/dist/constants/ps-sheet-page-config.js

@@ -0,0 +1,4 @@
+export const PsSheetPageConfig = {
+    duration: 240,
+    formId: 'form',
+};

package/dist/contexts/ps-tab-bar-context.d.ts

@@ -0,0 +1,2 @@
+import type { PsTabBarContextData } from '../interfaces/ps-tab-bar-context-data';
+export declare const PsTabBarContext: import("react").Context<PsTabBarContextData>;

package/dist/contexts/ps-tab-bar-context.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export const PsTabBarContext = createContext({
+    isHidden: false,
+    setIsHidden: () => undefined,
+});

package/dist/hooks/use-ps-app-lock.d.ts

@@ -0,0 +1,3 @@
+import type { UsePsAppLockOptions } from '../interfaces/use-ps-app-lock-options';
+import type { UsePsAppLockResult } from '../interfaces/use-ps-app-lock-result';
+export declare const usePsAppLock: ({ graceSeconds, isEnabled, prompt, }: UsePsAppLockOptions) => UsePsAppLockResult;

package/dist/hooks/use-ps-app-lock.js

@@ -0,0 +1,72 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Common } from '@pallasoft/ps-utilities';
+import { AppState } from 'react-native';
+import { PsAppLockConfig } from '../constants/ps-app-lock-config';
+import { PsAppLockGraceService } from '../services/ps-app-lock-grace-service';
+import { PsAppLockService } from '../services/ps-app-lock-service';
+import { usePsHaptics } from './use-ps-haptics';
+export const usePsAppLock = ({ graceSeconds = PsAppLockConfig.defaultGraceSeconds, isEnabled, prompt, }) => {
+    const haptics = usePsHaptics();
+    const [isHeld, setIsHeld] = useState(false);
+    const [isUnlocking, setIsUnlocking] = useState(false);
+    const [appState, setAppState] = useState(PsAppLockConfig.activeState);
+    const backgroundedAt = useRef(null);
+    const isUnlockingRef = useRef(false);
+    const latest = useRef({ haptics, prompt });
+    const isLocked = isEnabled && isHeld;
+    useEffect(() => {
+        latest.current = { haptics, prompt };
+    });
+    useEffect(() => {
+        if (!isEnabled)
+            setIsHeld(false);
+    }, [isEnabled]);
+    useEffect(() => {
+        const subscription = AppState.addEventListener('change', (next) => {
+            if (PsAppLockService.isBusy())
+                return;
+            const now = Common.DateService.nowUnixSeconds();
+            if (PsAppLockGraceService.isBackground(next))
+                backgroundedAt.current = now;
+            if (PsAppLockGraceService.isActive(next)) {
+                if (PsAppLockGraceService.isExpired(backgroundedAt.current, now, graceSeconds))
+                    setIsHeld(true);
+                backgroundedAt.current = null;
+            }
+            setAppState(next);
+        });
+        return () => subscription.remove();
+    }, [graceSeconds]);
+    const lock = useCallback(() => setIsHeld(true), []);
+    const unlock = useCallback(async () => {
+        if (isUnlockingRef.current)
+            return false;
+        isUnlockingRef.current = true;
+        setIsUnlocking(true);
+        try {
+            const { haptics: play, prompt: current } = latest.current;
+            const isOk = await PsAppLockService.authenticate(current.message, current.cancelLabel);
+            if (isOk)
+                setIsHeld(false);
+            play(isOk ? 'success' : 'error');
+            return isOk;
+        }
+        finally {
+            isUnlockingRef.current = false;
+            setIsUnlocking(false);
+        }
+    }, []);
+    const isHidden = PsAppLockGraceService.isHidden(appState);
+    const shouldPrompt = isLocked && !isHidden;
+    useEffect(() => {
+        if (shouldPrompt)
+            void unlock();
+    }, [shouldPrompt, unlock]);
+    return {
+        isCovered: isEnabled && isHidden,
+        isLocked,
+        isUnlocking,
+        lock,
+        unlock,
+    };
+};

package/dist/hooks/use-ps-menu-tiles.d.ts

@@ -0,0 +1,4 @@
+export declare const usePsMenuTiles: () => {
+    onTile: (key: string, uri: string) => void;
+    tiles: Record<string, string>;
+};

package/dist/hooks/use-ps-menu-tiles.js

@@ -0,0 +1,8 @@
+import { useCallback, useState } from 'react';
+export const usePsMenuTiles = () => {
+    const [tiles, setTiles] = useState({});
+    const onTile = useCallback((key, uri) => {
+        setTiles((current) => (current[key] === uri ? current : { ...current, [key]: uri }));
+    }, []);
+    return { onTile, tiles };
+};

package/dist/hooks/use-ps-tab-bar.d.ts

@@ -0,0 +1,2 @@
+import type { PsTabBarContextData } from '../interfaces/ps-tab-bar-context-data';
+export declare const usePsTabBar: () => PsTabBarContextData;

package/dist/hooks/use-ps-tab-bar.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { PsTabBarContext } from '../contexts/ps-tab-bar-context';
+export const usePsTabBar = () => useContext(PsTabBarContext);

package/dist/index.d.ts

@@ -27,7 +27,11 @@ export * from './components/ps-pallasoft-sign-in-button';
 export * from './components/ps-color-swatches';
 export * from './components/ps-count-badge';
 export * from './components/ps-segmented-control';
+export * from './components/ps-selection-mode';
+export * from './components/ps-tab-bar-provider';
 export * from './components/ps-tabs';
+export * from './components/ps-option-picker';
+export * from './components/ps-search-select-field';
 export * from './components/ps-select';
 export * from './components/ps-skeleton';
 export * from './components/ps-sortable-grid';
@@ -51,12 +55,14 @@ export * from './hooks/use-ps-document-scanner';
 export * from './hooks/use-ps-haptics';
 export * from './hooks/use-ps-mobile-theme';
 export * from './hooks/use-ps-refresh';
+export * from './hooks/use-ps-tab-bar';
 export * from './hooks/use-ps-toast';
 export * from './hooks/use-ps-remote-data';
 export * from './interfaces/ps-document-item';
 export * from './interfaces/ps-document-labels';
 export * from './interfaces/ps-document-scanner-options';
 export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-tab-bar-context-data';
 export * from './interfaces/ps-area-chart-datum';
 export * from './interfaces/ps-cartesian-chart-series';
 export * from './interfaces/ps-donut-chart-datum';
@@ -78,6 +84,7 @@ export * from './interfaces/ps-text-field-type';
 export * from './interfaces/ps-scanned-file';
 export * from './interfaces/use-ps-document-scanner-result';
 export { PsActionMenuService } from './services/ps-action-menu-service';
+export { PsSelectionService } from './services/ps-selection-service';
 export { PsSortableGridService } from './services/ps-sortable-grid-service';
 export { PsDocumentPagerService } from './services/ps-document-pager-service';
 export { PsDocumentZoomService } from './services/ps-document-zoom-service';
@@ -112,3 +119,14 @@ export * from './interfaces/ps-text-align';
 export * from './interfaces/ps-text-tone';
 export * from './interfaces/ps-text-variant';
 export * from './interfaces/ps-sheet-action';
+export * from './interfaces/ps-sheet-leading-kind';
+export * from './interfaces/ps-sheet-page';
+export * from './components/ps-app-lock-screen';
+export * from './components/ps-privacy-cover';
+export * from './constants/ps-biometry-kind';
+export * from './hooks/use-ps-app-lock';
+export * from './interfaces/ps-app-lock-prompt';
+export * from './interfaces/use-ps-app-lock-options';
+export * from './interfaces/use-ps-app-lock-result';
+export { PsAppLockGraceService } from './services/ps-app-lock-grace-service';
+export { PsAppLockService } from './services/ps-app-lock-service';

package/dist/index.js

@@ -27,7 +27,11 @@ export * from './components/ps-pallasoft-sign-in-button';
 export * from './components/ps-color-swatches';
 export * from './components/ps-count-badge';
 export * from './components/ps-segmented-control';
+export * from './components/ps-selection-mode';
+export * from './components/ps-tab-bar-provider';
 export * from './components/ps-tabs';
+export * from './components/ps-option-picker';
+export * from './components/ps-search-select-field';
 export * from './components/ps-select';
 export * from './components/ps-skeleton';
 export * from './components/ps-sortable-grid';
@@ -51,12 +55,14 @@ export * from './hooks/use-ps-document-scanner';
 export * from './hooks/use-ps-haptics';
 export * from './hooks/use-ps-mobile-theme';
 export * from './hooks/use-ps-refresh';
+export * from './hooks/use-ps-tab-bar';
 export * from './hooks/use-ps-toast';
 export * from './hooks/use-ps-remote-data';
 export * from './interfaces/ps-document-item';
 export * from './interfaces/ps-document-labels';
 export * from './interfaces/ps-document-scanner-options';
 export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-tab-bar-context-data';
 export * from './interfaces/ps-area-chart-datum';
 export * from './interfaces/ps-cartesian-chart-series';
 export * from './interfaces/ps-donut-chart-datum';
@@ -78,6 +84,7 @@ export * from './interfaces/ps-text-field-type';
 export * from './interfaces/ps-scanned-file';
 export * from './interfaces/use-ps-document-scanner-result';
 export { PsActionMenuService } from './services/ps-action-menu-service';
+export { PsSelectionService } from './services/ps-selection-service';
 export { PsSortableGridService } from './services/ps-sortable-grid-service';
 export { PsDocumentPagerService } from './services/ps-document-pager-service';
 export { PsDocumentZoomService } from './services/ps-document-zoom-service';
@@ -108,3 +115,14 @@ export * from './interfaces/ps-text-align';
 export * from './interfaces/ps-text-tone';
 export * from './interfaces/ps-text-variant';
 export * from './interfaces/ps-sheet-action';
+export * from './interfaces/ps-sheet-leading-kind';
+export * from './interfaces/ps-sheet-page';
+export * from './components/ps-app-lock-screen';
+export * from './components/ps-privacy-cover';
+export * from './constants/ps-biometry-kind';
+export * from './hooks/use-ps-app-lock';
+export * from './interfaces/ps-app-lock-prompt';
+export * from './interfaces/use-ps-app-lock-options';
+export * from './interfaces/use-ps-app-lock-result';
+export { PsAppLockGraceService } from './services/ps-app-lock-grace-service';
+export { PsAppLockService } from './services/ps-app-lock-service';

package/dist/interfaces/ps-action-menu-header.d.ts

@@ -1,4 +1,5 @@
 export interface PsActionMenuHeader {
+    imageUri?: string;
     initials?: string;
     onSelect?: () => void;
     subtitle?: string;

package/dist/interfaces/ps-app-lock-native.d.ts

@@ -0,0 +1,13 @@
+export interface PsAppLockNativeOptions {
+    cancelLabel: string;
+    disableDeviceFallback: boolean;
+    promptMessage: string;
+}
+export interface PsAppLockNativeResult {
+    success: boolean;
+}
+export interface PsAppLockNative {
+    authenticateAsync: (options: PsAppLockNativeOptions) => Promise<PsAppLockNativeResult>;
+    getEnrolledLevelAsync: () => Promise<number>;
+    supportedAuthenticationTypesAsync: () => Promise<number[]>;
+}

package/dist/interfaces/ps-app-lock-native.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-app-lock-prompt.d.ts

@@ -0,0 +1,4 @@
+export interface PsAppLockPrompt {
+    cancelLabel: string;
+    message: string;
+}

package/dist/interfaces/ps-app-lock-prompt.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-menu-item.d.ts

@@ -4,10 +4,12 @@ export interface PsMenuItem {
     children?: PsMenuItem[];
     iconKey?: PsMobileIconKey;
     id: string;
+    imageUri?: string;
     isChecked?: boolean;
     isDanger?: boolean;
     isDisabled?: boolean;
     label: string;
+    monogram?: string;
     onSelect: () => void;
     subtitle?: string;
     tone?: PsMenuItemTone;

package/dist/interfaces/ps-menu-tile-request.d.ts

@@ -0,0 +1,7 @@
+import type { PsMenuTileShape } from './ps-menu-tile-shape';
+export interface PsMenuTileRequest {
+    imageUri?: string;
+    key: string;
+    shape: PsMenuTileShape;
+    text: string;
+}

package/dist/interfaces/ps-menu-tile-request.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-menu-tile-shape.d.ts

@@ -0,0 +1 @@
+export type PsMenuTileShape = 'circle' | 'rounded';

package/dist/interfaces/ps-menu-tile-shape.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-mobile-brand-colors.d.ts

@@ -0,0 +1,5 @@
+export interface PsMobileBrandColors {
+    primary: string;
+    primaryContrast: string | undefined;
+    secondary: string | undefined;
+}

package/dist/interfaces/ps-mobile-brand-colors.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-mobile-brand-input.d.ts

@@ -0,0 +1,7 @@
+import type { PallasoftProductBrand } from '@pallasoft/ps-design-system';
+export interface PsMobileBrandInput {
+    primaryColor?: string;
+    primaryContrastColor?: string;
+    product?: PallasoftProductBrand;
+    secondaryColor?: string;
+}

package/dist/interfaces/ps-mobile-brand-input.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-mobile-theme-input.d.ts

@@ -4,6 +4,6 @@ export interface PsMobileThemeInput {
     isDark: boolean;
     isReduceMotion?: boolean;
     primary: string;
-    primaryContrast: string;
+    primaryContrast?: string;
     secondary?: string;
 }

package/dist/interfaces/ps-mobile-theme.d.ts

@@ -6,8 +6,12 @@ export interface PsMobileTheme {
     chart: string[];
     danger: string;
     dangerSoft: string;
+    dangerText: string;
     fonts: PsMobileFonts;
     hasHaptics: boolean;
+    info: string;
+    infoSoft: string;
+    infoText: string;
     isDark: boolean;
     isReduceMotion: boolean;
     ink: string;
@@ -15,17 +19,45 @@ export interface PsMobileTheme {
     muted: string;
     overlay: string;
     primary: string;
+    primary100: string;
+    primary200: string;
+    primary300: string;
+    primary400: string;
+    primary50: string;
+    primary500: string;
+    primary600: string;
+    primary700: string;
+    primary800: string;
+    primary900: string;
     primaryContrast: string;
+    primaryPressed: string;
     primarySoft: string;
+    primarySoftStrong: string;
+    primaryText: string;
     secondary: string;
+    secondary100: string;
+    secondary200: string;
+    secondary300: string;
+    secondary400: string;
+    secondary50: string;
+    secondary500: string;
+    secondary600: string;
+    secondary700: string;
+    secondary800: string;
+    secondary900: string;
     secondaryContrast: string;
+    secondaryPressed: string;
     secondarySoft: string;
+    secondarySoftStrong: string;
+    secondaryText: string;
     skeletonBase: string;
     skeletonSweep: string;
     success: string;
     successSoft: string;
+    successText: string;
     surface: string;
     warning: string;
     warningSoft: string;
+    warningText: string;
     white: string;
 }

package/dist/interfaces/ps-sheet-leading-kind.d.ts

@@ -0,0 +1 @@
+export type PsSheetLeadingKind = 'back' | 'close';

package/dist/interfaces/ps-sheet-leading-kind.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-sheet-page.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface PsSheetPage {
+    backLabel: string;
+    children: ReactNode;
+    id: string;
+    onBack: () => void;
+    title: string;
+}

package/dist/interfaces/ps-sheet-page.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-tab-bar-context-data.d.ts

@@ -0,0 +1,4 @@
+export interface PsTabBarContextData {
+    isHidden: boolean;
+    setIsHidden: (isHidden: boolean) => void;
+}

package/dist/interfaces/ps-tab-bar-context-data.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/use-ps-app-lock-options.d.ts

@@ -0,0 +1,6 @@
+import type { PsAppLockPrompt } from './ps-app-lock-prompt';
+export interface UsePsAppLockOptions {
+    graceSeconds?: number;
+    isEnabled: boolean;
+    prompt: PsAppLockPrompt;
+}

package/dist/interfaces/use-ps-app-lock-options.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/use-ps-app-lock-result.d.ts

@@ -0,0 +1,7 @@
+export interface UsePsAppLockResult {
+    isCovered: boolean;
+    isLocked: boolean;
+    isUnlocking: boolean;
+    lock: () => void;
+    unlock: () => Promise<boolean>;
+}

package/dist/interfaces/use-ps-app-lock-result.js

@@ -0,0 +1 @@
+export {};

package/dist/services/ps-action-menu-service.d.ts

@@ -1,4 +1,5 @@
 import type { SFSymbol } from 'sf-symbols-typescript';
+import type { PsActionMenuHeader } from '../interfaces/ps-action-menu-header';
 import type { PsActionMenuSection } from '../interfaces/ps-action-menu-section';
 import type { PsMenuItem } from '../interfaces/ps-menu-item';
 export declare class PsActionMenuService {
@@ -6,5 +7,8 @@ export declare class PsActionMenuService {
     static consistent(sections: PsActionMenuSection[]): PsActionMenuSection[];
     static flatten(sections: PsActionMenuSection[]): PsMenuItem[];
     static expand(item: PsMenuItem): PsMenuItem[];
+    static hasAvatar(item: PsMenuItem): boolean;
+    static monogram(item: PsMenuItem): SFSymbol | undefined;
+    static headerSymbol(header: PsActionMenuHeader): SFSymbol;
     static symbol(item: PsMenuItem): SFSymbol | undefined;
 }

package/dist/services/ps-action-menu-service.js

@@ -7,7 +7,7 @@ export class PsActionMenuService {
     }
     static consistent(sections) {
         const items = sections.flatMap((section) => section.items);
-        const hasAll = items.every((item) => item.iconKey !== undefined || item.isChecked === true);
+        const hasAll = items.every((item) => item.iconKey !== undefined || item.isChecked === true || PsActionMenuService.hasAvatar(item));
         if (hasAll)
             return sections;
         return sections.map((section) => ({
@@ -26,9 +26,32 @@ export class PsActionMenuService {
             ...item.children.flatMap((child) => this.expand(child)),
         ];
     }
+    static hasAvatar(item) {
+        return item.imageUri !== undefined || item.monogram !== undefined;
+    }
+    static monogram(item) {
+        if (item.monogram === undefined)
+            return undefined;
+        const monograms = PsSfSymbolConfig.monograms;
+        return monograms[item.monogram.trim().normalize('NFD').charAt(0).toLowerCase()];
+    }
+    static headerSymbol(header) {
+        const monogram = header.initials === undefined
+            ? undefined
+            : PsActionMenuService.monogram({
+                id: 'header',
+                label: header.title,
+                monogram: header.initials,
+                onSelect: () => undefined,
+            });
+        return monogram === undefined ? PsSfSymbolConfig.headerSymbol : monogram;
+    }
     static symbol(item) {
-        if (item.isChecked)
+        if (item.isChecked && !PsActionMenuService.hasAvatar(item))
             return PsSfSymbolConfig.checkedSymbol;
+        const monogram = PsActionMenuService.monogram(item);
+        if (monogram !== undefined)
+            return monogram;
         if (item.iconKey === undefined)
             return undefined;
         const symbols = PsSfSymbolConfig.symbols;

package/dist/services/ps-app-lock-grace-service.d.ts

@@ -0,0 +1,6 @@
+export declare class PsAppLockGraceService {
+    static isExpired(backgroundedAt: number | null, now: number, graceSeconds: number): boolean;
+    static isActive(state: string): boolean;
+    static isHidden(state: string): boolean;
+    static isBackground(state: string): boolean;
+}

package/dist/services/ps-app-lock-grace-service.js

@@ -0,0 +1,17 @@
+import { PsAppLockConfig } from '../constants/ps-app-lock-config';
+export class PsAppLockGraceService {
+    static isExpired(backgroundedAt, now, graceSeconds) {
+        if (backgroundedAt === null)
+            return false;
+        return now - backgroundedAt >= graceSeconds;
+    }
+    static isActive(state) {
+        return state === PsAppLockConfig.activeState;
+    }
+    static isHidden(state) {
+        return state === PsAppLockConfig.inactiveState || state === PsAppLockConfig.backgroundState;
+    }
+    static isBackground(state) {
+        return state === PsAppLockConfig.backgroundState;
+    }
+}