npm - @genesislcap/pbc-reporting-ui - Versions diffs - 15.15.1 → 15.15.2 - Mend

@genesislcap/pbc-reporting-ui 15.15.1 → 15.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/custom-elements.json +878 -878
package/dist/dts/react.d.ts +27 -27
package/dist/react.cjs +30 -30
package/dist/react.mjs +27 -27
package/package.json +22 -22

package/dist/custom-elements.json CHANGED Viewed

@@ -130,27 +130,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/components/components.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "registerCommonRapidComponents",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerCommonRapidComponents",
-          "declaration": {
-            "name": "registerCommonRapidComponents",
-            "module": "src/new/components/components.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/new/main/index.ts",
@@ -1345,6 +1324,27 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/components/components.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerCommonRapidComponents",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerCommonRapidComponents",
+          "declaration": {
+            "name": "registerCommonRapidComponents",
+            "module": "src/new/components/components.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/new/utils/alias-generator.ts",
@@ -4397,54 +4397,163 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts",
+      "path": "src/new/lib/redux-store/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./store"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./state-utils"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/lib/redux-store/state-utils.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "find",
+          "declaration": {
+            "name": "find",
+            "package": "lodash"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "get",
+          "declaration": {
+            "name": "get",
+            "package": "lodash"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "set",
+          "declaration": {
+            "name": "set",
+            "package": "lodash"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "findIndex",
+          "declaration": {
+            "name": "findIndex",
+            "package": "lodash"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/lib/redux-store/store.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createStore",
+          "return": {
+            "type": {
+              "text": "StoreReturn<S>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "slices",
+              "type": {
+                "text": "S"
+              }
+            },
+            {
+              "name": "preloadedState",
+              "type": {
+                "text": "RootStateFromSlices<S>"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createSlice",
+          "declaration": {
+            "name": "createSlice",
+            "package": "@reduxjs/toolkit"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createStore",
+          "declaration": {
+            "name": "createStore",
+            "module": "src/new/lib/redux-store/store.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/config-journey-orchestrator.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "cloneReportConfigModalStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n  }\n\n  .clone-report-config-modal::part(dialog) {\n    padding: calc(var(--design-unit) * 4px);\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-top {\n    font-size: var(--type-ramp-plus-2-font-size);\n    font-weight: 600;\n    line-height: var(--type-ramp-plus-2-line-height);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    gap: calc(var(--design-unit) * 3px);\n    margin: 0;\n    padding: calc(var(--design-unit) * 4px) 0;\n  }\n\n  .help-text {\n    margin-bottom: calc(var(--design-unit) * 4px);\n    word-break: break-word;\n    white-space: normal;\n  }\n\n  .help-text p {\n    margin: 0;\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n`"
+          "name": "styles",
+          "default": "css`\n  :host {\n    --stepper-size: 50px;\n    ${constrainedDimensions({ navToContentPx: 300 })}\n  }\n\n  div.pad {\n    padding-top: 50px;\n  }\n\n  .centered {\n    max-width: var(--constrained-width);\n    max-height: calc(100vh - var(--reporting-header-to-content-height));\n    width: 100%;\n    margin: auto;\n  }\n\n  .scheduling-container {\n    display: flex;\n    height: 100%;\n  }\n\n  .scheduling-container-margin {\n    margin: 0 auto;\n  }\n\n  .block {\n    display: block;\n  }\n\n  datasource-config-container,\n  base-config {\n    overflow-y: auto;\n    overflow-x: clip;\n    min-height: var(--constrained-height);\n  }\n\n  div.button-container {\n    z-index: 1 !important;\n    position: absolute;\n    top: calc(var(--stepper-size) + calc(var(--design-unit) * 3px));\n    right: calc(var(--design-unit) * 3px);\n    display: flex;\n    align-content: center;\n    align-items: center;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  tabbed-datasource-container,\n  row-filters {\n    max-width: var(--constrained-width);\n    margin: auto;\n    display: block;\n  }\n\n  rapid-stepper::part(action-buttons-container) {\n    border-top: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 4px);\n  }\n\n  rapid-stepper::part(stepper-tab-panel) {\n    background: var(--app-bg-color);\n    justify-content: space-between;\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n  }\n\n  rapid-stepper::part(stepper-tab) {\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    height: var(--stepper-size);\n  }\n\n  rapid-stepper::part(stepper-panel-container) {\n    overflow: hidden;\n    contain: size;\n  }\n\n  rapid-stepper.hidden::part(action-buttons-container) {\n    display: none;\n  }\n\n  rapid-stepper::part(stepper-tab-menu) {\n    margin: 0;\n    gap: 0;\n  }\n\n  rapid-stepper::part(stepper-tab-progress) {\n    background: var(--app-bg-color);\n    justify-content: center;\n    padding: 0;\n  }\n\n  /**\n   * Hacky way for now - need to adjust it in foundation\n  */\n  rapid-stepper-tab {\n    --neutral-layer-3: var(--app-bg-color);\n  }\n\n  :host(.readonly) rapid-stepper-tab-panel {\n    pointer-events: none;\n  }\n\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "cloneReportConfigModalStyles",
+          "name": "styles",
           "declaration": {
-            "name": "cloneReportConfigModalStyles",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts"
+            "name": "styles",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts",
+      "path": "src/new/main/edit-config/config-journey-orchestrator.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "CloneReportConfigModalTemplate",
-          "default": "html<CloneReportConfigModal>`\n  <rapid-modal\n    ${ref('cloneReportConfigModal')}\n    class=\"clone-report-config-modal\"\n    :onCloseCallback=${(x) => x.closeCloneReportConfigModal()}\n  >\n    <div slot=\"top\" class=\"dialog-top\">\n      ${(x) => (x.isImportMode ? 'Import Report Config' : 'Clone Report Config')}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div class=\"dialog-content\">\n      <div class=\"help-text\">\n        <p>\n          ${(x) =>\n            x.isImportMode\n              ? 'Here you can import a report configuration from a file. You need to set a new report and filename as they must be unique.'\n              : \"Here you can clone a report configuration you've already made. You need to set a new report and filename as they must be unique.\"}\n        </p>\n      </div>\n      <label class=\"label\">Report name${requiredTooltip}${tooltip(TOOLTIP.SETUP_NAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.reportName)}\n        placeholder=\"Enter report name\"\n      ></rapid-text-field>\n      <label class=\"label\">File name${requiredTooltip}${tooltip(TOOLTIP.SETUP_FILENAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.fileName)}\n        placeholder=\"Enter file name\"\n      ></rapid-text-field>\n      ${when(\n        (x) => x.isImportMode && !!x.reportConfigDetails?.DOCUMENT_TEMPLATE_ID,\n        html`\n          ${fileTemplatePicker}\n          <p style=\"max-width: 745px;\">\n            Because the exported report requires a selected template you must select a valid\n            template to import this configuration. If there isn't a valid template then you must\n            upload one via the document manager component.\n          </p>\n        `,\n      )}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div slot=\"bottom\" class=\"dialog-bottom\">\n      <rapid-button @click=${(x) => x.discardChanges()}>Cancel</rapid-button>\n      <rapid-button appearance=\"primary\" @click=${(x) => x.cloneReportConfig()}>\n        ${(x) => (x.isImportMode ? 'Import' : 'Clone')}\n      </rapid-button>\n    </div>\n  </rapid-modal>\n`"
+          "name": "template",
+          "default": "html<ConfigJourneyOrchestrator>`\n  <template class=\"${(x) => classNames(['readonly', !permissionGuard(x, editPermission)])}\">\n    <div class=\"button-container\">\n      ${(ctx) =>\n        permissionTemplateGuard(\n          ctx,\n          editPermission,\n          html<ConfigJourneyOrchestrator>`\n            <rapid-button appearance=\"primary\" @click=${(x) => x.saveConfigHandler()}>\n              Save and Close\n            </rapid-button>\n          `,\n          html`\n            <p>You have read-only permissions</p>\n          `,\n        )}\n      <rapid-button @click=${(x) => x.showListViewHandler()}>\n        ${(x) => (permissionGuard(x, editPermission) ? 'Discard Changes' : 'Close')}\n      </rapid-button>\n    </div>\n\n    <rapid-stepper\n      allow-backward-jumps\n      allow-forward-jumps\n      orientation=\"horizontal\"\n      hide-submit-button\n      hide-step-number\n      :validation=${(x) => [\n        { isValid: () => x.validateProjectSetup() },\n        { isValid: () => x.validateDatasource() },\n      ]}\n    >\n      <rapid-stepper-tab>Report Setup</rapid-stepper-tab>\n      <rapid-stepper-tab>Add Datasources</rapid-stepper-tab>\n      <rapid-stepper-tab>Row Filters</rapid-stepper-tab>\n      <rapid-stepper-tab>Column Visibility</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Transform & Derive Data</rapid-stepper-tab>-->\n      <rapid-stepper-tab>Formatting</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Sorting</rapid-stepper-tab>-->\n      <rapid-stepper-tab>\n        Column\n        ${(_) => (selectors.baseConfig.getConfig().DOCUMENT_TEMPLATE_ID ? 'Aliases' : 'Renames')}\n      </rapid-stepper-tab>\n      <rapid-stepper-tab>Delivery</rapid-stepper-tab>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <base-config class=\"centered block\"></base-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <datasource-config-container class=\"centered block\"></datasource-config-container>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <row-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></row-filters-tutorial>\n          <row-filters></row-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-filters-tutorial>\n          <col-filters></col-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <data-transforms-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></data-transforms-tutorial>\n          <data-transforms-derived-fields></row-transforms-derived-fields>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <!--\n      <rapid-stepper-tab-panel>Transform Data Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Sorting Content Goes Here</rapid-stepper-tab-panel>\n-->\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-renames-aliases-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-renames-aliases-tutorial>\n          <col-rename-alias></col-rename-alias>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"scheduling-container pad\">\n          <scheduling-config class=\"centered scheduling-container-margin\"></scheduling-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <!--\n\n\n      <rapid-stepper-tab-panel>Destinations Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Summary Content Goes Here</rapid-stepper-tab-panel>\n-->\n    </rapid-stepper>\n  </template>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CloneReportConfigModalTemplate",
+          "name": "template",
           "declaration": {
-            "name": "CloneReportConfigModalTemplate",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts"
+            "name": "template",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts",
+      "path": "src/new/main/edit-config/config-journey-orchestrator.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "CloneReportConfigModal",
+          "description": "Orchestrates validate/save/discard for report config editing.",
+          "name": "ConfigJourneyOrchestrator",
           "members": [
             {
               "kind": "field",
@@ -4455,184 +4564,232 @@
             },
             {
               "kind": "field",
-              "name": "cloneReportConfigModal",
-              "type": {
-                "text": "Modal"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "reportConfigDetails",
+              "name": "user",
               "type": {
-                "text": "Genesis.ServerReportConfig"
+                "text": "User"
               }
             },
             {
               "kind": "field",
-              "name": "reportName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "fileName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
+              "name": "validateConfig",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "fileTemplates",
-              "type": {
-                "text": "Array<Genesis.FileStorageDataRow>"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "showListViewHandler"
             },
             {
-              "kind": "field",
-              "name": "allowedTemplates",
-              "type": {
-                "text": "Array<Genesis.FileStorageDataRow>"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "validateProjectSetup"
             },
             {
-              "kind": "field",
-              "name": "selectedTemplateId",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
+              "kind": "method",
+              "name": "validateDatasource"
             },
             {
-              "kind": "field",
-              "name": "isImportMode",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "saveConfigHandler"
             },
             {
               "kind": "method",
-              "name": "getReportConfigDetails",
+              "name": "displayError",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "ID",
+                  "name": "e",
                   "type": {
-                    "text": "string"
+                    "text": "Error"
                   }
+                },
+                {
+                  "name": "expose",
+                  "default": "false"
                 }
               ]
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "showReportConfigModal",
-              "parameters": [
-                {
-                  "name": "ID",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
+              "name": "set-report-config-disp-mode"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitter",
+              "package": "@genesislcap/foundation-events"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "config-journey-orchestrator",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ConfigJourneyOrchestrator",
+          "declaration": {
+            "name": "ConfigJourneyOrchestrator",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "config-journey-orchestrator",
+          "declaration": {
+            "name": "ConfigJourneyOrchestrator",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/generated-reports/generated-reports.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "GeneratedReportsStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .container {\n    padding: calc(var(--design-unit) * 4px);\n    width: 40%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GeneratedReportsStyles",
+          "declaration": {
+            "name": "GeneratedReportsStyles",
+            "module": "src/new/main/generated-reports/generated-reports.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/generated-reports/generated-reports.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "GeneratedReportsTemplate",
+          "default": "html<GeneratedReports>`\n  ${(x) =>\n    permissionTemplateGuard(x, [Permissions.ReportView, Permissions.ReportRun], viewTemplate)}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GeneratedReportsTemplate",
+          "declaration": {
+            "name": "GeneratedReportsTemplate",
+            "module": "src/new/main/generated-reports/generated-reports.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/generated-reports/generated-reports.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "GeneratedReports",
+          "members": [
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
             },
             {
-              "kind": "method",
-              "name": "showImportModal",
-              "parameters": [
-                {
-                  "name": "config",
-                  "type": {
-                    "text": "Genesis.ServerReportConfig"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "generatedReportsDatasource",
+              "type": {
+                "text": "GridProGenesisDatasource"
+              }
             },
             {
-              "kind": "method",
-              "name": "closeCloneReportConfigModal"
+              "kind": "field",
+              "name": "generatedReportId",
+              "type": {
+                "text": "string | null"
+              }
             },
             {
-              "kind": "method",
-              "name": "getFileTemplates",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
+              "kind": "field",
+              "name": "gridCriteria",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "user",
+              "type": {
+                "text": "User"
               }
             },
             {
-              "kind": "method",
-              "name": "getAllowedTemplates",
-              "return": {
-                "type": {
-                  "text": "Array<Genesis.FileStorageDataRow>"
-                }
+              "kind": "field",
+              "name": "searchBarConfig",
+              "type": {
+                "text": "array"
               },
-              "parameters": [
-                {
-                  "name": "outputFormat",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "privacy": "public",
+              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n    {\n      field: 'FILE_NAME',\n      label: (searchTerm) => `${searchTerm} as FILE_NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH &&\n          !selectedOption.some((e) => e.field === 'FILE_NAME')\n        );\n      },\n    },\n    {\n      field: 'STATUS',\n      label: (searchTerm) => `${searchTerm} as STATUS`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'STATUS')\n        );\n      },\n    },\n  ]"
+            },
+            {
+              "kind": "field",
+              "name": "getColor"
+            },
+            {
+              "kind": "field",
+              "name": "getStatusRenderer"
             },
             {
               "kind": "method",
-              "name": "handleTemplateSelectChange",
-              "parameters": [
-                {
-                  "name": "selectInput",
-                  "type": {
-                    "text": "HTMLSelectElement"
-                  }
-                }
-              ]
+              "name": "getColumnDefs"
             },
             {
               "kind": "method",
-              "name": "discardChanges"
+              "name": "getGridOptions"
             },
             {
               "kind": "method",
-              "name": "filterFields",
+              "name": "downloadReport",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Partial<T>"
-                }
-              },
               "parameters": [
                 {
-                  "name": "obj",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "excludedFields",
+                  "name": "fileStorageId",
                   "type": {
-                    "text": "readonly string[]"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "cloneReportConfig"
+              "name": "deleteReport",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "generatedReportId"
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "showErrorToast",
+              "name": "searchChanged",
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "CustomEvent<Array<SelectedOption>>"
                   }
                 }
               ]
@@ -4642,105 +4799,93 @@
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "clone-report-config-modal",
+          "tagName": "generated-reports",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CloneReportConfigModal",
+          "name": "GeneratedReports",
           "declaration": {
-            "name": "CloneReportConfigModal",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
+            "name": "GeneratedReports",
+            "module": "src/new/main/generated-reports/generated-reports.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "clone-report-config-modal",
+          "name": "generated-reports",
           "declaration": {
-            "name": "CloneReportConfigModal",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
+            "name": "GeneratedReports",
+            "module": "src/new/main/generated-reports/generated-reports.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/renderers/data-transform-renderer.ts",
+      "path": "src/new/main/report-destinations/report-destinations.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "template",
+          "default": "html<ReportDestinations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportDestinationView, viewTemplate)}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "template",
+          "declaration": {
+            "name": "template",
+            "module": "src/new/main/report-destinations/report-destinations.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/report-destinations/report-destinations.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataTransformRenderer",
+          "name": "ReportDestinations",
           "members": [
             {
               "kind": "field",
-              "name": "params",
+              "name": "connect",
               "type": {
-                "text": "DataTransformRendererParams"
+                "text": "Connect"
               },
-              "privacy": "public"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "topics",
               "type": {
-                "text": "ExpressionBuilderTypes.ValueConfig"
+                "text": "string[]"
               },
-              "privacy": "public"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "modal",
+              "name": "user",
               "type": {
-                "text": "Modal"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "init",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "params",
-                  "type": {
-                    "text": "DataTransformRendererParams"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getGui",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "HTMLElement"
-                }
+                "text": "User"
               }
             },
             {
-              "kind": "method",
-              "name": "refresh",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "getUISchema",
+              "type": {
+                "text": "UiSchema"
               },
-              "parameters": [
-                {
-                  "name": "params",
-                  "type": {
-                    "text": "DataTransformRendererParams"
-                  }
-                }
-              ]
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "changeHandler",
+              "kind": "method",
+              "name": "setNotifyRouteTopics",
               "privacy": "public"
             }
           ],
@@ -4748,486 +4893,254 @@
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "data-transform-cell-renderer",
+          "tagName": "report-destinations",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataTransformRenderer",
+          "name": "ReportDestinations",
           "declaration": {
-            "name": "DataTransformRenderer",
-            "module": "src/new/components/renderers/data-transform-renderer.ts"
+            "name": "ReportDestinations",
+            "module": "src/new/main/report-destinations/report-destinations.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "data-transform-cell-renderer",
+          "name": "report-destinations",
           "declaration": {
-            "name": "DataTransformRenderer",
-            "module": "src/new/components/renderers/data-transform-renderer.ts"
+            "name": "ReportDestinations",
+            "module": "src/new/main/report-destinations/report-destinations.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/reporting-configurations/reporting-configurations.styles.ts",
+      "path": "src/new/store/slices/base-config.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "ReportingConfigurationStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .header-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n    gap: calc(var(--design-unit) * 4px);\n    border-bottom: 1px solid var(--neutral-fill-rest);\n  }\n\n  .header-buttons {\n    display: flex;\n    align-items: center;\n  }\n\n  rapid-button.header-btn {\n    background: transparent;\n    color: var(--neutral-foreground-hint);\n  }\n\n  rapid-button.header-btn::part(content) {\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-button.header-btn:hover {\n    background: var(--neutral-fill-stealth-rest);\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-search-bar {\n    width: 30%;\n  }\n`"
+          "name": "baseSlice"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportingConfigurationStyles",
+          "name": "baseSlice",
           "declaration": {
-            "name": "ReportingConfigurationStyles",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.styles.ts"
+            "name": "baseSlice",
+            "module": "src/new/store/slices/base-config.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/reporting-configurations/reporting-configurations.template.ts",
+      "path": "src/new/store/slices/datasources-config.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "ReportingConfigurationsTemplate",
-          "default": "html<ReportingConfigurations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportConfigurationView, viewTemplate)}\n`"
+          "name": "initialState",
+          "type": {
+            "text": "DatasourceConfig"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "datasourceSlice"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportingConfigurationsTemplate",
+          "name": "initialState",
           "declaration": {
-            "name": "ReportingConfigurationsTemplate",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.template.ts"
+            "name": "initialState",
+            "module": "src/new/store/slices/datasources-config.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "datasourceSlice",
+          "declaration": {
+            "name": "datasourceSlice",
+            "module": "src/new/store/slices/datasources-config.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/reporting-configurations/reporting-configurations.ts",
+      "path": "src/new/store/slices/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./base-config"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./datasources-config"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./types"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/store/slices/types.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "Report configuration grid and toolbar actions.",
-          "name": "ReportingConfigurations",
-          "members": [
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "reportConfigurationsDatasource",
-              "type": {
-                "text": "GridProGenesisDatasource"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "gridCriteria",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "cloneConfigModal",
-              "type": {
-                "text": "CloneReportConfigModal"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "importFileInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "user",
-              "type": {
-                "text": "User"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "searchBarConfig",
-              "type": {
-                "text": "array"
-              },
-              "privacy": "public",
-              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n  ]"
-            },
-            {
-              "kind": "method",
-              "name": "createNewReportHandler"
-            },
-            {
-              "kind": "method",
-              "name": "editReportConfigHandler",
-              "parameters": [
-                {
-                  "name": "{ NAME, ID }",
-                  "type": {
-                    "text": "{ NAME: string; ID: string }"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getColumnDefs"
-            },
-            {
-              "kind": "method",
-              "name": "getGridOptions"
-            },
-            {
-              "kind": "method",
-              "name": "deleteReportConfig",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "reportConfigId"
-                },
-                {
-                  "name": "reportName"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "runReport",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "reportConfigId"
-                },
-                {
-                  "name": "reportName"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "searchChanged",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<Array<SelectedOption>>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "openCloneReportConfigModal",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "importConfigHandler"
-            },
-            {
-              "kind": "method",
-              "name": "handleFileImport",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "exportConfig",
-              "parameters": [
-                {
-                  "name": "{ NAME, ID }",
-                  "type": {
-                    "text": "{ NAME: string; ID: string }"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
-              "name": "set-report-config-disp-mode"
-            },
-            {
-              "name": "highlight-grid-row"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "EventEmitter",
-              "package": "@genesislcap/foundation-events"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
+          "kind": "variable",
+          "name": "deselectedColumns",
+          "type": {
+            "text": "array"
           },
-          "tagName": "reporting-configurations",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ReportingConfigurations",
-          "declaration": {
-            "name": "ReportingConfigurations",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
-          }
+          "default": "['RECORD_ID', 'TIMESTAMP']"
         },
-        {
-          "kind": "custom-element-definition",
-          "name": "reporting-configurations",
-          "declaration": {
-            "name": "ReportingConfigurations",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/components/shared/file-template-picker.template.ts",
-      "declarations": [
         {
           "kind": "variable",
-          "name": "NULL_TEMPLATE",
+          "name": "datasourceInputs",
           "type": {
-            "text": "string"
+            "text": "['REQ_REP', 'DATA_PIPELINE']"
           },
-          "default": "'Select a template'"
+          "default": "['REQ_REP', 'DATA_PIPELINE']"
         },
         {
           "kind": "variable",
-          "name": "allowedTemplateFiletypes",
+          "name": "datasourceOutputs",
           "type": {
-            "text": "Record<ReportOutputTypes, string[]>"
+            "text": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
           },
-          "default": "{\n  CSV: ['csv', 'txt'],\n  PDF: ['html', 'xhtml'],\n  XLSX: ['xls', 'xlsx'],\n}"
+          "default": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
         },
         {
           "kind": "variable",
-          "name": "fileTemplatePicker",
-          "default": "html<BaseConfig | CloneReportConfigModal>`\n  <label class=\"label\">File template${tooltip(TOOLTIP.SETUP_FILE_TEMPLATE)}</label>\n  ${repeat(\n    (x) => (x.allowedTemplates?.length > 0 ? [x] : []),\n    html<BaseConfig | CloneReportConfigModal>`\n      <rapid-select\n        data-test-id=\"config-document-template\"\n        :value=${(x) => x.selectedTemplateId || NULL_TEMPLATE}\n        @change=${(x, ctx) => x.handleTemplateSelectChange(ctx.event.target as HTMLSelectElement)}\n      >\n        <rapid-option value=${() => NULL_TEMPLATE}>${NULL_TEMPLATE}</rapid-option>\n        ${repeat(\n          (x) => x.allowedTemplates,\n          html<Genesis.FileStorageDataRow>`\n            <rapid-option value=\"${(x) => x[Genesis.FileStorageFields.FILE_STORAGE_ID]}\">\n              ${(x) => x[Genesis.FileStorageFields.FILE_NAME]}\n            </rapid-option>\n          `,\n        )}\n      </rapid-select>\n    `,\n    { recycle: false },\n  )}\n  ${when(\n    (x) => !x.allowedTemplates || x.allowedTemplates.length === 0,\n    html`\n      No valid templates available for this output format.\n    `,\n  )}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NULL_TEMPLATE",
-          "declaration": {
-            "name": "NULL_TEMPLATE",
-            "module": "src/new/components/shared/file-template-picker.template.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "allowedTemplateFiletypes",
-          "declaration": {
-            "name": "allowedTemplateFiletypes",
-            "module": "src/new/components/shared/file-template-picker.template.ts"
-          }
+          "name": "datasourceGroupingStrategies",
+          "type": {
+            "text": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
+          },
+          "default": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
         },
         {
-          "kind": "js",
-          "name": "fileTemplatePicker",
-          "declaration": {
-            "name": "fileTemplatePicker",
-            "module": "src/new/components/shared/file-template-picker.template.ts"
-          }
+          "kind": "variable",
+          "name": "reportOutputFormats",
+          "type": {
+            "text": "['CSV', 'PDF', 'XLSX']"
+          },
+          "default": "['CSV', 'PDF', 'XLSX']"
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/lib/redux-store/index.ts",
-      "declarations": [],
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "deselectedColumns",
           "declaration": {
-            "name": "*",
-            "package": "./store"
+            "name": "deselectedColumns",
+            "module": "src/new/store/slices/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./state-utils"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/lib/redux-store/state-utils.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "find",
+          "name": "datasourceInputs",
           "declaration": {
-            "name": "find",
-            "package": "lodash"
+            "name": "datasourceInputs",
+            "module": "src/new/store/slices/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "get",
+          "name": "datasourceOutputs",
           "declaration": {
-            "name": "get",
-            "package": "lodash"
+            "name": "datasourceOutputs",
+            "module": "src/new/store/slices/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "set",
+          "name": "datasourceGroupingStrategies",
           "declaration": {
-            "name": "set",
-            "package": "lodash"
+            "name": "datasourceGroupingStrategies",
+            "module": "src/new/store/slices/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "findIndex",
+          "name": "reportOutputFormats",
           "declaration": {
-            "name": "findIndex",
-            "package": "lodash"
+            "name": "reportOutputFormats",
+            "module": "src/new/store/slices/types.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/lib/redux-store/store.ts",
+      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "createStore",
-          "return": {
-            "type": {
-              "text": "StoreReturn<S>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "slices",
-              "type": {
-                "text": "S"
-              }
-            },
-            {
-              "name": "preloadedState",
-              "type": {
-                "text": "RootStateFromSlices<S>"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "cloneReportConfigModalStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n  }\n\n  .clone-report-config-modal::part(dialog) {\n    padding: calc(var(--design-unit) * 4px);\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-top {\n    font-size: var(--type-ramp-plus-2-font-size);\n    font-weight: 600;\n    line-height: var(--type-ramp-plus-2-line-height);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    gap: calc(var(--design-unit) * 3px);\n    margin: 0;\n    padding: calc(var(--design-unit) * 4px) 0;\n  }\n\n  .help-text {\n    margin-bottom: calc(var(--design-unit) * 4px);\n    word-break: break-word;\n    white-space: normal;\n  }\n\n  .help-text p {\n    margin: 0;\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "createSlice",
-          "declaration": {
-            "name": "createSlice",
-            "package": "@reduxjs/toolkit"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "createStore",
+          "name": "cloneReportConfigModalStyles",
           "declaration": {
-            "name": "createStore",
-            "module": "src/new/lib/redux-store/store.ts"
+            "name": "cloneReportConfigModalStyles",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/config-journey-orchestrator.styles.ts",
+      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "styles",
-          "default": "css`\n  :host {\n    --stepper-size: 50px;\n    ${constrainedDimensions({ navToContentPx: 300 })}\n  }\n\n  div.pad {\n    padding-top: 50px;\n  }\n\n  .centered {\n    max-width: var(--constrained-width);\n    max-height: calc(100vh - var(--reporting-header-to-content-height));\n    width: 100%;\n    margin: auto;\n  }\n\n  .scheduling-container {\n    display: flex;\n    height: 100%;\n  }\n\n  .scheduling-container-margin {\n    margin: 0 auto;\n  }\n\n  .block {\n    display: block;\n  }\n\n  datasource-config-container,\n  base-config {\n    overflow-y: auto;\n    overflow-x: clip;\n    min-height: var(--constrained-height);\n  }\n\n  div.button-container {\n    z-index: 1 !important;\n    position: absolute;\n    top: calc(var(--stepper-size) + calc(var(--design-unit) * 3px));\n    right: calc(var(--design-unit) * 3px);\n    display: flex;\n    align-content: center;\n    align-items: center;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  tabbed-datasource-container,\n  row-filters {\n    max-width: var(--constrained-width);\n    margin: auto;\n    display: block;\n  }\n\n  rapid-stepper::part(action-buttons-container) {\n    border-top: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 4px);\n  }\n\n  rapid-stepper::part(stepper-tab-panel) {\n    background: var(--app-bg-color);\n    justify-content: space-between;\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n  }\n\n  rapid-stepper::part(stepper-tab) {\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    height: var(--stepper-size);\n  }\n\n  rapid-stepper::part(stepper-panel-container) {\n    overflow: hidden;\n    contain: size;\n  }\n\n  rapid-stepper.hidden::part(action-buttons-container) {\n    display: none;\n  }\n\n  rapid-stepper::part(stepper-tab-menu) {\n    margin: 0;\n    gap: 0;\n  }\n\n  rapid-stepper::part(stepper-tab-progress) {\n    background: var(--app-bg-color);\n    justify-content: center;\n    padding: 0;\n  }\n\n  /**\n   * Hacky way for now - need to adjust it in foundation\n  */\n  rapid-stepper-tab {\n    --neutral-layer-3: var(--app-bg-color);\n  }\n\n  :host(.readonly) rapid-stepper-tab-panel {\n    pointer-events: none;\n  }\n\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
+          "name": "CloneReportConfigModalTemplate",
+          "default": "html<CloneReportConfigModal>`\n  <rapid-modal\n    ${ref('cloneReportConfigModal')}\n    class=\"clone-report-config-modal\"\n    :onCloseCallback=${(x) => x.closeCloneReportConfigModal()}\n  >\n    <div slot=\"top\" class=\"dialog-top\">\n      ${(x) => (x.isImportMode ? 'Import Report Config' : 'Clone Report Config')}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div class=\"dialog-content\">\n      <div class=\"help-text\">\n        <p>\n          ${(x) =>\n            x.isImportMode\n              ? 'Here you can import a report configuration from a file. You need to set a new report and filename as they must be unique.'\n              : \"Here you can clone a report configuration you've already made. You need to set a new report and filename as they must be unique.\"}\n        </p>\n      </div>\n      <label class=\"label\">Report name${requiredTooltip}${tooltip(TOOLTIP.SETUP_NAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.reportName)}\n        placeholder=\"Enter report name\"\n      ></rapid-text-field>\n      <label class=\"label\">File name${requiredTooltip}${tooltip(TOOLTIP.SETUP_FILENAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.fileName)}\n        placeholder=\"Enter file name\"\n      ></rapid-text-field>\n      ${when(\n        (x) => x.isImportMode && !!x.reportConfigDetails?.DOCUMENT_TEMPLATE_ID,\n        html`\n          ${fileTemplatePicker}\n          <p style=\"max-width: 745px;\">\n            Because the exported report requires a selected template you must select a valid\n            template to import this configuration. If there isn't a valid template then you must\n            upload one via the document manager component.\n          </p>\n        `,\n      )}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div slot=\"bottom\" class=\"dialog-bottom\">\n      <rapid-button @click=${(x) => x.discardChanges()}>Cancel</rapid-button>\n      <rapid-button appearance=\"primary\" @click=${(x) => x.cloneReportConfig()}>\n        ${(x) => (x.isImportMode ? 'Import' : 'Clone')}\n      </rapid-button>\n    </div>\n  </rapid-modal>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "CloneReportConfigModalTemplate",
           "declaration": {
-            "name": "styles",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.styles.ts"
+            "name": "CloneReportConfigModalTemplate",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/config-journey-orchestrator.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "template",
-          "default": "html<ConfigJourneyOrchestrator>`\n  <template class=\"${(x) => classNames(['readonly', !permissionGuard(x, editPermission)])}\">\n    <div class=\"button-container\">\n      ${(ctx) =>\n        permissionTemplateGuard(\n          ctx,\n          editPermission,\n          html<ConfigJourneyOrchestrator>`\n            <rapid-button appearance=\"primary\" @click=${(x) => x.saveConfigHandler()}>\n              Save and Close\n            </rapid-button>\n          `,\n          html`\n            <p>You have read-only permissions</p>\n          `,\n        )}\n      <rapid-button @click=${(x) => x.showListViewHandler()}>\n        ${(x) => (permissionGuard(x, editPermission) ? 'Discard Changes' : 'Close')}\n      </rapid-button>\n    </div>\n\n    <rapid-stepper\n      allow-backward-jumps\n      allow-forward-jumps\n      orientation=\"horizontal\"\n      hide-submit-button\n      hide-step-number\n      :validation=${(x) => [\n        { isValid: () => x.validateProjectSetup() },\n        { isValid: () => x.validateDatasource() },\n      ]}\n    >\n      <rapid-stepper-tab>Report Setup</rapid-stepper-tab>\n      <rapid-stepper-tab>Add Datasources</rapid-stepper-tab>\n      <rapid-stepper-tab>Row Filters</rapid-stepper-tab>\n      <rapid-stepper-tab>Column Visibility</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Transform & Derive Data</rapid-stepper-tab>-->\n      <rapid-stepper-tab>Formatting</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Sorting</rapid-stepper-tab>-->\n      <rapid-stepper-tab>\n        Column\n        ${(_) => (selectors.baseConfig.getConfig().DOCUMENT_TEMPLATE_ID ? 'Aliases' : 'Renames')}\n      </rapid-stepper-tab>\n      <rapid-stepper-tab>Delivery</rapid-stepper-tab>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <base-config class=\"centered block\"></base-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <datasource-config-container class=\"centered block\"></datasource-config-container>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <row-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></row-filters-tutorial>\n          <row-filters></row-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-filters-tutorial>\n          <col-filters></col-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <data-transforms-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></data-transforms-tutorial>\n          <data-transforms-derived-fields></row-transforms-derived-fields>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <!--\n      <rapid-stepper-tab-panel>Transform Data Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Sorting Content Goes Here</rapid-stepper-tab-panel>\n-->\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-renames-aliases-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-renames-aliases-tutorial>\n          <col-rename-alias></col-rename-alias>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"scheduling-container pad\">\n          <scheduling-config class=\"centered scheduling-container-margin\"></scheduling-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <!--\n\n\n      <rapid-stepper-tab-panel>Destinations Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Summary Content Goes Here</rapid-stepper-tab-panel>\n-->\n    </rapid-stepper>\n  </template>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "template",
-          "declaration": {
-            "name": "template",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/config-journey-orchestrator.ts",
+      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Orchestrates validate/save/discard for report config editing.",
-          "name": "ConfigJourneyOrchestrator",
+          "description": "",
+          "name": "CloneReportConfigModal",
           "members": [
             {
               "kind": "field",
@@ -5238,164 +5151,29 @@
             },
             {
               "kind": "field",
-              "name": "user",
-              "type": {
-                "text": "User"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validateConfig",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "showListViewHandler"
-            },
-            {
-              "kind": "method",
-              "name": "validateProjectSetup"
-            },
-            {
-              "kind": "method",
-              "name": "validateDatasource"
-            },
-            {
-              "kind": "method",
-              "name": "saveConfigHandler"
-            },
-            {
-              "kind": "method",
-              "name": "displayError",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Error"
-                  }
-                },
-                {
-                  "name": "expose",
-                  "default": "false"
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
-              "name": "set-report-config-disp-mode"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "EventEmitter",
-              "package": "@genesislcap/foundation-events"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "config-journey-orchestrator",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ConfigJourneyOrchestrator",
-          "declaration": {
-            "name": "ConfigJourneyOrchestrator",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "config-journey-orchestrator",
-          "declaration": {
-            "name": "ConfigJourneyOrchestrator",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/generated-reports/generated-reports.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "GeneratedReportsStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .container {\n    padding: calc(var(--design-unit) * 4px);\n    width: 40%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GeneratedReportsStyles",
-          "declaration": {
-            "name": "GeneratedReportsStyles",
-            "module": "src/new/main/generated-reports/generated-reports.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/generated-reports/generated-reports.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "GeneratedReportsTemplate",
-          "default": "html<GeneratedReports>`\n  ${(x) =>\n    permissionTemplateGuard(x, [Permissions.ReportView, Permissions.ReportRun], viewTemplate)}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GeneratedReportsTemplate",
-          "declaration": {
-            "name": "GeneratedReportsTemplate",
-            "module": "src/new/main/generated-reports/generated-reports.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/generated-reports/generated-reports.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "GeneratedReports",
-          "members": [
-            {
-              "kind": "field",
-              "name": "connect",
+              "name": "cloneReportConfigModal",
               "type": {
-                "text": "Connect"
+                "text": "Modal"
               }
             },
             {
               "kind": "field",
-              "name": "generatedReportsDatasource",
+              "name": "reportConfigDetails",
               "type": {
-                "text": "GridProGenesisDatasource"
+                "text": "Genesis.ServerReportConfig"
               }
             },
             {
               "kind": "field",
-              "name": "generatedReportId",
+              "name": "reportName",
               "type": {
-                "text": "string | null"
-              }
+                "text": "string"
+              },
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "gridCriteria",
+              "name": "fileName",
               "type": {
                 "text": "string"
               },
@@ -5403,163 +5181,262 @@
             },
             {
               "kind": "field",
-              "name": "user",
+              "name": "fileTemplates",
               "type": {
-                "text": "User"
-              }
+                "text": "Array<Genesis.FileStorageDataRow>"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "searchBarConfig",
+              "name": "allowedTemplates",
               "type": {
-                "text": "array"
+                "text": "Array<Genesis.FileStorageDataRow>"
               },
-              "privacy": "public",
-              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n    {\n      field: 'FILE_NAME',\n      label: (searchTerm) => `${searchTerm} as FILE_NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH &&\n          !selectedOption.some((e) => e.field === 'FILE_NAME')\n        );\n      },\n    },\n    {\n      field: 'STATUS',\n      label: (searchTerm) => `${searchTerm} as STATUS`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'STATUS')\n        );\n      },\n    },\n  ]"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "getColor"
+              "name": "selectedTemplateId",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "getStatusRenderer"
+              "name": "isImportMode",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "method",
-              "name": "getColumnDefs"
+              "name": "getReportConfigDetails",
+              "parameters": [
+                {
+                  "name": "ID",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getGridOptions"
+              "name": "showReportConfigModal",
+              "parameters": [
+                {
+                  "name": "ID",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "downloadReport",
-              "privacy": "private",
+              "name": "showImportModal",
               "parameters": [
                 {
-                  "name": "fileStorageId",
+                  "name": "config",
                   "type": {
-                    "text": "string"
+                    "text": "Genesis.ServerReportConfig"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "deleteReport",
-              "privacy": "private",
+              "name": "closeCloneReportConfigModal"
+            },
+            {
+              "kind": "method",
+              "name": "getFileTemplates",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAllowedTemplates",
+              "return": {
+                "type": {
+                  "text": "Array<Genesis.FileStorageDataRow>"
+                }
+              },
               "parameters": [
                 {
-                  "name": "generatedReportId"
+                  "name": "outputFormat",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "searchChanged",
+              "name": "handleTemplateSelectChange",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "selectInput",
                   "type": {
-                    "text": "CustomEvent<Array<SelectedOption>>"
+                    "text": "HTMLSelectElement"
                   }
                 }
               ]
-            }
+            },
+            {
+              "kind": "method",
+              "name": "discardChanges"
+            },
+            {
+              "kind": "method",
+              "name": "filterFields",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Partial<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "obj",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "excludedFields",
+                  "type": {
+                    "text": "readonly string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "cloneReportConfig"
+            },
+            {
+              "kind": "method",
+              "name": "showErrorToast",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "generated-reports",
+          "tagName": "clone-report-config-modal",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GeneratedReports",
+          "name": "CloneReportConfigModal",
           "declaration": {
-            "name": "GeneratedReports",
-            "module": "src/new/main/generated-reports/generated-reports.ts"
+            "name": "CloneReportConfigModal",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "generated-reports",
-          "declaration": {
-            "name": "GeneratedReports",
-            "module": "src/new/main/generated-reports/generated-reports.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/report-destinations/report-destinations.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "template",
-          "default": "html<ReportDestinations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportDestinationView, viewTemplate)}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "template",
+          "name": "clone-report-config-modal",
           "declaration": {
-            "name": "template",
-            "module": "src/new/main/report-destinations/report-destinations.template.ts"
+            "name": "CloneReportConfigModal",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/report-destinations/report-destinations.ts",
+      "path": "src/new/components/renderers/data-transform-renderer.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ReportDestinations",
+          "name": "DataTransformRenderer",
           "members": [
             {
               "kind": "field",
-              "name": "connect",
+              "name": "params",
               "type": {
-                "text": "Connect"
+                "text": "DataTransformRendererParams"
               },
-              "privacy": "private"
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "topics",
+              "name": "value",
               "type": {
-                "text": "string[]"
+                "text": "ExpressionBuilderTypes.ValueConfig"
               },
-              "default": "[]"
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "user",
+              "name": "modal",
               "type": {
-                "text": "User"
+                "text": "Modal"
               }
             },
             {
-              "kind": "field",
-              "name": "getUISchema",
-              "type": {
-                "text": "UiSchema"
-              },
-              "readonly": true
+              "kind": "method",
+              "name": "init",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "DataTransformRendererParams"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "setNotifyRouteTopics",
+              "name": "getGui",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "refresh",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "DataTransformRendererParams"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "changeHandler",
               "privacy": "public"
             }
           ],
@@ -5567,200 +5444,323 @@
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "report-destinations",
+          "tagName": "data-transform-cell-renderer",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportDestinations",
+          "name": "DataTransformRenderer",
           "declaration": {
-            "name": "ReportDestinations",
-            "module": "src/new/main/report-destinations/report-destinations.ts"
+            "name": "DataTransformRenderer",
+            "module": "src/new/components/renderers/data-transform-renderer.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "report-destinations",
+          "name": "data-transform-cell-renderer",
           "declaration": {
-            "name": "ReportDestinations",
-            "module": "src/new/main/report-destinations/report-destinations.ts"
+            "name": "DataTransformRenderer",
+            "module": "src/new/components/renderers/data-transform-renderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/base-config.ts",
+      "path": "src/new/components/reporting-configurations/reporting-configurations.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "baseSlice"
+          "name": "ReportingConfigurationStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .header-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n    gap: calc(var(--design-unit) * 4px);\n    border-bottom: 1px solid var(--neutral-fill-rest);\n  }\n\n  .header-buttons {\n    display: flex;\n    align-items: center;\n  }\n\n  rapid-button.header-btn {\n    background: transparent;\n    color: var(--neutral-foreground-hint);\n  }\n\n  rapid-button.header-btn::part(content) {\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-button.header-btn:hover {\n    background: var(--neutral-fill-stealth-rest);\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-search-bar {\n    width: 30%;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "baseSlice",
+          "name": "ReportingConfigurationStyles",
           "declaration": {
-            "name": "baseSlice",
-            "module": "src/new/store/slices/base-config.ts"
+            "name": "ReportingConfigurationStyles",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/datasources-config.ts",
+      "path": "src/new/components/reporting-configurations/reporting-configurations.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "initialState",
-          "type": {
-            "text": "DatasourceConfig"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "datasourceSlice"
+          "name": "ReportingConfigurationsTemplate",
+          "default": "html<ReportingConfigurations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportConfigurationView, viewTemplate)}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "initialState",
-          "declaration": {
-            "name": "initialState",
-            "module": "src/new/store/slices/datasources-config.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "datasourceSlice",
+          "name": "ReportingConfigurationsTemplate",
           "declaration": {
-            "name": "datasourceSlice",
-            "module": "src/new/store/slices/datasources-config.ts"
+            "name": "ReportingConfigurationsTemplate",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/index.ts",
-      "declarations": [],
-      "exports": [
+      "path": "src/new/components/reporting-configurations/reporting-configurations.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./base-config"
-          }
-        },
+          "kind": "class",
+          "description": "Report configuration grid and toolbar actions.",
+          "name": "ReportingConfigurations",
+          "members": [
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reportConfigurationsDatasource",
+              "type": {
+                "text": "GridProGenesisDatasource"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "gridCriteria",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "cloneConfigModal",
+              "type": {
+                "text": "CloneReportConfigModal"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "importFileInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "user",
+              "type": {
+                "text": "User"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "searchBarConfig",
+              "type": {
+                "text": "array"
+              },
+              "privacy": "public",
+              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n  ]"
+            },
+            {
+              "kind": "method",
+              "name": "createNewReportHandler"
+            },
+            {
+              "kind": "method",
+              "name": "editReportConfigHandler",
+              "parameters": [
+                {
+                  "name": "{ NAME, ID }",
+                  "type": {
+                    "text": "{ NAME: string; ID: string }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getColumnDefs"
+            },
+            {
+              "kind": "method",
+              "name": "getGridOptions"
+            },
+            {
+              "kind": "method",
+              "name": "deleteReportConfig",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "reportConfigId"
+                },
+                {
+                  "name": "reportName"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "runReport",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "reportConfigId"
+                },
+                {
+                  "name": "reportName"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "searchChanged",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<Array<SelectedOption>>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "openCloneReportConfigModal",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "importConfigHandler"
+            },
+            {
+              "kind": "method",
+              "name": "handleFileImport",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "exportConfig",
+              "parameters": [
+                {
+                  "name": "{ NAME, ID }",
+                  "type": {
+                    "text": "{ NAME: string; ID: string }"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
+              "name": "set-report-config-disp-mode"
+            },
+            {
+              "name": "highlight-grid-row"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitter",
+              "package": "@genesislcap/foundation-events"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "reporting-configurations",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "ReportingConfigurations",
           "declaration": {
-            "name": "*",
-            "package": "./datasources-config"
+            "name": "ReportingConfigurations",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "reporting-configurations",
           "declaration": {
-            "name": "*",
-            "package": "./types"
+            "name": "ReportingConfigurations",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/types.ts",
+      "path": "src/new/components/shared/file-template-picker.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "deselectedColumns",
-          "type": {
-            "text": "array"
-          },
-          "default": "['RECORD_ID', 'TIMESTAMP']"
-        },
-        {
-          "kind": "variable",
-          "name": "datasourceInputs",
-          "type": {
-            "text": "['REQ_REP', 'DATA_PIPELINE']"
-          },
-          "default": "['REQ_REP', 'DATA_PIPELINE']"
-        },
-        {
-          "kind": "variable",
-          "name": "datasourceOutputs",
+          "name": "NULL_TEMPLATE",
           "type": {
-            "text": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
+            "text": "string"
           },
-          "default": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
+          "default": "'Select a template'"
         },
         {
           "kind": "variable",
-          "name": "datasourceGroupingStrategies",
+          "name": "allowedTemplateFiletypes",
           "type": {
-            "text": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
+            "text": "Record<ReportOutputTypes, string[]>"
           },
-          "default": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
+          "default": "{\n  CSV: ['csv', 'txt'],\n  PDF: ['html', 'xhtml'],\n  XLSX: ['xls', 'xlsx'],\n}"
         },
         {
           "kind": "variable",
-          "name": "reportOutputFormats",
-          "type": {
-            "text": "['CSV', 'PDF', 'XLSX']"
-          },
-          "default": "['CSV', 'PDF', 'XLSX']"
+          "name": "fileTemplatePicker",
+          "default": "html<BaseConfig | CloneReportConfigModal>`\n  <label class=\"label\">File template${tooltip(TOOLTIP.SETUP_FILE_TEMPLATE)}</label>\n  ${repeat(\n    (x) => (x.allowedTemplates?.length > 0 ? [x] : []),\n    html<BaseConfig | CloneReportConfigModal>`\n      <rapid-select\n        data-test-id=\"config-document-template\"\n        :value=${(x) => x.selectedTemplateId || NULL_TEMPLATE}\n        @change=${(x, ctx) => x.handleTemplateSelectChange(ctx.event.target as HTMLSelectElement)}\n      >\n        <rapid-option value=${() => NULL_TEMPLATE}>${NULL_TEMPLATE}</rapid-option>\n        ${repeat(\n          (x) => x.allowedTemplates,\n          html<Genesis.FileStorageDataRow>`\n            <rapid-option value=\"${(x) => x[Genesis.FileStorageFields.FILE_STORAGE_ID]}\">\n              ${(x) => x[Genesis.FileStorageFields.FILE_NAME]}\n            </rapid-option>\n          `,\n        )}\n      </rapid-select>\n    `,\n    { recycle: false },\n  )}\n  ${when(\n    (x) => !x.allowedTemplates || x.allowedTemplates.length === 0,\n    html`\n      No valid templates available for this output format.\n    `,\n  )}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "deselectedColumns",
-          "declaration": {
-            "name": "deselectedColumns",
-            "module": "src/new/store/slices/types.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "datasourceInputs",
-          "declaration": {
-            "name": "datasourceInputs",
-            "module": "src/new/store/slices/types.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "datasourceOutputs",
+          "name": "NULL_TEMPLATE",
           "declaration": {
-            "name": "datasourceOutputs",
-            "module": "src/new/store/slices/types.ts"
+            "name": "NULL_TEMPLATE",
+            "module": "src/new/components/shared/file-template-picker.template.ts"
           }
         },
         {
           "kind": "js",
-          "name": "datasourceGroupingStrategies",
+          "name": "allowedTemplateFiletypes",
           "declaration": {
-            "name": "datasourceGroupingStrategies",
-            "module": "src/new/store/slices/types.ts"
+            "name": "allowedTemplateFiletypes",
+            "module": "src/new/components/shared/file-template-picker.template.ts"
           }
         },
         {
           "kind": "js",
-          "name": "reportOutputFormats",
+          "name": "fileTemplatePicker",
           "declaration": {
-            "name": "reportOutputFormats",
-            "module": "src/new/store/slices/types.ts"
+            "name": "fileTemplatePicker",
+            "module": "src/new/components/shared/file-template-picker.template.ts"
           }
         }
       ]