ng-configcat-publicapi-ui 5.3.12 → 5.3.13

package/fesm2022/ng-configcat-publicapi-ui.mjs

@@ -22,6 +22,7 @@ import { MatIcon } from '@angular/material/icon';
 import { MatSnackBarRef, MAT_SNACK_BAR_DATA, MatSnackBarAction, MatSnackBarActions, MatSnackBarLabel, MatSnackBar } from '@angular/material/snack-bar';
 import { takeUntilDestroyed, rxResource } from '@angular/core/rxjs-interop';
 import { timer, Subject, forkJoin, of, tap, catchError as catchError$1, throwError, distinctUntilChanged } from 'rxjs';
+import Papa from 'papaparse';
 import { valid } from 'semver';
 import { map, catchError } from 'rxjs/operators';
 import * as i2 from '@rxweb/reactive-form-validators';
@@ -39,9 +40,7 @@ import { MatDivider } from '@angular/material/divider';
 import { MatTableDataSource, MatTable, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow } from '@angular/material/table';
 import { sha1 } from '@configcat/sdk/lib/esm/Hash.js';
 import { CdkCopyToClipboard, Clipboard } from '@angular/cdk/clipboard';
-import { getValidatorsForSettingType as getValidatorsForSettingType$1, generateValueFormGroup as generateValueFormGroup$1, generatePrerequisiteDefaultValue as generatePrerequisiteDefaultValue$1, generateComparisonValueFormGroup as generateComparisonValueFormGroup$1, addComparisonValueListValueItems as addComparisonValueListValueItems$1, getComparisonValueType as getComparisonValueType$1, getComparisonValueSemverValidators as getComparisonValueSemverValidators$1, getComparisonValueStringValidators as getComparisonValueStringValidators$1, getComparisonValueSemverListItemValidators as getComparisonValueSemverListItemValidators$1, getComparisonValueStringListItemValidators as getComparisonValueStringListItemValidators$1, generateComparisonValueListValueArray as generateComparisonValueListValueArray$1, generateConditionFormGroup as generateConditionFormGroup$1, generateEmptySegmentConditionFormGroup as generateEmptySegmentConditionFormGroup$1, generateEmptyPrerequisiteFlagConditionFormGroup as generateEmptyPrerequisiteFlagConditionFormGroup$1, generatePercentageOptionFormGroup as generatePercentageOptionFormGroup$1, generateDefaultValue as generateDefaultValue$1 } from 'projects/ng-configcat-publicapi-ui/src/public-api';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
-import { formatValuesAsCsv, formatValuesAndHintAsCsv, formatValuesAndHintAsJson, parseValuesFromCsv, parseValuesAndHintsFromCsv, parseValuesAndHintsFromJson } from 'projects/ng-configcat-publicapi-ui/src/lib/_services/comparison-value-list-helper';
 import { MatRadioGroup, MatRadioButton } from '@angular/material/radio';
 import { MatPaginator } from '@angular/material/paginator';
 
@@ -562,6 +561,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
             type: Injectable
         }] });
 
+function formatValuesAndHintAsJson(comparisonValueList) {
+    return JSON.stringify(comparisonValueList, null, 2);
+}
+function formatValuesAndHintAsCsv(comparisonValueList) {
+    const data = comparisonValueList.map(comparisonValueListItem => {
+        return [
+            formatCsvStringValue(comparisonValueListItem.value),
+            formatCsvStringValue(comparisonValueListItem.hint ?? ""),
+        ].join(",");
+    });
+    return data.join("\r\n");
+}
+function formatValuesAsCsv(comparisonValueList) {
+    const data = comparisonValueList.map(comparisonValueList => formatCsvStringValue(comparisonValueList.value));
+    return data.join(",");
+}
+function formatCsvStringValue(value) {
+    if (!value) {
+        return "";
+    }
+    const escaped = value.replaceAll('"', '""');
+    return '"' + escaped + '"';
+}
+function parseValuesAndHintsFromJson(value) {
+    if (value === "") {
+        return { comparisonValueList: [] };
+    }
+    try {
+        const parsed = JSON.parse(value);
+        return { comparisonValueList: parsed.filter(v => !!v.value) };
+    }
+    catch {
+        return { comparisonValueList: [], error: "Parse error." };
+    }
+}
+function parseValuesAndHintsFromCsv(value) {
+    if (value === "") {
+        return { comparisonValueList: [] };
+    }
+    const parseResult = Papa.parse(value, { delimiter: ",", skipEmptyLines: true });
+    if (parseResult.errors.length) {
+        return { comparisonValueList: [], error: "Parse error." };
+    }
+    if (parseResult?.data.length === 0) {
+        return { comparisonValueList: [] };
+    }
+    return {
+        comparisonValueList: parseResult.data
+            .map(p => ({ value: p[0], hint: p[1] }))
+            .filter(v => !!v.value),
+    };
+}
+function parseValuesFromCsv(value) {
+    if (value === "") {
+        return { comparisonValueList: [] };
+    }
+    const parseResult = Papa.parse(value + ",", { delimiter: ",", skipEmptyLines: true });
+    if (parseResult.errors?.length) {
+        return { comparisonValueList: [], error: "Parse error." };
+    }
+    if (!parseResult?.data?.length) {
+        return { comparisonValueList: [] };
+    }
+    return {
+        comparisonValueList: parseResult.data
+            .flat()
+            .map(p => ({ value: p }))
+            .filter(v => !!v.value),
+    };
+}
+
 function validateSemVer(c) {
     if (valid(c.value) === null) {
         return {
@@ -3852,7 +3922,7 @@ class FeatureFlagValueComponent {
             data: {
                 value: stringValueControl.value,
                 readOnly: stringValueControl.disabled,
-                validators: getValidatorsForSettingType$1(SettingType.String, this.featureFlagLimitations()),
+                validators: getValidatorsForSettingType(SettingType.String, this.featureFlagLimitations()),
                 maxValueLength: this.featureFlagLimitations().maxStringFlagValueLength ?? 100000,
                 description: this.isPrerequisite()
                     ? "Modify the text within the editor to change the prerequisite flag comparison value. The editor supports JSON syntax highlighting."
@@ -3994,7 +4064,7 @@ class PrerequisiteFlagConditionComponent {
         const prerequisiteSettingType = newSetting?.settingType ?? SettingType.Boolean;
         const variations = newSetting?.predefinedVariations ?? [];
         if (changeNeeded) {
-            this.formGroup().setControl("prerequisiteComparisonValue", generateValueFormGroup$1(generatePrerequisiteDefaultValue$1(prerequisiteSettingType, variations), prerequisiteSettingType, variations, false, this.featureFlagLimitations()));
+            this.formGroup().setControl("prerequisiteComparisonValue", generateValueFormGroup(generatePrerequisiteDefaultValue(prerequisiteSettingType, variations), prerequisiteSettingType, variations, false, this.featureFlagLimitations()));
         }
         this.prerequisiteConditionChanged.emit();
     }
@@ -4500,7 +4570,7 @@ class PopoutListEditorDialogComponent {
         this.setFormGroup(comparisonValueList);
     }
     setFormGroup(comparisonValueList) {
-        this.listValueFormArray = generateComparisonValueFormGroup$1({ listValue: comparisonValueList, doubleValue: null, stringValue: null }, this.data.comparator, this.data.readOnly, this.data.featureFlagLimitations).controls.listValue;
+        this.listValueFormArray = generateComparisonValueFormGroup({ listValue: comparisonValueList, doubleValue: null, stringValue: null }, this.data.comparator, this.data.readOnly, this.data.featureFlagLimitations).controls.listValue;
         if (this.listValueFormArray.invalid) {
             this.listValueFormArray.markAllAsTouched();
         }
@@ -4546,7 +4616,7 @@ class PopoutListEditorDialogComponent {
         if (this.listValueFormArray.controls.length >= this.data.featureFlagLimitations.maxComparisonValueListLength) {
             return;
         }
-        addComparisonValueListValueItems$1(this.data.comparator, this.listValueFormArray, [{ value: "", hint: null }], this.data.featureFlagLimitations);
+        addComparisonValueListValueItems(this.data.comparator, this.listValueFormArray, [{ value: "", hint: null }], this.data.featureFlagLimitations);
         this.setDataSource();
         this.filterValue = "";
         this.applyFilter();
@@ -4971,7 +5041,7 @@ class UserConditionComponent {
         this.fakeFormControl = new FormControl("");
     }
     ngOnChanges() {
-        this.rolloutRuleComparatorType = getComparisonValueType$1(this.formGroup().controls.comparator.value);
+        this.rolloutRuleComparatorType = getComparisonValueType(this.formGroup().controls.comparator.value);
         this.isClearTextComparator = isClearTextComparator(this.formGroup().controls.comparator.value);
         this.errorStateMatcher = new ListValueErrorStateMatcher(this.formGroup());
         this.selectedComparator = this.formGroup().controls.comparator.value;
@@ -5010,7 +5080,7 @@ class UserConditionComponent {
         this.selectedComparator = comparatorValue;
         this.isClearTextComparator = isClearTextComparator(this.formGroup().controls.comparator.value);
         const oldRolloutRuleComparatorType = this.rolloutRuleComparatorType;
-        this.rolloutRuleComparatorType = getComparisonValueType$1(this.formGroup().controls.comparator.value);
+        this.rolloutRuleComparatorType = getComparisonValueType(this.formGroup().controls.comparator.value);
         if (oldRolloutRuleComparatorType !== this.rolloutRuleComparatorType) {
             const defaultValue = this.rolloutRuleComparatorType === UserComparatorType.DateTime
                 ? {
@@ -5019,7 +5089,7 @@ class UserConditionComponent {
                     stringValue: null,
                 }
                 : { doubleValue: null, listValue: null, stringValue: null };
-            this.formGroup().setControl("comparisonValue", generateComparisonValueFormGroup$1(defaultValue, this.formGroup().controls.comparator.value, false, this.featureFlagLimitations()));
+            this.formGroup().setControl("comparisonValue", generateComparisonValueFormGroup(defaultValue, this.formGroup().controls.comparator.value, false, this.featureFlagLimitations()));
         }
     }
     compDialog() {
@@ -5062,7 +5132,7 @@ class UserConditionComponent {
             return;
         }
         if (!value.includes(",")) {
-            addComparisonValueListValueItems$1(this.formGroup().controls.comparator.value, this.formGroup().controls.comparisonValue.controls.listValue, [{ value, hint: null }], this.featureFlagLimitations());
+            addComparisonValueListValueItems(this.formGroup().controls.comparator.value, this.formGroup().controls.comparisonValue.controls.listValue, [{ value, hint: null }], this.featureFlagLimitations());
             return;
         }
         const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
@@ -5081,11 +5151,11 @@ class UserConditionComponent {
                     this.messagingService.showErrorSnack("Parse error");
                 }
                 else if (comparisonValueListParseResult.comparisonValueList.length > 0) {
-                    addComparisonValueListValueItems$1(this.formGroup().controls.comparator.value, this.formGroup().controls.comparisonValue.controls.listValue, comparisonValueListParseResult.comparisonValueList, this.featureFlagLimitations());
+                    addComparisonValueListValueItems(this.formGroup().controls.comparator.value, this.formGroup().controls.comparisonValue.controls.listValue, comparisonValueListParseResult.comparisonValueList, this.featureFlagLimitations());
                 }
             }
             else {
-                addComparisonValueListValueItems$1(this.formGroup().controls.comparator.value, this.formGroup().controls.comparisonValue.controls.listValue, [{ value, hint: null }], this.featureFlagLimitations());
+                addComparisonValueListValueItems(this.formGroup().controls.comparator.value, this.formGroup().controls.comparisonValue.controls.listValue, [{ value, hint: null }], this.featureFlagLimitations());
             }
         });
     }
@@ -5139,8 +5209,8 @@ class UserConditionComponent {
                 value: formGroup.controls.comparisonValue.controls.stringValue.value,
                 readOnly: formGroup.controls.comparisonValue.controls.stringValue.disabled,
                 validators: this.rolloutRuleComparatorType === UserComparatorType.Semver
-                    ? getComparisonValueSemverValidators$1(this.featureFlagLimitations())
-                    : getComparisonValueStringValidators$1(this.featureFlagLimitations()),
+                    ? getComparisonValueSemverValidators(this.featureFlagLimitations())
+                    : getComparisonValueStringValidators(this.featureFlagLimitations()),
                 maxValueLength: this.featureFlagLimitations().maxComparisonValueLength,
                 description: "Modify the text within the editor to change the comparison value. The editor supports JSON syntax highlighting.",
             },
@@ -5177,11 +5247,11 @@ class UserConditionComponent {
                 if (JSON.stringify(oldValue) === JSON.stringify(newValue)) {
                     return;
                 }
-                const validators = getComparisonValueType$1(this.formGroup().controls.comparator.value) ===
+                const validators = getComparisonValueType(this.formGroup().controls.comparator.value) ===
                     UserComparatorType.SemverList
-                    ? getComparisonValueSemverListItemValidators$1(this.featureFlagLimitations())
-                    : getComparisonValueStringListItemValidators$1(this.featureFlagLimitations());
-                const formArray = generateComparisonValueListValueArray$1(data.comparisonValueList, this.readOnly(), this.featureFlagLimitations(), validators);
+                    ? getComparisonValueSemverListItemValidators(this.featureFlagLimitations())
+                    : getComparisonValueStringListItemValidators(this.featureFlagLimitations());
+                const formArray = generateComparisonValueListValueArray(data.comparisonValueList, this.readOnly(), this.featureFlagLimitations(), validators);
                 this.formGroup().controls.comparisonValue.setControl("listValue", formArray);
                 this.formGroup().controls.comparisonValue.updateValueAndValidity();
                 this.formGroup().controls.comparisonValue.markAllAsTouched();
@@ -5348,7 +5418,7 @@ class ConditionsComponent {
     addUserCondition() {
         if (!this.checkLimitations())
             return;
-        const f = generateConditionFormGroup$1({
+        const f = generateConditionFormGroup({
             userCondition: {
                 comparisonAttribute: "Identifier",
                 comparator: UserComparator.SensitiveTextEquals,
@@ -5368,7 +5438,7 @@ class ConditionsComponent {
             return;
         }
         const f = new FormGroup({
-            segmentCondition: generateEmptySegmentConditionFormGroup$1(),
+            segmentCondition: generateEmptySegmentConditionFormGroup(),
         });
         this.formArray().push(f);
         f.markAsDirty();
@@ -5377,7 +5447,7 @@ class ConditionsComponent {
         if (!this.checkLimitations())
             return;
         const f = new FormGroup({
-            prerequisiteFlagCondition: generateEmptyPrerequisiteFlagConditionFormGroup$1(this.featureFlagLimitations()),
+            prerequisiteFlagCondition: generateEmptyPrerequisiteFlagConditionFormGroup(this.featureFlagLimitations()),
         });
         this.formArray().push(f);
         f.markAsDirty();
@@ -5448,9 +5518,9 @@ class PercentageOptionsComponent {
         if (this.flagState().settingValue.setting.predefinedVariations.length && !remainingPredefinedVariations.length) {
             return;
         }
-        this.formArray().push(generatePercentageOptionFormGroup$1({
+        this.formArray().push(generatePercentageOptionFormGroup({
             percentage: 0,
-            value: generateDefaultValue$1(this.flagState().settingValue.setting.settingType, remainingPredefinedVariations),
+            value: generateDefaultValue(this.flagState().settingValue.setting.settingType, remainingPredefinedVariations),
         }, this.flagState().settingValue.setting.settingType, this.flagState().settingValue.setting.predefinedVariations, false, this.featureFlagLimitations()));
         this.formArray().markAsDirty();
         this.percentageOptionsCount.set(this.formArray().controls.length);
@@ -7139,5 +7209,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthorizationComponent, CONFIGCAT_PUBLICAPI_UI_CONFIGURATION, ConfigSelectComponent, CreateConfigComponent, CreateFeatureFlagComponent, DeleteSettingDialogComponent, EnvironmentSelectComponent, FeatureFlagItemComponent, FormHelper, InputDisplayNormalizerDirective, LinkFeatureFlagComponent, LoaderComponent, ProductSelectComponent, PublicApiService, SettingItemComponent, SettingSelectComponent, Theme, ThemeService, UserComparatorText, UserComparatorType, addComparisonValueListValueItems, defaultErrorMessageTypes, featureFlagKeyRegex, generateComparisonValueFormGroup, generateComparisonValueListFormGroup, generateComparisonValueListValueArray, generateConditionFormGroup, generateDefaultValue, generateDefaultValueFormGroup, generateEmptyPrerequisiteFlagConditionFormGroup, generateEmptySegmentConditionFormGroup, generatePercentageEvaluationAttributeFormControl, generatePercentageOptionFormGroup, generatePrerequisiteDefaultValue, generatePrerequisiteFlagConditionFormGroup, generateSegmentConditionFormGroup, generateSettingValuesFormGroup, generateTargetingRuleFormGroup, generateTargetingRuleWithEmptyPercentageOptions, generateUserConditionFormGroup, generateValueFormGroup, getComparisonValueSemverListItemValidators, getComparisonValueSemverValidators, getComparisonValueStringListItemValidators, getComparisonValueStringValidators, getComparisonValueType, getEmptyPercentageOptions, getNextIndex, getRawSettiongValue, getRawValue, getValidatorsForSettingType, isClearTextComparator, isPercentageOnlyTargetingRule, percentageRegex, provideConfigCatPublicApiUi, validatePercentageSum, wholeNumberRegex };
+export { AuthorizationComponent, CONFIGCAT_PUBLICAPI_UI_CONFIGURATION, ConfigSelectComponent, CreateConfigComponent, CreateFeatureFlagComponent, DeleteSettingDialogComponent, EnvironmentSelectComponent, FeatureFlagItemComponent, FormHelper, InputDisplayNormalizerDirective, LinkFeatureFlagComponent, LoaderComponent, ProductSelectComponent, PublicApiService, SettingItemComponent, SettingSelectComponent, Theme, ThemeService, UserComparatorText, UserComparatorType, addComparisonValueListValueItems, defaultErrorMessageTypes, featureFlagKeyRegex, formatCsvStringValue, formatValuesAndHintAsCsv, formatValuesAndHintAsJson, formatValuesAsCsv, generateComparisonValueFormGroup, generateComparisonValueListFormGroup, generateComparisonValueListValueArray, generateConditionFormGroup, generateDefaultValue, generateDefaultValueFormGroup, generateEmptyPrerequisiteFlagConditionFormGroup, generateEmptySegmentConditionFormGroup, generatePercentageEvaluationAttributeFormControl, generatePercentageOptionFormGroup, generatePrerequisiteDefaultValue, generatePrerequisiteFlagConditionFormGroup, generateSegmentConditionFormGroup, generateSettingValuesFormGroup, generateTargetingRuleFormGroup, generateTargetingRuleWithEmptyPercentageOptions, generateUserConditionFormGroup, generateValueFormGroup, getComparisonValueSemverListItemValidators, getComparisonValueSemverValidators, getComparisonValueStringListItemValidators, getComparisonValueStringValidators, getComparisonValueType, getEmptyPercentageOptions, getNextIndex, getRawSettiongValue, getRawValue, getValidatorsForSettingType, isClearTextComparator, isPercentageOnlyTargetingRule, parseValuesAndHintsFromCsv, parseValuesAndHintsFromJson, parseValuesFromCsv, percentageRegex, provideConfigCatPublicApiUi, validatePercentageSum, wholeNumberRegex };
 //# sourceMappingURL=ng-configcat-publicapi-ui.mjs.map