@ebertjendustries/cswrapper 1.0.10 → 1.0.13

package/dist/{index.mjs → index.cjs}

@@ -1,5 +1,115 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CSAlert: () => CSAlert,
+  CSBox: () => CSBox,
+  CSButton: () => CSButton,
+  CSCheckbox: () => CSCheckbox,
+  CSCopyToClipboard: () => CSCopyToClipboard,
+  CSDatePicker: () => CSDatePicker,
+  CSEnumMultiselect: () => CSEnumMultiselect,
+  CSEnumSegmentedControl: () => CSEnumSegmentedControl,
+  CSEnumSelect: () => CSEnumSelect,
+  CSEnumTiles: () => CSEnumTiles,
+  CSExternalLink: () => CSExternalLink,
+  CSFormField: () => CSFormField,
+  CSHeader: () => CSHeader,
+  CSInput: () => CSInput,
+  CSLink: () => CSLink,
+  CSMultiselect: () => CSMultiselect,
+  CSNumericInput: () => CSNumericInput,
+  CSSegmentedControl: () => CSSegmentedControl,
+  CSSelect: () => CSSelect,
+  CSStatusIndicator: () => CSStatusIndicator,
+  CSTextContent: () => CSTextContent,
+  CSTextarea: () => CSTextarea,
+  CSTimeInput: () => CSTimeInput,
+  CSToggle: () => CSToggle,
+  CSVEnumRatingView: () => CSVEnumRatingView,
+  CSVNoItemsView: () => CSVNoItemsView,
+  CSVPriceInputView: () => CSVPriceInputView,
+  CSVSearchFilterView: () => CSVSearchFilterView,
+  CSVTextPromptModalView: () => CSVTextPromptModalView,
+  CSV_ENUM_RATING_VIEW_SPEC: () => CSV_ENUM_RATING_VIEW_SPEC,
+  CSV_NO_ITEMS_VIEW_SPEC: () => CSV_NO_ITEMS_VIEW_SPEC,
+  CSV_PRICE_INPUT_VIEW_SPEC: () => CSV_PRICE_INPUT_VIEW_SPEC,
+  CSV_SEARCH_FILTER_VIEW_SPEC: () => CSV_SEARCH_FILTER_VIEW_SPEC,
+  CSV_TEXT_PROMPT_MODAL_VIEW_SPEC: () => CSV_TEXT_PROMPT_MODAL_VIEW_SPEC,
+  ChildUtils: () => ChildUtils,
+  ControllerState: () => ControllerState,
+  DateUtils: () => DateUtils,
+  ELEMENT_VALIDITY_LEVEL_FACTORY: () => ELEMENT_VALIDITY_LEVEL_FACTORY,
+  ElementValidityLevel: () => ElementValidityLevel,
+  EnumFactory: () => EnumFactory,
+  FORM_FIELD_ID_SUFFIX: () => FORM_FIELD_ID_SUFFIX,
+  FieldProperties: () => FieldProperties,
+  FieldSpec: () => FieldSpec,
+  FixedWidth: () => FixedWidth,
+  FromPropsHelper: () => FromPropsHelper,
+  LocalStorageService: () => LocalStorageService,
+  LocalisationNamespace: () => LocalisationNamespace,
+  Localiser: () => Localiser,
+  Log: () => Log,
+  MESSAGE_SEVERITY_FACTORY: () => MESSAGE_SEVERITY_FACTORY,
+  MessageCTO: () => MessageCTO,
+  MessageCodeTO: () => MessageCodeTO,
+  MessageService: () => MessageService,
+  MessageSeverity: () => MessageSeverity,
+  NO_HTTP_CODE: () => NO_HTTP_CODE,
+  NSK_CONTENT: () => NSK_CONTENT,
+  ObjectWithId: () => ObjectWithId,
+  PriceUtils: () => PriceUtils,
+  QUERY_SEP: () => QUERY_SEP,
+  QUERY_START: () => QUERY_START,
+  QueryParamHelper: () => QueryParamHelper,
+  REST_CLIENT_LOGGER: () => REST_CLIENT_LOGGER,
+  RestClient: () => RestClient,
+  RunFunctionResult: () => RunFunctionResult,
+  SelectHelper: () => SelectHelper,
+  TECHNICAL_CONTROLLER_ID: () => TECHNICAL_CONTROLLER_ID,
+  ViewSpec: () => ViewSpec,
+  createRestClient: () => createRestClient,
+  fatalRunErrorFunction: () => fatalRunErrorFunction,
+  filterArrayByIndices: () => filterArrayByIndices,
+  getEnumRatingLabel: () => getEnumRatingLabel,
+  getEnumRatingValues: () => getEnumRatingValues,
+  indexRangeArray: () => indexRangeArray,
+  isContentWithMessages: () => isContentWithMessages,
+  openInNewTab: () => openInNewTab,
+  singleChangeHandlerToMulti: () => singleChangeHandlerToMulti,
+  sleep: () => sleep,
+  sortArrayByIndices: () => sortArrayByIndices,
+  useAWSUIRef: () => useAWSUIRef,
+  useControllerDisplayState: () => useControllerDisplayState,
+  useHotkey: () => useHotkey,
+  useMessages: () => useMessages,
+  useTOArrayChangeHandler: () => useTOArrayChangeHandler,
+  useTOChangeHandler: () => useTOChangeHandler,
+  warnWhenTabIsClosed: () => warnWhenTabIsClosed
+});
+module.exports = __toCommonJS(index_exports);
+
 // src/components/CSAlert.tsx
-import { Alert } from "@cloudscape-design/components";
+var import_components2 = require("@cloudscape-design/components");
 
 // src/types/CSFormProps.ts
 var FromPropsHelper = class {
@@ -29,8 +139,13 @@ FromPropsHelper.sanitizeValueToString = (value) => {
 };
 
 // src/components/CSFormField.tsx
-import { FormField } from "@cloudscape-design/components";
-import { jsx } from "react/jsx-runtime";
+var import_components = require("@cloudscape-design/components");
+var import_jsx_runtime = (
+  // IMPORTANT: Order of props determines which one "wins". You can override Elements that are present in the
+  // localisation texts via the additional props. For instance, you can pass in
+  // non-static localisations that require variable values dynamically.
+  require("react/jsx-runtime")
+);
 var FORM_FIELD_ID_SUFFIX = "_FORM_FIELD";
 function CSFormField(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -38,31 +153,26 @@ function CSFormField(props) {
   if (!FromPropsHelper.usesFormField(props)) {
     return props.children;
   }
-  return (
-    // IMPORTANT: Order of props determines which one "wins". You can override Elements that are present in the
-    // localisation texts via the additional props. For instance, you can pass in
-    // non-static localisations that require variable values dynamically.
-    /* @__PURE__ */ jsx(FormField, { "data-testid": formFieldId, ...localisationObject == null ? void 0 : localisationObject.formField, ...props.formField, children: props.children })
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FormField, { "data-testid": formFieldId, ...localisationObject == null ? void 0 : localisationObject.formField, ...props.formField, children: props.children });
 }
 
 // src/components/ChildUtils.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ChildUtils = class {
 };
 ChildUtils.getChildren = (props, localisationObject) => {
   var _a, _b;
   const childrenRaw = (_a = props.children) != null ? _a : localisationObject == null ? void 0 : localisationObject.children;
   const children = props.childrenWrapper ? props.childrenWrapper(childrenRaw) : childrenRaw;
-  let finalChildren = props.preventOverflow ? /* @__PURE__ */ jsx2("div", { style: {
+  let finalChildren = props.preventOverflow ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
     whiteSpace: "nowrap",
     overflow: "hidden",
     textOverflow: "ellipsis"
   }, children }) : children;
   let formFieldProps = (_b = props.formField) != null ? _b : localisationObject == null ? void 0 : localisationObject.formField;
   if (props.inlineLabel && FromPropsHelper.usesFormField(props)) {
-    finalChildren = /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "nowrap" }, children: [
-      /* @__PURE__ */ jsx2("div", { style: {
+    finalChildren = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexWrap: "nowrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
         flex: "none",
         fontWeight: "bold",
         paddingRight: "5px"
@@ -75,12 +185,12 @@ ChildUtils.getChildren = (props, localisationObject) => {
 };
 
 // src/components/CSAlert.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function CSAlert(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx3(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx3(
-    Alert,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_components2.Alert,
     {
       "data-testid": uniqueId,
       ...props,
@@ -91,13 +201,13 @@ function CSAlert(props) {
 }
 
 // src/components/CSBox.tsx
-import { Box } from "@cloudscape-design/components";
-import { jsx as jsx4 } from "react/jsx-runtime";
+var import_components3 = require("@cloudscape-design/components");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function CSBox(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx4(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx4(
-    Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_components3.Box,
     {
       "data-testid": uniqueId,
       ...props,
@@ -108,13 +218,13 @@ function CSBox(props) {
 }
 
 // src/components/CSButton.tsx
-import { Button } from "@cloudscape-design/components";
-import { jsx as jsx5 } from "react/jsx-runtime";
+var import_components4 = require("@cloudscape-design/components");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function CSButton(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx5(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx5(
-    Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_components4.Button,
     {
       "data-testid": uniqueId,
       ...props,
@@ -125,13 +235,13 @@ function CSButton(props) {
 }
 
 // src/components/CSCheckbox.tsx
-import { Checkbox } from "@cloudscape-design/components";
-import { jsx as jsx6 } from "react/jsx-runtime";
+var import_components5 = require("@cloudscape-design/components");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function CSCheckbox(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx6(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx6(
-    Checkbox,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_components5.Checkbox,
     {
       "data-testid": uniqueId,
       name: uniqueId,
@@ -145,15 +255,15 @@ function CSCheckbox(props) {
 }
 
 // src/components/CSDatePicker.tsx
-import { DatePicker } from "@cloudscape-design/components";
-import { jsx as jsx7 } from "react/jsx-runtime";
+var import_components6 = require("@cloudscape-design/components");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function CSDatePicker(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const sanitizeValue = () => {
     return new Date(FromPropsHelper.sanitizeValueToString(props.value)).toISOString().split("T")[0];
   };
-  return /* @__PURE__ */ jsx7(CSFormField, { ...props, children: /* @__PURE__ */ jsx7(
-    DatePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CSFormField, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_components6.DatePicker,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -166,8 +276,8 @@ function CSDatePicker(props) {
 }
 
 // src/components/CSMultiselect.tsx
-import { Multiselect } from "@cloudscape-design/components";
-import { jsx as jsx8 } from "react/jsx-runtime";
+var import_components7 = require("@cloudscape-design/components");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function CSMultiselect(props) {
   var _a, _b;
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -184,8 +294,8 @@ function CSMultiselect(props) {
     }
   };
   const hideTokens = (_a = props.hideTokens) != null ? _a : props.tokenLimit !== void 0 && props.tokenLimit === 0;
-  return /* @__PURE__ */ jsx8(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx8(
-    Multiselect,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_components7.Multiselect,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -284,9 +394,9 @@ _SelectHelper.getSelectedEnumOptions = (options, selectedEnums) => {
 var SelectHelper = _SelectHelper;
 
 // src/components/CSEnumMultiselect.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function CSEnumMultiselect(props) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     CSMultiselect,
     {
       ...SelectHelper.multiSelectEnums(props.factory, props.selectedEnums, props.localiser),
@@ -296,13 +406,13 @@ function CSEnumMultiselect(props) {
 }
 
 // src/components/CSSegmentedControl.tsx
-import { SegmentedControl } from "@cloudscape-design/components";
-import { jsx as jsx10 } from "react/jsx-runtime";
+var import_components8 = require("@cloudscape-design/components");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function CSSegmentedControl(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx10(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx10(
-    SegmentedControl,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_components8.SegmentedControl,
     {
       "data-testid": uniqueId,
       onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.selectedId),
@@ -313,13 +423,13 @@ function CSSegmentedControl(props) {
 }
 
 // src/components/CSEnumSegmentedControl.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function CSEnumSegmentedControl(props) {
   const options = props.factory.values.filter((e) => props.exclude === void 0 || !props.exclude.includes(e)).map((e) => ({
     text: props.localiser.getEnumLabel(props.factory, e),
     id: e.toString()
   }));
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     CSSegmentedControl,
     {
       selectedId: props.selectedEnum === void 0 ? null : props.selectedEnum.toString(),
@@ -331,13 +441,13 @@ function CSEnumSegmentedControl(props) {
 }
 
 // src/components/CSSelect.tsx
-import { Select } from "@cloudscape-design/components";
-import { jsx as jsx12 } from "react/jsx-runtime";
+var import_components9 = require("@cloudscape-design/components");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function CSSelect(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx12(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx12(
-    Select,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_components9.Select,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -349,9 +459,9 @@ function CSSelect(props) {
 }
 
 // src/components/CSEnumSelect.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function CSEnumSelect(props) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     CSSelect,
     {
       ...SelectHelper.singleSelectEnum(props.factory, props.selectedEnum, props.localiser, props.exclude),
@@ -361,8 +471,8 @@ function CSEnumSelect(props) {
 }
 
 // src/components/CSEnumTiles.tsx
-import { Tiles } from "@cloudscape-design/components";
-import { jsx as jsx14 } from "react/jsx-runtime";
+var import_components10 = require("@cloudscape-design/components");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function CSEnumTiles(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const items = props.factory.values.filter((enumInstance) => props.exclude === void 0 || !props.exclude.includes(enumInstance)).map((enumInstance) => {
@@ -373,8 +483,8 @@ function CSEnumTiles(props) {
       description: enumTranslation.description
     };
   });
-  return /* @__PURE__ */ jsx14(
-    Tiles,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_components10.Tiles,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -389,7 +499,7 @@ function CSEnumTiles(props) {
 }
 
 // src/components/CSLink.tsx
-import { Link } from "@cloudscape-design/components";
+var import_components11 = require("@cloudscape-design/components");
 
 // src/utils/BrowserUtils.ts
 var openInNewTab = (link) => {
@@ -411,12 +521,12 @@ var warnWhenTabIsClosed = (isDirty) => {
 };
 
 // src/components/CSLink.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function CSLink(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx15(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx15(
-    Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_components11.Link,
     {
       "data-testid": uniqueId,
       ...props,
@@ -426,17 +536,17 @@ function CSLink(props) {
   ) });
 }
 function CSExternalLink(props) {
-  return /* @__PURE__ */ jsx15(CSLink, { ...props, external: true, onFollow: (detail) => detail.preventDefault(), children: /* @__PURE__ */ jsx15("span", { onClick: () => openInNewTab(props.link), children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CSLink, { ...props, external: true, onFollow: (detail) => detail.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { onClick: () => openInNewTab(props.link), children: props.children }) });
 }
 
 // src/components/CSHeader.tsx
-import { Header } from "@cloudscape-design/components";
-import { jsx as jsx16 } from "react/jsx-runtime";
+var import_components12 = require("@cloudscape-design/components");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CSHeader(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx16(
-    Header,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_components12.Header,
     {
       "data-testid": uniqueId,
       ...props,
@@ -447,15 +557,15 @@ function CSHeader(props) {
 }
 
 // src/components/CSInput.tsx
-import { Input } from "@cloudscape-design/components";
-import { jsx as jsx17 } from "react/jsx-runtime";
+var import_components13 = require("@cloudscape-design/components");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CSInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { formProps } = ChildUtils.getChildren(props, localisationObject);
   const sanitizedValue = FromPropsHelper.sanitizeValueToString(props.value);
   const errorText = FromPropsHelper.getLocalisedErrorText(props, sanitizedValue, props.localiser.getFieldValidityLocalisationFunction());
-  return /* @__PURE__ */ jsx17(CSFormField, { ...props, formField: { ...formProps, errorText }, children: /* @__PURE__ */ jsx17(
-    Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CSFormField, { ...props, formField: { ...formProps, errorText }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_components13.Input,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -468,8 +578,8 @@ function CSInput(props) {
 }
 
 // src/components/CSNumericInput.tsx
-import { Input as Input2 } from "@cloudscape-design/components";
-import { jsx as jsx18 } from "react/jsx-runtime";
+var import_components14 = require("@cloudscape-design/components");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CSNumericInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { formProps } = ChildUtils.getChildren(props, localisationObject);
@@ -481,8 +591,8 @@ function CSNumericInput(props) {
   };
   const sanitizedValue = sanitizeValue();
   const errorText = FromPropsHelper.getLocalisedErrorText(props, sanitizedValue, props.localiser.getFieldValidityLocalisationFunction());
-  return /* @__PURE__ */ jsx18(CSFormField, { ...formProps, formField: { ...props.formField, errorText }, children: /* @__PURE__ */ jsx18(
-    Input2,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CSFormField, { ...formProps, formField: { ...props.formField, errorText }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_components14.Input,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -499,13 +609,13 @@ function CSNumericInput(props) {
 }
 
 // src/components/CSStatusIndicator.tsx
-import { StatusIndicator } from "@cloudscape-design/components";
-import { jsx as jsx19 } from "react/jsx-runtime";
+var import_components15 = require("@cloudscape-design/components");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function CSStatusIndicator(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx19(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx19(
-    StatusIndicator,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_components15.StatusIndicator,
     {
       "data-testid": uniqueId,
       ...props,
@@ -516,13 +626,13 @@ function CSStatusIndicator(props) {
 }
 
 // src/components/CSTextContent.tsx
-import { TextContent } from "@cloudscape-design/components";
-import { jsx as jsx20 } from "react/jsx-runtime";
+var import_components16 = require("@cloudscape-design/components");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function CSTextContent(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx20(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx20(
-    TextContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_components16.TextContent,
     {
       "data-testid": uniqueId,
       ...props,
@@ -533,15 +643,15 @@ function CSTextContent(props) {
 }
 
 // src/components/CSTextarea.tsx
-import { Textarea } from "@cloudscape-design/components";
-import { jsx as jsx21 } from "react/jsx-runtime";
+var import_components17 = require("@cloudscape-design/components");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function CSTextarea(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { formProps } = ChildUtils.getChildren(props, localisationObject);
   const sanitizedValue = FromPropsHelper.sanitizeValueToString(props.value);
   const errorText = FromPropsHelper.getLocalisedErrorText(props, sanitizedValue, props.localiser.getFieldValidityLocalisationFunction());
-  return /* @__PURE__ */ jsx21(CSFormField, { ...props, formField: { ...formProps, errorText }, children: /* @__PURE__ */ jsx21(
-    Textarea,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CSFormField, { ...props, formField: { ...formProps, errorText }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_components17.Textarea,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -554,14 +664,14 @@ function CSTextarea(props) {
 }
 
 // src/components/CSTimeInput.tsx
-import { TimeInput } from "@cloudscape-design/components";
-import { jsx as jsx22 } from "react/jsx-runtime";
+var import_components18 = require("@cloudscape-design/components");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function CSTimeInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { formProps } = ChildUtils.getChildren(props, localisationObject);
   const defaultFormat = "hh:mm";
-  return /* @__PURE__ */ jsx22(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx22(
-    TimeInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_components18.TimeInput,
     {
       "data-testid": uniqueId,
       autoFocus: props.autoFocus,
@@ -575,13 +685,13 @@ function CSTimeInput(props) {
 }
 
 // src/components/CSToggle.tsx
-import { Toggle } from "@cloudscape-design/components";
-import { jsx as jsx23 } from "react/jsx-runtime";
+var import_components19 = require("@cloudscape-design/components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function CSToggle(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ jsx23(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx23(
-    Toggle,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_components19.Toggle,
     {
       "data-testid": uniqueId,
       name: uniqueId,
@@ -594,9 +704,25 @@ function CSToggle(props) {
   ) });
 }
 
+// src/components/CSCopyToClipboard.tsx
+var import_components20 = require("@cloudscape-design/components");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function CSCopyToClipboard(props) {
+  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
+  const { formProps } = ChildUtils.getChildren(props, localisationObject);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_components20.CopyToClipboard,
+    {
+      "data-testid": uniqueId,
+      ...props,
+      ...localisationObject
+    }
+  ) });
+}
+
 // src/views/CSVEnumRatingView.tsx
-import { Rating } from "@smastrom/react-rating";
-import { useEffect, useState } from "react";
+var import_react_rating = require("@smastrom/react-rating");
+var import_react = require("react");
 
 // src/utils/EnumFactory.ts
 var EnumFactory = class {
@@ -750,6 +876,9 @@ var ViewElementSpec = class {
     }
     return this.keyHierarchy;
   }
+  log(prefix) {
+    LOGGER.info(`${prefix === void 0 ? "" : prefix}<${this.getDataTestId()}> = ${this.getLocalisationKey()}`);
+  }
 };
 var FieldSpec = class _FieldSpec extends ViewElementSpec {
   constructor(key, required, maxLength, minValue, maxValue, customFieldValidator, instanceId) {
@@ -855,10 +984,18 @@ var ViewSpec = class _ViewSpec extends ViewElementSpec {
   getValueValidityLevel(value) {
     return this.viewValidator(this, value);
   }
+  logViewSpec() {
+    this.log("VIEW :::: ");
+    for (const element of Object.values(this.elements)) {
+      if (element instanceof ViewElementSpec) {
+        element.log("	FIELD :::: ");
+      }
+    }
+  }
 };
 
 // src/views/CSVEnumRatingView.tsx
-import { jsx as jsx24, jsxs as jsxs2 } from "react/jsx-runtime";
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var CSV_ENUM_RATING_VIEW_SPEC = (parent, key, instanceId) => ViewSpec.create(key, parent.ns, (spec) => ({
   rating: spec.addField(new FieldSpec("rating")),
   boxRatingName: spec.addField(new FieldSpec("boxRatingName"))
@@ -872,7 +1009,7 @@ function getEnumRatingLabel(enumInstance, instanceId) {
 function CSVEnumRatingView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  const [hoveredValue, setHoveredValue] = useState(props.selectedEnum);
+  const [hoveredValue, setHoveredValue] = (0, import_react.useState)(props.selectedEnum);
   const valuesInOrder = getEnumRatingValues(props.factory, props.toOrderNumber);
   const onHover = (hoveredIndex) => {
     if (hoveredIndex === 0) {
@@ -882,12 +1019,12 @@ function CSVEnumRatingView(props) {
     }
   };
   const itemCount = Math.max(1, Math.min(valuesInOrder.length - 1, 10));
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     setHoveredValue(props.selectedEnum);
   }, [props.selectedEnum]);
-  return /* @__PURE__ */ jsxs2(CSFormField, { fieldSpec: elements.rating, localiser: props.localiser, children: [
-    /* @__PURE__ */ jsx24(
-      Rating,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(CSFormField, { fieldSpec: elements.rating, localiser: props.localiser, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_react_rating.Rating,
       {
         "data-testid": elements.rating.getDataTestId(),
         isDisabled: props.disabled,
@@ -899,7 +1036,7 @@ function CSVEnumRatingView(props) {
         invisibleItemLabels: valuesInOrder.slice(1).map((e) => getEnumRatingLabel(e, spec.instanceId))
       }
     ),
-    /* @__PURE__ */ jsx24("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       CSBox,
       {
         fieldSpec: elements.boxRatingName,
@@ -912,8 +1049,8 @@ function CSVEnumRatingView(props) {
 }
 
 // src/views/CSVNoItemsView.tsx
-import { Box as Box2, SpaceBetween } from "@cloudscape-design/components";
-import { jsx as jsx25, jsxs as jsxs3 } from "react/jsx-runtime";
+var import_components21 = require("@cloudscape-design/components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec) => ({
   boxHeading: spec.addField(new FieldSpec("boxHeading")),
   boxBody: spec.addField(new FieldSpec("boxBody"))
@@ -921,8 +1058,8 @@ var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec
 function CSVNoItemsView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  return /* @__PURE__ */ jsx25("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ jsx25(Box2, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ jsxs3(SpaceBetween, { size: "xxs", direction: "vertical", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_components21.Box, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_components21.SpaceBetween, { size: "xxs", direction: "vertical", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CSBox,
       {
         fieldSpec: elements.boxHeading,
@@ -933,7 +1070,7 @@ function CSVNoItemsView(props) {
         children: props.headingText
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CSBox,
       {
         fieldSpec: elements.boxBody,
@@ -950,7 +1087,7 @@ function CSVNoItemsView(props) {
 }
 
 // src/views/CSVPriceInputView.tsx
-import { Grid } from "@cloudscape-design/components";
+var import_components22 = require("@cloudscape-design/components");
 
 // src/utils/PriceUtils.ts
 var LOGGER2 = new Log("PriceUtils");
@@ -1013,7 +1150,7 @@ _PriceUtils.parseFormattedPriceWithCurrency = (locale, formattedPrice, currencyS
 var PriceUtils = _PriceUtils;
 
 // src/views/CSVPriceInputView.tsx
-import { jsx as jsx26, jsxs as jsxs4 } from "react/jsx-runtime";
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var CSV_PRICE_INPUT_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   inputPrice: spec.addField(new FieldSpec("inputPrice", true, void 0, 0)),
   selectCurrency: spec.addField(new FieldSpec("currency", true)),
@@ -1024,13 +1161,13 @@ function CSVPriceInputView(props) {
   const { elements } = spec;
   const priceInCents = props.value ? props.value.priceInCents : 0;
   const currency = props.value ? props.value.currency : props.defaultCurrency;
-  return /* @__PURE__ */ jsxs4(
-    Grid,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    import_components22.Grid,
     {
       gridDefinition: [{ colspan: 4 }, { colspan: { default: 4, xxs: 3 } }, { colspan: { default: 4, xxs: 5 } }],
       disableGutters: true,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           CSNumericInput,
           {
             fieldSpec: elements.inputPrice,
@@ -1044,7 +1181,7 @@ function CSVPriceInputView(props) {
             })
           }
         ),
-        /* @__PURE__ */ jsx26("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           CSEnumSelect,
           {
             fieldSpec: elements.selectCurrency,
@@ -1059,7 +1196,7 @@ function CSVPriceInputView(props) {
             expandToViewport: props.expandToViewport
           }
         ) }),
-        /* @__PURE__ */ jsx26("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           CSBox,
           {
             fieldSpec: elements.boxPriceDisplay,
@@ -1076,8 +1213,8 @@ function CSVPriceInputView(props) {
 }
 
 // src/views/CSVSearchFilterView.tsx
-import { SpaceBetween as SpaceBetween2 } from "@cloudscape-design/components";
-import { jsx as jsx27, jsxs as jsxs5 } from "react/jsx-runtime";
+var import_components23 = require("@cloudscape-design/components");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var CSV_SEARCH_FILTER_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   inputSearch: spec.addField(new FieldSpec("inputSearch")),
   buttonSearch: spec.addField(new FieldSpec("buttonSearch"))
@@ -1085,8 +1222,8 @@ var CSV_SEARCH_FILTER_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.n
 function CSVSearchFilterView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  return /* @__PURE__ */ jsxs5(SpaceBetween2, { size: "s", direction: "horizontal", children: [
-    /* @__PURE__ */ jsx27("div", { style: { minWidth: "320px" }, children: props.inputSearch === void 0 || typeof props.inputSearch === "string" ? /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_components23.SpaceBetween, { size: "s", direction: "horizontal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style: { minWidth: "320px" }, children: props.inputSearch === void 0 || typeof props.inputSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       CSInput,
       {
         fieldSpec: elements.inputSearch,
@@ -1098,7 +1235,7 @@ function CSVSearchFilterView(props) {
         type: "search"
       }
     ) : props.inputSearch }),
-    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ jsx27(
+    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       CSButton,
       {
         fieldSpec: elements.buttonSearch,
@@ -1116,8 +1253,8 @@ function CSVSearchFilterView(props) {
 }
 
 // src/views/CSVTextPromptModalView.tsx
-import { Box as Box3, Modal, SpaceBetween as SpaceBetween3 } from "@cloudscape-design/components";
-import { Fragment, jsx as jsx28, jsxs as jsxs6 } from "react/jsx-runtime";
+var import_components24 = require("@cloudscape-design/components");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   headerHeading: spec.addField(new FieldSpec("headerHeading")),
   boxBodyText: spec.addField(new FieldSpec("boxBodyText")),
@@ -1127,7 +1264,7 @@ var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, pare
 function CSVTextPromptModalView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  const secondaryAction = props.onSecondaryAction ? props.buttonSecondary === void 0 || typeof props.buttonSecondary === "string" ? /* @__PURE__ */ jsx28(
+  const secondaryAction = props.onSecondaryAction ? props.buttonSecondary === void 0 || typeof props.buttonSecondary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     CSButton,
     {
       fieldSpec: elements.buttonSecondary,
@@ -1136,14 +1273,14 @@ function CSVTextPromptModalView(props) {
       onClick: props.onSecondaryAction,
       children: props.buttonSecondary
     }
-  ) : props.buttonSecondary : /* @__PURE__ */ jsx28(Fragment, {});
-  return /* @__PURE__ */ jsx28(
-    Modal,
+  ) : props.buttonSecondary : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_components24.Modal,
     {
       "data-testid": props.viewSpec.getDataTestId(),
       onDismiss: props.onDismiss,
       visible: props.visible,
-      header: props.headerHeading === void 0 || typeof props.headerHeading === "string" ? /* @__PURE__ */ jsx28(
+      header: props.headerHeading === void 0 || typeof props.headerHeading === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         CSHeader,
         {
           fieldSpec: elements.headerHeading,
@@ -1151,8 +1288,8 @@ function CSVTextPromptModalView(props) {
           children: props.headerHeading
         }
       ) : props.headerHeading,
-      footer: /* @__PURE__ */ jsx28(Box3, { float: "right", children: /* @__PURE__ */ jsxs6(SpaceBetween3, { direction: "horizontal", size: "l", children: [
-        props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ jsx28(
+      footer: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components24.Box, { float: "right", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_components24.SpaceBetween, { direction: "horizontal", size: "l", children: [
+        props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           CSButton,
           {
             fieldSpec: elements.buttonPrimary,
@@ -1164,7 +1301,7 @@ function CSVTextPromptModalView(props) {
         ) : props.buttonPrimary,
         secondaryAction
       ] }) }),
-      children: props.boxBodyText === void 0 || typeof props.boxBodyText === "string" ? /* @__PURE__ */ jsx28(CSBox, { fieldSpec: elements.boxBodyText, localiser: props.localiser, children: props.boxBodyText }) : props.boxBodyText
+      children: props.boxBodyText === void 0 || typeof props.boxBodyText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CSBox, { fieldSpec: elements.boxBodyText, localiser: props.localiser, children: props.boxBodyText }) : props.boxBodyText
     }
   );
 }
@@ -1242,9 +1379,9 @@ var FieldProperties = class {
 };
 
 // src/utils/FixedWidth.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FixedWidth(props) {
-  return /* @__PURE__ */ jsx29("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
 }
 
 // src/utils/LocalStorageService.ts
@@ -1639,7 +1776,7 @@ var RestClient = class {
 };
 
 // src/hooks/useControllerDisplayState.ts
-import { useCallback, useState as useState2 } from "react";
+var import_react2 = require("react");
 var RunFunctionResult = class {
   constructor(success, messages, result, resultHistory) {
     this.success = success;
@@ -1652,27 +1789,27 @@ var fatalRunErrorFunction = (reason) => {
   throw new Error(`Fatal error - could not handle run failure - reason: ${reason}`);
 };
 function useControllerDisplayState(initialDisplayMode, messages, logger) {
-  const [state, setState] = useState2(0 /* UNMOUNTED */);
-  const [loadingIndication, setLoadingIndication] = useState2({});
-  const [modified, setModified] = useState2(false);
-  const [displayMode, setDisplayMode] = useState2(initialDisplayMode);
-  const [modalState, setModalState] = useState2({
+  const [state, setState] = (0, import_react2.useState)(0 /* UNMOUNTED */);
+  const [loadingIndication, setLoadingIndication] = (0, import_react2.useState)({});
+  const [modified, setModified] = (0, import_react2.useState)(false);
+  const [displayMode, setDisplayMode] = (0, import_react2.useState)(initialDisplayMode);
+  const [modalState, setModalState] = (0, import_react2.useState)({
     show: (modalId, confirmFunction) => showModal(modalId, true, confirmFunction),
     hide: (modalId) => showModal(modalId, false)
   });
   const { addMessages } = messages;
-  const isLoading = useCallback((service) => {
+  const isLoading = (0, import_react2.useCallback)((service) => {
     return loadingIndication.hasOwnProperty(service.name) && loadingIndication[service.name] === true;
   }, [loadingIndication]);
-  const load = useCallback((service) => {
+  const load = (0, import_react2.useCallback)((service) => {
     setLoadingIndication((oldIndication) => ({ ...oldIndication, [service.name]: true }));
   }, []);
-  const doneLoading = useCallback((service) => {
+  const doneLoading = (0, import_react2.useCallback)((service) => {
     setLoadingIndication((oldIndication) => {
       return { ...oldIndication, [service.name]: false };
     });
   }, []);
-  const enterDisplayMode = useCallback((mode) => {
+  const enterDisplayMode = (0, import_react2.useCallback)((mode) => {
     setDisplayMode((previousMode) => {
       if (mode !== displayMode) {
         logger.info("Entering display mode: ", mode);
@@ -1681,7 +1818,7 @@ function useControllerDisplayState(initialDisplayMode, messages, logger) {
       return previousMode;
     });
   }, [displayMode, logger]);
-  const showModal = useCallback((modalId, show, confirmFunction) => {
+  const showModal = (0, import_react2.useCallback)((modalId, show, confirmFunction) => {
     if (show) {
       setModalState((originalModalState) => {
         if (originalModalState.modalId !== void 0) {
@@ -1698,7 +1835,7 @@ function useControllerDisplayState(initialDisplayMode, messages, logger) {
       });
     }
   }, []);
-  const run = useCallback(function(service, execute, failureIsFatal, resultHistory) {
+  const run = (0, import_react2.useCallback)(function(service, execute, failureIsFatal, resultHistory) {
     load(service);
     return execute().then((result) => {
       addMessages(result);
@@ -1719,7 +1856,7 @@ function useControllerDisplayState(initialDisplayMode, messages, logger) {
   return {
     state,
     setState,
-    setDirty: useCallback(setModified, [setModified]),
+    setDirty: (0, import_react2.useCallback)(setModified, [setModified]),
     isDirty: () => modified,
     isLoading,
     displayMode,
@@ -1747,7 +1884,7 @@ function isContentWithMessages(object) {
 }
 
 // src/hooks/useTOChangeHandler.ts
-import { useCallback as useCallback2 } from "react";
+var import_react3 = require("react");
 var ArrayStateHandler = class {
   static updateFieldsOfArrayElement(elementToUpdate, currentArrayContent, properties, onChangedArrayElement) {
     const newArrayValue = [...currentArrayContent];
@@ -1774,7 +1911,7 @@ var ArrayStateHandler = class {
   }
 };
 function useTOChangeHandler(logger, toName, setTOState, notifications, setDirty) {
-  const onPropertyChangeMulti = useCallback2((properties, automaticChange) => {
+  const onPropertyChangeMulti = (0, import_react3.useCallback)((properties, automaticChange) => {
     logger.debug(`Changing state of the ${toName} Elements ${Object.keys(properties)} for affected element, using change object:`, JSON.stringify(properties));
     setTOState((previousValue) => {
       const newValue = { ...previousValue, ...properties };
@@ -1790,7 +1927,7 @@ function useTOChangeHandler(logger, toName, setTOState, notifications, setDirty)
       return newValue;
     });
   }, [logger, notifications, setDirty, setTOState, toName]);
-  const onPropertyChange = useCallback2((propertyName, changedValue, automaticChange) => {
+  const onPropertyChange = (0, import_react3.useCallback)((propertyName, changedValue, automaticChange) => {
     onPropertyChangeMulti({ [propertyName]: changedValue }, automaticChange);
   }, [onPropertyChangeMulti]);
   return { onPropertyChange, onPropertyChangeMulti };
@@ -1799,7 +1936,7 @@ var singleChangeHandlerToMulti = (onPropertyChangeMulti) => {
   return (propertyName, changedValue) => onPropertyChangeMulti({ [propertyName]: changedValue });
 };
 function useTOArrayChangeHandler(logger, toName, setArrayState, handlers, setDirty) {
-  const onChangeElement = useCallback2((element, properties) => {
+  const onChangeElement = (0, import_react3.useCallback)((element, properties) => {
     if (element !== void 0) {
       logger.debug(`Changing state of the ${toName} Elements ${Object.keys(properties)} for affected element, using change object:`, JSON.stringify(properties));
       setArrayState((previousValue) => ArrayStateHandler.updateFieldsOfArrayElement(
@@ -1813,7 +1950,7 @@ function useTOArrayChangeHandler(logger, toName, setArrayState, handlers, setDir
       }
     }
   }, [logger, toName, setArrayState, setDirty, handlers.onChange]);
-  const onRemoveElements = useCallback2((removedElements) => {
+  const onRemoveElements = (0, import_react3.useCallback)((removedElements) => {
     if (removedElements.length > 0) {
       logger.debug(`Removing ${removedElements.length} elements from array`);
       setArrayState((previousValue) => ArrayStateHandler.removeArrayElements(
@@ -1826,7 +1963,7 @@ function useTOArrayChangeHandler(logger, toName, setArrayState, handlers, setDir
       }
     }
   }, [logger, setArrayState, setDirty, handlers.onRemove]);
-  const onAddElements = useCallback2((newElements) => {
+  const onAddElements = (0, import_react3.useCallback)((newElements) => {
     if (newElements.length === 0) {
       logger.debug(`Adding no new elements to array`);
     } else {
@@ -1845,23 +1982,23 @@ function useTOArrayChangeHandler(logger, toName, setArrayState, handlers, setDir
 }
 
 // src/hooks/useAWSUIRef.ts
-import { useCallback as useCallback3, useRef } from "react";
+var import_react4 = require("react");
 function useAWSUIRef() {
-  const customRef = useRef(null);
+  const customRef = (0, import_react4.useRef)(null);
   const isValidRef = () => {
     return customRef !== void 0 && customRef !== null && customRef.current !== void 0 && customRef.current !== null;
   };
-  const focus = useCallback3(() => {
+  const focus = (0, import_react4.useCallback)(() => {
     if (isValidRef() && customRef.current.focus) {
       customRef.current.focus();
     }
   }, [customRef]);
-  const scrollToView = useCallback3(() => {
+  const scrollToView = (0, import_react4.useCallback)(() => {
     if (isValidRef() && customRef.current.scrollIntoView) {
       customRef.current.scrollIntoView(true);
     }
   }, [customRef]);
-  const scrollToViewRef = useCallback3((element) => {
+  const scrollToViewRef = (0, import_react4.useCallback)((element) => {
     if (element !== void 0 && element !== null && element.scrollIntoView) {
       element.scrollIntoView({ block: "nearest", behavior: "smooth" });
     }
@@ -1875,13 +2012,13 @@ function useAWSUIRef() {
 }
 
 // src/hooks/useHotkeys.ts
-import { useCallback as useCallback4, useEffect as useEffect2, useLayoutEffect, useRef as useRef2 } from "react";
+var import_react5 = require("react");
 var useHotkey = (key, shift, ctrl, alt, callback, node = null) => {
-  const callbackRef = useRef2(callback);
-  useLayoutEffect(() => {
+  const callbackRef = (0, import_react5.useRef)(callback);
+  (0, import_react5.useLayoutEffect)(() => {
     callbackRef.current = callback;
   });
-  const handleKeyPress = useCallback4(
+  const handleKeyPress = (0, import_react5.useCallback)(
     (event) => {
       if (event.key === key && (!shift || event.shiftKey) && (!ctrl || event.ctrlKey) && (!alt || event.altKey)) {
         callbackRef.current(event);
@@ -1889,7 +2026,7 @@ var useHotkey = (key, shift, ctrl, alt, callback, node = null) => {
     },
     [alt, ctrl, key, shift]
   );
-  useEffect2(() => {
+  (0, import_react5.useEffect)(() => {
     const targetNode = node != null ? node : document;
     targetNode && targetNode.addEventListener("keydown", handleKeyPress);
     return () => targetNode && targetNode.removeEventListener("keydown", handleKeyPress);
@@ -1897,20 +2034,20 @@ var useHotkey = (key, shift, ctrl, alt, callback, node = null) => {
 };
 
 // src/hooks/useMessages.ts
-import { useCallback as useCallback5, useState as useState3 } from "react";
+var import_react6 = require("react");
 function useMessages(LOGGER3) {
-  const [messages, setMessages] = useState3([]);
-  const onDismissMessage = useCallback5((message) => {
+  const [messages, setMessages] = (0, import_react6.useState)([]);
+  const onDismissMessage = (0, import_react6.useCallback)((message) => {
     const newMessages = messages.filter((existingMsg) => message !== existingMsg);
     setMessages(newMessages);
   }, [messages]);
-  const onToggleMessageDetail = useCallback5((message) => {
+  const onToggleMessageDetail = (0, import_react6.useCallback)((message) => {
     const idx = messages.indexOf(message);
     const newMessages = [...messages];
     newMessages[idx].showDetails = !newMessages[idx].showDetails;
     setMessages(newMessages);
   }, [messages]);
-  const addMessages = useCallback5((newMessages) => {
+  const addMessages = (0, import_react6.useCallback)((newMessages) => {
     if (!newMessages.hasOwnProperty("messages")) {
       LOGGER3.error("Given response data structure does not contain messages - probably another runtime error occurred: ", newMessages);
       if (newMessages.hasOwnProperty("stack")) {
@@ -1924,7 +2061,7 @@ function useMessages(LOGGER3) {
       setMessages((oldMessages) => [...oldMessages, ...addedMessages]);
     }
   }, [LOGGER3]);
-  const clearMessages = useCallback5(() => {
+  const clearMessages = (0, import_react6.useCallback)(() => {
     setMessages([]);
   }, []);
   return {
@@ -1935,11 +2072,13 @@ function useMessages(LOGGER3) {
     clearMessages
   };
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   CSAlert,
   CSBox,
   CSButton,
   CSCheckbox,
+  CSCopyToClipboard,
   CSDatePicker,
   CSEnumMultiselect,
   CSEnumSegmentedControl,
@@ -2020,4 +2159,4 @@ export {
   useTOArrayChangeHandler,
   useTOChangeHandler,
   warnWhenTabIsClosed
-};
+});