@salesforce/webapp-template-app-react-template-b2e-experimental 1.43.0 → 1.43.1

package/dist/force-app/main/default/package.xml

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Package xmlns="http://soap.sforce.com/2006/04/metadata">
-    <types>
-        <members>appreacttemplateb2e</members>
-        <name>CustomSite</name>
-    </types>
-    <types>
-        <members>site/appreacttemplateb2e1</members>
-        <name>DigitalExperienceBundle</name>
-    </types>
-    <types>
-        <members>appreacttemplateb2e1</members>
-        <name>DigitalExperienceConfig</name>
-    </types>
-    <types>
-        <members>appreacttemplateb2e</members>
-        <name>Network</name>
-    </types>
-    <version>66.0</version>
-</Package>

package/dist/force-app/main/default/sites/appreacttemplateb2e.site

@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<CustomSite xmlns="http://soap.sforce.com/2006/04/metadata">
-    <active>true</active>
-    <allowGuestPaymentsApi>false</allowGuestPaymentsApi>
-    <allowHomePage>false</allowHomePage>
-    <allowStandardAnswersPages>false</allowStandardAnswersPages>
-    <allowStandardIdeasPages>false</allowStandardIdeasPages>
-    <allowStandardLookups>false</allowStandardLookups>
-    <allowStandardPortalPages>true</allowStandardPortalPages>
-    <allowStandardSearch>false</allowStandardSearch>
-    <authorizationRequiredPage>CommunitiesLogin</authorizationRequiredPage>
-    <bandwidthExceededPage>BandwidthExceeded</bandwidthExceededPage>
-    <browserXssProtection>true</browserXssProtection>
-    <cachePublicVisualforcePagesInProxyServers>true</cachePublicVisualforcePagesInProxyServers>
-    <clickjackProtectionLevel>SameOriginOnly</clickjackProtectionLevel>
-    <contentSniffingProtection>true</contentSniffingProtection>
-    <enableAuraRequests>true</enableAuraRequests>
-    <fileNotFoundPage>FileNotFound</fileNotFoundPage>
-    <genericErrorPage>Exception</genericErrorPage>
-    <inMaintenancePage>InMaintenance</inMaintenancePage>
-     <indexPage>CommunitiesLanding</indexPage> 
-    <masterLabel>appreacttemplateb2e</masterLabel>
-    <redirectToCustomDomain>false</redirectToCustomDomain>
-    <referrerPolicyOriginWhenCrossOrigin>true</referrerPolicyOriginWhenCrossOrigin>
-    <selfRegPage>CommunitiesSelfReg</selfRegPage>
-  <!--  <serverIsDown>SNA_U2rxy_sf_default_cdn_byo1</serverIsDown> -->
-   <!-- <siteAdmin>epic.out.d1d3a2d722c8@orgfarm.salesforce.com</siteAdmin> -->
-   <!--  <siteGuestRecordDefaultOwner>epic.out.d1d3a2d722c8@orgfarm.salesforce.com</siteGuestRecordDefaultOwner> -->
-    <siteType>ChatterNetwork</siteType>
-    <urlPathPrefix>appreacttemplateb2evforcesite</urlPathPrefix>
-</CustomSite>

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/alerts/status-alert.tsx

@@ -1,45 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import { AlertCircleIcon, CheckCircle2Icon } from "lucide-react";
-import { Alert, AlertDescription } from "../ui/alert";
-import { useId } from "react";
-
-const statusAlertVariants = cva("", {
-	variants: {
-		variant: {
-			error: "",
-			success: "",
-		},
-	},
-	defaultVariants: {
-		variant: "error",
-	},
-});
-
-interface StatusAlertProps extends VariantProps<typeof statusAlertVariants> {
-	children?: React.ReactNode;
-	/** Alert variant type. @default "error" */
-	variant?: "error" | "success";
-}
-
-/**
- * Status alert component for displaying error or success messages.
- * Returns null if no children are provided.
- */
-export function StatusAlert({ children, variant = "error" }: StatusAlertProps) {
-	if (!children) return null;
-
-	const isError = variant === "error";
-	const descriptionId = useId();
-
-	return (
-		<Alert
-			variant={isError ? "destructive" : "default"}
-			className={statusAlertVariants({ variant })}
-			aria-describedby={descriptionId}
-			role={isError ? "alert" : "status"}
-		>
-			{isError ? <AlertCircleIcon aria-hidden="true" /> : <CheckCircle2Icon aria-hidden="true" />}
-			<AlertDescription id={descriptionId}>{children}</AlertDescription>
-		</Alert>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/auth/authentication-route.tsx

@@ -1,21 +0,0 @@
-import { Navigate, Outlet, useSearchParams } from "react-router";
-import { useAuth } from "../../context/AuthContext";
-import { getStartUrl } from "../../utils/helpers";
-import { CardSkeleton } from "../layout/card-skeleton";
-
-/**
- * [Dev Note] "Public Only" Route Guard:
- * This component protects routes that should NOT be accessible if the user is already logged in
- * (e.g., Login, Register, Forgot Password).
- * If an authenticated user tries to access these pages, they are automatically redirected
- * to the default authenticated view (e.g., Home or Profile) to prevent confusion.
- */
-export default function AuthenticationRoute() {
-	const { isAuthenticated, loading } = useAuth();
-	const [searchParams] = useSearchParams();
-
-	if (loading) return <CardSkeleton contentMaxWidth="md" />;
-	if (isAuthenticated) return <Navigate to={getStartUrl(searchParams)} replace />;
-
-	return <Outlet />;
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/auth/private-route.tsx

@@ -1,36 +0,0 @@
-import { Navigate, Outlet, useLocation } from "react-router";
-import { useAuth } from "../../context/AuthContext";
-import { AUTH_REDIRECT_PARAM, ROUTES } from "../../utils/authenticationConfig";
-import { CardSkeleton } from "../layout/card-skeleton";
-
-/**
- * [Dev Note] Route Guard:
- * Renders the child route (Outlet) if the user is authenticated.
- * Otherwise, redirects to Login with a 'startUrl' parameter so the user can be
- * returned to this page after successful login.
- */
-export default function PrivateRoute() {
-	const { isAuthenticated, loading } = useAuth();
-	const location = useLocation();
-
-	if (loading) return <CardSkeleton contentMaxWidth="md" />;
-
-	if (!isAuthenticated) {
-		const searchParams = new URLSearchParams();
-
-		// [Dev Note] Capture current location to return after login
-		const destination = location.pathname + location.search;
-		searchParams.set(AUTH_REDIRECT_PARAM, destination);
-		return (
-			<Navigate // Navigate accepts an object to safely construct the URL
-				to={{
-					pathname: ROUTES.LOGIN.PATH,
-					search: searchParams.toString(),
-				}}
-				replace
-			/>
-		);
-	}
-
-	return <Outlet />;
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/footers/footer-link.tsx

@@ -1,36 +0,0 @@
-import { Link } from "react-router";
-import { cn } from "../../lib/utils";
-
-interface FooterLinkProps extends Omit<React.ComponentProps<typeof Link>, "children"> {
-	/** Link text prefix (e.g., "Don't have an account?") */
-	text?: string;
-	/** Link label (e.g., "Sign up") */
-	linkText: string;
-}
-
-/**
- * Footer link component.
- */
-export function FooterLink({ text, to, linkText, className, ...props }: FooterLinkProps) {
-	return (
-		<p className={cn("w-full text-center text-sm text-muted-foreground", className)}>
-			{text && (
-				<>
-					{text}
-					{/* Robustness: Explicit space ensures formatting tools don't strip it */}
-					{"\u00A0"}
-				</>
-			)}
-			<Link
-				to={to}
-				className={cn(
-					"font-medium underline hover:text-primary transition-colors",
-					"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-				)}
-				{...props}
-			>
-				{linkText}
-			</Link>
-		</p>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/forms/auth-form.tsx

@@ -1,81 +0,0 @@
-import { FieldGroup } from "../ui/field";
-import { StatusAlert } from "../alerts/status-alert";
-import { FooterLink } from "../footers/footer-link";
-import { SubmitButton } from "./submit-button";
-import { CardLayout } from "../layout/card-layout";
-import { useFormContext } from "../../hooks/form";
-import { useId } from "react";
-
-/**
- * [Dev Note] A wrapper component that enforces consistent layout (Card) and error/success alert positioning
- * for all authentication forms.
- */
-interface AuthFormProps extends Omit<React.ComponentProps<"form">, "onSubmit"> {
-	title: string;
-	description: string;
-	error?: React.ReactNode;
-	success?: React.ReactNode;
-	submit: {
-		text: string;
-		loadingText?: string;
-		disabled?: boolean;
-	};
-	footer?: {
-		text?: string;
-		link: string;
-		linkText: string;
-	};
-}
-
-/**
- * [Dev Note] Standardized Authentication Layout:
- * Wraps the specific logic of Login/Register forms with a consistent visual frame (Card),
- * title, and error alert placement. Extends form element props for flexibility.
- * This ensures all auth-related pages look and behave similarly.
- */
-export function AuthForm({
-	id: providedId,
-	title,
-	description,
-	error,
-	success,
-	children,
-	submit,
-	footer,
-	...props
-}: AuthFormProps) {
-	const form = useFormContext();
-	const generatedId = useId();
-	const id = providedId ?? generatedId;
-
-	return (
-		<CardLayout title={title} description={description}>
-			<div className="space-y-6">
-				{/* [Dev Note] Global form error alert (e.g. "Invalid Credentials") */}
-				{error && <StatusAlert variant="error">{error}</StatusAlert>}
-				{success && <StatusAlert variant="success">{success}</StatusAlert>}
-
-				<form
-					id={id}
-					onSubmit={(e) => {
-						e.preventDefault();
-						e.stopPropagation();
-						form.handleSubmit();
-					}}
-					{...props}
-				>
-					<FieldGroup>{children}</FieldGroup>
-					<SubmitButton
-						form={id}
-						label={submit.text}
-						loadingLabel={submit.loadingText}
-						disabled={submit.disabled}
-						className="mt-6"
-					/>
-				</form>
-				{/* [Dev Note] Navigation links (e.g. "Forgot Password?") */}
-				{footer && <FooterLink text={footer.text} to={footer.link} linkText={footer.linkText} />}
-			</div>
-		</CardLayout>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/forms/submit-button.tsx

@@ -1,49 +0,0 @@
-import { Button } from "../ui/button";
-import { Spinner } from "../ui/spinner";
-import { cn } from "../../lib/utils";
-import { useFormContext } from "../../hooks/form";
-
-interface SubmitButtonProps extends Omit<React.ComponentProps<typeof Button>, "type"> {
-	/** Button text when not submitting */
-	label: string;
-	/** Button text while submitting */
-	loadingLabel?: string;
-	/** Form id to associate with (for buttons outside form element) */
-	form?: string;
-}
-
-const isSubmittingSelector = (state: { isSubmitting: boolean }) => state.isSubmitting;
-
-/**
- * Submit button that subscribes to form submission state.
- * UX Best Practice:
- * 1. Disables interaction immediately upon click (via isLoading) to prevent
- * accidental double-submissions.
- * 2. Provides immediate visual feedback (Spinner).
- */
-export function SubmitButton({
-	label,
-	loadingLabel = "Submitting…",
-	className,
-	form: formId,
-	disabled,
-	...props
-}: SubmitButtonProps) {
-	const form = useFormContext();
-	return (
-		<form.Subscribe selector={isSubmittingSelector}>
-			{(isSubmitting: boolean) => (
-				<Button
-					type="submit"
-					form={formId}
-					className={cn("w-full", className)}
-					disabled={isSubmitting || disabled}
-					{...props}
-				>
-					{isSubmitting && <Spinner className="mr-2" aria-hidden="true" />}
-					{isSubmitting ? loadingLabel : label}
-				</Button>
-			)}
-		</form.Subscribe>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/layout/card-layout.tsx

@@ -1,23 +0,0 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
-
-interface CardLayoutProps {
-	title: string;
-	description?: string;
-	children: React.ReactNode;
-}
-
-/**
- * Card layout component for authentication pages.
- * Provides CardHeader with title and optional description, and CardContent.
- */
-export function CardLayout({ title, description, children }: CardLayoutProps) {
-	return (
-		<Card>
-			<CardHeader>
-				<CardTitle className="text-2xl">{title}</CardTitle>
-				{description && <CardDescription>{description}</CardDescription>}
-			</CardHeader>
-			<CardContent>{children}</CardContent>
-		</Card>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/layout/card-skeleton.tsx

@@ -1,38 +0,0 @@
-import { CenteredPageLayout } from "./centered-page-layout";
-import { Card, CardContent, CardHeader } from "../ui/card";
-import { Skeleton } from "../ui/skeleton";
-
-interface CardSkeletonProps {
-	/**
-	 * Maximum width of the content container.
-	 * @default "sm"
-	 */
-	contentMaxWidth?: "sm" | "md" | "lg";
-	/**
-	 * Accessible label for screen readers.
-	 * @default "Loading…"
-	 */
-	loadingText?: string;
-}
-
-/**
- * Full-page loading indicator with skeleton card placeholder.
- */
-export function CardSkeleton({ contentMaxWidth, loadingText = "Loading…" }: CardSkeletonProps) {
-	return (
-		<CenteredPageLayout contentMaxWidth={contentMaxWidth}>
-			<div role="status" aria-live="polite">
-				<Card className="w-full">
-					<CardHeader>
-						<Skeleton className="h-4 w-2/3" />
-						<Skeleton className="h-4 w-1/2" />
-					</CardHeader>
-					<CardContent>
-						<Skeleton className="aspect-video w-full" />
-					</CardContent>
-				</Card>
-				<span className="sr-only">{loadingText}</span>
-			</div>
-		</CenteredPageLayout>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/layout/centered-page-layout.tsx

@@ -1,73 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-
-/**
- * Variant styles for the content container's maximum width.
- * Controls the maximum width of the inner content area within the page layout.
- */
-const contentContainerVariants = cva("w-full", {
-	variants: {
-		contentMaxWidth: {
-			sm: "max-w-sm",
-			md: "max-w-md",
-			lg: "max-w-lg",
-		},
-	},
-	defaultVariants: {
-		contentMaxWidth: "sm",
-	},
-});
-
-/**
- * Props for the CenteredPageLayout component.
- */
-interface CenteredPageLayoutProps
-	extends React.ComponentProps<"div">,
-		VariantProps<typeof contentContainerVariants> {
-	/** The content to be displayed within the page layout */
-	children: React.ReactNode;
-	/**
-	 * Maximum width of the content container.
-	 * @default "sm"
-	 */
-	contentMaxWidth?: "sm" | "md" | "lg";
-	/**
-	 * Optional page title. If provided, will render a <title> component that React will place in the document head.
-	 */
-	title?: string;
-}
-
-/**
- * CenteredPageLayout component that provides consistent page structure and spacing.
- *
- * This component creates a full-viewport-height container that centers its content
- * both horizontally and vertically. The inner content area has a configurable maximum width
- * to prevent content from becoming too wide on large screens.
- *
- * @example
- * ```tsx
- * <CenteredPageLayout contentMaxWidth="md">
- *   <YourPageContent />
- * </CenteredPageLayout>
- * ```
- */
-export function CenteredPageLayout({
-	contentMaxWidth,
-	className,
-	children,
-	title,
-	...props
-}: CenteredPageLayoutProps) {
-	return (
-		<>
-			{title && <title>{title}</title>}
-			<main
-				className={cn("flex min-h-svh w-full items-center justify-center p-6 md:p-10", className)}
-				data-slot="page-layout"
-				{...props}
-			>
-				<div className={contentContainerVariants({ contentMaxWidth })}>{children}</div>
-			</main>
-		</>
-	);
-}

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/alert.tsx

@@ -1,65 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "../../lib/utils";
-
-const alertVariants = cva(
-	"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-	{
-		variants: {
-			variant: {
-				default: "bg-card text-card-foreground",
-				destructive:
-					"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	},
-);
-
-function Alert({
-	className,
-	variant,
-	role,
-	...props
-}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
-	return (
-		<div
-			data-slot="alert"
-			role={role ?? (variant === "destructive" ? "alert" : "status")}
-			className={cn(alertVariants({ variant }), className)}
-			{...props}
-		/>
-	);
-}
-
-// Maintenance/A11y: Added 'asChild' pattern or a simple 'as' prop
-// to allow rendering semantic headings (h1-h6).
-interface AlertTitleProps extends React.ComponentProps<"div"> {
-	as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "p";
-}
-function AlertTitle({ className, as: Component = "div", ...props }: AlertTitleProps) {
-	return (
-		<div
-			data-slot="alert-title"
-			className={cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)}
-			{...props}
-		/>
-	);
-}
-
-function AlertDescription({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="alert-description"
-			className={cn(
-				"col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-export { Alert, AlertTitle, AlertDescription };

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/button.tsx

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "../../lib/utils";
-
-const buttonVariants = cva(
-	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
-	{
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-				destructive:
-					"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-				outline:
-					"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-				secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-				ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-			size: {
-				default: "h-9 px-4 py-2 has-[>svg]:px-3",
-				sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-				lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-				icon: "size-9",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	},
-);
-
-const Button = React.forwardRef<
-	HTMLButtonElement,
-	React.ComponentProps<"button"> &
-		VariantProps<typeof buttonVariants> & {
-			asChild?: boolean;
-		}
->(function Button({ className, variant, size, asChild = false, ...props }, ref) {
-	const Comp = asChild ? Slot : "button";
-
-	return (
-		<Comp
-			ref={ref}
-			data-slot="button"
-			className={cn(buttonVariants({ variant, size, className }))}
-			{...props}
-		/>
-	);
-});
-
-export { Button, buttonVariants };

package/dist/force-app/main/default/webapplications/appreacttemplateb2e/src/components/ui/card.tsx

@@ -1,77 +0,0 @@
-import { cn } from "../../lib/utils";
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="card"
-			className={cn(
-				"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="card-header"
-			className={cn(
-				"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-function CardTitle({
-	className,
-	as: Component = "h3",
-	...props
-}: React.ComponentProps<"div"> & { as?: any }) {
-	return (
-		<Component
-			data-slot="card-title"
-			className={cn("leading-none font-semibold tracking-tight", className)}
-			{...props}
-		/>
-	);
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="card-description"
-			className={cn("text-muted-foreground text-sm", className)}
-			{...props}
-		/>
-	);
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="card-action"
-			className={cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)}
-			{...props}
-		/>
-	);
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-	return <div data-slot="card-content" className={cn("px-6", className)} {...props} />;
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-	return (
-		<div
-			data-slot="card-footer"
-			className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-			{...props}
-		/>
-	);
-}
-
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };