@pallasoft/ps-core-components 2.33.0 → 2.35.0

package/dist/analytics/index.d.ts

@@ -0,0 +1,12 @@
+export * from '../components/ps-analytics-provider';
+export * from '../components/ps-client-error-reporter';
+export * from '../components/ps-consent-banner';
+export * from '../constants/ps-analytics-config';
+export * from '../constants/ps-client-error-config';
+export * from '../hooks/use-consent';
+export * from '../models/analytics-csp-input';
+export * from '../models/analytics-csp-origins';
+export * from '../models/ps-consent-api';
+export * from '../models/ps-consent-choice';
+export * from '../services/analytics-csp-service';
+export * from './report-client-error';

package/dist/analytics/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../components/ps-analytics-provider"), exports);
+__exportStar(require("../components/ps-client-error-reporter"), exports);
+__exportStar(require("../components/ps-consent-banner"), exports);
+__exportStar(require("../constants/ps-analytics-config"), exports);
+__exportStar(require("../constants/ps-client-error-config"), exports);
+__exportStar(require("../hooks/use-consent"), exports);
+__exportStar(require("../models/analytics-csp-input"), exports);
+__exportStar(require("../models/analytics-csp-origins"), exports);
+__exportStar(require("../models/ps-consent-api"), exports);
+__exportStar(require("../models/ps-consent-choice"), exports);
+__exportStar(require("../services/analytics-csp-service"), exports);
+__exportStar(require("./report-client-error"), exports);

package/dist/analytics/report-client-error.d.ts

@@ -0,0 +1 @@
+export declare const reportClientError: (error: unknown, context?: string) => void;

package/dist/analytics/report-client-error.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reportClientError = void 0;
+const ps_client_error_service_1 = require("../services/ps-client-error-service");
+const reportClientError = (error, context) => ps_client_error_service_1.PsClientErrorService.report(error, context);
+exports.reportClientError = reportClientError;

package/dist/components/ps-analytics-provider.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+export interface PsAnalyticsProviderProps {
+    children?: ReactNode;
+    googleAnalyticsId?: string;
+    googleTagManagerUrl?: string;
+    postHogKey?: string;
+    postHogApiHost?: string;
+    userId?: string | null;
+    appVersion?: string;
+    nonce?: string;
+    consentCookieName?: string;
+    requireConsent?: boolean;
+    pathname?: string;
+}
+export declare const PsAnalyticsProvider: ({ children, googleAnalyticsId, googleTagManagerUrl, postHogKey, postHogApiHost, userId, appVersion, nonce, consentCookieName, requireConsent, pathname, }: PsAnalyticsProviderProps) => import("react").JSX.Element;

package/dist/components/ps-analytics-provider.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAnalyticsProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_analytics_config_1 = require("../constants/ps-analytics-config");
+const use_consent_1 = require("../hooks/use-consent");
+const ps_analytics_key_service_1 = require("../services/ps-analytics-key-service");
+const ps_google_analytics_service_1 = require("../services/ps-google-analytics-service");
+const ps_post_hog_service_1 = require("../services/ps-post-hog-service");
+const PsAnalyticsProvider = ({ children, googleAnalyticsId, googleTagManagerUrl = ps_analytics_config_1.PsAnalyticsConfig.defaultTagManagerUrl, postHogKey, postHogApiHost, userId, appVersion, nonce, consentCookieName = ps_analytics_config_1.PsAnalyticsConfig.defaultConsentCookieName, requireConsent = ps_analytics_config_1.PsAnalyticsConfig.defaultRequireConsent, pathname, }) => {
+    const consent = (0, use_consent_1.useConsent)(consentCookieName);
+    const isGranted = requireConsent ? consent.isGranted : true;
+    const [postHog, setPostHog] = (0, react_1.useState)(null);
+    const identifiedRef = (0, react_1.useRef)(null);
+    const isGoogleOn = ps_analytics_key_service_1.PsAnalyticsKeyService.isEnabled(googleAnalyticsId);
+    const isPostHogOn = ps_analytics_key_service_1.PsAnalyticsKeyService.isEnabled(postHogKey);
+    const currentPath = pathname !== undefined ? pathname : '';
+    const normalizedUserId = userId ? userId : null;
+    (0, react_1.useEffect)(() => {
+        if (!isGoogleOn)
+            return;
+        if (!isGranted) {
+            ps_google_analytics_service_1.PsGoogleAnalyticsService.disable(googleAnalyticsId);
+            return;
+        }
+        ps_google_analytics_service_1.PsGoogleAnalyticsService.load(googleAnalyticsId, googleTagManagerUrl, nonce);
+    }, [isGoogleOn, isGranted, googleAnalyticsId, googleTagManagerUrl, nonce]);
+    (0, react_1.useEffect)(() => {
+        if (!isGoogleOn || !isGranted)
+            return;
+        ps_google_analytics_service_1.PsGoogleAnalyticsService.configure(googleAnalyticsId, currentPath, normalizedUserId);
+    }, [isGoogleOn, isGranted, googleAnalyticsId, currentPath, normalizedUserId]);
+    (0, react_1.useEffect)(() => {
+        if (!isPostHogOn)
+            return;
+        if (!isGranted) {
+            if (postHog)
+                postHog.opt_out_capturing();
+            return;
+        }
+        let isCancelled = false;
+        ps_post_hog_service_1.PsPostHogService.load(postHogKey, postHogApiHost).then((client) => {
+            if (!isCancelled)
+                setPostHog(client);
+        });
+        return () => {
+            isCancelled = true;
+        };
+    }, [isPostHogOn, isGranted, postHogKey, postHogApiHost]);
+    (0, react_1.useEffect)(() => {
+        if (!postHog || !isGranted)
+            return;
+        if (normalizedUserId) {
+            postHog.identify(normalizedUserId, appVersion ? { app_version: appVersion } : undefined);
+            identifiedRef.current = normalizedUserId;
+            return;
+        }
+        if (identifiedRef.current) {
+            postHog.reset();
+            identifiedRef.current = null;
+        }
+    }, [postHog, isGranted, normalizedUserId, appVersion]);
+    (0, react_1.useEffect)(() => {
+        if (!postHog || !isGranted)
+            return;
+        postHog.capture(ps_analytics_config_1.PsAnalyticsConfig.postHog.pageviewEvent, {
+            $pathname: currentPath,
+        });
+    }, [postHog, isGranted, currentPath]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+};
+exports.PsAnalyticsProvider = PsAnalyticsProvider;

package/dist/components/ps-client-error-reporter.d.ts

@@ -0,0 +1,5 @@
+export interface PsClientErrorReporterProps {
+    endpoint: string;
+    appVersion?: string;
+}
+export declare const PsClientErrorReporter: ({ endpoint, appVersion }: PsClientErrorReporterProps) => null;

package/dist/components/ps-client-error-reporter.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsClientErrorReporter = void 0;
+const react_1 = require("react");
+const ps_client_error_config_1 = require("../constants/ps-client-error-config");
+const ps_client_error_service_1 = require("../services/ps-client-error-service");
+const PsClientErrorReporter = ({ endpoint, appVersion }) => {
+    (0, react_1.useEffect)(() => {
+        ps_client_error_service_1.PsClientErrorService.configure({ endpoint, appVersion });
+        const onError = (event) => ps_client_error_service_1.PsClientErrorService.report(event.error ? event.error : event.message, '', ps_client_error_config_1.PsClientErrorConfig.sources.error);
+        const onRejection = (event) => ps_client_error_service_1.PsClientErrorService.report(event.reason, '', ps_client_error_config_1.PsClientErrorConfig.sources.rejection);
+        window.addEventListener('error', onError);
+        window.addEventListener('unhandledrejection', onRejection);
+        return () => {
+            window.removeEventListener('error', onError);
+            window.removeEventListener('unhandledrejection', onRejection);
+            ps_client_error_service_1.PsClientErrorService.clear();
+        };
+    }, [endpoint, appVersion]);
+    return null;
+};
+exports.PsClientErrorReporter = PsClientErrorReporter;

package/dist/components/ps-consent-banner.d.ts

@@ -0,0 +1,11 @@
+export interface PsConsentBannerProps {
+    title: string;
+    message: string;
+    acceptLabel: string;
+    rejectLabel: string;
+    privacyPolicyHref: string;
+    privacyPolicyLabel: string;
+    consentCookieName?: string;
+    className?: string;
+}
+export declare const PsConsentBanner: ({ title, message, acceptLabel, rejectLabel, privacyPolicyHref, privacyPolicyLabel, consentCookieName, className, }: PsConsentBannerProps) => import("react").JSX.Element | null;

package/dist/components/ps-consent-banner.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsConsentBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_analytics_config_1 = require("../constants/ps-analytics-config");
+const use_consent_1 = require("../hooks/use-consent");
+const ps_button_1 = require("./ps-button");
+const PsConsentBanner = ({ title, message, acceptLabel, rejectLabel, privacyPolicyHref, privacyPolicyLabel, consentCookieName = ps_analytics_config_1.PsAnalyticsConfig.defaultConsentCookieName, className, }) => {
+    const { isBannerOpen, accept, reject } = (0, use_consent_1.useConsent)(consentCookieName);
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (isBannerOpen)
+            ref.current?.focus();
+    }, [isBannerOpen]);
+    if (!isBannerOpen)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, role: 'dialog', "aria-label": title, "aria-live": 'polite', tabIndex: -1, className: `ps-card fixed inset-x-3 bottom-3 flex flex-col gap-3 p-4 shadow-lg outline-none sm:left-auto sm:right-4 sm:max-w-md ${className ? className : ''}`, style: { zIndex: ps_design_system_1.PallasoftZIndex.Toast }, children: [(0, jsx_runtime_1.jsxs)("p", { className: 'text-sm', children: [message, ' ', (0, jsx_runtime_1.jsx)("a", { className: 'underline', href: privacyPolicyHref, children: privacyPolicyLabel })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex gap-2', children: [(0, jsx_runtime_1.jsx)(ps_button_1.PsButton, { className: 'flex-1', size: 'compact', variant: 'secondary', onClick: reject, children: rejectLabel }), (0, jsx_runtime_1.jsx)(ps_button_1.PsButton, { className: 'flex-1', size: 'compact', variant: 'secondary', onClick: accept, children: acceptLabel })] })] }));
+};
+exports.PsConsentBanner = PsConsentBanner;

package/dist/constants/ps-analytics-config.d.ts

@@ -0,0 +1,20 @@
+export declare const PsAnalyticsConfig: {
+    readonly offValues: readonly ["", "_"];
+    readonly defaultConsentCookieName: "ps_consent";
+    readonly defaultRequireConsent: true;
+    readonly consentGranted: "granted";
+    readonly consentDenied: "denied";
+    readonly consentMaxAgeSeconds: 31536000;
+    readonly defaultTagManagerUrl: "https://www.googletagmanager.com";
+    readonly tagManagerScriptPath: "/gtag/js?id=";
+    readonly scriptAttribute: "data-ps-analytics";
+    readonly postHog: {
+        readonly defaults: "2026-05-30";
+        readonly personProfiles: "identified_only";
+        readonly autocapture: true;
+        readonly capturePageleave: true;
+        readonly captureExceptions: true;
+        readonly pageviewEvent: "$pageview";
+    };
+    readonly listSeparator: ",";
+};

package/dist/constants/ps-analytics-config.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAnalyticsConfig = void 0;
+exports.PsAnalyticsConfig = {
+    offValues: ['', '_'],
+    defaultConsentCookieName: 'ps_consent',
+    defaultRequireConsent: true,
+    consentGranted: 'granted',
+    consentDenied: 'denied',
+    consentMaxAgeSeconds: 31536000,
+    defaultTagManagerUrl: 'https://www.googletagmanager.com',
+    tagManagerScriptPath: '/gtag/js?id=',
+    scriptAttribute: 'data-ps-analytics',
+    postHog: {
+        defaults: '2026-05-30',
+        personProfiles: 'identified_only',
+        autocapture: true,
+        capturePageleave: true,
+        captureExceptions: true,
+        pageviewEvent: '$pageview',
+    },
+    listSeparator: ',',
+};

package/dist/constants/ps-client-error-config.d.ts

@@ -0,0 +1,23 @@
+export declare const PsClientErrorConfig: {
+    readonly maxReportsPerPage: 10;
+    readonly maxStackLength: 2048;
+    readonly maxMessageLength: 500;
+    readonly maxContextLength: 200;
+    readonly jsonContentType: "application/json";
+    readonly emailPattern: RegExp;
+    readonly redactedValue: "[redacted]";
+    readonly unknownMessage: "Unknown error";
+    readonly botPattern: RegExp;
+    readonly mobilePattern: RegExp;
+    readonly userAgentClasses: {
+        readonly bot: "bot";
+        readonly mobile: "mobile";
+        readonly desktop: "desktop";
+        readonly unknown: "unknown";
+    };
+    readonly sources: {
+        readonly error: "error";
+        readonly rejection: "unhandledrejection";
+        readonly boundary: "boundary";
+    };
+};

package/dist/constants/ps-client-error-config.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsClientErrorConfig = void 0;
+exports.PsClientErrorConfig = {
+    maxReportsPerPage: 10,
+    maxStackLength: 2048,
+    maxMessageLength: 500,
+    maxContextLength: 200,
+    jsonContentType: 'application/json',
+    emailPattern: /[^\s@"'()<>]+@[^\s@"'()<>]+\.[^\s@"'()<>]+/g,
+    redactedValue: '[redacted]',
+    unknownMessage: 'Unknown error',
+    botPattern: /bot|crawl|spider|slurp|headless/i,
+    mobilePattern: /mobi|android|iphone|ipad/i,
+    userAgentClasses: { bot: 'bot', mobile: 'mobile', desktop: 'desktop', unknown: 'unknown' },
+    sources: { error: 'error', rejection: 'unhandledrejection', boundary: 'boundary' },
+};

package/dist/esm/analytics/index.js

@@ -0,0 +1,12 @@
+export * from '../components/ps-analytics-provider.js';
+export * from '../components/ps-client-error-reporter.js';
+export * from '../components/ps-consent-banner.js';
+export * from '../constants/ps-analytics-config.js';
+export * from '../constants/ps-client-error-config.js';
+export * from '../hooks/use-consent.js';
+export * from '../models/analytics-csp-input.js';
+export * from '../models/analytics-csp-origins.js';
+export * from '../models/ps-consent-api.js';
+export * from '../models/ps-consent-choice.js';
+export * from '../services/analytics-csp-service.js';
+export * from './report-client-error.js';

package/dist/esm/analytics/report-client-error.js

@@ -0,0 +1,2 @@
+import { PsClientErrorService } from '../services/ps-client-error-service.js';
+export const reportClientError = (error, context) => PsClientErrorService.report(error, context);

package/dist/esm/components/ps-accordion.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 export const PsAccordion = ({ children, className, isLoading = false, isOpen, label, onToggle, trailing, }) => isLoading ? (_jsx(PsSkeletonGroup, { className: PallasoftClassNameService.merge('rounded-ps-card border border-line/70 bg-surface/60 px-4 py-3.5', className), label: 'Loading', children: _jsx(PsSkeleton, { className: 'h-4 w-40' }) })) : (_jsx(AccordionPrimitive.Root, { type: 'single', collapsible: true, value: isOpen ? 'open' : '', onValueChange: onToggle, className: PallasoftClassNameService.merge('overflow-hidden rounded-ps-card border border-line/70 bg-surface/60 transition-colors duration-200', isOpen ? 'border-primary/25 bg-surface' : 'hover:border-line hover:bg-surface/90', className), children: _jsxs(AccordionPrimitive.Item, { value: 'open', children: [_jsx(AccordionPrimitive.Header, { children: _jsxs(AccordionPrimitive.Trigger, { className: 'ps-focus-ring flex w-full items-center justify-between gap-3 px-4 py-3.5 text-left', children: [_jsx("span", { className: 'text-body-2 font-semibold text-ink', children: label }), _jsxs("span", { className: 'flex shrink-0 items-center gap-2', children: [trailing, _jsx(PsIcon, { iconKey: PsIconKey.ChevronRight, className: PallasoftClassNameService.merge('h-4 w-4 text-ink/40 transition-transform duration-200', isOpen ? 'rotate-90 text-primary' : '') })] })] }) }), _jsx(AccordionPrimitive.Content, { className: 'ps-accordion-content', children: _jsx("div", { className: 'border-t border-line/70 p-4', children: children }) })] }) }));

package/dist/esm/components/ps-action-tile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 const variantClassNames = {
     default: 'ps-action-tile',
     primary: 'ps-action-tile ps-action-tile-primary',

package/dist/esm/components/ps-active-filter-chip.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
-import { PsPill } from './ps-pill';
+import { PsPill } from './ps-pill.js';
 export const PsActiveFilterChip = ({ id, label, onRemove, removeLabel, }) => (_jsx("button", { "aria-label": removeLabel, className: 'ps-focus-ring shrink-0 rounded-ps-control', id: id, onClick: onRemove, type: 'button', children: _jsx(PsPill, { className: 'pr-2', tone: 'primary', children: _jsxs("span", { className: 'flex items-center gap-1.5', children: [label, _jsx(PsIcon, { className: 'h-3 w-3', iconKey: PsIconKey.Close })] }) }) }));

package/dist/esm/components/ps-analytics-provider.js

@@ -0,0 +1,69 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { PsAnalyticsConfig } from '../constants/ps-analytics-config.js';
+import { useConsent } from '../hooks/use-consent.js';
+import { PsAnalyticsKeyService } from '../services/ps-analytics-key-service.js';
+import { PsGoogleAnalyticsService } from '../services/ps-google-analytics-service.js';
+import { PsPostHogService } from '../services/ps-post-hog-service.js';
+export const PsAnalyticsProvider = ({ children, googleAnalyticsId, googleTagManagerUrl = PsAnalyticsConfig.defaultTagManagerUrl, postHogKey, postHogApiHost, userId, appVersion, nonce, consentCookieName = PsAnalyticsConfig.defaultConsentCookieName, requireConsent = PsAnalyticsConfig.defaultRequireConsent, pathname, }) => {
+    const consent = useConsent(consentCookieName);
+    const isGranted = requireConsent ? consent.isGranted : true;
+    const [postHog, setPostHog] = useState(null);
+    const identifiedRef = useRef(null);
+    const isGoogleOn = PsAnalyticsKeyService.isEnabled(googleAnalyticsId);
+    const isPostHogOn = PsAnalyticsKeyService.isEnabled(postHogKey);
+    const currentPath = pathname !== undefined ? pathname : '';
+    const normalizedUserId = userId ? userId : null;
+    useEffect(() => {
+        if (!isGoogleOn)
+            return;
+        if (!isGranted) {
+            PsGoogleAnalyticsService.disable(googleAnalyticsId);
+            return;
+        }
+        PsGoogleAnalyticsService.load(googleAnalyticsId, googleTagManagerUrl, nonce);
+    }, [isGoogleOn, isGranted, googleAnalyticsId, googleTagManagerUrl, nonce]);
+    useEffect(() => {
+        if (!isGoogleOn || !isGranted)
+            return;
+        PsGoogleAnalyticsService.configure(googleAnalyticsId, currentPath, normalizedUserId);
+    }, [isGoogleOn, isGranted, googleAnalyticsId, currentPath, normalizedUserId]);
+    useEffect(() => {
+        if (!isPostHogOn)
+            return;
+        if (!isGranted) {
+            if (postHog)
+                postHog.opt_out_capturing();
+            return;
+        }
+        let isCancelled = false;
+        PsPostHogService.load(postHogKey, postHogApiHost).then((client) => {
+            if (!isCancelled)
+                setPostHog(client);
+        });
+        return () => {
+            isCancelled = true;
+        };
+    }, [isPostHogOn, isGranted, postHogKey, postHogApiHost]);
+    useEffect(() => {
+        if (!postHog || !isGranted)
+            return;
+        if (normalizedUserId) {
+            postHog.identify(normalizedUserId, appVersion ? { app_version: appVersion } : undefined);
+            identifiedRef.current = normalizedUserId;
+            return;
+        }
+        if (identifiedRef.current) {
+            postHog.reset();
+            identifiedRef.current = null;
+        }
+    }, [postHog, isGranted, normalizedUserId, appVersion]);
+    useEffect(() => {
+        if (!postHog || !isGranted)
+            return;
+        postHog.capture(PsAnalyticsConfig.postHog.pageviewEvent, {
+            $pathname: currentPath,
+        });
+    }, [postHog, isGranted, currentPath]);
+    return _jsx(_Fragment, { children: children });
+};

package/dist/esm/components/ps-app-store-buttons.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsStoreBadgeClasses } from '../constants/ps-store-badge-config';
-import { PsStorePlatform } from '../constants/ps-store-platform';
-import { PsStoreBadge } from './ps-store-badge';
+import { PsStoreBadgeClasses } from '../constants/ps-store-badge-config.js';
+import { PsStorePlatform } from '../constants/ps-store-platform.js';
+import { PsStoreBadge } from './ps-store-badge.js';
 const isLinked = (url) => url !== undefined && url.trim() !== '';
 export const PsAppStoreButtons = ({ appStoreLabels, appStoreUrl, className, playStoreLabels, playStoreUrl, size = 'default', }) => {
     const appStoreHref = isLinked(appStoreUrl) ? appStoreUrl : undefined;

package/dist/esm/components/ps-audio-spectrum.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsAudioSpectrumConfig } from '../constants/ps-audio-spectrum-config';
+import { PsAudioSpectrumConfig } from '../constants/ps-audio-spectrum-config.js';
 const scaleFor = (level) => {
     const bounded = Math.max(0, Math.min(1, level));
     return PsAudioSpectrumConfig.minimumScale + bounded * (1 - PsAudioSpectrumConfig.minimumScale);

package/dist/esm/components/ps-badge.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 const toneClassNames = {
     danger: 'bg-danger-soft text-danger dark:bg-rose-500/18 dark:text-rose-100',
     neutral: 'bg-slate-100 text-slate-700 dark:bg-white/10 dark:text-slate-100',

package/dist/esm/components/ps-button.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsButtonBaseClassName, PsButtonSizeClassNames, PsButtonVariantClassNames, } from '../constants/ps-button-classes';
-import { PsSpinner } from './ps-spinner';
+import { PsButtonBaseClassName, PsButtonSizeClassNames, PsButtonVariantClassNames, } from '../constants/ps-button-classes.js';
+import { PsSpinner } from './ps-spinner.js';
 export const PsButton = ({ children, className, disabled, isLabelHiddenOnMobile = false, isLoading = false, leadingIcon, loadingLabel, size = 'default', trailingIcon, type = 'button', variant = 'secondary', ...props }) => (_jsxs("button", { className: PallasoftClassNameService.merge(PsButtonBaseClassName, 'disabled:cursor-not-allowed disabled:opacity-50', PsButtonSizeClassNames[size], isLabelHiddenOnMobile && leadingIcon ? 'min-w-11 max-sm:px-0' : '', PsButtonVariantClassNames[variant], className), "aria-busy": isLoading || undefined, disabled: disabled || isLoading, type: type, ...props, children: [isLoading ? (_jsx(PsSpinner, { className: 'absolute inset-0 m-auto', color: 'current', label: loadingLabel !== null && loadingLabel !== undefined ? loadingLabel : 'Loading', size: 'small' })) : null, _jsxs("span", { "aria-hidden": isLoading || undefined, className: PallasoftClassNameService.merge('inline-flex min-w-0 items-center gap-2', isLoading ? 'invisible' : ''), children: [leadingIcon ? _jsx("span", { className: 'shrink-0', children: leadingIcon }) : null, _jsx("span", { className: isLabelHiddenOnMobile && leadingIcon ? 'sr-only sm:not-sr-only sm:truncate' : 'truncate', children: children }), trailingIcon ? _jsx("span", { className: 'shrink-0', children: trailingIcon }) : null] })] }));

package/dist/esm/components/ps-capped-list.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { PsCappedListConfig } from '../constants/ps-capped-list-config';
-import { PsButton } from './ps-button';
+import { PsCappedListConfig } from '../constants/ps-capped-list-config.js';
+import { PsButton } from './ps-button.js';
 export const PsCappedList = ({ getKey, items, renderItem, showAllLabel, visibleRows = PsCappedListConfig.defaultVisibleRows, }) => {
     const [isExpanded, setIsExpanded] = useState(false);
     const isCapped = !isExpanded && items.length > visibleRows;

package/dist/esm/components/ps-card-block-skeleton.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
 export const PsCardBlockSkeleton = ({ height }) => (_jsx(PsSkeleton, { height: height, radius: '1.25rem', shape: PsSkeletonShape.Block, width: '100%' }));

package/dist/esm/components/ps-card.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsSkeletonShape } from '../constants/ps-skeleton-shape';
-import { PsSkeleton } from './ps-skeleton';
-import { PsSkeletonGroup } from './ps-skeleton-group';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
 const densityClassNames = {
     compact: 'p-3',
     normal: 'p-4',

package/dist/esm/components/ps-client-error-reporter.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+import { PsClientErrorConfig } from '../constants/ps-client-error-config.js';
+import { PsClientErrorService } from '../services/ps-client-error-service.js';
+export const PsClientErrorReporter = ({ endpoint, appVersion }) => {
+    useEffect(() => {
+        PsClientErrorService.configure({ endpoint, appVersion });
+        const onError = (event) => PsClientErrorService.report(event.error ? event.error : event.message, '', PsClientErrorConfig.sources.error);
+        const onRejection = (event) => PsClientErrorService.report(event.reason, '', PsClientErrorConfig.sources.rejection);
+        window.addEventListener('error', onError);
+        window.addEventListener('unhandledrejection', onRejection);
+        return () => {
+            window.removeEventListener('error', onError);
+            window.removeEventListener('unhandledrejection', onRejection);
+            PsClientErrorService.clear();
+        };
+    }, [endpoint, appVersion]);
+    return null;
+};

package/dist/esm/components/ps-client-only.js

@@ -1,3 +1,3 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { usePsHydrated } from '../hooks/use-ps-hydrated';
+import { usePsHydrated } from '../hooks/use-ps-hydrated.js';
 export const PsClientOnly = ({ children, fallback = null }) => usePsHydrated() ? _jsx(_Fragment, { children: children() }) : _jsx(_Fragment, { children: fallback });

package/dist/esm/components/ps-consent-banner.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { PallasoftZIndex } from '@pallasoft/ps-design-system';
+import { PsAnalyticsConfig } from '../constants/ps-analytics-config.js';
+import { useConsent } from '../hooks/use-consent.js';
+import { PsButton } from './ps-button.js';
+export const PsConsentBanner = ({ title, message, acceptLabel, rejectLabel, privacyPolicyHref, privacyPolicyLabel, consentCookieName = PsAnalyticsConfig.defaultConsentCookieName, className, }) => {
+    const { isBannerOpen, accept, reject } = useConsent(consentCookieName);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (isBannerOpen)
+            ref.current?.focus();
+    }, [isBannerOpen]);
+    if (!isBannerOpen)
+        return null;
+    return (_jsxs("div", { ref: ref, role: 'dialog', "aria-label": title, "aria-live": 'polite', tabIndex: -1, className: `ps-card fixed inset-x-3 bottom-3 flex flex-col gap-3 p-4 shadow-lg outline-none sm:left-auto sm:right-4 sm:max-w-md ${className ? className : ''}`, style: { zIndex: PallasoftZIndex.Toast }, children: [_jsxs("p", { className: 'text-sm', children: [message, ' ', _jsx("a", { className: 'underline', href: privacyPolicyHref, children: privacyPolicyLabel })] }), _jsxs("div", { className: 'flex gap-2', children: [_jsx(PsButton, { className: 'flex-1', size: 'compact', variant: 'secondary', onClick: reject, children: rejectLabel }), _jsx(PsButton, { className: 'flex-1', size: 'compact', variant: 'secondary', onClick: accept, children: acceptLabel })] })] }));
+};

package/dist/esm/components/ps-drag-overlay.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { DragOverlay, defaultDropAnimationSideEffects } from '@dnd-kit/core';
 import { createPortal } from 'react-dom';
-import { PsDragConfig } from '../constants/ps-drag-config';
-import { usePsReducedMotion } from '../hooks/use-ps-reduced-motion';
+import { PsDragConfig } from '../constants/ps-drag-config.js';
+import { usePsReducedMotion } from '../hooks/use-ps-reduced-motion.js';
 const dropAnimation = {
     duration: PsDragConfig.dropDuration,
     easing: PsDragConfig.dropEasing,

package/dist/esm/components/ps-draggable-grid.js

@@ -3,11 +3,11 @@ import { useState } from 'react';
 import { DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, arrayMove, rectSortingStrategy, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { PsDragConfig } from '../constants/ps-drag-config';
-import { PsDraggableGridClasses, PsDraggableGridLiftFrames } from '../constants/ps-draggable-grid';
-import { usePsDragSensors } from '../hooks/use-ps-drag-sensors';
-import { PsDragGrip } from './ps-drag-grip';
-import { PsDragOverlay } from './ps-drag-overlay';
+import { PsDragConfig } from '../constants/ps-drag-config.js';
+import { PsDraggableGridClasses, PsDraggableGridLiftFrames } from '../constants/ps-draggable-grid.js';
+import { usePsDragSensors } from '../hooks/use-ps-drag-sensors.js';
+import { PsDragGrip } from './ps-drag-grip.js';
+import { PsDragOverlay } from './ps-drag-overlay.js';
 const PsDraggableGridHandle = ({ attributes, label, listeners, setActivatorNodeRef, }) => (_jsx("button", { ...attributes, ...listeners, "aria-label": `Move ${label}`, className: PsDraggableGridClasses.handle, ref: setActivatorNodeRef, title: `Move ${label}`, type: 'button', children: _jsx(PsDragGrip, {}) }));
 const PsSortableGridItem = ({ className, index, item, renderItem, }) => {
     const { attributes, isDragging, listeners, setActivatorNodeRef, setNodeRef, transform, transition, } = useSortable({ id: item.id });

package/dist/esm/components/ps-fab.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
-import { PsButton } from './ps-button';
+import { PsButton } from './ps-button.js';
 const positionClassNames = {
     'bottom-right': 'bottom-6 right-6',
     'bottom-left': 'bottom-6 left-6',

package/dist/esm/components/ps-faq-answer.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PsFaqBlockKind } from '../constants/ps-faq-block-kind';
+import { PsFaqBlockKind } from '../constants/ps-faq-block-kind.js';
 export const PsFaqAnswer = ({ blocks }) => (_jsx("div", { className: 'flex flex-col gap-3', children: blocks.map((block, index) => block.kind === PsFaqBlockKind.List ? (_jsx("ul", { className: 'list-disc pl-5', children: block.items.map((item) => (_jsx("li", { children: item }, item))) }, index)) : (_jsx("div", { className: 'flex flex-col gap-3', children: block.items.map((item) => (_jsx("p", { children: item }, item))) }, index))) }));

package/dist/esm/components/ps-feature-card.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsIcon } from '@pallasoft/ps-icons';
-import { PsCard } from './ps-card';
+import { PsCard } from './ps-card.js';
 export const PsFeatureCard = ({ description, iconKey, title }) => (_jsxs(PsCard, { className: 'h-full text-center', density: 'spacious', children: [_jsx("span", { className: 'ps-icon-surface mx-auto h-12 w-12', children: _jsx(PsIcon, { className: 'h-6 w-6', iconKey: iconKey }) }), _jsx("h3", { className: 'text-header-4 mb-2 mt-4 text-ink', children: title }), _jsx("p", { className: 'text-body-2 text-ink/60', children: description })] }));

package/dist/esm/components/ps-feature-grid.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsStaggerContainer, PsStaggerItem } from '@pallasoft/ps-motion-components';
-import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config';
-import { PsFeatureCard } from './ps-feature-card';
-import { PsSectionIntro } from './ps-section-intro';
+import { PsWebsiteSectionConfig } from '../constants/ps-website-section-config.js';
+import { PsFeatureCard } from './ps-feature-card.js';
+import { PsSectionIntro } from './ps-section-intro.js';
 export const PsFeatureGrid = ({ description, eyebrow, features, title }) => (_jsxs("div", { className: 'flex w-full flex-col items-center gap-8', children: [_jsx(PsSectionIntro, { description: description, eyebrow: eyebrow, title: title }), _jsx(PsStaggerContainer, { className: 'grid w-full grid-cols-1 gap-5 md:grid-cols-3', staggerDelay: PsWebsiteSectionConfig.staggerDelay, children: features.map((feature) => (_jsx(PsStaggerItem, { children: _jsx(PsFeatureCard, { description: feature.description, iconKey: feature.iconKey, title: feature.title }) }, feature.title))) })] }));