@miden-npm/angular 0.0.27 → 0.0.29

package/fesm2022/miden-npm-angular.mjs

@@ -593,6 +593,7 @@ class InputComponent {
     disabled = false;
     loading = false;
     showCopyIcon = false;
+    preventPaste = false; // NEW
     onInputChange = new EventEmitter();
     onInputBlur = new EventEmitter();
     constructor() { }
@@ -604,9 +605,12 @@ class InputComponent {
     copyHandler() {
         this.copyToClipboard(this.value)
             .then(() => {
+            // Clear any previous error and show hint
+            this.validationError = '';
             this.hint = 'Text copied to clipboard';
         })
             .catch(() => {
+            this.hint = '';
             this.validationError = 'Failed to copy text to clipboard';
         });
     }
@@ -636,6 +640,14 @@ class InputComponent {
             restrictToNumericKeys(event);
         }
     }
+    onPaste(event) {
+        if (this.preventPaste) {
+            event.preventDefault();
+            // Clear any previous hint and set error
+            this.hint = '';
+            this.validationError = 'Pasting is disabled for this input';
+        }
+    }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -643,13 +655,13 @@ class InputComponent {
         this.onTouched = fn;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: InputComponent, isStandalone: true, selector: "base-input", inputs: { label: "label", type: "type", placeholder: "placeholder", validationError: "validationError", hint: "hint", mask: "mask", rules: "rules", isAmountInput: "isAmountInput", required: "required", disabled: "disabled", loading: "loading", showCopyIcon: "showCopyIcon" }, outputs: { onInputChange: "onInputChange", onInputBlur: "onInputBlur" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: InputComponent, isStandalone: true, selector: "base-input", inputs: { label: "label", type: "type", placeholder: "placeholder", validationError: "validationError", hint: "hint", mask: "mask", rules: "rules", isAmountInput: "isAmountInput", required: "required", disabled: "disabled", loading: "loading", showCopyIcon: "showCopyIcon", preventPaste: "preventPaste" }, outputs: { onInputChange: "onInputChange", onInputBlur: "onInputBlur" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => InputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  @if (label) {\n    <p class=\"mb-0 text-body-2xs font-normal text-heading-text\">\n      {{ label }}\n      @if (required) {\n        <span class=\"text-orange-required\">*</span>\n      }\n    </p>\n  }\n\n  <div\n    class=\"border-c px-3 py-2 flex items-center justify-between rounded-md h-12\"\n    [ngClass]=\"[\n      disabled ? 'bg-grey-50 cursor-not-allowed' : 'bg-white',\n      validationError ? 'border-red-300 bg-red-50' : 'border-grey-100',\n    ]\"\n  >\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n    <input\n      [type]=\"type\"\n      [imask]=\"mask ? { mask, lazy: true } : undefined\"\n      [unmask]=\"mask ? 'typed' : false\"\n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeyDown($event)\"\n      [placeholder]=\"placeholder ? placeholder : 'Enter ' + label.toLowerCase()\"\n      inputmode=\"decimal\"\n      class=\"search-input bg-transparent outline-none border-none focus:outline-none focus:ring-0 text-body-2xs text-light-copy font-normal w-full\"\n    />\n\n    @if (!loading) {\n      <ng-container>\n        <ng-content select=\"[slot=suffix]\"></ng-content>\n        <!-- Copy icon -->\n        @if (showCopyIcon && value && value.trim() !== '') {\n          <div class=\"ml-2 flex items-center\">\n            <base-image\n              src=\"assets/images/copyIcon.svg\"\n              alt=\"copy\"\n              [width]=\"16\"\n              [height]=\"16\"\n              class=\"cursor-pointer hover:opacity-70 transition-opacity\"\n              (onClick)=\"copyHandler()\"\n            ></base-image>\n          </div>\n        }\n      </ng-container>\n    } @else {\n      <ng-template>\n        <icon-loader></icon-loader>\n      </ng-template>\n    }\n  </div>\n  @if (hint) {\n    <base-hint [hint]=\"hint\"></base-hint>\n  }\n  @if (validationError) {\n    <base-input-error [errorMessage]=\"validationError\"></base-input-error>\n  }\n</div>\n", styles: [":host{--select-placeholder-color: #9dbfde}:host .search-input::placeholder{color:var(--select-placeholder-color);opacity:1}:host .search-input::-webkit-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-moz-placeholder{color:var(--select-placeholder-color)}:host .search-input:-ms-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-ms-input-placeholder{color:var(--select-placeholder-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconLoaderComponent, selector: "icon-loader", inputs: ["color", "size"] }, { kind: "component", type: HintComponent, selector: "base-hint", inputs: ["hint"] }, { kind: "component", type: InputErrorComponent, selector: "base-input-error", inputs: ["errorMessage"] }, { kind: "component", type: ImageComponent, selector: "base-image", inputs: ["src", "alt", "isFullWidth", "width", "height", "customClass"], outputs: ["onClick"] }, { kind: "ngmodule", type: IMaskModule }, { kind: "directive", type: i2.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  @if (label) {\n    <p class=\"mb-0 text-body-2xs font-normal text-heading-text\">\n      {{ label }}\n      @if (required) {\n        <span class=\"text-orange-required\">*</span>\n      }\n    </p>\n  }\n\n  <div\n    class=\"border-c px-3 py-2 flex items-center justify-between rounded-md h-12\"\n    [ngClass]=\"[\n      disabled ? 'bg-grey-50 cursor-not-allowed' : 'bg-white',\n      validationError ? 'border-red-300 bg-red-50' : 'border-grey-100',\n    ]\"\n  >\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n\n    <input\n      [type]=\"type\"\n      [imask]=\"mask ? { mask, lazy: true } : undefined\"\n      [unmask]=\"mask ? 'typed' : false\"\n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeyDown($event)\"\n      (paste)=\"onPaste($event)\"\n      [placeholder]=\"placeholder ? placeholder : 'Enter ' + label.toLowerCase()\"\n      [attr.inputmode]=\"isAmountInput ? 'decimal' : null\"\n      class=\"search-input bg-transparent outline-none border-none focus:outline-none focus:ring-0 text-body-2xs text-light-copy font-normal w-full\"\n    />\n\n    @if (!loading) {\n      <ng-container>\n        <ng-content select=\"[slot=suffix]\"></ng-content>\n        <!-- Copy icon -->\n        @if (showCopyIcon && value && value.trim() !== '') {\n          <div class=\"ml-2 flex items-center\">\n            <base-image\n              src=\"assets/images/copyIcon.svg\"\n              alt=\"copy\"\n              [width]=\"16\"\n              [height]=\"16\"\n              class=\"cursor-pointer hover:opacity-70 transition-opacity\"\n              (onClick)=\"copyHandler()\"\n            ></base-image>\n          </div>\n        }\n      </ng-container>\n    } @else {\n      <ng-template>\n        <icon-loader></icon-loader>\n      </ng-template>\n    }\n  </div>\n\n  @if (hint) {\n    <base-hint [hint]=\"hint\"></base-hint>\n  }\n  @if (validationError) {\n    <base-input-error [errorMessage]=\"validationError\"></base-input-error>\n  }\n</div>\n", styles: [":host{--select-placeholder-color: #9dbfde}:host .search-input::placeholder{color:var(--select-placeholder-color);opacity:1}:host .search-input::-webkit-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-moz-placeholder{color:var(--select-placeholder-color)}:host .search-input:-ms-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-ms-input-placeholder{color:var(--select-placeholder-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconLoaderComponent, selector: "icon-loader", inputs: ["color", "size"] }, { kind: "component", type: HintComponent, selector: "base-hint", inputs: ["hint"] }, { kind: "component", type: InputErrorComponent, selector: "base-input-error", inputs: ["errorMessage"] }, { kind: "component", type: ImageComponent, selector: "base-image", inputs: ["src", "alt", "isFullWidth", "width", "height", "customClass"], outputs: ["onClick"] }, { kind: "ngmodule", type: IMaskModule }, { kind: "directive", type: i2.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
@@ -667,7 +679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                             useExisting: forwardRef(() => InputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-2\">\n  @if (label) {\n    <p class=\"mb-0 text-body-2xs font-normal text-heading-text\">\n      {{ label }}\n      @if (required) {\n        <span class=\"text-orange-required\">*</span>\n      }\n    </p>\n  }\n\n  <div\n    class=\"border-c px-3 py-2 flex items-center justify-between rounded-md h-12\"\n    [ngClass]=\"[\n      disabled ? 'bg-grey-50 cursor-not-allowed' : 'bg-white',\n      validationError ? 'border-red-300 bg-red-50' : 'border-grey-100',\n    ]\"\n  >\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n    <input\n      [type]=\"type\"\n      [imask]=\"mask ? { mask, lazy: true } : undefined\"\n      [unmask]=\"mask ? 'typed' : false\"\n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeyDown($event)\"\n      [placeholder]=\"placeholder ? placeholder : 'Enter ' + label.toLowerCase()\"\n      inputmode=\"decimal\"\n      class=\"search-input bg-transparent outline-none border-none focus:outline-none focus:ring-0 text-body-2xs text-light-copy font-normal w-full\"\n    />\n\n    @if (!loading) {\n      <ng-container>\n        <ng-content select=\"[slot=suffix]\"></ng-content>\n        <!-- Copy icon -->\n        @if (showCopyIcon && value && value.trim() !== '') {\n          <div class=\"ml-2 flex items-center\">\n            <base-image\n              src=\"assets/images/copyIcon.svg\"\n              alt=\"copy\"\n              [width]=\"16\"\n              [height]=\"16\"\n              class=\"cursor-pointer hover:opacity-70 transition-opacity\"\n              (onClick)=\"copyHandler()\"\n            ></base-image>\n          </div>\n        }\n      </ng-container>\n    } @else {\n      <ng-template>\n        <icon-loader></icon-loader>\n      </ng-template>\n    }\n  </div>\n  @if (hint) {\n    <base-hint [hint]=\"hint\"></base-hint>\n  }\n  @if (validationError) {\n    <base-input-error [errorMessage]=\"validationError\"></base-input-error>\n  }\n</div>\n", styles: [":host{--select-placeholder-color: #9dbfde}:host .search-input::placeholder{color:var(--select-placeholder-color);opacity:1}:host .search-input::-webkit-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-moz-placeholder{color:var(--select-placeholder-color)}:host .search-input:-ms-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-ms-input-placeholder{color:var(--select-placeholder-color)}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-2\">\n  @if (label) {\n    <p class=\"mb-0 text-body-2xs font-normal text-heading-text\">\n      {{ label }}\n      @if (required) {\n        <span class=\"text-orange-required\">*</span>\n      }\n    </p>\n  }\n\n  <div\n    class=\"border-c px-3 py-2 flex items-center justify-between rounded-md h-12\"\n    [ngClass]=\"[\n      disabled ? 'bg-grey-50 cursor-not-allowed' : 'bg-white',\n      validationError ? 'border-red-300 bg-red-50' : 'border-grey-100',\n    ]\"\n  >\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n\n    <input\n      [type]=\"type\"\n      [imask]=\"mask ? { mask, lazy: true } : undefined\"\n      [unmask]=\"mask ? 'typed' : false\"\n      [(ngModel)]=\"formattedValue\"\n      [disabled]=\"disabled\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeyDown($event)\"\n      (paste)=\"onPaste($event)\"\n      [placeholder]=\"placeholder ? placeholder : 'Enter ' + label.toLowerCase()\"\n      [attr.inputmode]=\"isAmountInput ? 'decimal' : null\"\n      class=\"search-input bg-transparent outline-none border-none focus:outline-none focus:ring-0 text-body-2xs text-light-copy font-normal w-full\"\n    />\n\n    @if (!loading) {\n      <ng-container>\n        <ng-content select=\"[slot=suffix]\"></ng-content>\n        <!-- Copy icon -->\n        @if (showCopyIcon && value && value.trim() !== '') {\n          <div class=\"ml-2 flex items-center\">\n            <base-image\n              src=\"assets/images/copyIcon.svg\"\n              alt=\"copy\"\n              [width]=\"16\"\n              [height]=\"16\"\n              class=\"cursor-pointer hover:opacity-70 transition-opacity\"\n              (onClick)=\"copyHandler()\"\n            ></base-image>\n          </div>\n        }\n      </ng-container>\n    } @else {\n      <ng-template>\n        <icon-loader></icon-loader>\n      </ng-template>\n    }\n  </div>\n\n  @if (hint) {\n    <base-hint [hint]=\"hint\"></base-hint>\n  }\n  @if (validationError) {\n    <base-input-error [errorMessage]=\"validationError\"></base-input-error>\n  }\n</div>\n", styles: [":host{--select-placeholder-color: #9dbfde}:host .search-input::placeholder{color:var(--select-placeholder-color);opacity:1}:host .search-input::-webkit-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-moz-placeholder{color:var(--select-placeholder-color)}:host .search-input:-ms-input-placeholder{color:var(--select-placeholder-color)}:host .search-input::-ms-input-placeholder{color:var(--select-placeholder-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{
                 type: Input
             }], type: [{
@@ -692,6 +704,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                 type: Input
             }], showCopyIcon: [{
                 type: Input
+            }], preventPaste: [{
+                type: Input
             }], onInputChange: [{
                 type: Output
             }], onInputBlur: [{
@@ -1235,6 +1249,14 @@ class ResourceService {
         const baseUrl = getBaseUrl(environment);
         return this.http.get(`${baseUrl}/api/v1/checkout/networks/${stableCoin}`);
     }
+    getMerchantById(merchantId, environment, secretKey) {
+        const baseUrl = getBaseUrl(environment);
+        return this.http.get(`${baseUrl}/api/v1/merchant-by-id/${merchantId}`, {
+            headers: {
+                merchantId: secretKey,
+            },
+        });
+    }
     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' });
 }