digipay-utility-payment 0.0.6 → 0.0.8

package/fesm2022/digipay-utility-payment.mjs

@@ -198,6 +198,9 @@ class UserService {
     getUserByIdUsingJava(id, params = {}) {
         return this.http.get(`${this.baseUrl}/user/user_detail/${id}`, { params, headers: this.defaultHeaders });
     }
+    getUserConfig(params = {}) {
+        return this.http.get(`${this.baseUrl}/user/user_config`, { params, headers: this.defaultHeaders });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserService, providedIn: 'root' });
 }
@@ -240,6 +243,28 @@ class WalletService {
     getWalletUsingJava(params = {}) {
         return this.http.get(`${this.baseUrl}/transaction/wallet`, { params, headers: this.defaultHeaders });
     }
+    calculateCharges(params = {}) {
+        return this.http.post(`${this.baseUrl}/transaction/calculate_charges`, params, {
+            headers: this.defaultHeaders,
+        });
+    }
+    calculateAgentCharges(params = {}) {
+        return this.http.post(`${this.baseUrl}/transaction/agent_calculate_charges`, params, {
+            headers: this.defaultHeaders,
+        });
+    }
+    getAgentChargesListUsingJava(params = {}) {
+        return this.http.get(`${this.baseUrl}/agent_profile_threshold/agent_charges`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
+    getAgentChargeDetailsByIdUsingJava(params) {
+        return this.http.get(`${this.baseUrl}/agent_profile_threshold/agent_charges_detail`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WalletService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WalletService, providedIn: 'root' });
 }
@@ -757,10 +782,10 @@ class UtilitiesComponent {
         this.getProviderCategories();
     }
     getProviderCategories() {
-        this.topupAndBillpaymentService.getTopupAndBillpaymentCategories().subscribe({
+        this.topupAndBillpaymentService.getTopupAndBillpaymentCategories({ is_active: true }).subscribe({
             next: (res) => {
                 if (res?.success) {
-                    this.providerCategories = res?.data?.provider_category_master;
+                    this.providerCategories = res?.data?.provider_category_master?.filter((data) => data?.is_active);
                 }
                 else {
                     this.providerCategories = [];
@@ -3643,8 +3668,12 @@ class ViewBillsComponent {
                 }
                 else {
                     this.toasterService.error(this.translationService.translate(res?.error[0]));
+                    this.showLoader = false;
                 }
             },
+            error: () => {
+                this.showLoader = false;
+            }
         });
     }
     handleBillClick(data) {
@@ -3851,6 +3880,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }], ctorParameters: () => [] });
 
 class UserProfileService {
+    http = inject(HttpClient);
+    config = inject(PaymentsConfigService);
+    authProvider = inject(UTILITY_PAYMENTS_AUTH_PROVIDER, { optional: true });
+    get baseUrl() {
+        return this.config.getConfig()?.baseUrl ?? '';
+    }
+    get defaultHeaders() {
+        const cfg = this.config.getConfig();
+        const fromConfig = (cfg?.defaultHeaders ?? {});
+        const fromAuth = this.buildAuthHeaders();
+        return { ...fromAuth, ...fromConfig };
+    }
+    buildAuthHeaders() {
+        const headers = {};
+        if (!this.authProvider)
+            return headers;
+        const token = this.authProvider.getToken();
+        const companyId = this.authProvider.getCompanyId();
+        const userId = this.authProvider.getUserId();
+        if (token)
+            headers['Authorization'] = token.startsWith('Bearer ') ? token : `Bearer ${token}`;
+        if (companyId != null)
+            headers['companyid'] = String(companyId);
+        if (userId != null)
+            headers['userid'] = String(userId);
+        return headers;
+    }
+    getProfileProductsDetailsUsingJava(params = {}) {
+        return this.http.get(`${this.baseUrl}/profile_threshold/profile_products`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
+    getProfileProductChargesUsingJava(params = {}) {
+        return this.http.get(`${this.baseUrl}/profile_threshold/profile_product_charges`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
+    getUserProfileUsingJava(params = {}) {
+        return this.http.get(`${this.baseUrl}/profile_threshold/user_profile`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
+    getAgentProfileById(id, params = {}) {
+        return this.http.get(`${this.baseUrl}/agent_profile_threshold/agent_profile/${id}`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
+    getAgentProfileProductDetailsUsingJava(params = {}) {
+        return this.http.get(`${this.baseUrl}/agent_profile_threshold/agent_profile_products`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
+    getAgentUserProfile(params = {}) {
+        return this.http.get(`${this.baseUrl}/agent_profile_threshold/agent_user_profiles`, {
+            params,
+            headers: this.defaultHeaders,
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserProfileService, providedIn: 'root' });
 }
@@ -4179,14 +4271,134 @@ var AuthenticationMethod;
     AuthenticationMethod["OTP"] = "OTP";
 })(AuthenticationMethod || (AuthenticationMethod = {}));
 
-async function checkUserProfiles(_args) {
-    return null;
+async function checkUserProfiles(data) {
+    const params = {};
+    const userType = data?.userType;
+    let profileData = {};
+    let productExists = false;
+    params['user_id'] = data?.userId ?? null;
+    params['wallet_id'] = data?.walletId ?? null;
+    params['currency_id'] = data?.currencyId ?? null;
+    if (userType === USER_TYPES.AGENT) {
+        const agentProfileResponse = await firstValueFrom(data.userProfileService.getAgentUserProfile(params));
+        const userProfileData = agentProfileResponse?.data?.agent_user_profile;
+        const profile = Array.isArray(userProfileData)
+            ? userProfileData[0]
+            : userProfileData
+                ? userProfileData
+                : null;
+        if (isNotNull(profile)) {
+            const profileId = (profileData['profileId'] = profile?.agent_profile_id);
+            const agentProfileByIdResponse = await firstValueFrom(data.userProfileService.getAgentProfileById(profileId));
+            profileData =
+                isNotNull(agentProfileByIdResponse?.data?.agent_profile) && agentProfileByIdResponse?.success
+                    ? { ...agentProfileByIdResponse.data.agent_profile }
+                    : null;
+            const productDetailsResponse = await firstValueFrom(data.userProfileService.getAgentProfileProductDetailsUsingJava({
+                agent_profile_id: profileId,
+                product_code: data?.product_code,
+            }));
+            productExists =
+                isNotNull(productDetailsResponse?.data?.agent_profile_product) &&
+                    productDetailsResponse?.success;
+        }
+    }
+    else {
+        params['user_type'] = data?.userType ?? null;
+        const userProfileResponse = await firstValueFrom(data.userProfileService.getUserProfileUsingJava(params));
+        const userProfileData = isNotNull(userProfileResponse?.data?.user_profile)
+            ? userProfileResponse.data.user_profile
+            : null;
+        if (isNotNull(userProfileData)) {
+            const profileId = (profileData['id'] = userProfileData?.profile_id);
+            const productDetailsResponse = await firstValueFrom(data.userProfileService.getProfileProductsDetailsUsingJava({
+                profile_id: profileId,
+                product_code: data?.product_code,
+            }));
+            productExists =
+                isNotNull(productDetailsResponse?.data?.profile_product) && productDetailsResponse?.success;
+        }
+    }
+    return productExists ? profileData : null;
 }
-async function calculateCharges(_args) {
-    return null;
+async function calculateCharges(chargeParams) {
+    const walletService = chargeParams.walletService;
+    const userType = chargeParams.userType;
+    let calculatedCharges = null;
+    let calculateChargeResponse = null;
+    let chargeListResponse = null;
+    let agentChargeDetailsResponse = null;
+    let profileProductChargesResponse = null;
+    const params = {};
+    params['wallet_id'] = chargeParams.walletId ?? null;
+    params['currency_id'] = chargeParams.currencyId ?? null;
+    params['product_code'] = chargeParams.productCode ?? null;
+    params['txn_amount'] = chargeParams.amount ?? null;
+    if (userType === USER_TYPES.AGENT) {
+        params['tree_id'] = chargeParams.tree_id ?? null;
+        params['tree_level_id'] = chargeParams.tree_level_id ?? null;
+        calculateChargeResponse = await firstValueFrom(walletService.calculateAgentCharges(params));
+        const listParams = {
+            tree_id: chargeParams.tree_id ?? null,
+            tree_level_id: chargeParams.tree_level_id ?? null,
+            currency_id: chargeParams.currencyId ?? null,
+        };
+        chargeListResponse = await firstValueFrom(walletService.getAgentChargesListUsingJava(listParams));
+        const agentChargeId = chargeListResponse?.success
+            ? chargeListResponse?.data?.agent_charges?.[0]?.id
+            : null;
+        if (agentChargeId && chargeParams.productCode) {
+            agentChargeDetailsResponse = await firstValueFrom(walletService.getAgentChargeDetailsByIdUsingJava({
+                agent_charges_id: agentChargeId,
+                product_code: chargeParams.productCode,
+            }));
+        }
+    }
+    else {
+        params['profile_id'] = chargeParams.profileId ?? null;
+        calculateChargeResponse = await firstValueFrom(walletService.calculateCharges(params));
+        const userProfileService = chargeParams.userProfileService;
+        const profileId = chargeParams.profileId;
+        const productCode = chargeParams.productCode;
+        if (userProfileService && profileId && productCode) {
+            profileProductChargesResponse = await firstValueFrom(userProfileService.getProfileProductChargesUsingJava({
+                profile_id: profileId,
+                product_code: productCode,
+            }));
+        }
+    }
+    calculatedCharges =
+        isNotNull(calculateChargeResponse?.data?.charges_info) && calculateChargeResponse?.success
+            ? calculateChargeResponse.data.charges_info
+            : null;
+    const result = calculatedCharges ? { ...calculatedCharges } : null;
+    if (result && userType === USER_TYPES.AGENT && agentChargeDetailsResponse?.success) {
+        const raw = agentChargeDetailsResponse?.data?.agent_charge_detail ??
+            agentChargeDetailsResponse?.data?.agent_charge_details;
+        const detail = Array.isArray(raw) ? raw[0] : raw;
+        if (detail?.allow_shared_charges) {
+            result.allow_shared_charges = detail.allow_shared_charges;
+            result.share_charge_config_id = detail.share_charge_config_id ?? null;
+        }
+    }
+    if (result && userType !== USER_TYPES.AGENT && profileProductChargesResponse?.success) {
+        const raw = profileProductChargesResponse?.data?.profile_product_charges ??
+            profileProductChargesResponse?.data?.profile_product_charges;
+        const detail = Array.isArray(raw) ? raw[0] : raw;
+        if (detail?.allow_shared_charges) {
+            result.allow_shared_charges = detail.allow_shared_charges;
+            result.share_charge_config_id = detail.share_charge_config_id ?? null;
+        }
+    }
+    return result;
 }
-async function getUserConfigDetails(_args) {
-    return null;
+async function getUserConfigDetails(userConfigDetails) {
+    const params = {};
+    if (userConfigDetails?.userId) {
+        params['user_id'] = userConfigDetails.userId;
+    }
+    const userConfig = await firstValueFrom(userConfigDetails.userService.getUserConfig(params));
+    return userConfig?.data?.user_config?.[0];
 }
 
 /// <reference path="../globals.d.ts" />
@@ -4468,10 +4680,13 @@ class TopupAndBillpaymentReviewComponent extends TransactionClass {
         this.userDetail();
     }
     async calculatCharge() {
+        const cfg = (this.paymentsConfigService.getConfig() ?? {});
+        const cfgHeaders = (cfg?.defaultHeaders ?? {});
+        const userId = (cfgHeaders["userid"] ?? cfgHeaders["userId"] ?? cfg?.userId ?? "").toString().trim();
         this.showLoader = true;
         let profileDetails = {
             "userProfileService": this.userprofileService,
-            "userId": this.dataService.getWalletUserAccountId(),
+            "userId": userId,
             "walletId": this.walletId,
             "userType": USER_TYPES.AGENT,
             "currencyId": this.currencyId,
@@ -4827,7 +5042,7 @@ class TopupAndBillpaymentReviewComponent extends TransactionClass {
     submitPINForm() {
         this.otpConfirm = true;
         this.formErrors = {};
-        this.showLoader = false;
+        this.showLoader = true;
         if (this.txnPINForm.valid) {
             const pin = this.txnPINForm.value.pin;
             if (!this.isTxnPinCreated) {
@@ -4835,6 +5050,7 @@ class TopupAndBillpaymentReviewComponent extends TransactionClass {
                 this.txnPINForm.reset();
                 this.hideModal("TransactionPIN");
                 this.showModal("ConfirmTransactionPIN");
+                this.showLoader = true;
             }
             else {
                 this.verifyTransactionPin(pin);
@@ -4853,6 +5069,7 @@ class TopupAndBillpaymentReviewComponent extends TransactionClass {
                     this.hideModal("OTPVerification");
                     this.otpReset = true;
                     this.createIntent();
+                    this.showLoader = false;
                 }
                 else {
                     this.otpReset = true;
@@ -4860,6 +5077,7 @@ class TopupAndBillpaymentReviewComponent extends TransactionClass {
                     this.inValidTxnPin = true;
                     const apiError = res?.error?.[0] || res?.error || this.translationService.translate("LABEL_SOMETHING_WENT_WRONG");
                     this.toasterService.error(this.translationService.translate(apiError));
+                    this.showLoader = false;
                 }
             },
             error: (error) => {
@@ -5656,12 +5874,24 @@ class UtilityPaymentsContainerComponent {
     }
     buildRuntimeConfig(value) {
         const normalizedBaseUrl = (value.baseUrl ?? '').trim().replace(/\/+$/, '');
-        const token = (value.token ?? '').trim();
-        const companyId = (value.companyId ?? '').trim();
-        const userId = (value.userId ?? '').trim();
+        const incomingHeaders = (value.defaultHeaders ?? {});
+        const normalizedExtraHeaders = Object.entries(incomingHeaders).reduce((acc, [key, rawValue]) => {
+            if (['Authorization', 'authorization', 'companyid', 'companyId', 'userid', 'userId'].includes(key)) {
+                return acc;
+            }
+            const normalizedValue = this.normalizeHeaderValue(rawValue);
+            if (normalizedValue) {
+                acc[key] = normalizedValue;
+            }
+            return acc;
+        }, {});
+        const token = this.normalizeHeaderValue(value.token ?? incomingHeaders['Authorization'] ?? incomingHeaders['authorization']);
+        const companyId = this.normalizeHeaderValue(value.companyId ?? incomingHeaders['companyid'] ?? incomingHeaders['companyId']);
+        const userId = this.normalizeHeaderValue(value.userId ?? incomingHeaders['userid'] ?? incomingHeaders['userId']);
         return {
             baseUrl: normalizedBaseUrl,
             defaultHeaders: {
+                ...normalizedExtraHeaders,
                 ...(token ? { Authorization: token.includes(' ') ? token : `Bearer ${token}` } : {}),
                 ...(companyId ? { companyid: companyId } : {}),
                 ...(userId ? { userid: userId } : {}),
@@ -5669,18 +5899,18 @@ class UtilityPaymentsContainerComponent {
         };
     }
     normalizeConfig(inputConfig) {
-        const formValue = this.configForm.getRawValue();
         const incomingHeaders = (inputConfig?.defaultHeaders ?? {});
-        const tokenFromIncoming = incomingHeaders['Authorization'] ?? inputConfig?.token ?? '';
-        const companyIdFromIncoming = incomingHeaders['companyid'] ?? inputConfig?.companyId ?? '';
-        const userIdFromIncoming = incomingHeaders['userid'] ?? inputConfig?.userId ?? '';
         return this.buildRuntimeConfig({
-            baseUrl: inputConfig?.baseUrl ?? formValue.baseUrl ?? '',
-            token: tokenFromIncoming || formValue.token || '',
-            companyId: companyIdFromIncoming || formValue.companyId || '',
-            userId: userIdFromIncoming || formValue.userId || '',
+            baseUrl: inputConfig?.baseUrl ?? '',
+            token: inputConfig?.token ?? incomingHeaders['Authorization'] ?? incomingHeaders['authorization'] ?? '',
+            companyId: inputConfig?.companyId ?? incomingHeaders['companyid'] ?? incomingHeaders['companyId'] ?? '',
+            userId: inputConfig?.userId ?? incomingHeaders['userid'] ?? incomingHeaders['userId'] ?? '',
+            defaultHeaders: incomingHeaders,
         });
     }
+    normalizeHeaderValue(value) {
+        return value == null ? '' : String(value).trim();
+    }
     loadRuntimeConfigFromStorage() {
         try {
             const raw = localStorage.getItem(this.runtimeConfigStorageKey);
@@ -5807,7 +6037,7 @@ class UtilityPaymentsContainerComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}:host ::ng-deep .sdk-utility-payments-container{font-size:13px;line-height:1.3}:host ::ng-deep .content{padding:.75rem!important}:host ::ng-deep .page-header{margin-bottom:.6rem!important}:host ::ng-deep .page-header h1{font-size:1.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep sdk-utilities .utilities-title{font-size:1.875rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em}:host ::ng-deep .card{border-radius:8px}:host ::ng-deep .card-header{padding:.6rem .9rem!important}:host ::ng-deep .card-title{font-size:1rem!important;margin-bottom:0!important}:host ::ng-deep .card-body{padding:.8rem!important}:host ::ng-deep .form-control,:host ::ng-deep .ng-select .ng-select-container{min-height:34px!important;font-size:13px!important}:host ::ng-deep .form-label,:host ::ng-deep label{font-size:13px!important;margin-bottom:.25rem!important}:host ::ng-deep .btn{font-size:13px!important;padding:.3rem .65rem!important}:host ::ng-deep .work-flow-card{max-width:400px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}:host ::ng-deep .work-flow-page-header .page-title,:host ::ng-deep .work-flow-page-header h1{font-size:.95rem!important}:host ::ng-deep .work-flow-card .card-header{padding:.4rem .6rem!important}:host ::ng-deep .work-flow-card .card-title{font-size:.85rem!important}:host ::ng-deep .work-flow-card .card-body{padding:.55rem .65rem .7rem!important}:host ::ng-deep .work-flow-card .form-group.form-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;margin-bottom:.55rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>label.control-label{flex:0 0 8.5rem!important;max-width:8.5rem!important;width:8.5rem!important;margin-bottom:0!important;padding-top:0!important;text-align:right!important;font-size:.72rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>.col-md-8{flex:1 1 auto!important;max-width:none!important;width:auto!important}:host ::ng-deep .work-flow-card .form-control{min-height:26px!important;height:26px!important;max-width:200px!important;width:100%!important;font-size:.72rem!important;padding:.1rem .35rem!important}:host ::ng-deep .work-flow-card textarea.form-control{height:auto!important;min-height:3rem!important;max-width:100%!important}:host ::ng-deep .work-flow-card .work-flow-footer .btn{font-size:.7rem!important;padding:.15rem .45rem!important}:host ::ng-deep .vendor-products-shell>.card-body{padding:1.25rem 1.35rem 1.5rem!important}:host ::ng-deep .vendor-products-shell .vendor-product-card .form-control{min-height:auto!important;height:auto!important;max-width:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: UtilitiesComponent, selector: "sdk-utilities" }, { kind: "component", type: VendorProvidersComponent, selector: "sdk-vendor-providers" }, { kind: "component", type: WorkFlowComponent, selector: "sdk-work-flow" }, { kind: "component", type: RegionCommuneComponent, selector: "sdk-region-commune" }, { kind: "component", type: VendorProductsComponent, selector: "sdk-vendor-products", inputs: ["billData"], outputs: ["workflowCompleted"] }, { kind: "component", type: VendorPlansComponent, selector: "sdk-vendor-plans" }, { kind: "component", type: ViewBillsComponent, selector: "sdk-view-bills" }, { kind: "component", type: TopupAndBillpaymentReviewComponent, selector: "sdk-topup-and-billpayment-review" }] });
+  `, isInline: true, styles: [":host{display:block}:host ::ng-deep .sdk-utility-payments-container{font-size:13px;line-height:1.3}:host ::ng-deep .content{padding:.25rem!important}:host ::ng-deep .page-header{margin-bottom:.6rem!important}:host ::ng-deep .page-header h1{font-size:1.75rem!important;margin-bottom:.25rem!important}:host ::ng-deep sdk-utilities .utilities-title{font-size:1.875rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em}:host ::ng-deep .card{border-radius:8px}:host ::ng-deep .card-header{padding:.6rem .9rem!important}:host ::ng-deep .card-title{font-size:1rem!important;margin-bottom:0!important}:host ::ng-deep .card-body{padding:.8rem!important}:host ::ng-deep .form-control,:host ::ng-deep .ng-select .ng-select-container{min-height:34px!important;font-size:13px!important}:host ::ng-deep .form-label,:host ::ng-deep label{font-size:13px!important;margin-bottom:.25rem!important}:host ::ng-deep .btn{font-size:13px!important;padding:.3rem .65rem!important}:host ::ng-deep .work-flow-card{max-width:400px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}:host ::ng-deep .work-flow-page-header .page-title,:host ::ng-deep .work-flow-page-header h1{font-size:.95rem!important}:host ::ng-deep .work-flow-card .card-header{padding:.4rem .6rem!important}:host ::ng-deep .work-flow-card .card-title{font-size:.85rem!important}:host ::ng-deep .work-flow-card .card-body{padding:.55rem .65rem .7rem!important}:host ::ng-deep .work-flow-card .form-group.form-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;margin-bottom:.55rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>label.control-label{flex:0 0 8.5rem!important;max-width:8.5rem!important;width:8.5rem!important;margin-bottom:0!important;padding-top:0!important;text-align:right!important;font-size:.72rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>.col-md-8{flex:1 1 auto!important;max-width:none!important;width:auto!important}:host ::ng-deep .work-flow-card .form-control{min-height:26px!important;height:26px!important;max-width:200px!important;width:60%!important;font-size:.72rem!important;padding:.1rem .35rem!important}:host ::ng-deep .work-flow-card textarea.form-control{height:auto!important;min-height:3rem!important;max-width:100%!important}:host ::ng-deep .work-flow-card .work-flow-footer .btn{font-size:.7rem!important;padding:.15rem .45rem!important}:host ::ng-deep .vendor-products-shell>.card-body{padding:1.25rem 1.35rem 1.5rem!important}:host ::ng-deep .vendor-products-shell .vendor-product-card .form-control{min-height:auto!important;height:auto!important;max-width:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: UtilitiesComponent, selector: "sdk-utilities" }, { kind: "component", type: VendorProvidersComponent, selector: "sdk-vendor-providers" }, { kind: "component", type: WorkFlowComponent, selector: "sdk-work-flow" }, { kind: "component", type: RegionCommuneComponent, selector: "sdk-region-commune" }, { kind: "component", type: VendorProductsComponent, selector: "sdk-vendor-products", inputs: ["billData"], outputs: ["workflowCompleted"] }, { kind: "component", type: VendorPlansComponent, selector: "sdk-vendor-plans" }, { kind: "component", type: ViewBillsComponent, selector: "sdk-view-bills" }, { kind: "component", type: TopupAndBillpaymentReviewComponent, selector: "sdk-topup-and-billpayment-review" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilityPaymentsContainerComponent, decorators: [{
             type: Component,
@@ -5907,7 +6137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }
       }
     </div>
-  `, styles: [":host{display:block}:host ::ng-deep .sdk-utility-payments-container{font-size:13px;line-height:1.3}:host ::ng-deep .content{padding:.75rem!important}:host ::ng-deep .page-header{margin-bottom:.6rem!important}:host ::ng-deep .page-header h1{font-size:1.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep sdk-utilities .utilities-title{font-size:1.875rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em}:host ::ng-deep .card{border-radius:8px}:host ::ng-deep .card-header{padding:.6rem .9rem!important}:host ::ng-deep .card-title{font-size:1rem!important;margin-bottom:0!important}:host ::ng-deep .card-body{padding:.8rem!important}:host ::ng-deep .form-control,:host ::ng-deep .ng-select .ng-select-container{min-height:34px!important;font-size:13px!important}:host ::ng-deep .form-label,:host ::ng-deep label{font-size:13px!important;margin-bottom:.25rem!important}:host ::ng-deep .btn{font-size:13px!important;padding:.3rem .65rem!important}:host ::ng-deep .work-flow-card{max-width:400px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}:host ::ng-deep .work-flow-page-header .page-title,:host ::ng-deep .work-flow-page-header h1{font-size:.95rem!important}:host ::ng-deep .work-flow-card .card-header{padding:.4rem .6rem!important}:host ::ng-deep .work-flow-card .card-title{font-size:.85rem!important}:host ::ng-deep .work-flow-card .card-body{padding:.55rem .65rem .7rem!important}:host ::ng-deep .work-flow-card .form-group.form-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;margin-bottom:.55rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>label.control-label{flex:0 0 8.5rem!important;max-width:8.5rem!important;width:8.5rem!important;margin-bottom:0!important;padding-top:0!important;text-align:right!important;font-size:.72rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>.col-md-8{flex:1 1 auto!important;max-width:none!important;width:auto!important}:host ::ng-deep .work-flow-card .form-control{min-height:26px!important;height:26px!important;max-width:200px!important;width:100%!important;font-size:.72rem!important;padding:.1rem .35rem!important}:host ::ng-deep .work-flow-card textarea.form-control{height:auto!important;min-height:3rem!important;max-width:100%!important}:host ::ng-deep .work-flow-card .work-flow-footer .btn{font-size:.7rem!important;padding:.15rem .45rem!important}:host ::ng-deep .vendor-products-shell>.card-body{padding:1.25rem 1.35rem 1.5rem!important}:host ::ng-deep .vendor-products-shell .vendor-product-card .form-control{min-height:auto!important;height:auto!important;max-width:none!important}\n"] }]
+  `, styles: [":host{display:block}:host ::ng-deep .sdk-utility-payments-container{font-size:13px;line-height:1.3}:host ::ng-deep .content{padding:.25rem!important}:host ::ng-deep .page-header{margin-bottom:.6rem!important}:host ::ng-deep .page-header h1{font-size:1.75rem!important;margin-bottom:.25rem!important}:host ::ng-deep sdk-utilities .utilities-title{font-size:1.875rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em}:host ::ng-deep .card{border-radius:8px}:host ::ng-deep .card-header{padding:.6rem .9rem!important}:host ::ng-deep .card-title{font-size:1rem!important;margin-bottom:0!important}:host ::ng-deep .card-body{padding:.8rem!important}:host ::ng-deep .form-control,:host ::ng-deep .ng-select .ng-select-container{min-height:34px!important;font-size:13px!important}:host ::ng-deep .form-label,:host ::ng-deep label{font-size:13px!important;margin-bottom:.25rem!important}:host ::ng-deep .btn{font-size:13px!important;padding:.3rem .65rem!important}:host ::ng-deep .work-flow-card{max-width:400px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}:host ::ng-deep .work-flow-page-header .page-title,:host ::ng-deep .work-flow-page-header h1{font-size:.95rem!important}:host ::ng-deep .work-flow-card .card-header{padding:.4rem .6rem!important}:host ::ng-deep .work-flow-card .card-title{font-size:.85rem!important}:host ::ng-deep .work-flow-card .card-body{padding:.55rem .65rem .7rem!important}:host ::ng-deep .work-flow-card .form-group.form-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;margin-bottom:.55rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>label.control-label{flex:0 0 8.5rem!important;max-width:8.5rem!important;width:8.5rem!important;margin-bottom:0!important;padding-top:0!important;text-align:right!important;font-size:.72rem!important}:host ::ng-deep .work-flow-card .form-group.form-row>.col-md-8{flex:1 1 auto!important;max-width:none!important;width:auto!important}:host ::ng-deep .work-flow-card .form-control{min-height:26px!important;height:26px!important;max-width:200px!important;width:60%!important;font-size:.72rem!important;padding:.1rem .35rem!important}:host ::ng-deep .work-flow-card textarea.form-control{height:auto!important;min-height:3rem!important;max-width:100%!important}:host ::ng-deep .work-flow-card .work-flow-footer .btn{font-size:.7rem!important;padding:.15rem .45rem!important}:host ::ng-deep .vendor-products-shell>.card-body{padding:1.25rem 1.35rem 1.5rem!important}:host ::ng-deep .vendor-products-shell .vendor-product-card .form-control{min-height:auto!important;height:auto!important;max-width:none!important}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }] } });

package/index.d.ts

@@ -60,6 +60,7 @@ declare class UtilityPaymentsContainerComponent implements OnInit, OnDestroy, On
     private resolveTestMode;
     private buildRuntimeConfig;
     private normalizeConfig;
+    private normalizeHeaderValue;
     private loadRuntimeConfigFromStorage;
     private persistRuntimeConfigToStorage;
     ngOnDestroy(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digipay-utility-payment",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"