@genesislcap/pbc-reconciliation-ui 0.0.38 → 0.0.40

package/dist/esm/components/configurations-panel/configurations-panel.js

@@ -1,13 +1,14 @@
 import { __decorate } from "tslib";
 import { showNotificationDialog } from '@genesislcap/foundation-notifications';
-import { GenesisElement, customElement, observable } from '@genesislcap/web-core';
+import { DOM, GenesisElement, customElement, observable } from '@genesislcap/web-core';
 import { ConfigurationsPanelTemplate } from './configurations-panel.template';
 import { ConfigurationsPanelStyles } from './configurations-panel.styles';
-import { ConfigurationMode, } from '../../reconciliation.types';
+import { ReconciliationFrequency, ConfigurationMode, ReconciliationMethod, DatasourceType, } from '../../reconciliation.types';
 import { ReconciliationConfigurationService } from '../../services/reconciliation-configuration.service';
 import { DataDictionaryService } from '../../services/data-dictionary.service';
 import { logger } from '../../utils';
-import { showNotificationError } from '../../utils/notification';
+import { showNotificationError, showNotificationErrors } from '../../utils/notification';
+import { isEmpty } from '../../utils/isEmpty';
 let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
     constructor() {
         super(...arguments);
@@ -16,24 +17,35 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
         this.dataDictionaries = [];
         this.selectedConfiguration = null;
         this.configurationName = null;
-        this.datasourceName = null;
+        this.reconciliationFrequency = ReconciliationFrequency.BATCH;
+        this.reconciliationStrategy = ReconciliationMethod.ONE_TO_ONE;
         this.dataDictionaryId = '';
         this.showConfigurationDetails = false;
         this.matchNull = false;
         this.reconRules = [];
         this.dataDictionaryFields = [];
         this.filteredRuleFields = [];
+        this.dataPipelineList = [];
         this.isEditingDatasourceName = false;
+        this.onPrimaryDatasourceChange = (selection) => {
+            this.primaryDatasource = selection;
+        };
     }
     async connectedCallback() {
         super.connectedCallback();
         await this.setConfigurations();
         await this.setDataDictionaries();
+        await this.setDataPipelines();
     }
     async setConfigurations() {
         this.configurations =
             await this.reconciliationConfigurationService.getReconciliationConfigurations();
     }
+    async setDataPipelines() {
+        const response = await this.reconciliationConfigurationService.getReconciliationDataPipelines();
+        this.dataPipelineList = this.reconciliationFrequency === ReconciliationFrequency.BATCH ?
+            response.BATCH_DATA_SOURCE_NAMES : response.REAL_TIME_DATA_SOURCE_NAMES;
+    }
     async setDataDictionaries() {
         var _a;
         this.dataDictionaries = await this.dataDictionaryService.getDataDictionaries();
@@ -51,20 +63,29 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
         this.reset();
         this.dataDictionaryChanged();
         this.showConfigurationDetails = true;
+        DOM.queueUpdate(() => {
+            this.resetDatasources();
+        });
+    }
+    resetDatasources() {
+        this.firstDatasource.setDefaultDatasource('Datasource 1');
+        this.secondDatasource.setDefaultDatasource('Datasource 2');
     }
     reset() {
         this.selectedConfiguration = {};
         this.configurationName = null;
         this.datasources = [];
         this.reconRules = [];
-        this.datasourceType = null;
         this.dataDictionaryId =
             this.dataDictionaries.length > 0 ? this.dataDictionaries[0].DICTIONARY_ID : '';
         this.matchNull = false;
+        this.primaryDatasource = null;
     }
     async selectConfiguration(configuration) {
         this.reset();
         this.configurationMode = ConfigurationMode.EDIT;
+        this.reconciliationStrategy = configuration.RECONCILIATION_STRATEGY;
+        this.primaryDatasource = configuration.PRIMARY_DATASOURCE;
         this.selectedConfiguration = configuration;
         this.configurationName = configuration.NAME;
         this.dataDictionaryId = configuration.DICTIONARY_ID;
@@ -77,9 +98,15 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
             }) || [];
         this.filterReconRuleFields();
         const dataSourceConfig = await this.reconciliationConfigurationService.getReconciliationDatasourceConfiguration(configuration.RECONCILIATION_CONFIG_ID);
-        this.datasources = dataSourceConfig;
         this.matchNull = configuration.MATCH_NULL;
         this.showConfigurationDetails = true;
+        this.datasources = dataSourceConfig;
+        DOM.queueUpdate(() => {
+            if (this.reconciliationStrategy === ReconciliationMethod.ONE_TO_ONE) {
+                this.firstDatasource.setDatasource(this.datasources[0]);
+                this.secondDatasource.setDatasource(this.datasources[1]);
+            }
+        });
     }
     deleteConfiguration(index) {
         showNotificationDialog({
@@ -107,43 +134,69 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
             },
         }, 'rapid');
     }
-    addDataSource(datasourceType) {
+    addDataSource(datasource) {
         var _a;
-        if (!datasourceType) {
-            return;
-        }
         this.datasources.push({
-            NAME: (_a = this.datasourceName) !== null && _a !== void 0 ? _a : `Data Source ${this.datasources.length + 1}`,
-            TYPE: datasourceType,
-            IS_EDITING: false
+            NAME: (_a = datasource.NAME) !== null && _a !== void 0 ? _a : `Data Source ${this.datasources.length + 1}`,
+            TYPE: datasource.TYPE,
+            CONFIG_DATA: datasource.CONFIG_DATA,
+            IS_EDITING: false,
         });
-        this.datasourceName = null;
-        this.datasourceType = undefined;
     }
     deleteDataSource(index) {
         if (this.configurationMode === ConfigurationMode.CREATE) {
             this.datasources.splice(index, 1);
         }
     }
+    setDatasources() {
+        let datasourcesList = [];
+        if (this.configurationMode === ConfigurationMode.CREATE &&
+            this.reconciliationStrategy === ReconciliationMethod.ONE_TO_ONE) {
+            datasourcesList.push(this.firstDatasource.getDatasource(0));
+            datasourcesList.push(this.secondDatasource.getDatasource(1));
+            this.datasources = datasourcesList;
+        }
+    }
     transformDatasources() {
         return this.datasources.map((dataSource, index) => {
-            return Object.assign(Object.assign({}, dataSource), { NAME: dataSource.NAME, INDEX: index });
+            return Object.assign(Object.assign({}, dataSource), { INDEX: index });
         });
     }
-    saveConfiguration() {
+    validateDatasources() {
+        let validate = true;
+        this.datasources.forEach((element) => {
+            if (element.TYPE === DatasourceType.PIPELINE && isEmpty(element.CONFIG_DATA)) {
+                validate = false;
+                return false;
+            }
+        });
+        return validate;
+    }
+    validateConfiguration() {
+        let errors = [];
         if (!this.configurationName || !this.dataDictionaryId || this.datasources.length === 0) {
-            showNotificationError([
-                { CODE: 'Missing fields', TEXT: 'Please fill in all required fields.' },
-            ]);
-            return;
+            errors.push({ CODE: 'Missing fields', TEXT: 'Please fill in all required fields.' });
         }
-        if (this.datasources.length > 2) {
-            showNotificationError([
-                {
-                    CODE: 'Datasources limit exceeded',
-                    TEXT: 'Only 2 datasources are allowed for a configuration.',
-                },
-            ]);
+        if (this.reconciliationStrategy === ReconciliationMethod.ONE_TO_MANY &&
+            !this.primaryDatasource) {
+            errors.push({
+                CODE: 'Missing primary datasource',
+                TEXT: 'Please provide primary datasource for 1:N reconciliation strategy',
+            });
+        }
+        if (!this.validateDatasources()) {
+            errors.push({
+                CODE: 'Missing Pipeline source',
+                TEXT: 'Data Pipeline Source required',
+            });
+        }
+        return errors;
+    }
+    saveConfiguration() {
+        this.setDatasources();
+        let errors = this.validateConfiguration();
+        if (errors.length > 0) {
+            showNotificationErrors(errors);
             return;
         }
         let reqObject;
@@ -151,11 +204,12 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
             case ConfigurationMode.CREATE:
                 reqObject = {
                     DICTIONARY_ID: this.dataDictionaryId,
-                    RECONCILIATION_STRATEGY: 'ONE_TO_ONE',
+                    RECONCILIATION_STRATEGY: this.reconciliationStrategy,
                     NAME: this.configurationName,
                     RULES: this.reconRules,
                     DATASOURCES: this.transformDatasources(),
                     MATCH_NULL: this.matchNull,
+                    PRIMARY_DATASOURCE_NAME: this.primaryDatasource,
                 };
                 this.reconciliationConfigurationService
                     .createReconciliationConfiguration(reqObject)
@@ -170,6 +224,7 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
                     RULES: this.reconRules,
                     DATASOURCES: this.datasources,
                     MATCH_NULL: this.matchNull,
+                    PRIMARY_DATASOURCE_NAME: this.primaryDatasource,
                 };
                 this.reconciliationConfigurationService
                     .updateReconciliationConfiguration(reqObject)
@@ -217,6 +272,25 @@ let ConfigurationsPanel = class ConfigurationsPanel extends GenesisElement {
         this.reconRules = [];
         this.filterReconRuleFields();
     }
+    datasourceNameChanged(evt, index) {
+        const { value } = evt.target;
+        if (this.datasources[index].NAME === this.primaryDatasource) {
+            this.primaryDatasource = value;
+        }
+        this.datasources[index].NAME = value;
+    }
+    clearDatasources() {
+        this.datasources.splice(0, this.datasources.length);
+        this.primaryDatasource = null;
+    }
+    reconStrategyChanged() {
+        if (this.configurationMode === ConfigurationMode.CREATE &&
+            this.reconciliationStrategy === ReconciliationMethod.ONE_TO_ONE) {
+            DOM.queueUpdate(() => {
+                this.resetDatasources();
+            });
+        }
+    }
 };
 __decorate([
     ReconciliationConfigurationService
@@ -241,10 +315,10 @@ __decorate([
 ], ConfigurationsPanel.prototype, "configurationName", void 0);
 __decorate([
     observable
-], ConfigurationsPanel.prototype, "datasourceName", void 0);
+], ConfigurationsPanel.prototype, "reconciliationFrequency", void 0);
 __decorate([
     observable
-], ConfigurationsPanel.prototype, "datasourceType", void 0);
+], ConfigurationsPanel.prototype, "reconciliationStrategy", void 0);
 __decorate([
     observable
 ], ConfigurationsPanel.prototype, "dataDictionaryId", void 0);
@@ -266,6 +340,18 @@ __decorate([
 __decorate([
     observable
 ], ConfigurationsPanel.prototype, "filteredRuleFields", void 0);
+__decorate([
+    observable
+], ConfigurationsPanel.prototype, "firstDatasource", void 0);
+__decorate([
+    observable
+], ConfigurationsPanel.prototype, "secondDatasource", void 0);
+__decorate([
+    observable
+], ConfigurationsPanel.prototype, "primaryDatasource", void 0);
+__decorate([
+    observable
+], ConfigurationsPanel.prototype, "dataPipelineList", void 0);
 __decorate([
     observable
 ], ConfigurationsPanel.prototype, "isEditingDatasourceName", void 0);

package/dist/esm/components/configurations-panel/configurations-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"configurations-panel.js","sourceRoot":"","sources":["../../../../src/components/configurations-panel/configurations-panel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"configurations-panel.js","sourceRoot":"","sources":["../../../../src/components/configurations-panel/configurations-panel.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/configurations-panel/configurations-panel.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@genesislcap/web-core';
-import { buttonTag, dividerTag, segmentedItemTag, selectTag, textFieldTag } from '../../tags';
+import { badgeTag, buttonTag, dividerTag, segmentedItemTag, selectTag, textFieldTag, } from '../../tags';
 import { scrollbarStyles } from '../../styles/scrollbar.styles';
 const common = css `
   .data-source-record {
@@ -9,7 +9,7 @@ const common = css `
     align-items: center;
     padding: 0 calc(var(--design-unit) * 4px);
     border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
-    height: calc((var(--base-height-multiplier) + 1) * 4px);
+    height: calc(var(--base-height-multiplier) * 4px);
     color: var(--neutral-foreground-hint);
     background-color: var(--neutral-layer-2);
     color: var(--neutral-foreground-rest);
@@ -86,13 +86,14 @@ const configuration = css `
 
   .current-data-source-label {
     padding: 0 calc(var(--design-unit) * 4px);
+    margin-bottom: calc(var(--design-unit) * 3px);
   }
 
   /* #region Data Sources */
   .data-sources {
     display: flex;
     flex-direction: column;
-    gap: calc(var(--design-unit) * 2px);
+    gap: calc(var(--design-unit) * 3px);
   }
 
   .data-source-list {
@@ -101,11 +102,6 @@ const configuration = css `
     overflow: auto;
   }
 
-  .new-data-source {
-    display: flex;
-    flex-direction: column;
-  }
-
   .new-data-source-label,
   .current-data-source-label,
   .select-dictionary,
@@ -113,14 +109,6 @@ const configuration = css `
   .data-source-name-label {
     font-weight: bold;
     color: var(--neutral-foreground-hint);
-    padding-bottom: calc(var(--design-unit) * 2px);
-  }
-
-  .new-data-source-field {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 8px;
   }
 
   .data-source-types {
@@ -132,15 +120,50 @@ const configuration = css `
     width: 100%;
   }
 
+  .datasources-list-header {
+    display: flex;
+    justify-content: space-between;
+    width: 95%;
+  }
+
+  .file-type {
+    color: var(--success-color);
+  }
+
+  .file-type[aria-checked='true'] {
+    background-color: var(--success-color);
+    color: var(--neutral-foreground-rest);
+    border-color: var(--success-color);
+  }
+
+  .datapipeline-type {
+    color: var(--error-color);
+  }
+
+  .datapipeline-type[aria-checked='true'] {
+    background-color: var(--error-color);
+    color: var(--neutral-foreground-rest);
+    border-color: var(--error-color);
+  }
+
+  .datapipeline-select {
+    width: 100%;
+  }
+  ${badgeTag}::part(control) {
+    font-weight: 700;
+  }
+
   ${segmentedItemTag} {
     margin: 0;
     flex: auto;
     place-content: center;
+    font-size: var(--type-ramp-minus-1-font-size);
   }
 
   ${segmentedItemTag}[disabled] {
     cursor: not-allowed;
   }
+
   /* #region Data Sources */
 
   /* #region Reconciliation Rules */
@@ -291,11 +314,7 @@ const fields = css `
 
   .add-datasource {
     display: flex;
-    margin: 0;
     background-color: rgba(122, 204, 121, 0.5);
-    min-width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);
-    width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);
-    height: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);
   }
 
   ${buttonTag}.add-datasource::part(control) {

package/dist/esm/components/configurations-panel/configurations-panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"configurations-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/configurations-panel/configurations-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CjB,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwFrB,gBAAgB;;;;;;IAMhB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAoEW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CxC,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;IASd,YAAY;;;;;IAKZ,YAAY;;;;IAIZ,SAAS;;;;;IAKT,SAAS;;;;IAIT,SAAS;;;;;;;;;;;;;;;;;;;;;;IAsBT,SAAS;;;;IAIT,YAAY;;;CAGf,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;;;;;;;;;;IAYxC,eAAe;IACf,MAAM;IACN,aAAa;IACb,MAAM;;;;;CAKT,CAAC"}
+{"version":3,"file":"configurations-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/configurations-panel/configurations-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CjB,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyGrB,QAAQ;;;;IAIR,gBAAgB;;;;;;;IAOhB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAqEW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CxC,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;IASd,YAAY;;;;;IAKZ,YAAY;;;;IAIZ,SAAS;;;;;IAKT,SAAS;;;;IAIT,SAAS;;;;;;;;;;;;;;;;;;IAkBT,SAAS;;;;IAIT,YAAY;;;CAGf,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;;;;;;;;;;IAYxC,eAAe;IACf,MAAM;IACN,aAAa;IACb,MAAM;;;;;CAKT,CAAC"}

package/dist/esm/components/configurations-panel/configurations-panel.template.js

@@ -1,10 +1,12 @@
-import { html, repeat, when, whenElse } from '@genesislcap/web-core';
+import { html, ref, repeat, when, whenElse } from '@genesislcap/web-core';
+import { ConfigurationDatasources } from './configuration-datasources/configuration-datasources';
 import { sync } from '@genesislcap/foundation-utils';
-import { ConfigurationMode, DatasourceType, RuleMode, } from '../../reconciliation.types';
-import { buttonTag, dividerTag, iconTag, optionTag, segmentedControlTag, segmentedItemTag, selectTag, switchTag, textFieldTag, } from '../../tags';
+import { ConfigurationMode, ReconciliationFrequency, DatasourceType, RuleMode, ReconciliationMethod, } from '../../reconciliation.types';
+import { badgeTag, buttonTag, dividerTag, iconTag, optionTag, radioTag, segmentedControlTag, segmentedItemTag, selectTag, switchTag, textFieldTag, } from '../../tags';
 import { eventDetail } from '../../utils/eventDetail';
 import { ReconciliationRuleRow } from './reconciliation-rule-row/reconciliation-rule-row';
 ReconciliationRuleRow;
+ConfigurationDatasources;
 const listTemplate = html `
   <item-list
     :items=${(x) => x.configurations}
@@ -25,60 +27,94 @@ const configurationNameAndDatasourcesTemplate = html `
         <label class="configuration-name-label">Configuration Name</label>
         <${textFieldTag} :value=${sync((x) => x.configurationName)} :disabled=${(x) => x.configurationMode === ConfigurationMode.EDIT}></${textFieldTag}>
       </div>
+      <div class="configuration-name">
+        <label class="configuration-name-label">Configuration Method</label>
+        <${segmentedControlTag}
+          class="data-source-types"
+          :value=${sync((x) => x.reconciliationFrequency)}
+        >
+          <${segmentedItemTag}
+            :value=${(_) => ReconciliationFrequency.BATCH}
+          >
+            Batch
+          </${segmentedItemTag}>
+          <${segmentedItemTag}
+            disabled
+            :value=${(_) => ReconciliationFrequency.REAL_TIME}
+          >
+            Real-time
+          </${segmentedItemTag}>
+        </${segmentedControlTag}>
+        <${segmentedControlTag}
+          class="data-source-types"
+          :value=${sync((x) => x.reconciliationStrategy)}
+          @change=${(x, c) => x.reconStrategyChanged()}
+          disabled=${(x) => x.configurationMode === ConfigurationMode.EDIT}
+        >
+          <${segmentedItemTag}
+            :value=${(_) => ReconciliationMethod.ONE_TO_ONE}
+            @click=${(x, c) => x.clearDatasources()}
+          >
+            1:1
+          </${segmentedItemTag}>
+          <${segmentedItemTag}
+            :value=${(_) => ReconciliationMethod.ONE_TO_MANY}
+          >
+            1:N
+          </${segmentedItemTag}>
+          <${segmentedItemTag}
+            :value=${(_) => ReconciliationMethod.MANY_TO_MANY}
+            @click=${(x, c) => (x.primaryDatasource = null)}
+          >
+            N:N
+          </${segmentedItemTag}>
+        </${segmentedControlTag}>
+      </div>
 
       <${dividerTag}></${dividerTag}>
 
       <div class="data-sources">
         <label class="data-sources-label">Data Sources</label>
-
-        <div class="data-source-name">
-          <label class="data-source-name-label">Data Source Name</label>
-          <${textFieldTag} :value=${sync((x) => x.datasourceName)}></${textFieldTag}>
-        </div>
-
-        <div class="new-data-source">
-          <label class="new-data-source-label">Add New Data Source</label>
-          <div class="new-data-source-field">
-            <${segmentedControlTag}
-              disabled=${(x) => x.configurationMode === ConfigurationMode.EDIT}
-              class="data-source-types"
-              :value=${sync((x) => x.datasourceType)}
-            >
-              <${segmentedItemTag}
-                :value=${(_) => DatasourceType.FILE}
-              >
-                CSV
-              </${segmentedItemTag}>
-              <${segmentedItemTag}
-                :value=${(_) => DatasourceType.DATABASE}
-              >
-                Database
-              </${segmentedItemTag}>
-              <${segmentedItemTag}
-                :value=${(_) => DatasourceType.DATA_PIPELINE}
-              >
-                Data Pipeline
-              </${segmentedItemTag}>
-            </${segmentedControlTag}>
-
-            <${buttonTag}
-              class="add-datasource"
-              @click=${(x) => x.addDataSource(DatasourceType[x.datasourceType])}
-            >
-              <${iconTag} name="plus" size="md"></${iconTag}>
-            </${buttonTag}>
-          </div>
-        </div>
+        ${whenElse((x) => x.reconciliationStrategy === ReconciliationMethod.ONE_TO_ONE, html `
+          <label class="data-source-name-label">Add 1st Data Source</label>
+          <configuration-datasources 
+            :configurationMode=${(x) => x.configurationMode}  
+            ${ref('firstDatasource')}
+            :dataPipelineList=${(x) => x.dataPipelineList}
+          ></configuration-datasources>
+          <${dividerTag}></${dividerTag}>
+          <label class="data-source-name-label">Add 2nd Data Source</label>
+          <configuration-datasources 
+            :configurationMode=${(x) => x.configurationMode} 
+            ${ref('secondDatasource')}
+            :dataPipelineList=${(x) => x.dataPipelineList}
+            ></configuration-datasources>
+          `, html `
+            <label class="data-source-name-label">Add New Data Source</label>
+            <configuration-datasources
+              show-add-button
+              :configurationMode=${(x) => x.configurationMode}
+              :dataPipelineList=${(x) => x.dataPipelineList}
+              @addDatasource=${(x, c) => x.addDataSource(eventDetail(c))}
+            ></configuration-datasources>
+          `)}
       </div>
     </div>
-    
-    <div class="configuration-name-and-data-sources-list">
-      <label class="current-data-source-label">Current Data Sources</label>
-      <div class="data-source-list">
-        ${repeat((x) => x.datasources, html `
+    ${when((x) => x.reconciliationStrategy !== ReconciliationMethod.ONE_TO_ONE, html `
+        <div class="configuration-name-and-data-sources-list">
+          <div class="datasources-list-header">
+            <label class="current-data-source-label">Current Data Sources</label>
+            <label class="current-data-source-label">
+              ${(x) => x.reconciliationStrategy === ReconciliationMethod.ONE_TO_MANY ? 'Primary?' : ''}
+            </label>
+          </div>
+          <div class="data-source-list">
+            ${repeat((x) => x.datasources, html `
             <div class="data-source-record ${(x, c) => (c.parent.configurationMode === ConfigurationMode.EDIT ? 'data-source-record-disabled' : '')}" >
               <span class="data-source-record-name">
-                <${iconTag} name="file-excel" variant="regular" size="lg" class="excel-icon"></${iconTag}>
+                <${badgeTag} fill="${(x) => (x.TYPE === DatasourceType.FILE ? 'success' : 'danger')}" color="text" style="font-size: calc(var(--type-ramp-minus-2-font-size) - 1px); line-height: calc(var(--type-ramp-minus-2-font-size) - 2px);">
+                 ${(x) => (x.TYPE === DatasourceType.FILE ? 'File' : 'DPL')}
+                </${badgeTag}>
 
                 ${whenElse((x, c) => c.parent.isEditingDatasourceName && x.IS_EDITING, html `
                     <${textFieldTag}
@@ -92,9 +128,9 @@ const configurationNameAndDatasourcesTemplate = html `
     }
     return true;
 }}
-                      @input=${(x, c) => {
-    x.NAME = c.event.target.value;
-}}
+                      @input=${(x, c) => c.parent.datasourceNameChanged(c.event, c.index)}
+                       
+
                       @blur=${(x, c) => {
     x.IS_EDITING = false;
     c.parent.isEditingDatasourceName = false;
@@ -118,8 +154,19 @@ const configurationNameAndDatasourcesTemplate = html `
                         </span>
                       `)}
                   `)}
-              </span>              
-              
+              </span>
+              <div class="data-source-record-name-label">${(x) => { var _a; return (_a = x.CONFIG_DATA) !== null && _a !== void 0 ? _a : ''; }} </div>  
+              ${when((x, c) => c.parent.reconciliationStrategy === ReconciliationMethod.ONE_TO_MANY, html `
+                  <${radioTag}
+                    :checked=${(x, c) => c.parent.primaryDatasource === x.NAME}
+                    :value=${(x) => x.NAME}
+                    @click=${(x, c) => c.parent.onPrimaryDatasourceChange(x.NAME)}
+                    class="radio-button${(x, c) => c.parent.primaryDatasource === x.NAME ? ' active' : ''}"
+                    data-test-id=${(x) => `datasource-option-${x.NAME}`}
+                  >
+                  </${radioTag}>
+                `)}         
+ 
               <span class="data-source-record-delete" 
                 @click=${(x, c) => c.parent.deleteDataSource(c.index)}
               >
@@ -127,8 +174,10 @@ const configurationNameAndDatasourcesTemplate = html `
               </span>
             </div>
           `, { positioning: true })}
-      </div>
-    </div>
+          </div>
+        </div>
+      `)}
+
   </div>
 `;
 const reconciliationRulesTemplate = html `