@pega/custom-dx-components 0.242.20 → 0.242.22

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MySearchbox/index.tsx

@@ -4,6 +4,7 @@ import { useEffect, useRef, useState, useMemo, type MutableRefObject, type SetSt
 import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, withConfiguration, type MenuGroupProps, type MenuItemProps } from '@pega/cosmos-react-core';
 import get from 'lodash.get';
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // includes in bundle
 import handleEvent from "./event-utils";

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyText/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyText",
-  "label": "My Text (Pega_DXIL)",
-  "description": "My Text (Pega_DXIL)",
+  "label": "My Text",
+  "description": "My Text",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyText/index.tsx

@@ -9,6 +9,7 @@ import {
 } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 import StyledPegaDxilMyTextWrapper from './styles';
 

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTextInput/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyTextInput",
-  "label": "My Text Input (Pega_DXIL)",
-  "description": "My Text Input (Pega_DXIL)",
+  "label": "My Text Input",
+  "description": "My Text Input",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTextInput/index.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // include in bundle
 import handleEvent from "./event-utils";

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyTimeOfDay",
-  "label": "My TimeOfDay (Pega_DXIL)",
-  "description": "My TimeOfDay (Pega_DXIL)",
+  "label": "My TimeOfDay",
+  "description": "My TimeOfDay",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/index.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 
 // includes in bundle

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyTwoColumnDetails",
-  "label": "My Two Column Details (Pega_DXIL)",
-  "description": "My Two Column Details (Pega_DXIL)",
+  "label": "My Two Column Details",
+  "description": "My Two Column Details",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/index.tsx

@@ -1,6 +1,7 @@
 import { Fragment, Children, type ReactElement } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration, type GridContainerProps } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 import DetailsRender from './DetailsRender';
 import HighlightRender from './HighlightRender';
 

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyTwoColumnForm",
-  "label": "My Two Column Form (Pega_DXIL)",
-  "description": "My Two Column Form (Pega_DXIL)",
+  "label": "My Two Column Form",
+  "description": "My Two Column Form",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/index.tsx

@@ -1,6 +1,7 @@
 import { Grid, Flex, FieldGroup, withConfiguration } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 import DetailsRender from './DetailsRender';
 
 import StyledPegaDxilMyTwoColumnFormWrapper from './styles';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyURL/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyURL",
-  "label": "My URL (Pega_DXIL)",
-  "description": "My URL (Pega_DXIL)",
+  "label": "My URL",
+  "description": "My URL",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyURL/index.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef} from "react";
 import { Input, FieldValueList, Text, withConfiguration } from "@pega/cosmos-react-core";
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // includes in bundle
 import {formatExists,textFormatter, urlFormatter} from "./text-url";

package/tests/assets/library/components/createAll/Constellation/shared/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/create/Pega_DXIL_MyTestText/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/create/Pega_DXIL_MyTestText/index.tsx

@@ -9,6 +9,7 @@ import {
 } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 import StyledPegaDxilMyTestTextWrapper from './styles';
 

package/tests/assets/original/components/create/shared/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyBoolean/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyBoolean/index.tsx

@@ -8,6 +8,7 @@ import {
 } from "@pega/cosmos-react-core";
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import handleEvent from "./event-utils";

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -18,36 +18,35 @@ if (!window.PCore) {
   window.PCore = {};
 }
 
-window.PCore.getConstants = () => {
-  return {
-    CASE_INFO: {
-      CASE_INFO_ID: 'caseInfo.ID'
-    }
-  };
-};
+export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
 
-window.PCore.getLocaleUtils = () => {
-  return {
-    getLocaleValue: (value: any) => {
-      return value;
-    }
+  window.PCore.getConstants = () => {
+    return {
+      CASE_INFO: {
+        CASE_INFO_ID: 'caseInfo.ID'
+      }
+    };
   };
-};
 
-window.PCore.getDataApiUtils = () => {
-  return {
-    getData: () => {
-      return new Promise(resolve => {
-        resolve(historyData);
-      });
-    }
+  window.PCore.getLocaleUtils = () => {
+    return {
+      getLocaleValue: (value: any) => {
+        return value;
+      }
+    };
   };
-};
 
-export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
+  window.PCore.getDataApiUtils = () => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(historyData);
+        });
+      }
+    };
+  };
 
   const props = {
-
     getPConnect: () => {
       return {
         getValue: (value: any) => {
@@ -71,7 +70,7 @@ export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
         resolveConfigProps: () => {/* nothing */}
       };
     }
-};
+  };
 
 return (
     <>

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/index.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Table, Text, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 import StyledPegaDxilMyCaseWidgetWrapper from './styles';
 

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCurrency/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCurrency/index.tsx

@@ -11,6 +11,7 @@ import {
 
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import handleEvent from './event-utils';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDate/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDate/index.tsx

@@ -3,6 +3,7 @@ import { DateInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } f
 import FormattedText from "./FormattedText";
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 import StyledPegaDxilMyDateWrapper from './styles';
 

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDateTime/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDateTime/index.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { DateTimeInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } from "@pega/cosmos-react-core";
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import DateTimeFormatter from "./date-time";

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDecimal/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDecimal/index.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, CurrencyDisplay, FieldValueList, Text, withConfiguration } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import StyledPegaDxilMyDecimalWrapper from './styles';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -6,8 +6,6 @@ import PegaDxilMyDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
-import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
-
 
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
@@ -76,7 +74,7 @@ const renderField = (resolvedProps: any) => {
         value={value}
         variant='datetime'
         format='long'
-        clockFormat={undefined}
+        clockFormat={null}
         key={key}
       />
     );
@@ -143,7 +141,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },
-        createComponent: (config: { config: { value: any } }) => {
+        createComponent: config => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
@@ -186,7 +184,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
                       getRawMetadata: () => pyReviewRaw.children[0].children[index],
                       getConfigProps: () => {},
                       resolveConfigProps: () => regionChildrenResolved[index],
-                      getComponent: (config: any) =>
+                      getComponent: config =>
                         props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
                     })
                   };

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/index.tsx

@@ -1,6 +1,8 @@
 import { Fragment, Children, type ReactElement } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration, type GridContainerProps } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
+
 import DetailsRender from './DetailsRender';
 import HighlightRender from './HighlightRender';
 

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyEmail/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyEmail/index.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { Input, EmailDisplay, FieldValueList, Text, URLDisplay, PhoneDisplay, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import { suggestionsHandler } from './suggestions-handler';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyForm/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyForm/index.tsx

@@ -2,6 +2,7 @@ import { Grid, Flex, FieldGroup, withConfiguration } from '@pega/cosmos-react-co
 
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import DetailsRender from './DetailsRender';
 
 import StyledPegaDxilMyFormWrapper from './styles';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/demo.stories.tsx

@@ -35,23 +35,23 @@ const statelistData = {
   ]
 };
 
-window.PCore.getDataPageUtils = () => {
-  return {
-    getData: () => {
-      return new Promise(resolve => {
-        resolve(statelistData);
-      });
-    },
-    getDataAsync: () => {
-      return new Promise(resolve => {
-        resolve(statelistData);
-      });
-    }
-  };
-};
-
 export const BasePegaDxilMyIconButtonUrl: Story = (args: any) => {
 
+  window.PCore.getDataPageUtils = () => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(statelistData);
+        });
+      },
+      getDataAsync: () => {
+        return new Promise(resolve => {
+          resolve(statelistData);
+        });
+      }
+    };
+  };
+
   const props = {
     countryCode: configProps.countryCode,
     getPConnect: () => {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/index.tsx

@@ -10,6 +10,7 @@ import {
   URLDisplay
 } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // IMPORTANT
 // To use Icons, need to individually import the icon file form @pega/cosmos-react-core (see path below)

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyInteger/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyInteger/index.tsx

@@ -3,6 +3,7 @@ import { NumberInput, NumberDisplay, Slider, FieldValueList, CurrencyDisplay, Te
 
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import handleEvent from "./event-utils";

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPage/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPage/index.tsx

@@ -3,6 +3,7 @@ import { OneColumnPage as OneColumn, withConfiguration } from '@pega/cosmos-reac
 import { ConfigurableLayout } from '@pega/cosmos-react-work'
 // import { registerIcon } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 
 

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageWidget/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -45,25 +45,23 @@ const worklistData = {
   }
 };
 
-window.PCore.getDataApiUtils = () => {
-  return {
-    getData: () => {
-      return new Promise(resolve => {
-        resolve(worklistData);
-      });
-    },
-    getDataAsync: () => {
-      return new Promise(resolve => {
-        resolve(worklistData);
-      });
-    }
-  };
-};
-
-
-
 export const BasePegaDxilMyPageWidget: Story = (args: any) => {
 
+  window.PCore.getDataApiUtils = () => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(worklistData);
+        });
+      },
+      getDataAsync: () => {
+        return new Promise(resolve => {
+          resolve(worklistData);
+        });
+      }
+    };
+  };
+
   const props = {
     ...configProps,
     getPConnect: () => {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPageWidget/index.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { withConfiguration, Table } from '@pega/cosmos-react-core';
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 import StyledPegaDxilMyPageWidgetWrapper from './styles';
 

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyParagraph/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyParagraph/index.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { TextArea as CosmosTextArea, FieldValueList, ParagraphDisplay, Text, EmailDisplay, PhoneDisplay, URLDisplay, withConfiguration } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import { suggestionsHandler } from './suggestions-handler';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPercentage/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPercentage/index.tsx

@@ -10,6 +10,7 @@ import {
 
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import handleEvent from './event-utils';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPhone/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPhone/index.tsx

@@ -10,6 +10,7 @@ import {
   withConfiguration
 } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import handleEvent from "./event-utils";

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyPicklist/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}