@salesforce/ui-bundle-template-app-angular-template-b2x 11.31.11 → 11.31.12

package/dist/force-app/main/default/uiBundles/angularexternalapp/src/app/pages/account-detail/account-detail-page.component.html

@@ -1,174 +0,0 @@
-<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6" [attr.aria-busy]="loading()">
-	<app-object-breadcrumb
-		listPath="/accounts"
-		listLabel="Accounts"
-		[loading]="loading()"
-		[recordName]="recordName()"
-	/>
-
-	@if (loading()) {
-		<!-- Loading state -->
-		<app-skeleton class="h-8 w-56 mb-4" />
-		<app-card>
-			<app-card-content class="space-y-8">
-				<div class="space-y-4">
-					@for (row of skeletonRows; track row) {
-						<div class="grid grid-cols-2 gap-x-8 gap-y-4">
-							<div>
-								<app-skeleton class="h-4 w-24 mb-1.5" />
-								<app-skeleton class="h-5 w-40" />
-							</div>
-							<div>
-								<app-skeleton class="h-4 w-24 mb-1.5" />
-								<app-skeleton class="h-5 w-40" />
-							</div>
-						</div>
-					}
-				</div>
-				<app-separator />
-				<div class="space-y-4">
-					<app-skeleton class="h-7 w-48 py-2" />
-					<div class="grid grid-cols-2 gap-x-8 gap-y-4">
-						<app-skeleton class="h-12 w-full" />
-						<app-skeleton class="h-12 w-full" />
-					</div>
-				</div>
-			</app-card-content>
-		</app-card>
-	} @else if (error()) {
-		<!-- Error state -->
-		<app-alert
-			variant="destructive"
-			icon="error"
-			title="Failed to load account"
-			description="Something went wrong while loading this account. Please try again later."
-		/>
-		<div class="mt-4 flex gap-3">
-			<app-button appearance="outlined" (clicked)="goBack()">← Back</app-button>
-			<app-button appearance="outlined" (clicked)="reload()">Retry</app-button>
-		</div>
-	} @else if (notFound()) {
-		<!-- Not found state -->
-		<app-card>
-			<app-card-content class="flex flex-col items-center justify-center py-16 text-center">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="size-12 text-muted-foreground mb-4"
-					viewBox="0 0 24 24"
-					fill="none"
-					stroke="currentColor"
-					stroke-width="2"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					aria-hidden="true"
-				>
-					<path d="M12 17h.01" />
-					<path d="M10.1 9a2.4 2.4 0 0 1 3.9 1.9c0 1.5-2 2-2 3" />
-					<path d="M14.5 4.5 20 10l-2 2" />
-					<path d="M4 4h9l7 7v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z" />
-				</svg>
-				<h2 class="text-lg font-semibold mb-1">Account not found</h2>
-				<p class="text-sm text-muted-foreground mb-6">
-					The account you're looking for doesn't exist or may have been deleted.
-				</p>
-				<app-button appearance="outlined" (clicked)="goBack()">← Go back</app-button>
-			</app-card-content>
-		</app-card>
-	} @else if (account()) {
-		<!-- Content -->
-		<h1 class="text-2xl font-bold mb-4">Account: {{ title() }}</h1>
-
-		<app-card>
-			<app-card-content class="space-y-8">
-				<!-- Top section -->
-				<div class="space-y-4">
-					@for (row of topRows(); track $index) {
-						<div class="grid grid-cols-2 gap-x-8 gap-y-4">
-							@for (field of row; track field.label) {
-								<div>
-									<dt class="text-sm text-muted-foreground">{{ field.label }}</dt>
-									<dd class="mt-0.5">
-										@if (field.value && field.telephone) {
-											<a [href]="'tel:' + field.value" class="underline">{{ field.value }}</a>
-										} @else {
-											{{ field.value ?? "—" }}
-										}
-									</dd>
-								</div>
-							}
-						</div>
-					}
-				</div>
-
-				<app-separator />
-
-				<!-- Additional Information -->
-				<app-collapsible title="Additional Information" [(open)]="additionalOpen">
-					<div class="space-y-4">
-						@for (row of additionalRows(); track $index) {
-							<div class="grid grid-cols-2 gap-x-8 gap-y-4">
-								@for (field of row; track field.label) {
-									<div>
-										<dt class="text-sm text-muted-foreground">{{ field.label }}</dt>
-										<dd class="mt-0.5">{{ field.value ?? "—" }}</dd>
-									</div>
-								}
-							</div>
-						}
-						<div>
-							<dt class="text-sm text-muted-foreground">Description</dt>
-							<dd class="mt-0.5">{{ description() ?? "—" }}</dd>
-						</div>
-					</div>
-				</app-collapsible>
-				<div class="space-y-4"></div>
-				<app-separator />
-
-				<!-- Address Information -->
-				<app-collapsible title="Address Information" [(open)]="addressOpen">
-					<div class="grid grid-cols-2 gap-x-8 gap-y-4">
-						<div>
-							<dt class="text-sm text-muted-foreground">Billing Address</dt>
-							<dd class="mt-0.5">
-								@if (billingAddress()) {
-									@for (line of billingAddress(); track $index) {
-										<div>{{ line }}</div>
-									}
-								} @else {
-									—
-								}
-							</dd>
-						</div>
-						<div>
-							<dt class="text-sm text-muted-foreground">Shipping Address</dt>
-							<dd class="mt-0.5">
-								@if (shippingAddress()) {
-									@for (line of shippingAddress(); track $index) {
-										<div>{{ line }}</div>
-									}
-								} @else {
-									—
-								}
-							</dd>
-						</div>
-					</div>
-				</app-collapsible>
-				<div class="space-y-4"></div>
-				<app-separator />
-				<!-- System Information -->
-				<app-collapsible title="System Information" [(open)]="systemOpen">
-					<div class="grid grid-cols-2 gap-x-8 gap-y-4">
-						<div>
-							<dt class="text-sm text-muted-foreground">Created By</dt>
-							<dd class="mt-0.5">{{ createdBy() ?? "—" }}</dd>
-						</div>
-						<div>
-							<dt class="text-sm text-muted-foreground">Last Modified By</dt>
-							<dd class="mt-0.5">{{ lastModifiedBy() ?? "—" }}</dd>
-						</div>
-					</div>
-				</app-collapsible>
-			</app-card-content>
-		</app-card>
-	}
-</div>

package/dist/force-app/main/default/uiBundles/angularexternalapp/src/app/pages/account-search/account-search-page.component.html

@@ -1,111 +0,0 @@
-<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
-	<app-object-breadcrumb listPath="/accounts" listLabel="Accounts" />
-
-	<h1 class="text-2xl font-bold mb-4">Search Accounts</h1>
-
-	<div class="flex flex-col lg:flex-row gap-6">
-		<!-- Sidebar — Filter Panel -->
-		<aside class="w-full lg:w-80 shrink-0">
-			<app-collapsible title="Filters" [(open)]="filtersOpen">
-				<div class="space-y-1">
-					<app-search-filter [config]="searchConfig" />
-					<app-text-filter [config]="nameConfig" />
-					<app-select-filter [config]="industryConfig()" />
-					<app-multi-select-filter [config]="typeConfig()" />
-					<app-numeric-range-filter [config]="revenueConfig" />
-					<app-date-filter [config]="createdConfig" filterType="datetime" />
-					<app-date-range-filter [config]="lastModifiedConfig" filterType="datetimerange" />
-				</div>
-			</app-collapsible>
-		</aside>
-
-		<!-- Main area — Sort + Results -->
-		<div class="flex-1 min-w-0">
-			<div class="flex flex-wrap items-center gap-2 mb-4">
-				<app-sort-control [sortFields]="sortConfigs" />
-				<app-active-filters />
-			</div>
-
-			<div class="min-h-132" [attr.aria-busy]="loading()">
-				@if (loading()) {
-					<app-skeleton class="h-5 w-30 mb-3" />
-					<div class="divide-y">
-						@for (row of skeletonRows(); track row) {
-							<div class="flex items-center justify-between py-3">
-								<div class="space-y-2">
-									<app-skeleton class="h-5 w-40" />
-									<app-skeleton class="h-4 w-28" />
-								</div>
-								<div class="space-y-2 flex flex-col items-end">
-									<app-skeleton class="h-4 w-24" />
-									<app-skeleton class="h-4 w-20" />
-								</div>
-							</div>
-						}
-					</div>
-				} @else if (error()) {
-					<p class="text-sm text-muted-foreground mb-3">0 accounts found</p>
-					<app-alert
-						variant="destructive"
-						icon="error"
-						title="Failed to load accounts"
-						description="Something went wrong while loading accounts. Please try again later."
-					/>
-				} @else if (nodes().length > 0) {
-					<p class="text-sm text-muted-foreground mb-3">{{ resultCountLabel() }}</p>
-					<ul class="divide-y">
-						@for (node of nodes(); track node.Id) {
-							<li>
-								<a
-									[routerLink]="['/accounts', node.Id]"
-									class="flex items-center justify-between py-3 px-3 -mx-3 rounded-md transition-colors hover:bg-accent"
-								>
-									<div>
-										<span class="font-medium">{{ name(node) }}</span>
-										<p class="text-sm text-muted-foreground">{{ secondaryLine(node) }}</p>
-									</div>
-									<div class="text-right text-sm">
-										<p>{{ phone(node) }}</p>
-										<p class="text-muted-foreground">{{ ownerName(node) }}</p>
-									</div>
-								</a>
-							</li>
-						}
-					</ul>
-				} @else {
-					<div class="flex flex-col items-center justify-center py-16 text-center">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="size-12 text-muted-foreground mb-4"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							aria-hidden="true"
-						>
-							<path d="m13.5 8.5-5 5" />
-							<path d="m8.5 8.5 5 5" />
-							<circle cx="11" cy="11" r="8" />
-							<path d="m21 21-4.3-4.3" />
-						</svg>
-						<h2 class="text-lg font-semibold mb-1">No accounts found</h2>
-						<p class="text-sm text-muted-foreground">
-							Try adjusting your filters or search criteria.
-						</p>
-					</div>
-				}
-			</div>
-
-			<!-- Pagination — always visible, disabled while loading or on error -->
-			<app-pagination-controls
-				[totalCount]="totalCount()"
-				[hasNextPage]="hasNextPage()"
-				[endCursor]="endCursor()"
-				[pageSizeOptions]="pageSizeOptions"
-				[disabled]="controlsDisabled()"
-			/>
-		</div>
-	</div>
-</div>

package/dist/force-app/main/default/uiBundles/angularexternalapp/src/app/pages/profile/profile-page.component.html

@@ -1,126 +0,0 @@
-<main class="flex min-h-svh w-full justify-center p-6 md:p-10 items-start">
-	<div class="w-full max-w-md">
-		@if (loadError()) {
-			<app-status-alert variant="error" [message]="loadError()!" />
-		} @else {
-			<app-auth-form
-				title="Profile"
-				description="Update your account information"
-				[showAlreadyLoggedIn]="false"
-				[error]="submitError()"
-				[success]="success() ? 'Profile updated!' : null"
-				submitText="Save Changes"
-				submitLoadingText="Saving…"
-				[submitting]="submitting()"
-				[submitDisabled]="loading()"
-				[footer]="{ link: routes.CHANGE_PASSWORD.PATH, linkText: 'Change password' }"
-				(submitted)="onSubmit()"
-			>
-				@if (loading()) {
-					<div role="status" aria-live="polite">
-						<span class="sr-only">Loading profile…</span>
-						<app-field label="Email"><app-skeleton class="h-9 w-full rounded-md" /></app-field>
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 items-start">
-							<app-field label="First name"
-								><app-skeleton class="h-9 w-full rounded-md"
-							/></app-field>
-							<app-field label="Last name"
-								><app-skeleton class="h-9 w-full rounded-md"
-							/></app-field>
-						</div>
-						<app-field label="Phone"><app-skeleton class="h-9 w-full rounded-md" /></app-field>
-						<app-field label="Street"><app-skeleton class="h-9 w-full rounded-md" /></app-field>
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 items-start">
-							<app-field label="City"><app-skeleton class="h-9 w-full rounded-md" /></app-field>
-							<app-field label="State"><app-skeleton class="h-9 w-full rounded-md" /></app-field>
-						</div>
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 items-start">
-							<app-field label="Postal Code"
-								><app-skeleton class="h-9 w-full rounded-md"
-							/></app-field>
-							<app-field label="Country"><app-skeleton class="h-9 w-full rounded-md" /></app-field>
-						</div>
-					</div>
-				} @else {
-					<div class="mt-4 flex flex-col gap-4">
-						<app-field
-							label="Email"
-							htmlFor="profile-email"
-							[error]="controlError('Email', 'email')"
-						>
-							<app-input type="email" [value]="form.controls.Email.value ?? ''" [disabled]="true" />
-						</app-field>
-
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 items-start">
-							<app-field
-								label="First name"
-								htmlFor="profile-first-name"
-								[error]="controlError('FirstName', 'required')"
-							>
-								<app-input
-									[value]="form.controls.FirstName.value ?? ''"
-									(valueChange)="setControl('FirstName', $event)"
-								/>
-							</app-field>
-							<app-field
-								label="Last name"
-								htmlFor="profile-last-name"
-								[error]="controlError('LastName', 'required')"
-							>
-								<app-input
-									[value]="form.controls.LastName.value ?? ''"
-									(valueChange)="setControl('LastName', $event)"
-								/>
-							</app-field>
-						</div>
-
-						<app-field label="Phone" htmlFor="profile-phone">
-							<app-input
-								type="tel"
-								[value]="form.controls.Phone.value ?? ''"
-								(valueChange)="setControl('Phone', $event)"
-							/>
-						</app-field>
-
-						<app-field label="Street" htmlFor="profile-street">
-							<app-input
-								[value]="form.controls.Street.value ?? ''"
-								(valueChange)="setControl('Street', $event)"
-							/>
-						</app-field>
-
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 items-start">
-							<app-field label="City" htmlFor="profile-city">
-								<app-input
-									[value]="form.controls.City.value ?? ''"
-									(valueChange)="setControl('City', $event)"
-								/>
-							</app-field>
-							<app-field label="State" htmlFor="profile-state">
-								<app-input
-									[value]="form.controls.State.value ?? ''"
-									(valueChange)="setControl('State', $event)"
-								/>
-							</app-field>
-						</div>
-
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 items-start">
-							<app-field label="Postal Code" htmlFor="profile-postal-code">
-								<app-input
-									[value]="form.controls.PostalCode.value ?? ''"
-									(valueChange)="setControl('PostalCode', $event)"
-								/>
-							</app-field>
-							<app-field label="Country" htmlFor="profile-country">
-								<app-input
-									[value]="form.controls.Country.value ?? ''"
-									(valueChange)="setControl('Country', $event)"
-								/>
-							</app-field>
-						</div>
-					</div>
-				}
-			</app-auth-form>
-		}
-	</div>
-</main>

package/dist/force-app/main/default/uiBundles/angularexternalapp/src/app/pages/reset-password/reset-password-page.component.html

@@ -1,60 +0,0 @@
-<main class="flex min-h-svh w-full justify-center p-6 md:p-10 items-start">
-	<div class="w-full max-w-md">
-		@if (!token) {
-			<app-card-layout title="Reset Password">
-				<app-status-alert variant="error">
-					Reset token is invalid or expired.
-					<a [routerLink]="routes.FORGOT_PASSWORD.PATH" class="underline underline-offset-4">
-						Request a new password reset link.
-					</a>
-				</app-status-alert>
-			</app-card-layout>
-		} @else {
-			<app-auth-form
-				title="Reset Password"
-				description="Enter your new password below"
-				[error]="submitError()"
-				[success]="success() ? 'Password reset successfully! Use the link below to sign in.' : null"
-				submitText="Reset Password"
-				submitLoadingText="Resetting…"
-				[submitting]="submitting()"
-				[submitDisabled]="success()"
-				[footer]="{ text: 'Remember your password?', link: routes.LOGIN.PATH, linkText: 'Sign in' }"
-				(submitted)="onSubmit()"
-			>
-				<div class="mt-4 flex flex-col gap-4">
-					<app-field
-						label="New Password"
-						htmlFor="reset-new-password"
-						[error]="controlError('newPassword', 'password')"
-					>
-						<app-input
-							type="password"
-							[value]="form.controls.newPassword.value ?? ''"
-							(valueChange)="setControl('newPassword', $event)"
-							[placeholder]="placeholders.PASSWORD_NEW"
-							[disabled]="success()"
-						/>
-					</app-field>
-
-					<app-field
-						label="Confirm Password"
-						htmlFor="reset-confirm-password"
-						[error]="
-							controlError('confirmPassword', 'passwordMismatch') ??
-							controlError('confirmPassword', 'required')
-						"
-					>
-						<app-input
-							type="password"
-							[value]="form.controls.confirmPassword.value ?? ''"
-							(valueChange)="setControl('confirmPassword', $event)"
-							[placeholder]="placeholders.PASSWORD_NEW_CONFIRM"
-							[disabled]="success()"
-						/>
-					</app-field>
-				</div>
-			</app-auth-form>
-		}
-	</div>
-</main>