@3ddv/software-division-components 2.0.10 → 2.0.14

package/types/3ddv-software-division-components-dvm-map-loader.d.ts

@@ -6,17 +6,19 @@ declare class MapLoaderComponent implements OnInit, OnDestroy {
     viewerService: _angular_core.InputSignal<{
         waitInitialize: () => Observable<any>;
         getObservable: (value: "load_success" | "load_start") => Observable<any>;
-    }>;
+    } | undefined>;
     logo: _angular_core.InputSignal<string>;
     color: _angular_core.InputSignal<string>;
     duration: _angular_core.InputSignal<number>;
     size: _angular_core.InputSignal<"sm" | "md">;
+    isLoading: _angular_core.InputSignal<boolean | null>;
     pill: _angular_core.Signal<ElementRef<any> | undefined>;
     pillContainer: _angular_core.Signal<ElementRef<any> | undefined>;
     container: _angular_core.Signal<ElementRef<any> | undefined>;
     private isFirstLoad;
     private varName;
     private readonly handlers;
+    private _isLoading;
     /**
      * Retorna la variable CSS para el color del ripple.
      * Necesitamos setear la variable css --ripple-color con el color accent de la configuración.
@@ -52,7 +54,7 @@ declare class MapLoaderComponent implements OnInit, OnDestroy {
      */
     private destroyComponent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapLoaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapLoaderComponent, "sdc-map-loader", never, { "viewerService": { "alias": "viewerService"; "required": true; "isSignal": true; }; "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapLoaderComponent, "sdc-map-loader", never, { "viewerService": { "alias": "viewerService"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { MapLoaderComponent };

package/types/3ddv-software-division-components-generic-add-digital-wallet.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
-import { BraintreePayload } from '@3ddv/software-division-components/generic/braintree';
+import { BraintreePayload, BraintreeTrigger } from '@3ddv/software-division-components/generic/braintree';
 import { FormControl } from '@angular/forms';
 
 declare class AddDigitalWalletComponent implements OnInit {
@@ -12,9 +12,10 @@ declare class AddDigitalWalletComponent implements OnInit {
     readonly cancelClick: _angular_core.OutputEmitterRef<void>;
     readonly useDefaultCard: _angular_core.OutputEmitterRef<boolean>;
     useDefaultCardCtrl: FormControl<boolean | null>;
+    readonly trigger: BraintreeTrigger;
     private readonly destroyRef;
     ngOnInit(): void;
-    onDigitalWalletSubmitted(data: BraintreePayload): void;
+    onSaveCard(): Promise<void>;
     onCancel(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AddDigitalWalletComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AddDigitalWalletComponent, "sdc-add-digital-wallet", never, { "token": { "alias": "token"; "required": true; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; "showIsDefaultCardCheckbox": { "alias": "showIsDefaultCardCheckbox"; "required": false; "isSignal": true; }; }, { "braintreePayload": "braintreePayload"; "cancelClick": "cancelClick"; "useDefaultCard": "useDefaultCard"; }, never, never, true, never>;

package/types/3ddv-software-division-components-generic-braintree.d.ts

@@ -28,9 +28,24 @@ interface BraintreeBinData {
     countryOfIssuance: string;
 }
 
+/** Pass an instance to BraintreeComponent's [trigger] input. Call fire() to request payment. */
+declare class BraintreeTrigger {
+    private readonly _count;
+    readonly signal: _angular_core.Signal<number>;
+    private _resolve;
+    private _reject;
+    /** Triggers the drop-in UI to request a payment method. Resolves with the payload on success, rejects on error. */
+    requestPayment(): Promise<BraintreePayload>;
+    /** @internal Called by BraintreeComponent when payment succeeds */
+    settle(payload: BraintreePayload): void;
+    /** @internal Called by BraintreeComponent when payment fails */
+    fail(err: any): void;
+}
+
 /**
  * Braintree Drop‑in component that auto‑wires clicks
  * on the first projected element and errors if more than one.
+ * It also accepts a BraintreeTrigger to get the nonce without a projected element.
  * Recreates the drop‑in UI whenever isDigitalWalletPayment changes,
  * ensuring the container is empty before initialization.
  */
@@ -42,6 +57,8 @@ declare class BraintreeComponent implements OnDestroy {
     readonly token: _angular_core.InputSignal<string>;
     /** Toggle to require cardholder name */
     readonly isDigitalWalletPayment: _angular_core.InputSignal<boolean>;
+    /** BraintreeTrigger instance — call trigger.fire() from anywhere to request payment */
+    readonly trigger: _angular_core.InputSignal<BraintreeTrigger | undefined>;
     /** Emits when a payment payload is ready */
     readonly onSubmit: _angular_core.OutputEmitterRef<BraintreePayload>;
     /** Holds the Drop‑in instance */
@@ -51,12 +68,14 @@ declare class BraintreeComponent implements OnDestroy {
     /** Clears previous drop-in UI and recreates it */
     private initializeDropin;
     /** Requests payment method and emits payload */
-    private requestPayment;
+    requestPayment(): void;
+    /** Scrolls the drop-in container into view and focuses it — called on payment error to redirect user attention. */
+    private focusContainer;
     /** Tears down the drop-in instance if present */
     private teardownDropin;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BraintreeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BraintreeComponent, "sdc-braintree", never, { "token": { "alias": "token"; "required": true; "isSignal": true; }; "isDigitalWalletPayment": { "alias": "isDigitalWalletPayment"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BraintreeComponent, "sdc-braintree", never, { "token": { "alias": "token"; "required": true; "isSignal": true; }; "isDigitalWalletPayment": { "alias": "isDigitalWalletPayment"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; }, never, ["*"], true, never>;
 }
 
-export { BraintreeComponent };
+export { BraintreeComponent, BraintreeTrigger };
 export type { BraintreeBinData, BraintreeDetails, BraintreePayload };

package/types/3ddv-software-division-components-generic-button.d.ts

@@ -8,6 +8,7 @@ import { ClassValue } from 'clsx';
 declare const BUTTON_VARIANTS: {
     readonly primary: "primary";
     readonly secondary: "secondary";
+    readonly 'secondary-blue': "secondary-blue";
     readonly accent: "accent";
     readonly alternative: "alternative";
     readonly warning: "warning";
@@ -26,6 +27,7 @@ declare const BUTTON_VARIANTS: {
     readonly link: "link";
     readonly gray: "gray";
     readonly white: "white";
+    readonly icon: "icon";
 };
 type ButtonVariant = (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS];
 type ButtonType = 'button' | 'submit' | 'reset';
@@ -54,7 +56,7 @@ declare class ButtonComponent {
      * Predefined styles to apply to the component.
      * Can be a single class or multiple classes from different categories.
      */
-    readonly styleClass: _angular_core.InputSignal<("variant-destructive" | "variant-outline" | "variant-secondary" | "variant-link" | "variant-primary" | "variant-accent" | "variant-alternative" | "variant-warning" | "variant-success" | "variant-primary-light" | "variant-alternative-light" | "variant-success-muted" | "variant-accent-light" | "variant-warning-light" | "variant-destructive-light" | "variant-outline-white" | "variant-outline-alternative" | "variant-outline-accent" | "variant-gray" | "variant-white" | "size-sm" | "size-lg" | "size-xxs" | "size-xs" | "size-md" | "size-xl" | "size-2xl" | "size-circle-sm" | "size-circle-md" | "size-circle-lg" | "size-circle-xl" | "radius-default" | "radius-sm" | "radius-md" | "radius-lg" | "radius-xl" | "radius-2xl" | "radius-full" | "border-0" | "border-default" | "border-2" | "border-4" | "border-8")[]>;
+    readonly styleClass: _angular_core.InputSignal<("variant-destructive" | "variant-outline" | "variant-secondary" | "variant-link" | "variant-icon" | "variant-primary" | "variant-secondary-blue" | "variant-accent" | "variant-alternative" | "variant-warning" | "variant-success" | "variant-primary-light" | "variant-alternative-light" | "variant-success-muted" | "variant-accent-light" | "variant-warning-light" | "variant-destructive-light" | "variant-outline-white" | "variant-outline-alternative" | "variant-outline-accent" | "variant-gray" | "variant-white" | "size-sm" | "size-lg" | "size-xxs" | "size-xs" | "size-md" | "size-xl" | "size-2xl" | "size-circle-xs" | "size-circle-sm" | "size-circle-md" | "size-circle-lg" | "size-circle-xl" | "radius-default" | "radius-sm" | "radius-md" | "radius-lg" | "radius-xl" | "radius-2xl" | "radius-full" | "border-0" | "border-default" | "border-2" | "border-4" | "border-8")[]>;
     private readonly _validatedStyleClass;
     /**
      * Additional classes
@@ -138,6 +140,7 @@ declare class ButtonComponent {
     /**
      * Handles click events with debounce functionality.
      */
+    protected onHostClick(event: MouseEvent): void;
     protected handleClick(event: MouseEvent): void;
     /**
      * Handles focus events and emits the onFocus output.