@cloudscape-design/components-themeable 3.0.196 → 3.0.198

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -206,10 +206,10 @@
   --color-background-progress-bar-content-in-flash-ka071o:rgba(255, 255, 255, 0.7);
   --color-background-progress-bar-layout-default-teir10:#eaeded;
   --color-background-progress-bar-layout-in-flash-phmfak:rgba(255, 255, 255, 0.25);
-  --color-background-segment-active-khzpn5:#eaeded;
+  --color-background-segment-active-rod112:#0073bb;
   --color-background-segment-default-bjnpj3:#ffffff;
   --color-background-segment-disabled-gcpwaz:#ffffff;
-  --color-background-segment-hover-p2rkog:#fafafa;
+  --color-background-segment-hover-eccr37:#ffffff;
   --color-background-status-error-h1a0iq:#fdf3f1;
   --color-background-status-info-yq3r41:#f1faff;
   --color-background-status-success-cvmksn:#f2f8f0;
@@ -341,9 +341,9 @@
   --color-text-notification-default-l83xtb:#fafafa;
   --color-text-pagination-page-number-active-disabled-nidnvc:#545b64;
   --color-text-pagination-page-number-default-xf8q73:#545b64;
-  --color-text-segment-active-o087le:#16191f;
+  --color-text-segment-active-p9yawx:#ffffff;
   --color-text-segment-default-9k644f:#545b64;
-  --color-text-segment-hover-ez78pb:#16191f;
+  --color-text-segment-hover-1lgt1u:#0073bb;
   --color-text-small-5a9rs1:#687078;
   --color-text-status-error-jer77f:#d13212;
   --color-text-status-inactive-2o9czw:#687078;
@@ -779,10 +779,10 @@
   --color-background-progress-bar-content-default-kdvzje:#00a1c9;
   --color-background-progress-bar-content-in-flash-ka071o:#fafafa;
   --color-background-progress-bar-layout-default-teir10:#414750;
-  --color-background-segment-active-khzpn5:#16191f;
+  --color-background-segment-active-rod112:#00a1c9;
   --color-background-segment-default-bjnpj3:#2a2e33;
   --color-background-segment-disabled-gcpwaz:#2a2e33;
-  --color-background-segment-hover-p2rkog:#21252c;
+  --color-background-segment-hover-eccr37:#2a2e33;
   --color-background-status-error-h1a0iq:#270a11;
   --color-background-status-info-yq3r41:#12293b;
   --color-background-status-success-cvmksn:#172211;
@@ -889,9 +889,9 @@
   --color-text-link-hover-ok01xk:#44b9d6;
   --color-text-pagination-page-number-active-disabled-nidnvc:#d5dbdb;
   --color-text-pagination-page-number-default-xf8q73:#d5dbdb;
-  --color-text-segment-active-o087le:#fafafa;
+  --color-text-segment-active-p9yawx:#1a2029;
   --color-text-segment-default-9k644f:#d5dbdb;
-  --color-text-segment-hover-ez78pb:#fafafa;
+  --color-text-segment-hover-1lgt1u:#00a1c9;
   --color-text-small-5a9rs1:#95a5a6;
   --color-text-status-error-jer77f:#ff5d64;
   --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1013,10 +1013,10 @@
   --color-background-progress-bar-content-default-kdvzje:#00a1c9;
   --color-background-progress-bar-content-in-flash-ka071o:#fafafa;
   --color-background-progress-bar-layout-default-teir10:#414750;
-  --color-background-segment-active-khzpn5:#16191f;
+  --color-background-segment-active-rod112:#00a1c9;
   --color-background-segment-default-bjnpj3:#2a2e33;
   --color-background-segment-disabled-gcpwaz:#2a2e33;
-  --color-background-segment-hover-p2rkog:#21252c;
+  --color-background-segment-hover-eccr37:#2a2e33;
   --color-background-status-error-h1a0iq:#270a11;
   --color-background-status-info-yq3r41:#12293b;
   --color-background-status-success-cvmksn:#172211;
@@ -1123,9 +1123,9 @@
   --color-text-link-hover-ok01xk:#44b9d6;
   --color-text-pagination-page-number-active-disabled-nidnvc:#d5dbdb;
   --color-text-pagination-page-number-default-xf8q73:#d5dbdb;
-  --color-text-segment-active-o087le:#fafafa;
+  --color-text-segment-active-p9yawx:#1a2029;
   --color-text-segment-default-9k644f:#d5dbdb;
-  --color-text-segment-hover-ez78pb:#fafafa;
+  --color-text-segment-hover-1lgt1u:#00a1c9;
   --color-text-small-5a9rs1:#95a5a6;
   --color-text-status-error-jer77f:#ff5d64;
   --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1193,8 +1193,7 @@
   --color-background-progress-bar-content-default-kdvzje:#0972d3;
   --color-background-progress-bar-content-in-flash-ka071o:#ffffff;
   --color-background-progress-bar-layout-default-teir10:#e9ebed;
-  --color-background-segment-active-khzpn5:#0972d3;
-  --color-background-segment-hover-p2rkog:#ffffff;
+  --color-background-segment-active-rod112:#0972d3;
   --color-background-status-error-h1a0iq:#fff7f7;
   --color-background-status-info-yq3r41:#f2f8fd;
   --color-background-status-success-cvmksn:#f2fcf3;
@@ -1314,9 +1313,8 @@
   --color-text-notification-default-l83xtb:#fbfbfb;
   --color-text-pagination-page-number-active-disabled-nidnvc:#9ba7b6;
   --color-text-pagination-page-number-default-xf8q73:#414d5c;
-  --color-text-segment-active-o087le:#ffffff;
   --color-text-segment-default-9k644f:#414d5c;
-  --color-text-segment-hover-ez78pb:#0972d3;
+  --color-text-segment-hover-1lgt1u:#0972d3;
   --color-text-small-5a9rs1:#5f6b7a;
   --color-text-status-error-jer77f:#d91515;
   --color-text-status-inactive-2o9czw:#5f6b7a;
@@ -1522,10 +1520,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#0f1b2a;
   --color-background-segment-disabled-gcpwaz:#0f1b2a;
-  --color-background-segment-hover-p2rkog:#0f1b2a;
+  --color-background-segment-hover-eccr37:#0f1b2a;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -1640,9 +1638,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1736,10 +1734,10 @@
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-content-in-flash-ka071o:#ffffff;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#0f1b2a;
   --color-background-segment-disabled-gcpwaz:#0f1b2a;
-  --color-background-segment-hover-p2rkog:#0f1b2a;
+  --color-background-segment-hover-eccr37:#0f1b2a;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -1857,9 +1855,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1913,10 +1911,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#0f1b2a;
   --color-background-segment-disabled-gcpwaz:#0f1b2a;
-  --color-background-segment-hover-p2rkog:#0f1b2a;
+  --color-background-segment-hover-eccr37:#0f1b2a;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -2031,9 +2029,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2087,10 +2085,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#000716;
   --color-background-segment-disabled-gcpwaz:#000716;
-  --color-background-segment-hover-p2rkog:#000716;
+  --color-background-segment-hover-eccr37:#000716;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -2204,9 +2202,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2271,10 +2269,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#000716;
   --color-background-segment-disabled-gcpwaz:#000716;
-  --color-background-segment-hover-p2rkog:#000716;
+  --color-background-segment-hover-eccr37:#000716;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -2388,9 +2386,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2420,7 +2418,7 @@
   --color-background-button-primary-default-w02sje:#fbfbfb;
   --color-background-button-primary-hover-qli9yh:#ffffff;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#fbfbfb;
   --color-border-button-normal-hover-993ry7:#ffffff;
@@ -2441,7 +2439,7 @@
   --color-background-button-primary-default-w02sje:#fbfbfb;
   --color-background-button-primary-hover-qli9yh:#ffffff;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#fbfbfb;
   --color-border-button-normal-hover-993ry7:#ffffff;
@@ -2461,7 +2459,7 @@
   --color-background-button-primary-default-w02sje:#414d5c;
   --color-background-button-primary-hover-qli9yh:#000716;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#000716;
   --color-border-button-normal-default-d57sob:#414d5c;
   --color-border-button-normal-hover-993ry7:#000716;
@@ -2478,7 +2476,7 @@
   --color-background-button-primary-default-w02sje:#414d5c;
   --color-background-button-primary-hover-qli9yh:#000716;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#000716;
   --color-border-button-normal-default-d57sob:#414d5c;
   --color-border-button-normal-hover-993ry7:#000716;

package/lib/internal/template/internal/environment.d.ts

@@ -1,3 +1,4 @@
+export const PACKAGE_SOURCE: string;
 export const PACKAGE_VERSION: string;
 export const THEME: string;
 export const ALWAYS_VISUAL_REFRESH: string;

package/lib/internal/template/internal/environment.js

@@ -1,5 +1,6 @@
 
-    export var PACKAGE_VERSION = '3.0.0 (3a4c13b)';
+    export var PACKAGE_SOURCE = 'components';
+    export var PACKAGE_VERSION = '3.0.0 (d311dc2)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/lib/internal/template/internal/hooks/use-base-component/component-metadata.d.ts

@@ -0,0 +1,3 @@
+export declare const COMPONENT_METADATA_KEY = "__awsuiMetadata__";
+export declare function useComponentMetadata<T = any>(componentName: string, packageVersion: string): import("react").RefObject<T>;
+//# sourceMappingURL=component-metadata.d.ts.map

package/lib/internal/template/internal/hooks/use-base-component/component-metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/component-metadata.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,gCA0B1F"}

package/lib/internal/template/internal/hooks/use-base-component/component-metadata.js

@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef } from 'react';
+// TODO: move to component-toolkit/internal/base-component
+export var COMPONENT_METADATA_KEY = '__awsuiMetadata__';
+export function useComponentMetadata(componentName, packageVersion) {
+    var elementRef = useRef(null);
+    useEffect(function () {
+        if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {
+            var node = elementRef.current;
+            var metadata = { name: componentName, version: packageVersion };
+            Object.freeze(metadata);
+            Object.defineProperty(node, COMPONENT_METADATA_KEY, { value: metadata, writable: false });
+        }
+        // Some component refs change dynamically. E.g. The Modal component where
+        // the content gets rendered conditionally inside a Portal.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [elementRef.current]);
+    return elementRef;
+}
+//# sourceMappingURL=component-metadata.js.map

package/lib/internal/template/internal/hooks/use-base-component/component-metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/component-metadata.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,0DAA0D;AAE1D,MAAM,CAAC,IAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAE1D,MAAM,UAAU,oBAAoB,CAAU,aAAqB,EAAE,cAAsB;IAUzF,IAAM,UAAU,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC;QACR,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,sBAAsB,CAAC,EAAE;YAC3G,IAAM,IAAI,GAAG,UAAU,CAAC,OAAyC,CAAC;YAClE,IAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;YAElE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;SAC3F;QACD,yEAAyE;QACzE,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\n\n// TODO: move to component-toolkit/internal/base-component\n\nexport const COMPONENT_METADATA_KEY = '__awsuiMetadata__';\n\nexport function useComponentMetadata<T = any>(componentName: string, packageVersion: string) {\n  interface AwsUiMetadata {\n    name: string;\n    version: string;\n  }\n\n  interface HTMLMetadataElement extends HTMLElement {\n    [COMPONENT_METADATA_KEY]: AwsUiMetadata;\n  }\n\n  const elementRef = useRef<T>(null);\n\n  useEffect(() => {\n    if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {\n      const node = elementRef.current as unknown as HTMLMetadataElement;\n      const metadata = { name: componentName, version: packageVersion };\n\n      Object.freeze(metadata);\n      Object.defineProperty(node, COMPONENT_METADATA_KEY, { value: metadata, writable: false });\n    }\n    // Some component refs change dynamically. E.g. The Modal component where\n    // the content gets rendered conditionally inside a Portal.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef.current]);\n\n  return elementRef;\n}\n"]}

package/lib/internal/template/internal/hooks/use-base-component/index.d.ts

@@ -1,5 +1,4 @@
 import { MutableRefObject } from 'react';
-export declare const COMPONENT_METADATA_KEY = "__awsuiMetadata__";
 export interface InternalBaseComponentProps {
     __internalRootRef?: MutableRefObject<any> | null;
 }

package/lib/internal/template/internal/hooks/use-base-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,OAAO,CAAC;AAI5D,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAClD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM;;EAQtE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAClD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM;;EAItE"}

package/lib/internal/template/internal/hooks/use-base-component/index.js

@@ -1,39 +1,14 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useEffect, useRef } from 'react';
+import { useComponentMetadata } from './component-metadata';
 import { useTelemetry } from '../use-telemetry';
 import { PACKAGE_VERSION } from '../../environment';
-export var COMPONENT_METADATA_KEY = '__awsuiMetadata__';
 /**
  * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
  * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
  * root DOM node and emits the telemetry for this component.
  */
 export default function useBaseComponent(componentName) {
-    var elementRef = useRef(null);
     useTelemetry(componentName);
-    useComponentMetadata(componentName, elementRef);
-    return {
-        __internalRootRef: elementRef
-    };
-}
-function useComponentMetadata(componentName, elementRef) {
-    useEffect(function () {
-        if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {
-            var node = elementRef.current;
-            var metadata = {
-                name: componentName,
-                version: PACKAGE_VERSION
-            };
-            Object.freeze(metadata);
-            Object.defineProperty(node, COMPONENT_METADATA_KEY, {
-                value: metadata,
-                writable: false
-            });
-        }
-        // Some component refs change dynamically. E.g. The Modal component where
-        // the content gets rendered conditionally inside a Portal.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [elementRef.current]);
+    var elementRef = useComponentMetadata(componentName, PACKAGE_VERSION);
+    return { __internalRootRef: elementRef };
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-base-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,IAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAM1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB;IACrE,IAAM,UAAU,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IACnC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5B,oBAAoB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO;QACL,iBAAiB,EAAE,UAAU;KAC9B,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,aAAqB,EAAE,UAAiC;IAUpF,SAAS,CAAC;QACR,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,sBAAsB,CAAC,EAAE;YAC3G,IAAM,IAAI,GAAG,UAAU,CAAC,OAA8B,CAAC;YACvD,IAAM,QAAQ,GAAG;gBACf,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,eAAe;aACzB,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,EAAE;gBAClD,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,KAAK;aAChB,CAAC,CAAC;SACJ;QACD,yEAAyE;QACzE,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject, useEffect, useRef } from 'react';\nimport { useTelemetry } from '../use-telemetry';\nimport { PACKAGE_VERSION } from '../../environment';\n\nexport const COMPONENT_METADATA_KEY = '__awsuiMetadata__';\n\nexport interface InternalBaseComponentProps {\n  __internalRootRef?: MutableRefObject<any> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string) {\n  const elementRef = useRef<T>(null);\n  useTelemetry(componentName);\n  useComponentMetadata(componentName, elementRef);\n\n  return {\n    __internalRootRef: elementRef,\n  };\n}\n\nfunction useComponentMetadata(componentName: string, elementRef: MutableRefObject<any>) {\n  interface AwsUiMetadata {\n    name: string;\n    version: string;\n  }\n\n  interface HTMLMetadataElement extends HTMLElement {\n    [COMPONENT_METADATA_KEY]: AwsUiMetadata;\n  }\n\n  useEffect(() => {\n    if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {\n      const node = elementRef.current as HTMLMetadataElement;\n      const metadata = {\n        name: componentName,\n        version: PACKAGE_VERSION,\n      };\n\n      Object.freeze(metadata);\n      Object.defineProperty(node, COMPONENT_METADATA_KEY, {\n        value: metadata,\n        writable: false,\n      });\n    }\n    // Some component refs change dynamically. E.g. The Modal component where\n    // the content gets rendered conditionally inside a Portal.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef.current]);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB;IACrE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5B,IAAM,UAAU,GAAG,oBAAoB,CAAI,aAAa,EAAE,eAAe,CAAC,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject } from 'react';\nimport { useComponentMetadata } from './component-metadata';\nimport { useTelemetry } from '../use-telemetry';\nimport { PACKAGE_VERSION } from '../../environment';\n\nexport interface InternalBaseComponentProps {\n  __internalRootRef?: MutableRefObject<any> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string) {\n  useTelemetry(componentName);\n  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION);\n  return { __internalRootRef: elementRef };\n}\n"]}

package/lib/internal/template/internal/hooks/use-telemetry/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,QAcjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,QAGjD"}

package/lib/internal/template/internal/hooks/use-telemetry/index.js

@@ -1,21 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useEffect } from 'react';
-import { THEME } from '../../environment';
-import { Metrics } from '../../metrics';
+import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
 import { useVisualRefresh } from '../use-visual-mode';
+import * as telemetry from './telemetry';
 export function useTelemetry(componentName) {
-    var isVisualRefresh = useVisualRefresh();
-    useEffect(function () {
-        Metrics.initMetrics(isVisualRefresh ? 'vr' : THEME);
-        if (typeof window !== 'undefined') {
-            Metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);
-            Metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);
-        }
-        Metrics.logComponentLoaded();
-        Metrics.logComponentUsed(componentName.toLowerCase());
-        // Components do not change the name dynamically. Explicit empty array to prevent accidential double metrics
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    var theme = useVisualRefresh() ? 'vr' : THEME;
+    telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme: theme });
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-telemetry/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,SAAS,CAAC;QACR,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACpD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO,CAAC,cAAc,CAAC,sBAAsB,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,cAAc,CAAC,uBAAuB,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;SAC1E;QACD,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAC7B,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC;QACtD,4GAA4G;QAC5G,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from 'react';\nimport { THEME } from '../../environment';\nimport { Metrics } from '../../metrics';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function useTelemetry(componentName: string) {\n  const isVisualRefresh = useVisualRefresh();\n\n  useEffect(() => {\n    Metrics.initMetrics(isVisualRefresh ? 'vr' : THEME);\n    if (typeof window !== 'undefined') {\n      Metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);\n      Metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);\n    }\n    Metrics.logComponentLoaded();\n    Metrics.logComponentUsed(componentName.toLowerCase());\n    // Components do not change the name dynamically. Explicit empty array to prevent accidential double metrics\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,IAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;AACnH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport * as telemetry from './telemetry';\n\nexport function useTelemetry(componentName: string) {\n  const theme = useVisualRefresh() ? 'vr' : THEME;\n  telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme });\n}\n"]}

package/lib/internal/template/internal/hooks/use-telemetry/telemetry.d.ts

@@ -0,0 +1,8 @@
+interface Settings {
+    packageSource: string;
+    packageVersion: string;
+    theme: string;
+}
+export declare function useTelemetry(componentName: string, { packageSource, packageVersion, theme }: Settings): void;
+export {};
+//# sourceMappingURL=telemetry.d.ts.map

package/lib/internal/template/internal/hooks/use-telemetry/telemetry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/telemetry.ts"],"names":[],"mappings":"AAQA,UAAU,QAAQ;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,QAcrG"}

package/lib/internal/template/internal/hooks/use-telemetry/telemetry.js

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect } from 'react';
+import { Metrics } from '../../metrics/metrics';
+export function useTelemetry(componentName, _a) {
+    var packageSource = _a.packageSource, packageVersion = _a.packageVersion, theme = _a.theme;
+    useEffect(function () {
+        var metrics = new Metrics(packageSource, packageVersion);
+        metrics.initMetrics(theme);
+        if (typeof window !== 'undefined') {
+            metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);
+            metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);
+        }
+        metrics.logComponentLoaded();
+        metrics.logComponentUsed(componentName.toLowerCase());
+        // Components do not change the name dynamically. Explicit empty array to prevent accidental double metrics
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+}
+//# sourceMappingURL=telemetry.js.map

package/lib/internal/template/internal/hooks/use-telemetry/telemetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/telemetry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAUhD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,EAAkD;QAAhD,aAAa,mBAAA,EAAE,cAAc,oBAAA,EAAE,KAAK,WAAA;IACxF,SAAS,CAAC;QACR,IAAM,OAAO,GAAG,IAAI,OAAO,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAE3D,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO,CAAC,cAAc,CAAC,sBAAsB,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,cAAc,CAAC,uBAAuB,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;SAC1E;QACD,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAC7B,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC;QACtD,2GAA2G;QAC3G,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\nimport { Metrics } from '../../metrics/metrics';\n\n// TODO: move to component-toolkit/internal/base-component\n\ninterface Settings {\n  packageSource: string;\n  packageVersion: string;\n  theme: string;\n}\n\nexport function useTelemetry(componentName: string, { packageSource, packageVersion, theme }: Settings) {\n  useEffect(() => {\n    const metrics = new Metrics(packageSource, packageVersion);\n\n    metrics.initMetrics(theme);\n    if (typeof window !== 'undefined') {\n      metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);\n      metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);\n    }\n    metrics.logComponentLoaded();\n    metrics.logComponentUsed(componentName.toLowerCase());\n    // Components do not change the name dynamically. Explicit empty array to prevent accidental double metrics\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n"]}

package/lib/internal/template/internal/metrics/index.d.ts

@@ -0,0 +1,3 @@
+export { Metrics, MetricsTestHelper } from './metrics';
+export { formatMajorVersionForMetricDetail, formatVersionForMetricName } from './metrics-formatters';
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/metrics/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/metrics/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/internal/template/internal/metrics/index.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export { Metrics, MetricsTestHelper } from './metrics';
+export { formatMajorVersionForMetricDetail, formatVersionForMetricName } from './metrics-formatters';
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/metrics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/metrics/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport { Metrics, MetricsTestHelper } from './metrics';\nexport { formatMajorVersionForMetricDetail, formatVersionForMetricName } from './metrics-formatters';\n"]}

package/lib/internal/template/internal/metrics/log-clients.d.ts

@@ -0,0 +1,39 @@
+export interface AWSC {
+    Clog: any;
+}
+export interface MetricsWindow extends Window {
+    AWSC?: AWSC;
+    panorama?: any;
+}
+export interface MetricsV2EventItem {
+    eventType?: string;
+    eventContext?: string;
+    eventDetail?: string | Record<string, string | number | boolean>;
+    eventValue?: string | Record<string, string | number | boolean>;
+}
+export interface MetricsLogItem {
+    source: string;
+    action: string;
+    version: string;
+}
+/**
+ * Console Platform's client logging JS API client.
+ */
+export declare class CLogClient {
+    /**
+     * Sends metric but only if Console Platform client logging JS API is present in the page.
+     */
+    sendMetric(metricName: string, value: number, detail?: string): void;
+    private findAWSC;
+}
+/**
+ * Console Platform's client v2 logging JS API client.
+ */
+export declare class PanoramaClient {
+    /**
+     * Sends metric but only if Console Platform client v2 logging JS API is present in the page.
+     */
+    sendMetric(metric: MetricsV2EventItem): void;
+    private findPanorama;
+}
+//# sourceMappingURL=log-clients.d.ts.map

package/lib/internal/template/internal/metrics/log-clients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-clients.d.ts","sourceRoot":"","sources":["../../../../src/internal/metrics/log-clients.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,GAAG,CAAC;CACX;AAED,MAAM,WAAW,aAAc,SAAQ,MAAM;IAC3C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,UAAU;IACrB;;OAEG;IACH,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAepE,OAAO,CAAC,QAAQ;CAiBjB;AAED;;GAEG;AACH,qBAAa,cAAc;IACzB;;OAEG;IACH,UAAU,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IAiB5C,OAAO,CAAC,YAAY;CAiBrB"}

package/lib/internal/template/internal/metrics/log-clients.js

@@ -0,0 +1,90 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { __assign } from "tslib";
+/**
+ * Console Platform's client logging JS API client.
+ */
+var CLogClient = /** @class */ (function () {
+    function CLogClient() {
+    }
+    /**
+     * Sends metric but only if Console Platform client logging JS API is present in the page.
+     */
+    CLogClient.prototype.sendMetric = function (metricName, value, detail) {
+        if (!metricName || !/^[a-zA-Z0-9_-]{1,32}$/.test(metricName)) {
+            console.error("Invalid metric name: ".concat(metricName));
+            return;
+        }
+        if (detail && detail.length > 200) {
+            console.error("Detail for metric ".concat(metricName, " is too long: ").concat(detail));
+            return;
+        }
+        var AWSC = this.findAWSC(window);
+        if (typeof AWSC === 'object' && typeof AWSC.Clog === 'object' && typeof AWSC.Clog.log === 'function') {
+            AWSC.Clog.log(metricName, value, detail);
+        }
+    };
+    CLogClient.prototype.findAWSC = function (currentWindow) {
+        try {
+            if (typeof (currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.AWSC) === 'object') {
+                return currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.AWSC;
+            }
+            if (!currentWindow || currentWindow.parent === currentWindow) {
+                // When the window has no more parents, it references itself
+                return undefined;
+            }
+            return this.findAWSC(currentWindow.parent);
+        }
+        catch (ex) {
+            // Most likely a cross-origin access error
+            return undefined;
+        }
+    };
+    return CLogClient;
+}());
+export { CLogClient };
+/**
+ * Console Platform's client v2 logging JS API client.
+ */
+var PanoramaClient = /** @class */ (function () {
+    function PanoramaClient() {
+    }
+    /**
+     * Sends metric but only if Console Platform client v2 logging JS API is present in the page.
+     */
+    PanoramaClient.prototype.sendMetric = function (metric) {
+        if (typeof metric.eventDetail === 'object') {
+            metric.eventDetail = JSON.stringify(metric.eventDetail);
+        }
+        if (metric.eventDetail && metric.eventDetail.length > 200) {
+            console.error("Detail for metric is too long: ".concat(metric.eventDetail));
+            return;
+        }
+        if (typeof metric.eventValue === 'object') {
+            metric.eventValue = JSON.stringify(metric.eventValue);
+        }
+        var panorama = this.findPanorama(window);
+        if (typeof panorama === 'function') {
+            panorama('trackCustomEvent', __assign(__assign({}, metric), { timestamp: Date.now() }));
+        }
+    };
+    PanoramaClient.prototype.findPanorama = function (currentWindow) {
+        try {
+            if (typeof (currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.panorama) === 'function') {
+                return currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.panorama;
+            }
+            if (!currentWindow || currentWindow.parent === currentWindow) {
+                // When the window has no more parents, it references itself
+                return undefined;
+            }
+            return this.findPanorama(currentWindow.parent);
+        }
+        catch (ex) {
+            // Most likely a cross-origin access error
+            return undefined;
+        }
+    };
+    return PanoramaClient;
+}());
+export { PanoramaClient };
+//# sourceMappingURL=log-clients.js.map