@snap/camera-kit 0.17.0 → 0.18.0

package/dist/clients/grpcHandler.js

@@ -0,0 +1,79 @@
+import { __awaiter } from "tslib";
+import { grpc } from "@improbable-eng/grpc-web";
+import { Injectable } from "../dependency-injection/Injectable";
+import { configurationToken } from "../configuration";
+import { Err, Ok } from "../common/result";
+import { cameraKitServiceFetchHandlerFactory } from "../handlers/cameraKitServiceFetchHandlerFactory";
+export const grpcHandlerFactory = Injectable("grpcHandlerFactory", [configurationToken, cameraKitServiceFetchHandlerFactory.token], (configuration, handler) => {
+    const host = `https://${configuration.apiHostname}`;
+    const transport = (options) => {
+        let metadata = undefined;
+        const controller = globalThis.AbortController ? new AbortController() : undefined;
+        let cancelled = false;
+        return {
+            sendMessage(msgBytes) {
+                var _a;
+                handler(options.url, {
+                    headers: (_a = metadata === null || metadata === void 0 ? void 0 : metadata.toHeaders()) !== null && _a !== void 0 ? _a : {},
+                    method: "POST",
+                    body: msgBytes,
+                    signal: controller === null || controller === void 0 ? void 0 : controller.signal,
+                })
+                    .then((response) => {
+                    options.onHeaders(new grpc.Metadata(response.headers), response.status);
+                    return response.arrayBuffer();
+                })
+                    .then((body) => {
+                    if (cancelled)
+                        return;
+                    options.onChunk(new Uint8Array(body));
+                    options.onEnd();
+                })
+                    .catch((error) => {
+                    if (cancelled)
+                        return;
+                    cancelled = true;
+                    options.onEnd(error);
+                });
+            },
+            start(m) {
+                metadata = m;
+            },
+            finishSend() { },
+            cancel() {
+                if (cancelled)
+                    return;
+                cancelled = true;
+                controller === null || controller === void 0 ? void 0 : controller.abort();
+            },
+        };
+    };
+    return (request) => __awaiter(void 0, void 0, void 0, function* () {
+        return new Promise((resolve) => {
+            grpc.unary({
+                methodName: request.methodName,
+                service: { serviceName: request.serviceName },
+                requestStream: false,
+                responseStream: false,
+                requestType: request.requestType,
+                responseType: request.responseType,
+            }, {
+                request: new request.requestType(),
+                host,
+                onEnd: (response) => {
+                    if (isUnaryOutputOk(response)) {
+                        resolve(Ok(response));
+                    }
+                    else {
+                        resolve(Err(response));
+                    }
+                },
+                transport,
+            });
+        });
+    });
+});
+function isUnaryOutputOk(value) {
+    return value.status === grpc.Code.OK;
+}
+//# sourceMappingURL=grpcHandler.js.map

package/dist/clients/grpcHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grpcHandler.js","sourceRoot":"","sources":["../../src/clients/grpcHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import { grpc } from \"@improbable-eng/grpc-web\";\nimport type { Handler, RequestMetadata } from \"../handlers/HandlerChainBuilder\";\nimport { Injectable } from \"../dependency-injection/Injectable\";\nimport type { CameraKitConfiguration } from \"../configuration\";\nimport { configurationToken } from \"../configuration\";\nimport type { Result } from \"../common/result\";\nimport { Err, Ok } from \"../common/result\";\nimport type { FetchHandler } from \"../handlers/defaultFetchHandler\";\nimport { cameraKitServiceFetchHandlerFactory } from \"../handlers/cameraKitServiceFetchHandlerFactory\";\n\nexport interface GrpcRequest {\n    serviceName: string;\n    methodName: string;\n    requestType: grpc.ProtobufMessageClass<grpc.ProtobufMessage>;\n    responseType: grpc.ProtobufMessageClass<grpc.ProtobufMessage>;\n}\n\nexport type GrpcHandler = Handler<GrpcRequest, GrpcResult, RequestMetadata>;\n\nexport type GrpcResult = Result<\n    grpc.UnaryOutput<grpc.ProtobufMessage> & { status: grpc.Code.OK },\n    grpc.UnaryOutput<grpc.ProtobufMessage>\n>;\n\n/**\n * An Injectable handler that can make requests to the CameraKit backend service via grpc-web. This handler can be\n * passed to {@link createTsProtoClient} to produce a well-typed service client.\n *\n * @internal\n */\nexport const grpcHandlerFactory = Injectable(\n    \"grpcHandlerFactory\",\n    [configurationToken, cameraKitServiceFetchHandlerFactory.token] as const,\n    (configuration: CameraKitConfiguration, handler: FetchHandler): GrpcHandler => {\n        const host = `https://${configuration.apiHostname}`;\n\n        // We define our own Transport so that we can use our custom `fetch` implementation. This is important for two\n        // reasons:\n        //   1. Our custom fetch includes features like retries that we want to use for these requests.\n        //   2. Applications may override this fetch implementation (via our DI system) to support more advanced\n        //      use-cases.\n        const transport: grpc.TransportFactory = (options) => {\n            let metadata: grpc.Metadata | undefined = undefined;\n            const controller = globalThis.AbortController ? new AbortController() : undefined;\n            let cancelled = false;\n            return {\n                sendMessage(msgBytes) {\n                    handler(options.url, {\n                        headers: metadata?.toHeaders() ?? {},\n                        method: \"POST\",\n                        body: msgBytes,\n                        signal: controller?.signal,\n                    })\n                        .then((response) => {\n                            options.onHeaders(new grpc.Metadata(response.headers), response.status);\n                            return response.arrayBuffer();\n                        })\n                        .then((body) => {\n                            if (cancelled) return;\n                            options.onChunk(new Uint8Array(body));\n                            options.onEnd();\n                        })\n                        .catch((error) => {\n                            if (cancelled) return;\n                            cancelled = true;\n                            options.onEnd(error);\n                        });\n                },\n\n                start(m) {\n                    metadata = m;\n                },\n\n                finishSend() {},\n\n                cancel() {\n                    if (cancelled) return;\n                    cancelled = true;\n                    controller?.abort();\n                },\n            };\n        };\n\n        return async (request) =>\n            new Promise((resolve) => {\n                grpc.unary(\n                    {\n                        methodName: request.methodName,\n                        service: { serviceName: request.serviceName },\n                        requestStream: false,\n                        responseStream: false,\n                        requestType: request.requestType,\n                        responseType: request.responseType,\n                    },\n                    {\n                        request: new request.requestType(),\n                        host,\n                        onEnd: (response) => {\n                            if (isUnaryOutputOk(response)) {\n                                resolve(Ok(response));\n                            } else {\n                                resolve(Err(response));\n                            }\n                        },\n                        transport,\n                    }\n                );\n            });\n    }\n);\n\nfunction isUnaryOutputOk(\n    value: grpc.UnaryOutput<grpc.ProtobufMessage>\n): value is grpc.UnaryOutput<grpc.ProtobufMessage> & { status: grpc.Code.OK } {\n    return value.status === grpc.Code.OK;\n}\n"]}

package/dist/clients/lensesClient.d.ts

@@ -0,0 +1,10 @@
+import { LensesDefinition } from "../generated-proto/pb_schema/camera_kit/v3/service";
+import type { TsProtoServiceClient } from "./createTsProtoClient";
+import type { GrpcHandler } from "./grpcHandler";
+export type LensesClient = TsProtoServiceClient<typeof LensesDefinition>;
+export declare const lensesClientFactory: {
+    (args_0: GrpcHandler): LensesClient;
+    token: "lensesClient";
+    dependencies: readonly ["grpcHandlerFactory"];
+};
+//# sourceMappingURL=lensesClient.d.ts.map

package/dist/clients/lensesClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lensesClient.d.ts","sourceRoot":"","sources":["../../src/clients/lensesClient.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC"}

package/dist/clients/lensesClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lensesClient.js","sourceRoot":"","sources":["../../src/clients/lensesClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAEtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAInD,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CACzC,cAAc,EACd,CAAC,kBAAkB,CAAC,KAAK,CAAU,EACnC,CAAC,WAAwB,EAAgB,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,WAAW,CAAC,CACjG,CAAC","sourcesContent":["import { Injectable } from \"../dependency-injection/Injectable\";\nimport { LensesDefinition } from \"../generated-proto/pb_schema/camera_kit/v3/service\";\nimport type { TsProtoServiceClient } from \"./createTsProtoClient\";\nimport { createTsProtoClient } from \"./createTsProtoClient\";\nimport type { GrpcHandler } from \"./grpcHandler\";\nimport { grpcHandlerFactory } from \"./grpcHandler\";\n\nexport type LensesClient = TsProtoServiceClient<typeof LensesDefinition>;\n\nexport const lensesClientFactory = Injectable(\n    \"lensesClient\",\n    [grpcHandlerFactory.token] as const,\n    (grpcHandler: GrpcHandler): LensesClient => createTsProtoClient(LensesDefinition, grpcHandler)\n);\n"]}

package/dist/clients/metricsClient.d.ts

@@ -0,0 +1,27 @@
+import { Subject } from "rxjs";
+import type { PageVisibility } from "../common/pageVisibility";
+import type { ServerEvent } from "../generated-proto/blizzard/cameraKitEvents";
+import { MetricsDefinition } from "../generated-proto/pb_schema/camera_kit/v3/service";
+import type { Metric } from "../metrics/operational/Metric";
+import type { TsProtoServiceClient } from "./createTsProtoClient";
+import type { GrpcHandler } from "./grpcHandler";
+export declare class MetricsClient {
+    private readonly grpcClient;
+    private readonly businessEventsHandler;
+    private readonly operationalMetricsHandler;
+    constructor(grpcClient: TsProtoServiceClient<typeof MetricsDefinition>, pageVisibility: PageVisibility | false);
+    setBusinessEvents(event: ServerEvent): Promise<void>;
+    setOperationalMetrics(metric: Metric): Promise<void>;
+}
+/** @internal */
+export declare const externalMetricsSubjectFactory: {
+    (): Subject<Metric>;
+    token: "externalMetricsSubject";
+    dependencies: [];
+};
+export declare const metricsClientFactory: {
+    (args_0: Subject<Metric>, args_1: GrpcHandler, args_2: PageVisibility): MetricsClient;
+    token: "metricsClient";
+    dependencies: readonly ["externalMetricsSubject", "grpcHandlerFactory", "pageVisibility"];
+};
+//# sourceMappingURL=metricsClient.d.ts.map

package/dist/clients/metricsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricsClient.d.ts","sourceRoot":"","sources":["../../src/clients/metricsClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAO/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAOvF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAqBjD,qBAAa,aAAa;IAKlB,OAAO,CAAC,QAAQ,CAAC,UAAU;IAJ/B,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAsD;IAC5F,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAA4D;gBAGjF,UAAU,EAAE,oBAAoB,CAAC,OAAO,iBAAiB,CAAC,EAC3E,cAAc,EAAE,cAAc,GAAG,KAAK;IAgFpC,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAIpD,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAO7D;AAID,gBAAgB;AAChB,eAAO,MAAM,6BAA6B;;;;CAAoE,CAAC;AAE/G,eAAO,MAAM,oBAAoB;;;;CAYhC,CAAC"}

package/dist/clients/metricsClient.js

@@ -0,0 +1,96 @@
+import { __awaiter } from "tslib";
+import { Subject, filter } from "rxjs";
+import { pageVisibilityFactory } from "../common/pageVisibility";
+import { Injectable } from "../dependency-injection/Injectable";
+import { ServerEventBatch } from "../generated-proto/blizzard/cameraKitEvents";
+import { MetricsDefinition } from "../generated-proto/pb_schema/camera_kit/v3/service";
+import { HandlerChainBuilder } from "../handlers/HandlerChainBuilder";
+import { createBatchingHandler } from "../handlers/batchingHandler";
+import { createMappingHandler } from "../handlers/mappingHandler";
+import { createRateLimitingHandler } from "../handlers/rateLimitingHandler";
+import { isCountMetric } from "../metrics/operational/Count";
+import { createTsProtoClient } from "./createTsProtoClient";
+import { grpcHandlerFactory } from "./grpcHandler";
+const METRIC_REQUEST_RATE_LIMIT_MS = 1000;
+const BUSINESS_EVENT_BATCH_MAX_SIZE = 10;
+const BUSINESS_EVENT_BATCH_MAX_AGE_MS = 5000;
+const METRIC_BATCH_MAX_SIZE = 100;
+const METRIC_BATCH_MAX_AGE_MS = 5000;
+export class MetricsClient {
+    constructor(grpcClient, pageVisibility) {
+        this.grpcClient = grpcClient;
+        const rateLimitingHandler = createRateLimitingHandler(METRIC_REQUEST_RATE_LIMIT_MS, pageVisibility);
+        this.businessEventsHandler = new HandlerChainBuilder((request) => __awaiter(this, void 0, void 0, function* () {
+            yield this.grpcClient.setBusinessEvents(request);
+        }))
+            .map(rateLimitingHandler)
+            .map(createMappingHandler((serverEvents) => {
+            const batch = ServerEventBatch.fromPartial({ serverEvents });
+            const request = {
+                batchEvents: {
+                    typeUrl: "com.snapchat.analytics.blizzard.ServerEventBatch",
+                    value: ServerEventBatch.encode(batch).finish(),
+                },
+            };
+            return request;
+        }, pageVisibility))
+            .map(createBatchingHandler({
+            batchReduce: (previous, event) => {
+                const batch = previous !== null && previous !== void 0 ? previous : [];
+                batch.push(event);
+                return batch;
+            },
+            isBatchComplete: (batch) => batch.length >= BUSINESS_EVENT_BATCH_MAX_SIZE,
+            maxBatchAge: BUSINESS_EVENT_BATCH_MAX_AGE_MS,
+            pageVisibility,
+        })).handler;
+        this.operationalMetricsHandler = new HandlerChainBuilder((metrics) => __awaiter(this, void 0, void 0, function* () {
+            yield this.grpcClient.setOperationalMetrics({ metrics });
+        }))
+            .map(rateLimitingHandler)
+            .map(createBatchingHandler({
+            batchReduce: (previous, metric) => {
+                var _a;
+                const batch = { metrics: (_a = previous === null || previous === void 0 ? void 0 : previous.metrics) !== null && _a !== void 0 ? _a : [] };
+                if (isCountMetric(metric)) {
+                    const priorCount = batch.metrics.find((m) => {
+                        return isCountMetric(m) && m.name === metric.name;
+                    });
+                    if (priorCount && isCountMetric(priorCount)) {
+                        priorCount.metric.count = `${Number(priorCount.metric.count) + Number(metric.metric.count)}`;
+                        return batch;
+                    }
+                }
+                batch.metrics.push(metric);
+                return batch;
+            },
+            isBatchComplete: (bundle) => bundle.metrics.length >= METRIC_BATCH_MAX_SIZE,
+            maxBatchAge: METRIC_BATCH_MAX_AGE_MS,
+            pageVisibility,
+        })).handler;
+    }
+    setBusinessEvents(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.businessEventsHandler(event);
+        });
+    }
+    setOperationalMetrics(metric) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.all(metric.toOperationalMetric().map((metric) => {
+                return this.operationalMetricsHandler(metric);
+            }));
+        });
+    }
+}
+const validExternalMetrics = /^push2web_/;
+export const externalMetricsSubjectFactory = Injectable("externalMetricsSubject", () => new Subject());
+export const metricsClientFactory = Injectable("metricsClient", [externalMetricsSubjectFactory.token, grpcHandlerFactory.token, pageVisibilityFactory.token], (externalMetricsSubjectFactory, grpcHandler, pageVisibility) => {
+    const metrics = new MetricsClient(createTsProtoClient(MetricsDefinition, grpcHandler), pageVisibility);
+    externalMetricsSubjectFactory.pipe(filter((metric) => validExternalMetrics.test(metric.name))).subscribe({
+        next: (metric) => {
+            metrics.setOperationalMetrics(metric);
+        },
+    });
+    return metrics;
+});
+//# sourceMappingURL=metricsClient.js.map

package/dist/clients/metricsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricsClient.js","sourceRoot":"","sources":["../../src/clients/metricsClient.ts"],"names":[],"mappings":"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","sourcesContent":["import { Subject, filter } from \"rxjs\";\nimport type { PageVisibility } from \"../common/pageVisibility\";\nimport { pageVisibilityFactory } from \"../common/pageVisibility\";\nimport { Injectable } from \"../dependency-injection/Injectable\";\nimport type { ServerEvent } from \"../generated-proto/blizzard/cameraKitEvents\";\nimport { ServerEventBatch } from \"../generated-proto/blizzard/cameraKitEvents\";\nimport type {\n    OperationalMetric,\n    OperationalMetricsBundle,\n} from \"../generated-proto/pb_schema/camera_kit/v3/operational_metrics\";\nimport type { SetBusinessEventsRequest } from \"../generated-proto/pb_schema/camera_kit/v3/service\";\nimport { MetricsDefinition } from \"../generated-proto/pb_schema/camera_kit/v3/service\";\nimport type { Handler, RequestMetadata } from \"../handlers/HandlerChainBuilder\";\nimport { HandlerChainBuilder } from \"../handlers/HandlerChainBuilder\";\nimport { createBatchingHandler } from \"../handlers/batchingHandler\";\nimport { createMappingHandler } from \"../handlers/mappingHandler\";\nimport { createRateLimitingHandler } from \"../handlers/rateLimitingHandler\";\nimport { isCountMetric } from \"../metrics/operational/Count\";\nimport type { Metric } from \"../metrics/operational/Metric\";\nimport type { TsProtoServiceClient } from \"./createTsProtoClient\";\nimport { createTsProtoClient } from \"./createTsProtoClient\";\nimport type { GrpcHandler } from \"./grpcHandler\";\nimport { grpcHandlerFactory } from \"./grpcHandler\";\n\n// Send at most one metric (operational or business) per second.\nconst METRIC_REQUEST_RATE_LIMIT_MS = 1000;\n\n// It is rather cumbersome to check the actual final size of a batch, but we can easily limit the number of events we\n// include in each batch -- looking at historical data, typical events average ~1.3kb per event. But there are some\n// events (like CAMERA_KIT_EXCEPTION, which includes a stack trace) that can be much larger.\n//\n// To prevent us running over the 64kibibyte limit imposed by browsers on `keep-alive` requests, we'll set quite a low\n// limit to ensure we don't lose events which are larger in size than we expect.\nconst BUSINESS_EVENT_BATCH_MAX_SIZE = 10;\nconst BUSINESS_EVENT_BATCH_MAX_AGE_MS = 5000;\n\n// These values are (currently) arbitrarily selected.\n// TODO: Once we have gathered a sufficient quantity of metrics data, we should tune these numbers to ensure we're\n// operating with the right cost vs. alarming SLA vs. IDB storage size tradeoffs.\nconst METRIC_BATCH_MAX_SIZE = 100;\nconst METRIC_BATCH_MAX_AGE_MS = 5000;\n\nexport class MetricsClient {\n    private readonly businessEventsHandler: Handler<ServerEvent, void, RequestInit | undefined>;\n    private readonly operationalMetricsHandler: Handler<OperationalMetric, void, RequestInit | undefined>;\n\n    constructor(\n        private readonly grpcClient: TsProtoServiceClient<typeof MetricsDefinition>,\n        pageVisibility: PageVisibility | false\n    ) {\n        // Both business events and operational metrics will share a rate limit.\n        const rateLimitingHandler = createRateLimitingHandler<any, any, RequestMetadata>(\n            METRIC_REQUEST_RATE_LIMIT_MS,\n            pageVisibility\n        );\n\n        // The business events handler has to do some manual encoding, because the CameraKit service's backend expects\n        // an `Any` type inside of SetBusinessEventsRequest -- even though this `Any` type is always `ServerEventBatch`.\n        // eslint-disable-next-line max-len\n        // See: https://github.sc-corp.net/Snapchat/pb_schema/blob/4bc5ec98243c472c848cccc577d8cfd21317af51/proto/camera_kit/v3/service.proto#L94\n        this.businessEventsHandler = new HandlerChainBuilder(async (request: SetBusinessEventsRequest) => {\n            await this.grpcClient.setBusinessEvents(request);\n        })\n            .map(rateLimitingHandler)\n            .map(\n                createMappingHandler((serverEvents: ServerEvent[]) => {\n                    const batch: ServerEventBatch = ServerEventBatch.fromPartial({ serverEvents });\n                    const request: SetBusinessEventsRequest = {\n                        batchEvents: {\n                            typeUrl: \"com.snapchat.analytics.blizzard.ServerEventBatch\",\n                            value: ServerEventBatch.encode(batch).finish(),\n                        },\n                    };\n                    return request;\n                }, pageVisibility)\n            )\n            .map(\n                createBatchingHandler({\n                    batchReduce: (previous: ServerEvent[] | undefined, event: ServerEvent) => {\n                        const batch = previous ?? [];\n                        batch.push(event);\n                        return batch;\n                    },\n                    isBatchComplete: (batch) => batch.length >= BUSINESS_EVENT_BATCH_MAX_SIZE,\n                    maxBatchAge: BUSINESS_EVENT_BATCH_MAX_AGE_MS,\n                    pageVisibility,\n                })\n            ).handler;\n\n        // The operational metrics handler is slightly simpler, but it has more interesting batching logic (e.g. we can\n        // sum up Count metrics, for example, rather than sending multiple single-count metrics objects).\n        this.operationalMetricsHandler = new HandlerChainBuilder(async (metrics: OperationalMetricsBundle) => {\n            await this.grpcClient.setOperationalMetrics({ metrics });\n        })\n            .map(rateLimitingHandler)\n            .map(\n                createBatchingHandler({\n                    // The batching logic here is very simple – it could be improved by e.g.\n                    // computing statistics to reduce overall data sent, etc. Right now this is\n                    // premature optimization, but could become a good idea in the future.\n                    batchReduce: (previous: OperationalMetricsBundle | undefined, metric: OperationalMetric) => {\n                        const batch: OperationalMetricsBundle = { metrics: previous?.metrics ?? [] };\n\n                        // For \"count\" metrics, it's straightforward to merge them into\n                        // a single metric with the same name.\n                        if (isCountMetric(metric)) {\n                            const priorCount = batch.metrics.find((m) => {\n                                return isCountMetric(m) && m.name === metric.name;\n                            });\n                            if (priorCount && isCountMetric(priorCount)) {\n                                priorCount.metric.count = `${\n                                    Number(priorCount.metric.count) + Number(metric.metric.count)\n                                }`;\n                                return batch;\n                            }\n                        }\n\n                        // For all other cases, we'll just add the metric separately to the batch.\n                        batch.metrics.push(metric);\n                        return batch;\n                    },\n                    isBatchComplete: (bundle) => bundle.metrics.length >= METRIC_BATCH_MAX_SIZE,\n                    maxBatchAge: METRIC_BATCH_MAX_AGE_MS,\n                    pageVisibility,\n                })\n            ).handler;\n    }\n\n    async setBusinessEvents(event: ServerEvent): Promise<void> {\n        await this.businessEventsHandler(event);\n    }\n\n    async setOperationalMetrics(metric: Metric): Promise<void> {\n        await Promise.all(\n            metric.toOperationalMetric().map((metric) => {\n                return this.operationalMetricsHandler(metric);\n            })\n        );\n    }\n}\n\nconst validExternalMetrics = /^push2web_/;\n\n/** @internal */\nexport const externalMetricsSubjectFactory = Injectable(\"externalMetricsSubject\", () => new Subject<Metric>());\n\nexport const metricsClientFactory = Injectable(\n    \"metricsClient\",\n    [externalMetricsSubjectFactory.token, grpcHandlerFactory.token, pageVisibilityFactory.token] as const,\n    (externalMetricsSubjectFactory: Subject<Metric>, grpcHandler: GrpcHandler, pageVisibility: PageVisibility) => {\n        const metrics = new MetricsClient(createTsProtoClient(MetricsDefinition, grpcHandler), pageVisibility);\n        externalMetricsSubjectFactory.pipe(filter((metric) => validExternalMetrics.test(metric.name))).subscribe({\n            next: (metric) => {\n                metrics.setOperationalMetrics(metric);\n            },\n        });\n        return metrics;\n    }\n);\n"]}

package/dist/common/assertions.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Assert a particular code path is unreachable, e.g. to perform a compile-time exhaustiveness check.
+ *
+ * Ex:
+ * ```ts
+ * interface A { type: 'a' }
+ * interface B { type: 'b' }
+ * type TaggedUnion = A | B
+ *
+ * function exhaustiveSwitch(value: TaggedUnion) {
+ *   switch (value.type) {
+ *     case 'a': // do something with A
+ *     case 'b': // do something with B
+ *     // this will fail to compile if we add another type to TaggedUnion and forget to add a corresponding case
+ *     // to the switch statement.
+ *     default: assertUnreachable(value)
+ *   }
+ * }
+ * ```
+ */
+export declare function assertUnreachable(_: never): never;
+/**
+ * Assert that a condition is true. Otherwise, throws an error.
+ * @param condition Condition to test.
+ * @param error Optional error message or error instance to throw.
+ */
+export declare function assert(condition: boolean, error?: string | Error): asserts condition;
+//# sourceMappingURL=assertions.d.ts.map

package/dist/common/assertions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertions.d.ts","sourceRoot":"","sources":["../../src/common/assertions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAEjD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,GAAE,MAAM,GAAG,KAA0B,GAAG,OAAO,CAAC,SAAS,CAQxG"}

package/dist/common/assertions.js

@@ -0,0 +1,14 @@
+export function assertUnreachable(_) {
+    throw new Error("Reached unreachable code at runtime.");
+}
+export function assert(condition, error = "Assertion failed") {
+    if (!condition) {
+        if (error instanceof Error) {
+            throw error;
+        }
+        else {
+            throw new Error(error);
+        }
+    }
+}
+//# sourceMappingURL=assertions.js.map

package/dist/common/assertions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertions.js","sourceRoot":"","sources":["../../src/common/assertions.ts"],"names":[],"mappings":"AAoBA,MAAM,UAAU,iBAAiB,CAAC,CAAQ;IACtC,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;AAC5D,CAAC;AAOD,MAAM,UAAU,MAAM,CAAC,SAAkB,EAAE,QAAwB,kBAAkB;IACjF,IAAI,CAAC,SAAS,EAAE;QACZ,IAAI,KAAK,YAAY,KAAK,EAAE;YACxB,MAAM,KAAK,CAAC;SACf;aAAM;YACH,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;KACJ;AACL,CAAC","sourcesContent":["/**\n * Assert a particular code path is unreachable, e.g. to perform a compile-time exhaustiveness check.\n *\n * Ex:\n * ```ts\n * interface A { type: 'a' }\n * interface B { type: 'b' }\n * type TaggedUnion = A | B\n *\n * function exhaustiveSwitch(value: TaggedUnion) {\n *   switch (value.type) {\n *     case 'a': // do something with A\n *     case 'b': // do something with B\n *     // this will fail to compile if we add another type to TaggedUnion and forget to add a corresponding case\n *     // to the switch statement.\n *     default: assertUnreachable(value)\n *   }\n * }\n * ```\n */\nexport function assertUnreachable(_: never): never {\n    throw new Error(\"Reached unreachable code at runtime.\");\n}\n\n/**\n * Assert that a condition is true. Otherwise, throws an error.\n * @param condition Condition to test.\n * @param error Optional error message or error instance to throw.\n */\nexport function assert(condition: boolean, error: string | Error = \"Assertion failed\"): asserts condition {\n    if (!condition) {\n        if (error instanceof Error) {\n            throw error;\n        } else {\n            throw new Error(error);\n        }\n    }\n}\n"]}

package/dist/common/copyDefinedProperties.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copy only those properties of an object which are not undefined.
+ *
+ * This can be useful when using `Object.assign(foo, bar)` or `{ ...foo, ...bar }` to copy values from one object to
+ * another. There's a (rather annoying) difference between a property not existing in an object and that property
+ * existing but having an undefined value. When copying values using either of the methods above, it's generally
+ * expected that undefined properties won't overwrite defined properties. But that's not the behavior – this helper
+ * function is needed to ensure undefined properties in `bar` don't clobber corresponding properties in `foo`.
+ *
+ * @param obj Any object, possibly with properties whose values are undefined.
+ * @returns A copy of the input object, without keys whose values were undefined.
+ */
+export declare function copyDefinedProperties<T extends {}>(obj: T): T;
+//# sourceMappingURL=copyDefinedProperties.d.ts.map

package/dist/common/copyDefinedProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyDefinedProperties.d.ts","sourceRoot":"","sources":["../../src/common/copyDefinedProperties.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAE7D"}

package/dist/common/copyDefinedProperties.js

@@ -0,0 +1,4 @@
+export function copyDefinedProperties(obj) {
+    return Object.fromEntries(Object.entries(obj).filter(([_, value]) => value !== undefined));
+}
+//# sourceMappingURL=copyDefinedProperties.js.map

package/dist/common/copyDefinedProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyDefinedProperties.js","sourceRoot":"","sources":["../../src/common/copyDefinedProperties.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,qBAAqB,CAAe,GAAM;IACtD,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAM,CAAC;AACpG,CAAC","sourcesContent":["/**\n * Copy only those properties of an object which are not undefined.\n *\n * This can be useful when using `Object.assign(foo, bar)` or `{ ...foo, ...bar }` to copy values from one object to\n * another. There's a (rather annoying) difference between a property not existing in an object and that property\n * existing but having an undefined value. When copying values using either of the methods above, it's generally\n * expected that undefined properties won't overwrite defined properties. But that's not the behavior – this helper\n * function is needed to ensure undefined properties in `bar` don't clobber corresponding properties in `foo`.\n *\n * @param obj Any object, possibly with properties whose values are undefined.\n * @returns A copy of the input object, without keys whose values were undefined.\n */\nexport function copyDefinedProperties<T extends {}>(obj: T): T {\n    return Object.fromEntries(Object.entries(obj).filter(([_, value]) => value !== undefined)) as T;\n}\n"]}

package/dist/common/date.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_TIMEZONE = "America/Los_Angeles";
+export declare const dayFormatter: Intl.DateTimeFormat;
+export declare const monthFormatter: Intl.DateTimeFormat;
+//# sourceMappingURL=date.d.ts.map

package/dist/common/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/common/date.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AAEtD,eAAO,MAAM,YAAY,qBAKvB,CAAC;AAEH,eAAO,MAAM,cAAc,qBAIzB,CAAC"}

package/dist/common/dialog.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Dialog options.
+ */
+interface DialogOptions<Keys extends string> {
+    /**
+     * Element to attach the dialgo to.
+     */
+    container: HTMLElement;
+    /**
+     * Body content string. Can be HTML string.
+     */
+    body?: string;
+    /**
+     * Title string to render. Can be HTML string.
+     */
+    title?: string;
+    /**
+     * Accessible dialog title text,
+     * especially useful for voice-over features when the title field is an image.
+     */
+    titleText?: string;
+    /**
+     * "data-testid" attribute for testing purposes.
+     */
+    dataTestId?: string;
+    /**
+     * Use the lang field to set "lang" attribute on the dialog if that should be different from the parent page.
+     */
+    lang?: string;
+    /**
+     * Accessbile text of dismiss (X) button,
+     * especially useful for voice-over features when the title field is an image.
+     */
+    dismissButtonText?: string;
+    /**
+     * Buttons to display at the bottom of the dialog.
+     */
+    buttons?: DialogButton<Keys>[];
+}
+/**
+ * Dialog button.
+ */
+interface DialogButton<Key extends string> {
+    /**
+     * Button text.
+     */
+    text: string;
+    /**
+     * Value returned by the {@link showDialog} function after the button is clicked.
+     */
+    key: Key;
+    /**
+     * Whether to apply "secondary" styles on the button.
+     */
+    isSecondary?: boolean;
+}
+type DismissKey = "dismiss";
+export declare function showDialog<Keys extends string>(options: DialogOptions<Keys>): Promise<Keys | DismissKey>;
+export {};
+//# sourceMappingURL=dialog.d.ts.map

package/dist/common/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/common/dialog.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,UAAU,aAAa,CAAC,IAAI,SAAS,MAAM;IACvC;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,UAAU,YAAY,CAAC,GAAG,SAAS,MAAM;IACrC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,GAAG,CAAC;IACT;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,KAAK,UAAU,GAAG,SAAS,CAAC;AAyI5B,wBAAgB,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,GAAG,UAAU,CAAC,CAiCxG"}

package/dist/common/dialog.js

@@ -0,0 +1,158 @@
+import { fromEvent, map, merge, take } from "rxjs";
+const stylesCss = `
+dialog {
+    display: flex;
+    flex-direction: column;
+
+    background-color: #fff;
+    border: #efefef 1px solid;
+    border-radius: 20px;
+    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
+
+    max-width: 80vw;
+    max-height: 80vh;
+    padding: 44px 0 24px 0;
+
+    font-size: 16px;
+    font-family: sans-serif;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+dialog::backdrop {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+.title {
+    color: #16191C;
+    padding: 0 32px;
+    text-align: center;
+}
+
+.body {
+    color: #656D78;
+    font-size: 14px;
+    font-weight: 500;
+    margin-top: 16px;
+    max-width: 350px;
+    padding: 0 32px;
+    overflow: auto;
+}
+
+a {
+    color: rgb(78, 171, 248);
+}
+
+button {
+    cursor: pointer;
+}
+
+button.dismiss {
+    position: absolute;
+    top: 7px;
+    right: 7px;
+    padding: 0;
+    height: 36px;
+    width: 36px;
+    margin: 0;
+    background-color: transparent;
+    border: 0;
+}
+
+button.dismiss svg {
+    fill: black;
+}
+
+.buttons {
+    margin-top: 8px;
+    padding: 0 32px;
+}
+
+.buttons button {
+    background: #0FADFF;
+    border: 0;
+    border-radius: 25px;
+
+    width: 100%;
+    padding: 1rem;
+    margin-top: 8px;
+
+    color: #fff;
+    font-weight: inherit;
+    font-family: inherit;
+    font-size: inherit;
+    font-style: inherit;
+}
+
+.buttons button.secondary {
+    background-color: transparent;
+    color: #656D78;
+}
+
+// Proper filling of X button in High Contrast themes
+@media (forced-colors: active) {
+    button.dismiss svg {
+        fill: ButtonText;
+    }
+}
+`;
+function getDismissButtonHtml(button) {
+    return `
+        <button class="dismiss" autofocus data-key=${button.key}>
+            <svg xmlns="http://www.w3.org/2000/svg" role="img" width="36" height="36" viewBox="0 0 36 36">
+                <title>${button.text}</title>
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6763 11.2621C12.2858 10.8716 11.6527 10.8716 11.2621 11.2621C10.8716 11.6527 10.8716 12.2858 11.2621 12.6763L16.5858 18L11.2621 23.3237C10.8716 23.7142 10.8716 24.3474 11.2621 24.7379C11.6527 25.1284 12.2858 25.1284 12.6764 24.7379L18 19.4142L23.3237 24.7379C23.7142 25.1284 24.3474 25.1284 24.7379 24.7379C25.1284 24.3474 25.1284 23.7142 24.7379 23.3237L19.4142 18L24.7379 12.6763C25.1284 12.2858 25.1284 11.6527 24.7379 11.2621C24.3474 10.8716 23.7142 10.8716 23.3237 11.2621L18 16.5858L12.6763 11.2621Z" fill-opacity="0.4"/>
+            </svg>
+        </button>`;
+}
+function getTitleHtml(title) {
+    return title ? `<div class="title" role="heading">${title}</div>` : "";
+}
+function getBodyHtml(body) {
+    return body ? `<div class="body">${body}</div>` : "";
+}
+function getButtonHtml(button) {
+    return `<button data-key="${button.key}"${button.isSecondary ? ` class="secondary"` : ""}>${button.text}</button>`;
+}
+function getButtonsHtml(buttons) {
+    if (buttons.length === 0)
+        return "";
+    return `
+        <div class="buttons">
+        ${buttons.map((b) => getButtonHtml(b)).join("\n")}
+        </div>`;
+}
+function setAttribute(element, attr, value) {
+    if (value)
+        element.setAttribute(attr, value);
+}
+export function showDialog(options) {
+    return new Promise((res) => {
+        var _a, _b, _c;
+        const element = document.createElement("div");
+        setAttribute(element, "data-testid", options.dataTestId);
+        const shadow = element.attachShadow({ mode: "open" });
+        const style = document.createElement("style");
+        shadow.appendChild(style);
+        style.innerHTML = stylesCss;
+        const prompt = document.createElement("dialog");
+        setAttribute(prompt, "aria-label", (_a = options.titleText) !== null && _a !== void 0 ? _a : options.title);
+        setAttribute(prompt, "lang", options.lang);
+        setAttribute(prompt, "dir", "auto");
+        shadow.appendChild(prompt);
+        prompt.innerHTML = `
+            ${getDismissButtonHtml({ key: "dismiss", text: (_b = options.dismissButtonText) !== null && _b !== void 0 ? _b : "Dismiss" })}
+            ${getTitleHtml(options.title)}
+            ${getBodyHtml(options.body)}
+            ${getButtonsHtml((_c = options.buttons) !== null && _c !== void 0 ? _c : [])}
+        `;
+        const buttonsElements = Array.from(prompt.querySelectorAll("button"));
+        merge(...buttonsElements.map((b) => fromEvent(b, "click").pipe(map(() => b.dataset.key))), fromEvent(prompt, "cancel").pipe(map(() => "dismiss")))
+            .pipe(take(1))
+            .subscribe({ next: res, complete: () => element.remove() });
+        options.container.appendChild(element);
+        prompt.showModal();
+    });
+}
+//# sourceMappingURL=dialog.js.map

package/dist/common/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/common/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { fromEvent, map, merge, take } from \"rxjs\";\n\n/**\n * Dialog options.\n */\ninterface DialogOptions<Keys extends string> {\n    /**\n     * Element to attach the dialgo to.\n     */\n    container: HTMLElement;\n    /**\n     * Body content string. Can be HTML string.\n     */\n    body?: string;\n    /**\n     * Title string to render. Can be HTML string.\n     */\n    title?: string;\n    /**\n     * Accessible dialog title text,\n     * especially useful for voice-over features when the title field is an image.\n     */\n    titleText?: string;\n    /**\n     * \"data-testid\" attribute for testing purposes.\n     */\n    dataTestId?: string;\n    /**\n     * Use the lang field to set \"lang\" attribute on the dialog if that should be different from the parent page.\n     */\n    lang?: string;\n    /**\n     * Accessbile text of dismiss (X) button,\n     * especially useful for voice-over features when the title field is an image.\n     */\n    dismissButtonText?: string;\n    /**\n     * Buttons to display at the bottom of the dialog.\n     */\n    buttons?: DialogButton<Keys>[];\n}\n\n/**\n * Dialog button.\n */\ninterface DialogButton<Key extends string> {\n    /**\n     * Button text.\n     */\n    text: string;\n    /**\n     * Value returned by the {@link showDialog} function after the button is clicked.\n     */\n    key: Key;\n    /**\n     * Whether to apply \"secondary\" styles on the button.\n     */\n    isSecondary?: boolean;\n}\n\ntype DismissKey = \"dismiss\";\n\nconst stylesCss = `\ndialog {\n    display: flex;\n    flex-direction: column;\n\n    background-color: #fff;\n    border: #efefef 1px solid;\n    border-radius: 20px;\n    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);\n\n    max-width: 80vw;\n    max-height: 80vh;\n    padding: 44px 0 24px 0;\n\n    font-size: 16px;\n    font-family: sans-serif;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px;\n}\n\ndialog::backdrop {\n    background-color: rgba(0, 0, 0, 0.4);\n}\n\n.title {\n    color: #16191C;\n    padding: 0 32px;\n    text-align: center;\n}\n\n.body {\n    color: #656D78;\n    font-size: 14px;\n    font-weight: 500;\n    margin-top: 16px;\n    max-width: 350px;\n    padding: 0 32px;\n    overflow: auto;\n}\n\na {\n    color: rgb(78, 171, 248);\n}\n\nbutton {\n    cursor: pointer;\n}\n\nbutton.dismiss {\n    position: absolute;\n    top: 7px;\n    right: 7px;\n    padding: 0;\n    height: 36px;\n    width: 36px;\n    margin: 0;\n    background-color: transparent;\n    border: 0;\n}\n\nbutton.dismiss svg {\n    fill: black;\n}\n\n.buttons {\n    margin-top: 8px;\n    padding: 0 32px;\n}\n\n.buttons button {\n    background: #0FADFF;\n    border: 0;\n    border-radius: 25px;\n\n    width: 100%;\n    padding: 1rem;\n    margin-top: 8px;\n\n    color: #fff;\n    font-weight: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-style: inherit;\n}\n\n.buttons button.secondary {\n    background-color: transparent;\n    color: #656D78;\n}\n\n// Proper filling of X button in High Contrast themes\n@media (forced-colors: active) {\n    button.dismiss svg {\n        fill: ButtonText;\n    }\n}\n`;\n\nfunction getDismissButtonHtml(button: DialogButton<DismissKey>) {\n    /* eslint-disable max-len */\n    return `\n        <button class=\"dismiss\" autofocus data-key=${button.key}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n                <title>${button.text}</title>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.6763 11.2621C12.2858 10.8716 11.6527 10.8716 11.2621 11.2621C10.8716 11.6527 10.8716 12.2858 11.2621 12.6763L16.5858 18L11.2621 23.3237C10.8716 23.7142 10.8716 24.3474 11.2621 24.7379C11.6527 25.1284 12.2858 25.1284 12.6764 24.7379L18 19.4142L23.3237 24.7379C23.7142 25.1284 24.3474 25.1284 24.7379 24.7379C25.1284 24.3474 25.1284 23.7142 24.7379 23.3237L19.4142 18L24.7379 12.6763C25.1284 12.2858 25.1284 11.6527 24.7379 11.2621C24.3474 10.8716 23.7142 10.8716 23.3237 11.2621L18 16.5858L12.6763 11.2621Z\" fill-opacity=\"0.4\"/>\n            </svg>\n        </button>`;\n    /* eslint-enable */\n}\n\nfunction getTitleHtml(title: string | undefined) {\n    return title ? `<div class=\"title\" role=\"heading\">${title}</div>` : \"\";\n}\n\nfunction getBodyHtml(body: string | undefined) {\n    return body ? `<div class=\"body\">${body}</div>` : \"\";\n}\n\nfunction getButtonHtml<Key extends string>(button: DialogButton<Key>) {\n    return `<button data-key=\"${button.key}\"${button.isSecondary ? ` class=\"secondary\"` : \"\"}>${button.text}</button>`;\n}\n\nfunction getButtonsHtml<Key extends string>(buttons: DialogButton<Key>[]) {\n    if (buttons.length === 0) return \"\";\n    return `\n        <div class=\"buttons\">\n        ${buttons.map((b) => getButtonHtml(b)).join(\"\\n\")}\n        </div>`;\n}\n\nfunction setAttribute(element: HTMLElement, attr: string, value: string | undefined) {\n    if (value) element.setAttribute(attr, value);\n}\n\nexport function showDialog<Keys extends string>(options: DialogOptions<Keys>): Promise<Keys | DismissKey> {\n    return new Promise((res) => {\n        const element = document.createElement(\"div\");\n        setAttribute(element, \"data-testid\", options.dataTestId);\n        const shadow = element.attachShadow({ mode: \"open\" });\n\n        const style = document.createElement(\"style\");\n        shadow.appendChild(style);\n        style.innerHTML = stylesCss;\n\n        const prompt = document.createElement(\"dialog\");\n        setAttribute(prompt, \"aria-label\", options.titleText ?? options.title);\n        setAttribute(prompt, \"lang\", options.lang);\n        setAttribute(prompt, \"dir\", \"auto\");\n        shadow.appendChild(prompt);\n\n        prompt.innerHTML = `\n            ${getDismissButtonHtml({ key: \"dismiss\", text: options.dismissButtonText ?? \"Dismiss\" })}\n            ${getTitleHtml(options.title)}\n            ${getBodyHtml(options.body)}\n            ${getButtonsHtml(options.buttons ?? [])}\n        `;\n\n        const buttonsElements = Array.from(prompt.querySelectorAll(\"button\"));\n        merge(\n            ...buttonsElements.map((b) => fromEvent(b, \"click\").pipe(map(() => b.dataset.key as Keys))),\n            fromEvent(prompt, \"cancel\").pipe(map(() => \"dismiss\" as const))\n        )\n            .pipe(take(1))\n            .subscribe({ next: res, complete: () => element.remove() });\n        options.container.appendChild(element);\n        prompt.showModal();\n    });\n}\n"]}

package/dist/common/entries.d.ts

@@ -0,0 +1,5 @@
+export declare const entries: <T extends {
+    [s: string]: U;
+} | ArrayLike<U>, U>(o: T) => [keyof T, T[keyof T]][];
+export declare const fromEntries: <K extends string | number | symbol, V>(entries: readonly [K, V][]) => Record<K, V>;
+//# sourceMappingURL=entries.d.ts.map

package/dist/common/entries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entries.d.ts","sourceRoot":"","sources":["../../src/common/entries.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,OAAO;;qDACiC,CAAC;AAGtD,eAAO,MAAM,WAAW,qFACuB,CAAC"}

package/dist/common/entries.js

@@ -0,0 +1,3 @@
+export const entries = (o) => Object.entries(o);
+export const fromEntries = (entries) => Object.fromEntries(entries);
+//# sourceMappingURL=entries.js.map

package/dist/common/entries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entries.js","sourceRoot":"","sources":["../../src/common/entries.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAiD,CAAI,EAAgC,EAAE,CAC1G,MAAM,CAAC,OAAO,CAAC,CAAC,CAAiC,CAAC;AAGtD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAwC,OAA8B,EAAgB,EAAE,CAC/G,MAAM,CAAC,WAAW,CAAC,OAAO,CAAiB,CAAC","sourcesContent":["// `Object.entries` does not use `keyof` types, so it loses type specificity. We'll fix this with a wrapper.\nexport const entries = <T extends { [s: string]: U } | ArrayLike<U>, U>(o: T): Array<[keyof T, T[keyof T]]> =>\n    Object.entries(o) as Array<[keyof T, T[keyof T]]>;\n\n// `Object.fromEntries` similarly does not preserve key types.\nexport const fromEntries = <K extends string | number | symbol, V>(entries: ReadonlyArray<[K, V]>): Record<K, V> =>\n    Object.fromEntries(entries) as Record<K, V>;\n"]}