@miden-npm/angular 0.0.18 → 0.0.19

package/fesm2022/miden-npm-angular.mjs

@@ -3,7 +3,7 @@ import { Component, InjectionToken, inject, makeEnvironmentProviders, Input, Cha
 import * as i1$1 from '@angular/common/http';
 import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
 import * as i3 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i2 from 'angular-imask';
@@ -393,6 +393,14 @@ const checkObjectTruthy = (obj) => {
         return false;
     return Object.values(obj).every(Boolean);
 };
+const getQueryParams = (url) => {
+    const params = {};
+    const searchParams = new URL(url).searchParams;
+    searchParams.forEach((value, key) => {
+        params[key] = value;
+    });
+    return params;
+};
 
 const currencySign = (currency) => {
     if (currency === 'USD')
@@ -1013,18 +1021,18 @@ class LabelInfoComponent {
     valueImageCustomClass = '';
     valueImagePosition = 'prefix';
     hasValueCopy = false;
-    value = '';
+    value = null;
     valueCustomClass = 'text-body-2xs font-medium text-sub-copy';
     alignRight = false;
     truncateStringHandler(str, num) {
         return truncateString(str, num);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: LabelInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: LabelInfoComponent, isStandalone: true, selector: "base-label-info", inputs: { type: "type", label: "label", labelCustomClass: "labelCustomClass", valueImageSrc: "valueImageSrc", valueImageCustomClass: "valueImageCustomClass", valueImagePosition: "valueImagePosition", hasValueCopy: "hasValueCopy", value: "value", valueCustomClass: "valueCustomClass", alignRight: "alignRight" }, ngImport: i0, template: "@if (type === 'vertical') {\n  <div class=\"flex flex-col gap-1\" [ngClass]=\"{ 'text-right items-end': alignRight }\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n\n      @if (!hasValueCopy) {\n        <p [ngClass]=\"valueCustomClass\">\n          {{ value }}\n        </p>\n      } @else {\n        <p [ngClass]=\"valueCustomClass\" class=\"truncate\">\n          {{ truncateStringHandler(value, 40) }}\n        </p>\n      }\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"flex items-center justify-between\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n      <p [ngClass]=\"valueCustomClass\">\n        {{ value }}\n      </p>\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CopyComponent, selector: "base-copy", inputs: ["copyText", "color"] }, { kind: "component", type: ImageComponent, selector: "base-image", inputs: ["src", "alt", "isFullWidth", "width", "height", "customClass"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: LabelInfoComponent, isStandalone: true, selector: "base-label-info", inputs: { type: "type", label: "label", labelCustomClass: "labelCustomClass", valueImageSrc: "valueImageSrc", valueImageCustomClass: "valueImageCustomClass", valueImagePosition: "valueImagePosition", hasValueCopy: "hasValueCopy", value: "value", valueCustomClass: "valueCustomClass", alignRight: "alignRight" }, ngImport: i0, template: "@if (type === 'vertical') {\n  <div class=\"flex flex-col gap-1\" [ngClass]=\"{ 'text-right items-end': alignRight }\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n\n      @if (!hasValueCopy) {\n        <p [ngClass]=\"valueCustomClass\">\n          {{ value }}\n        </p>\n      } @else {\n        <p [ngClass]=\"valueCustomClass\" class=\"truncate\">\n          {{ truncateStringHandler(value ?? '-', 40) }}\n        </p>\n      }\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value ?? '-'\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"flex items-center justify-between\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n      <p [ngClass]=\"valueCustomClass\">\n        {{ value }}\n      </p>\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value ?? '-'\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CopyComponent, selector: "base-copy", inputs: ["copyText", "color"] }, { kind: "component", type: ImageComponent, selector: "base-image", inputs: ["src", "alt", "isFullWidth", "width", "height", "customClass"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: LabelInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-label-info', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CopyComponent, ImageComponent], template: "@if (type === 'vertical') {\n  <div class=\"flex flex-col gap-1\" [ngClass]=\"{ 'text-right items-end': alignRight }\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n\n      @if (!hasValueCopy) {\n        <p [ngClass]=\"valueCustomClass\">\n          {{ value }}\n        </p>\n      } @else {\n        <p [ngClass]=\"valueCustomClass\" class=\"truncate\">\n          {{ truncateStringHandler(value, 40) }}\n        </p>\n      }\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"flex items-center justify-between\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n      <p [ngClass]=\"valueCustomClass\">\n        {{ value }}\n      </p>\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n}\n" }]
+            args: [{ selector: 'base-label-info', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CopyComponent, ImageComponent], template: "@if (type === 'vertical') {\n  <div class=\"flex flex-col gap-1\" [ngClass]=\"{ 'text-right items-end': alignRight }\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n\n      @if (!hasValueCopy) {\n        <p [ngClass]=\"valueCustomClass\">\n          {{ value }}\n        </p>\n      } @else {\n        <p [ngClass]=\"valueCustomClass\" class=\"truncate\">\n          {{ truncateStringHandler(value ?? '-', 40) }}\n        </p>\n      }\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value ?? '-'\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"flex items-center justify-between\">\n    <p [ngClass]=\"labelCustomClass\">{{ label.toUpperCase() }}</p>\n    <div class=\"flex items-center gap-1\">\n      @if (valueImageSrc && valueImagePosition === 'prefix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n      <p [ngClass]=\"valueCustomClass\">\n        {{ value }}\n      </p>\n\n      @if (hasValueCopy) {\n        <base-copy [copyText]=\"value ?? '-'\" color=\"#9DBFDE\"></base-copy>\n      }\n\n      @if (valueImageSrc && valueImagePosition === 'suffix') {\n        <base-image\n          [src]=\"valueImageSrc\"\n          [alt]=\"value ?? '-'\"\n          [width]=\"22\"\n          [customClass]=\"valueImageCustomClass\"\n        ></base-image>\n      }\n    </div>\n  </div>\n}\n" }]
         }], propDecorators: { type: [{
                 type: Input
             }], label: [{
@@ -1048,13 +1056,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
             }] } });
 
 class SuccessComponent {
+    successObject = {
+        paymentDate: '',
+        paymentId: '',
+        paymentStatus: '',
+    };
+    amount = 0;
+    currency = '';
+    redirectUrl = '';
+    get formatAmountHandler() {
+        return formatAmount(this.amount, this.currency);
+    }
+    goToRedirectUrl() {
+        window.open(this.redirectUrl, '_self', 'noopener,noreferrer');
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: SuccessComponent, isStandalone: true, selector: "base-success", ngImport: i0, template: "<div class=\"flex flex-col gap-8 p-16\">\n  <div class=\"flex flex-col gap-8\">\n    <div class=\"flex flex-col gap-8\">\n      <icon-check-circle color=\"#F47A1F\" class=\"mx-auto\"></icon-check-circle>\n      <div class=\"flex flex-col text-center\" style=\"gap: 2px\">\n        <p class=\"text-heading-text font-medium text-header-2xl\">\u20A62,500.00</p>\n        <p class=\"text-sub-copy font-regular text-body-3xs\">Has been paid successfully</p>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <div class=\"py-4 border-b border-grey-100\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Order ID\"\n          value=\"9900009000-8890-8829hd7\"\n        ></base-label-info>\n      </div>\n      <div class=\"py-4\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Payment date\"\n          value=\"July 24, 2025\"\n        ></base-label-info>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"mx-auto\" style=\"width: 80%;\">\n    <base-button\n      label=\"Return to Merchant Website\"\n      type=\"secondary\"\n      customClass=\"w-full\"\n    ></base-button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LabelInfoComponent, selector: "base-label-info", inputs: ["type", "label", "labelCustomClass", "valueImageSrc", "valueImageCustomClass", "valueImagePosition", "hasValueCopy", "value", "valueCustomClass", "alignRight"] }, { kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "size", "paddingClassX", "disabled", "loading", "customClass"], outputs: ["onClick"] }, { kind: "component", type: IconCheckCircleComponent, selector: "icon-check-circle", inputs: ["color", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: SuccessComponent, isStandalone: true, selector: "base-success", inputs: { successObject: "successObject", amount: "amount", currency: "currency", redirectUrl: "redirectUrl" }, ngImport: i0, template: "<div class=\"flex flex-col gap-8 p-16\">\n  <div class=\"flex flex-col gap-8\">\n    <div class=\"flex flex-col gap-8\">\n      <icon-check-circle color=\"#F47A1F\" class=\"mx-auto\"></icon-check-circle>\n      <div class=\"flex flex-col text-center\" style=\"gap: 2px\">\n        <p class=\"text-heading-text font-medium text-header-2xl\">{{ formatAmountHandler }}</p>\n        <p class=\"text-sub-copy font-regular text-body-3xs\">Has been paid successfully</p>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <div class=\"py-4 border-b border-grey-100\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Order ID\"\n          [value]=\"successObject.paymentId\"\n        ></base-label-info>\n      </div>\n      <div class=\"py-4\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Payment date\"\n          [value]=\"successObject.paymentDate | date\"\n        ></base-label-info>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"mx-auto\" style=\"width: 80%\">\n    <base-button\n      label=\"Return to Merchant Website\"\n      type=\"secondary\"\n      customClass=\"w-full\"\n      (onClick)=\"goToRedirectUrl()\"\n    ></base-button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LabelInfoComponent, selector: "base-label-info", inputs: ["type", "label", "labelCustomClass", "valueImageSrc", "valueImageCustomClass", "valueImagePosition", "hasValueCopy", "value", "valueCustomClass", "alignRight"] }, { kind: "component", type: ButtonComponent, selector: "base-button", inputs: ["label", "type", "size", "paddingClassX", "disabled", "loading", "customClass"], outputs: ["onClick"] }, { kind: "component", type: IconCheckCircleComponent, selector: "icon-check-circle", inputs: ["color", "width", "height"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SuccessComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-success', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LabelInfoComponent, ButtonComponent, IconCheckCircleComponent], template: "<div class=\"flex flex-col gap-8 p-16\">\n  <div class=\"flex flex-col gap-8\">\n    <div class=\"flex flex-col gap-8\">\n      <icon-check-circle color=\"#F47A1F\" class=\"mx-auto\"></icon-check-circle>\n      <div class=\"flex flex-col text-center\" style=\"gap: 2px\">\n        <p class=\"text-heading-text font-medium text-header-2xl\">\u20A62,500.00</p>\n        <p class=\"text-sub-copy font-regular text-body-3xs\">Has been paid successfully</p>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <div class=\"py-4 border-b border-grey-100\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Order ID\"\n          value=\"9900009000-8890-8829hd7\"\n        ></base-label-info>\n      </div>\n      <div class=\"py-4\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Payment date\"\n          value=\"July 24, 2025\"\n        ></base-label-info>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"mx-auto\" style=\"width: 80%;\">\n    <base-button\n      label=\"Return to Merchant Website\"\n      type=\"secondary\"\n      customClass=\"w-full\"\n    ></base-button>\n  </div>\n</div>\n" }]
-        }] });
+            args: [{ selector: 'base-success', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LabelInfoComponent, ButtonComponent, IconCheckCircleComponent, DatePipe], template: "<div class=\"flex flex-col gap-8 p-16\">\n  <div class=\"flex flex-col gap-8\">\n    <div class=\"flex flex-col gap-8\">\n      <icon-check-circle color=\"#F47A1F\" class=\"mx-auto\"></icon-check-circle>\n      <div class=\"flex flex-col text-center\" style=\"gap: 2px\">\n        <p class=\"text-heading-text font-medium text-header-2xl\">{{ formatAmountHandler }}</p>\n        <p class=\"text-sub-copy font-regular text-body-3xs\">Has been paid successfully</p>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col\">\n      <div class=\"py-4 border-b border-grey-100\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Order ID\"\n          [value]=\"successObject.paymentId\"\n        ></base-label-info>\n      </div>\n      <div class=\"py-4\">\n        <base-label-info\n          type=\"horizontal\"\n          label=\"Payment date\"\n          [value]=\"successObject.paymentDate | date\"\n        ></base-label-info>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"mx-auto\" style=\"width: 80%\">\n    <base-button\n      label=\"Return to Merchant Website\"\n      type=\"secondary\"\n      customClass=\"w-full\"\n      (onClick)=\"goToRedirectUrl()\"\n    ></base-button>\n  </div>\n</div>\n" }]
+        }], propDecorators: { successObject: [{
+                type: Input
+            }], amount: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], redirectUrl: [{
+                type: Input
+            }] } });
 
 class BackComponent {
     back = new EventEmitter();
@@ -1138,7 +1168,7 @@ class CheckoutService {
     }
     generatePaymentAccount(environment, { merchantId, ...rest }) {
         const baseUrl = getBaseUrl(environment);
-        return this.http.post(`${baseUrl}/checkout/generate-payment-account`, rest, {
+        return this.http.post(`${baseUrl}/api/v1/checkout/generate-payment-account`, rest, {
             headers: {
                 merchantId,
             },
@@ -1146,7 +1176,7 @@ class CheckoutService {
     }
     authorizeCardPayment(environment, { merchantId, ...rest }) {
         const baseUrl = getBaseUrl(environment);
-        return this.http.post(`${baseUrl}/checkout/authorize-card-3ds-payment`, rest, {
+        return this.http.post(`${baseUrl}/api/v1/checkout/authorize-card-3ds-payment`, rest, {
             headers: {
                 merchantId,
             },
@@ -1154,11 +1184,11 @@ class CheckoutService {
     }
     getPaymentReferenceDetails(environment, paymentReference) {
         const baseUrl = getBaseUrl(environment);
-        return this.http.get(`${baseUrl}/checkout/details/${paymentReference}`);
+        return this.http.get(`${baseUrl}/api/v1/checkout/details/${paymentReference}`);
     }
     generateStableCoinAddress(environment, { merchantId, ...rest }) {
         const baseUrl = getBaseUrl(environment);
-        return this.http.post(`${baseUrl}/checkout/generate-payment-walletaddress`, rest, {
+        return this.http.post(`${baseUrl}/api/v1/checkout/generate-payment-walletaddress`, rest, {
             headers: {
                 merchantId,
             },
@@ -1197,11 +1227,11 @@ class ResourceService {
     }
     getStableCoins(environment) {
         const baseUrl = getBaseUrl(environment);
-        return this.http.get(`${baseUrl}/checkout/stable-coin`);
+        return this.http.get(`${baseUrl}/api/v1/checkout/stable-coin`);
     }
     getStableCoinNetworks(environment, stableCoin) {
         const baseUrl = getBaseUrl(environment);
-        return this.http.get(`${baseUrl}/checkout/networks/${stableCoin}`);
+        return this.http.get(`${baseUrl}/api/v1/checkout/networks/${stableCoin}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ResourceService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ResourceService, providedIn: 'root' });
@@ -1264,5 +1294,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BZP_CONFIG, BZP_CORRELATION_ID, BackComponent, ButtonComponent, CardComponent, CardSchemes, CheckoutService, CopyComponent, CurrencyAmountComponent, EncryptService, HintComponent, IconArrowSwapComponent, IconBuzapayIconComponent, IconCheckCircleComponent, IconChevronDownComponent, IconChevronLeftComponent, IconChevronUpComponent, IconCopySuccessComponent, IconLoaderComponent, IconUsdcComponent, IconUsdtComponent, ImageComponent, InputComponent, InputErrorComponent, LabelInfoComponent, MidenPGAngular, RadioGroupComponent, ResourceService, SelectComponent, SuccessComponent, apiBaseUrl, cardType, checkObjectTruthy, currencySign, detect, formatAmount, getBaseUrl, getValidationErrorMessage, provideMidenPG, restrictToNumericKeys, truncateString, urlValidator };
+export { BZP_CONFIG, BZP_CORRELATION_ID, BackComponent, ButtonComponent, CardComponent, CardSchemes, CheckoutService, CopyComponent, CurrencyAmountComponent, EncryptService, HintComponent, IconArrowSwapComponent, IconBuzapayIconComponent, IconCheckCircleComponent, IconChevronDownComponent, IconChevronLeftComponent, IconChevronUpComponent, IconCopySuccessComponent, IconLoaderComponent, IconUsdcComponent, IconUsdtComponent, ImageComponent, InputComponent, InputErrorComponent, LabelInfoComponent, MidenPGAngular, RadioGroupComponent, ResourceService, SelectComponent, SuccessComponent, apiBaseUrl, cardType, checkObjectTruthy, currencySign, detect, formatAmount, getBaseUrl, getQueryParams, getValidationErrorMessage, provideMidenPG, restrictToNumericKeys, truncateString, urlValidator };
 //# sourceMappingURL=miden-npm-angular.mjs.map