@pega/dx-component-builder-sdk 0.24.4 → 0.25.5

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-boolean/pega-dxil-my-boolean.component.scss

@@ -8,10 +8,10 @@
   top: 0rem;
   margin-top: 0.625rem;
   font-size: 0.875rem;
-  display: block;
   transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
   -ms-transform: translateY(-1.28125em) scale(0.75);
   width: 133.33333%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .psdk-data-readonly {
@@ -22,3 +22,16 @@
 ::ng-deep .mat-mdc-form-field-infix {
   width: auto;
 }
+
+p {
+  font-size: 0.75rem;
+  color: rgba(0, 0, 0, 0.58);
+}
+
+mat-checkbox {
+  margin-left: -11px;
+}
+
+.mat-mdc-option {
+  margin-left: -16px;
+}

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-boolean/pega-dxil-my-boolean.component.ts

@@ -193,15 +193,14 @@ export class PegaDxilMyBooleanComponent implements OnInit, OnDestroy {
         this.bDisabled$ = this.utils.getBooleanValue(this.configProps$.disabled);
       }
 
-      if (this.bDisabled$) {
-        this.fieldControl.disable();
-      } else {
-        this.fieldControl.enable();
-      }
-
       if (this.configProps$.readOnly != null) {
         this.bReadonly$ = this.utils.getBooleanValue(this.configProps$.readOnly);
+      }
+
+      if (this.bDisabled$ || this.bReadonly$) {
         this.fieldControl.disable();
+      } else {
+        this.fieldControl.enable();
       }
 
       this.componentReference = (this.pConn$.getStateProps() as any).value;

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-date-time/pega-dxil-my-date-time.component.scss

@@ -78,4 +78,3 @@
     background: var(--mat-datepicker-calendar-header-divider-color);
   }
 }
-

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-decimal/demo.stories.tsx

@@ -20,6 +20,9 @@ const meta: Meta<PegaDxilMyDecimalComponent> = {
       getStateProps: () => {
         return stateProps;
       },
+      getComponentName: () => {
+        return 'Currency';
+      },
       getActionsApi: () => {
         return {
           updateFieldValue: () => {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-icon-button-url/demo.stories.tsx

@@ -5,52 +5,53 @@ import { configProps, stateListData, stateProps } from './mock';
 
 import { PegaDxilMyIconButtonUrlComponent } from './pega-dxil-my-icon-button-url.component';
 
-window.PCore = {
-  ...window.PCore,
-  getConstants: () => {
-    return {
-      CASE_INFO: {
-        CASE_INFO_ID: 'caseInfo.ID'
-      }
-    } as any;
-  },
-  getDataApiUtils: () => {
-    return {
-      getData: () => {
-        return Promise.resolve(stateListData);
-      }
-    } as any;
-  }
-};
-
 const meta: Meta<PegaDxilMyIconButtonUrlComponent> = {
   title: 'PegaDxilMyIconButtonUrl',
   component: PegaDxilMyIconButtonUrlComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyIconButtonUrlComponent) => ({
-    props: {
-      ...args,
-      pConn$: {
-        resolveConfigProps: props => props,
-        getConfigProps: () => {
-          return configProps;
-        },
-        getValue: value => {
-          return value;
-        },
-        getContextName: () => {
-          return 'app/primary_1';
-        },
-        getStateProps: () => {
-          return stateProps;
-        },
-        getLocalizedValue: value => {
-          return value;
-        }
-    } as any,
-    formGroup$: new FormBuilder().group({})
+  render: (args: PegaDxilMyIconButtonUrlComponent) => {
+    window.PCore = {
+      ...window.PCore,
+      getConstants: () => {
+        return {
+          CASE_INFO: {
+            CASE_INFO_ID: 'caseInfo.ID'
+          }
+        } as any;
+      },
+      getDataApiUtils: () => {
+        return {
+          getData: () => {
+            return Promise.resolve(stateListData);
+          }
+        } as any;
+      }
+    };
+    return {
+      props: {
+        ...args,
+        pConn$: {
+          resolveConfigProps: props => props,
+          getConfigProps: () => {
+            return configProps;
+          },
+          getValue: value => {
+            return value;
+          },
+          getContextName: () => {
+            return 'app/primary_1';
+          },
+          getStateProps: () => {
+            return stateProps;
+          },
+          getLocalizedValue: value => {
+            return value;
+          }
+        } as any,
+      formGroup$: new FormBuilder().group({})
+      }
     }
-  })
+  }
 };
 
 export default meta;

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-paragraph/pega-dxil-my-paragraph.component.ts

@@ -107,8 +107,6 @@ export class PegaDxilMyParagraphComponent implements OnInit, OnDestroy {
     if (this.configProps$.value != undefined) {
       this.value$ = this.configProps$.value;
     }
-    // @ts-ignore -  Property 'getFieldMetadata' is private and only accessible within class 'C11nEnv'.
-    // @ts-ignore - Property 'getRawConfigProps' is private and only accessible within class 'C11nEnv'
     this.nMaxLength$ = this.pConn$.getFieldMetadata(this.pConn$.getRawConfigProps()?.value)?.maxLength || 100;
     this.testId = this.configProps$.testId;
     this.displayMode$ = this.configProps$.displayMode;

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-picklist/pega-dxil-my-picklist.component.ts

@@ -159,7 +159,6 @@ export class PegaDxilMyPicklistComponent implements OnInit, OnDestroy {
 
     this.componentReference = (this.pConn$.getStateProps() as any).value;
 
-    // @ts-ignore - parameter “contextName” for getDataObject method should be optional
     const optionsList = [...this.utils.getOptionList(this.configProps$, this.pConn$.getDataObject())];
     optionsList?.unshift({ key: 'Select', value: this.pConn$.getLocalizedValue('Select...', '', '') });
     this.options$ = optionsList;
@@ -184,7 +183,6 @@ export class PegaDxilMyPicklistComponent implements OnInit, OnDestroy {
     this.localizedValue = this.pConn$.getLocalizedValue(
       this.value$,
       this.localePath,
-      // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'.
       this.pConn$.getLocaleRuleNameFromKeys(this.localeClass, this.localeContext, this.localeName)
     );
     // trigger display of error message with field control
@@ -223,7 +221,6 @@ export class PegaDxilMyPicklistComponent implements OnInit, OnDestroy {
     return this.pConn$.getLocalizedValue(
       opt.value,
       this.localePath,
-      // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'.
       this.pConn$.getLocaleRuleNameFromKeys(this.localeClass, this.localeContext, this.localeName)
     );
   }

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-radiobuttons/pega-dxil-my-radiobuttons.component.ts

@@ -25,6 +25,7 @@ interface PegaDxilMyRadiobuttonsProps extends PConnFieldProps {
   selector: 'app-pega-dxil-my-radiobuttons',
   templateUrl: './pega-dxil-my-radiobuttons.component.html',
   styleUrls: ['./pega-dxil-my-radiobuttons.component.scss'],
+  providers: [Utils],
   standalone: true,
   imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, MatRadioModule, forwardRef(() => ComponentMapperComponent)]
 })
@@ -165,7 +166,6 @@ export class PegaDxilMyRadiobuttonsComponent implements OnInit, OnDestroy {
 
     this.componentReference = (this.pConn$.getStateProps() as any).value;
 
-    // @ts-ignore - parameter “contextName” for getDataObject method should be optional
     this.options$ = this.utils.getOptionList(this.configProps$, this.pConn$.getDataObject());
 
     const propName = (this.pConn$.getStateProps() as any).value;
@@ -185,7 +185,6 @@ export class PegaDxilMyRadiobuttonsComponent implements OnInit, OnDestroy {
     this.localizedValue = this.pConn$.getLocalizedValue(
       this.value$,
       this.localePath,
-      // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
       this.pConn$.getLocaleRuleNameFromKeys(this.localeClass, this.localeContext, this.localeName)
     );
     // trigger display of error message with field control
@@ -216,7 +215,6 @@ export class PegaDxilMyRadiobuttonsComponent implements OnInit, OnDestroy {
     return this.pConn$.getLocalizedValue(
       opt.value,
       this.localePath,
-      // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
       this.pConn$.getLocaleRuleNameFromKeys(this.localeClass, this.localeContext, this.localeName)
     );
   }

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-searchbox/pega-dxil-my-searchbox.component.ts

@@ -118,7 +118,7 @@ export class PegaDxilMySearchboxComponent implements OnInit, OnDestroy {
 
   private _filter(value: string): string[] {
     const filterVal = (value || this.filterValue).toLowerCase();
-    return this.options$?.filter(option => option.value.toLowerCase().includes(filterVal));
+    return this.options$?.filter(option => option.value?.toLowerCase().includes(filterVal));
   }
 
   // Callback passed when subscribing to store change

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-form/pega-dxil-my-form.component.html

@@ -1,10 +1,9 @@
 <!-- When adding a component here, add the same component in 'region' template as well -->
 <div *ngIf="!NO_HEADER_TEMPLATES.includes(template) && showLabel">
-  <div class="template-title-container">{{label}}</div>
+  <div class="template-title-container">{{ label }}</div>
 </div>
-<div *ngIf="instructions" class='psdk-default-form-instruction-text'>
-  <div key="instructions" id="instruction-text" [innerHTML]="instructions">
-  </div>
+<div *ngIf="instructions" class="psdk-default-form-instruction-text">
+  <div key="instructions" id="instruction-text" [innerHTML]="instructions"></div>
 </div>
 <div [className]="divClass$">
   <div *ngFor="let kid of arChildren$" [ngClass]="{ 'grid-column': kid.getPConnect().getComponentName() === 'View' }">

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-form/pega-dxil-my-form.component.ts

@@ -51,7 +51,6 @@ export class PegaDxilMyFormComponent implements OnInit {
     this.label = propToUse?.label;
     const kids = this.pConn$.getChildren() as any[];
     this.instructions = this.templateUtils.getInstructions(this.pConn$, configProps?.instructions);
-    console.log(`instructions${this.instructions}`);
 
     const numCols = configProps.NumCols ? configProps.NumCols : '1';
     switch (numCols) {

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-two-column-form/pega-dxil-my-two-column-form.component.html

@@ -13,4 +13,4 @@
       <component-mapper name="Region" [props]="{ pConn$: kid.getPConnect(), formGroup$ }"></component-mapper>
     </div>
   </div>
-</div>
+</div>

package/tests/assets/sdk-a/components/createAll/custom-sdk/widget/pega-dxil-my-case-widget/demo.stories.tsx

@@ -4,47 +4,48 @@ import { configProps, historyData } from './mock';
 
 import { PegaDxilMyCaseWidgetComponent } from './pega-dxil-my-case-widget.component';
 
-window.PCore = {
-  ...window.PCore,
-  getConstants: () => {
-    return {
-      CASE_INFO: {
-        CASE_INFO_ID: 'caseInfo.ID'
-      }
-    } as any;
-  },
-  getDataApiUtils: () => {
-    return {
-      getData: () => {
-        return Promise.resolve(historyData);
-      }
-    } as any;
-  }
-};
-
 const meta: Meta<PegaDxilMyCaseWidgetComponent> = {
   title: 'PegaDxilMyCaseWidget',
   component: PegaDxilMyCaseWidgetComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyCaseWidgetComponent) => ({
-    props: {
-      ...args,
-      pConn$: {
-      getConfigProps: () => {
-        return configProps;
-      },
-      getValue: (value) => {
-        return value;
-      },
-      getContextName: () => {
-        return 'app/primary_1';
+  render: (args: PegaDxilMyCaseWidgetComponent) => {
+    window.PCore = {
+      ...window.PCore,
+      getConstants: () => {
+        return {
+          CASE_INFO: {
+            CASE_INFO_ID: 'caseInfo.ID'
+          }
+        } as any;
       },
-      getLocalizedValue: (value) => {
-        return value;
+      getDataApiUtils: () => {
+        return {
+          getData: () => {
+            return Promise.resolve(historyData);
+          }
+        } as any;
+      }
+    };
+    return {
+      props: {
+        ...args,
+        pConn$: {
+          getConfigProps: () => {
+            return configProps;
+          },
+          getValue: (value) => {
+            return value;
+          },
+          getContextName: () => {
+            return 'app/primary_1';
+          },
+          getLocalizedValue: (value) => {
+            return value;
+          }
+        } as any
       }
-    } as any
     }
-  })
+  }
 };
 
 export default meta;

package/tests/assets/sdk-a/components/createAll/custom-sdk/widget/pega-dxil-my-case-widget/pega-dxil-my-case-widget.component.ts

@@ -28,7 +28,7 @@ export class PegaDxilMyCaseWidgetComponent implements OnInit {
 
   ngOnInit(): void {
     this.configProps$ = this.pConn$.getConfigProps();
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
+
     const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
     const dataViewName = 'D_pyWorkHistory';
     const context = this.pConn$.getContextName();
@@ -36,16 +36,16 @@ export class PegaDxilMyCaseWidgetComponent implements OnInit {
     this.waitingForData = true;
 
     const caseHistoryData = PCore.getDataApiUtils().getData(
-    dataViewName,
-    { dataViewParameters: [{ CaseInstanceKey: caseID }] } as any,
-    context
+      dataViewName,
+      { dataViewParameters: [{ CaseInstanceKey: caseID }] } as any,
+      context
     ) as Promise<any>;
 
     caseHistoryData.then((historyJSON: any) => {
       this.fields$ = [
         { label: this.pConn$.getLocalizedValue('Date', '', ''), type: 'DateTime', fieldName: 'pxTimeCreated' },
         { label: this.pConn$.getLocalizedValue('Description', '', ''), type: 'TextInput', fieldName: 'pyMessageKey' },
-        { label: this.pConn$.getLocalizedValue('User', '', ''), type: 'TextInput', fieldName: 'pyPerformer' }
+        { label: this.pConn$.getLocalizedValue('Performed by', '', ''), type: 'TextInput', fieldName: 'pyPerformer' }
       ];
 
       const tableDataResults = this.updateData(historyJSON.data.data, this.fields$);

package/tests/assets/sdk-a/components/createAll/custom-sdk/widget/pega-dxil-my-page-case-widget/pega-dxil-my-page-case-widget.component.html

@@ -18,5 +18,3 @@
     </dl>
   </div>
 </div>
-
-

package/tests/assets/sdk-a/components/createAll/custom-sdk/widget/pega-dxil-my-page-widget/demo.stories.tsx

@@ -4,37 +4,38 @@ import { configProps, worklistData } from './mock';
 
 import { PegaDxilMyPageWidgetComponent } from './pega-dxil-my-page-widget.component';
 
-window.PCore = {
-  ...window.PCore,
-  getDataApiUtils: () => {
-    return {
-      getData: () => {
-        return Promise.resolve(worklistData);
-      }
-    } as any;
-  }
-};
-
 const meta: Meta<PegaDxilMyPageWidgetComponent> = {
   title: 'PegaDxilMyPageWidget',
   component: PegaDxilMyPageWidgetComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyPageWidgetComponent) => ({
-    props: {
-      ...args,
-      pConn$: {
-        getContextName: () => {
-          return 'app/primary_1';
-        },
-        getLocalizedValue: value => {
-          return value;
-        },
-        getConfigProps: () => {
-          return configProps;
-        }
-      } as any
+  render: (args: PegaDxilMyPageWidgetComponent) => {
+    window.PCore = {
+      ...window.PCore,
+      getDataApiUtils: () => {
+        return {
+          getData: () => {
+            return Promise.resolve(worklistData);
+          }
+        } as any;
+      }
+    };
+    return {
+      props: {
+        ...args,
+        pConn$: {
+          getContextName: () => {
+            return 'app/primary_1';
+          },
+          getLocalizedValue: value => {
+            return value;
+          },
+          getConfigProps: () => {
+            return configProps;
+          }
+        } as any
+      }
     }
-  })
+  }
 };
 
 export default meta;

package/tests/assets/sdk-a/components/createAll/override-sdk/designSystemExtension/material-case-summary/material-case-summary.component.html

@@ -2,7 +2,7 @@
   <dl class="psdk-case-summary-fields-primary">
     <div *ngFor="let field of primaryFieldsWithStatus$" class="psdk-csf-primary-field">
       <dt class="psdk-csf-primary-field-header">
-        {{ field.config.label }}
+        {{ field.config?.label }}
       </dt>
       <dd *ngIf="field.config.value === ''; else hasValue" class="psdk-csf-primary-field-data">
         <ng-container [ngSwitch]="field.type.toLowerCase()">
@@ -28,10 +28,10 @@
   <dl *ngFor="let field of secondaryFields$" class="psdk-case-summary-fields-secondary">
     <div
       *ngIf="
-        field.config?.label?.toLowerCase() == 'create operator' ||
-          field.displayLabel.toLowerCase() == 'create operator' ||
-          field.config?.label?.toLowerCase() == 'update operator' ||
-          field.displayLabel.toLowerCase() == 'update operator';
+        field?.config?.label?.toLowerCase() == 'create operator' ||
+          field?.displayLabel?.toLowerCase() == 'create operator' ||
+          field?.config?.label?.toLowerCase() == 'update operator' ||
+          field?.displayLabel?.toLowerCase() == 'update operator';
         else hasSecondaryValue
       "
     >
@@ -40,7 +40,7 @@
     <ng-template #hasSecondaryValue>
       <div class="psdk-csf-secondary-field">
         <dt class="psdk-csf-secondary-field-header">
-          {{ field.config.displayLabel || field.config.label }}
+          {{ field.config?.displayLabel || field.config?.label }}
         </dt>
         <dd class="psdk-csf-secondary-field-data">
           <div [ngSwitch]="field.type">

package/tests/assets/sdk-a/components/createAll/override-sdk/field/check-box/check-box.component.ts

@@ -193,15 +193,14 @@ export class CheckBoxComponent implements OnInit, OnDestroy {
         this.bDisabled$ = this.utils.getBooleanValue(this.configProps$.disabled);
       }
 
-      if (this.bDisabled$) {
-        this.fieldControl.disable();
-      } else {
-        this.fieldControl.enable();
-      }
-
       if (this.configProps$.readOnly != null) {
         this.bReadonly$ = this.utils.getBooleanValue(this.configProps$.readOnly);
+      }
+
+      if (this.bDisabled$ || this.bReadonly$) {
         this.fieldControl.disable();
+      } else {
+        this.fieldControl.enable();
       }
 
       this.componentReference = (this.pConn$.getStateProps() as any).value;

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/flow-container/flow-container.component.html

@@ -17,7 +17,6 @@
           headerText$: todo_headerText$,
           type$: 'TODO',
           context$: todo_context$,
-          itemKey$: itemKey$,
           isConfirm: true
         }"
       ></component-mapper>

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/view/view.component.ts

@@ -159,7 +159,7 @@ export class ViewComponent implements OnInit, OnDestroy, OnChanges {
      * The resolution lies in transferring this responsibility to the Reference component, eliminating the need for this code when Reference
      * component is able to handle it.
      */
-    if (this.pConn$.getPageReference().length > 'caseInfo.content'.length) {
+    if (!this.configProps$.visibility && this.pConn$.getPageReference().length > 'caseInfo.content'.length) {
       this.visibility$ = evaluateVisibility(this.pConn$);
     }
 

package/tests/assets/sdk-a/components/createAll/override-sdk/template/list-view/list-view.component.ts

@@ -172,7 +172,7 @@ export class ListViewComponent implements OnInit, OnDestroy {
     /** If compositeKeys is defined, use dynamic value, else fallback to pyID or pyGUID. */
     this.compositeKeys = this.configProps$?.compositeKeys;
     this.rowID = this.compositeKeys && this.compositeKeys?.length === 1 ? this.compositeKeys[0] : defRowID;
-    this.bShowSearch$ = this.utils.getBooleanValue(this.configProps$.globalSearch ? this.configProps$.globalSearch : this.payload.globalSearch);
+    this.bShowSearch$ = this.utils.getBooleanValue(this.configProps$?.globalSearch ? this.configProps$.globalSearch : this.payload?.globalSearch);
     this.bColumnReorder$ = this.utils.getBooleanValue(this.configProps$.reorderFields);
     this.bGrouping$ = this.utils.getBooleanValue(this.configProps$.grouping);
     this.showDynamicFields = this.configProps$?.showDynamicFields;

package/tests/assets/sdk-a/components/createAll/override-sdk/template/simple-table-manual/simple-table-manual.component.ts

@@ -960,9 +960,7 @@ export class SimpleTableManualComponent implements OnInit, OnDestroy {
       this.rawFields?.forEach(item => {
         const referenceListData = getReferenceList(this.pConn$);
         const isDatapage = referenceListData.startsWith('D_');
-        const pageReferenceValue = isDatapage
-          ? `${referenceListData}[${index}]`
-          : `${this.pConn$.getPageReference()}${referenceListData.substring(referenceListData.lastIndexOf('.'))}[${index}]`;
+        const pageReferenceValue = isDatapage ? `${referenceListData}[${index}]` : `${this.pConn$.getPageReference()}${referenceListData}[${index}]`;
         const config = {
           meta: item,
           options: {

package/tests/assets/sdk-r/components/create/custom-constellation/field/Pega_DXIL_MyTestText/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-r/components/create/custom-constellation/field/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/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/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/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyCurrency/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyCurrency/index.tsx

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

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDate/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/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/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDateTime/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/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/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDecimal/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/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';