@forgeroute/ui 0.4.42 → 0.4.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3259,7 +3259,7 @@ var StripeConnectComponent = class StripeConnectComponent {
|
|
|
3259
3259
|
</ui-stack>
|
|
3260
3260
|
} @else {
|
|
3261
3261
|
<ui-stack gap="sm" data-testid="connect-status-incomplete">
|
|
3262
|
-
<
|
|
3262
|
+
<span class="sc-badge"><ui-badge label="Account setup incomplete" variant="red" data-testid="connect-incomplete-badge" /></span>
|
|
3263
3263
|
<ui-text size="sm" text="Complete your Stripe account setup to start collecting payments from customers." />
|
|
3264
3264
|
<ui-stack direction="horizontal">
|
|
3265
3265
|
<ui-button variant="primary" size="sm" data-testid="connect-complete-setup-button" [disabled]="loading() || disabled()" (click)="resume()">{{ loading() ? 'Loading...' : 'Complete Setup' }}</ui-button>
|
|
@@ -3269,7 +3269,7 @@ var StripeConnectComponent = class StripeConnectComponent {
|
|
|
3269
3269
|
</ng-template>
|
|
3270
3270
|
`,
|
|
3271
3271
|
isInline: true,
|
|
3272
|
-
styles: ["ui-stripe-connect{display:block;min-width:0}ui-stripe-connect .sc-title{font-size:.9375rem;font-weight:600;color:#1e293b}\n"],
|
|
3272
|
+
styles: ["ui-stripe-connect{display:block;min-width:0}ui-stripe-connect .sc-badge{display:flex}ui-stripe-connect .sc-title{font-size:.9375rem;font-weight:600;color:#1e293b}\n"],
|
|
3273
3273
|
dependencies: [
|
|
3274
3274
|
{
|
|
3275
3275
|
kind: "directive",
|
|
@@ -3281,6 +3281,12 @@ var StripeConnectComponent = class StripeConnectComponent {
|
|
|
3281
3281
|
"ngTemplateOutletInjector"
|
|
3282
3282
|
]
|
|
3283
3283
|
},
|
|
3284
|
+
{
|
|
3285
|
+
kind: "component",
|
|
3286
|
+
type: BadgeComponent,
|
|
3287
|
+
selector: "ui-badge",
|
|
3288
|
+
inputs: ["label", "variant"]
|
|
3289
|
+
},
|
|
3284
3290
|
{
|
|
3285
3291
|
kind: "component",
|
|
3286
3292
|
type: ButtonComponent,
|
|
@@ -3396,6 +3402,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3396
3402
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3397
3403
|
imports: [
|
|
3398
3404
|
NgTemplateOutlet,
|
|
3405
|
+
BadgeComponent,
|
|
3399
3406
|
ButtonComponent,
|
|
3400
3407
|
DetailCardComponent,
|
|
3401
3408
|
StackComponent,
|
|
@@ -3439,7 +3446,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3439
3446
|
</ui-stack>
|
|
3440
3447
|
} @else {
|
|
3441
3448
|
<ui-stack gap="sm" data-testid="connect-status-incomplete">
|
|
3442
|
-
<
|
|
3449
|
+
<span class="sc-badge"><ui-badge label="Account setup incomplete" variant="red" data-testid="connect-incomplete-badge" /></span>
|
|
3443
3450
|
<ui-text size="sm" text="Complete your Stripe account setup to start collecting payments from customers." />
|
|
3444
3451
|
<ui-stack direction="horizontal">
|
|
3445
3452
|
<ui-button variant="primary" size="sm" data-testid="connect-complete-setup-button" [disabled]="loading() || disabled()" (click)="resume()">{{ loading() ? 'Loading...' : 'Complete Setup' }}</ui-button>
|
|
@@ -3449,7 +3456,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3449
3456
|
</ng-template>
|
|
3450
3457
|
`,
|
|
3451
3458
|
encapsulation: ViewEncapsulation.None,
|
|
3452
|
-
styles: ["ui-stripe-connect{display:block;min-width:0}ui-stripe-connect .sc-title{font-size:.9375rem;font-weight:600;color:#1e293b}\n"]
|
|
3459
|
+
styles: ["ui-stripe-connect{display:block;min-width:0}ui-stripe-connect .sc-badge{display:flex}ui-stripe-connect .sc-title{font-size:.9375rem;font-weight:600;color:#1e293b}\n"]
|
|
3453
3460
|
}]
|
|
3454
3461
|
}],
|
|
3455
3462
|
ctorParameters: () => [],
|