@shopify/ui-extensions 2025.10.0-rc.7 → 2025.10.0-rc.9

package/build/ts/surfaces/customer-account/targets/customer-account.profile.payment.render-after.d.ts

@@ -49,6 +49,66 @@ export interface CustomerAccountActionProps {
     heading: string;
 }
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            ['s-avatar']: BaseElementPropsWithChildren<AvatarElement> & AvatarProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        ['s-avatar']: AvatarElement;
+    }
+}
+
+export interface AvatarElement extends AvatarProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface AvatarProps extends GlobalProps {
+    /**
+     * Initials to display in the avatar.
+     */
+    initials?: string;
+    /**
+     * The URL or path to the image.
+     *
+     * Initials will be rendered as a fallback if `src` is not provided, fails to load or does not load quickly.
+     */
+    src?: string;
+    /**
+     * Size of the avatar.
+     *
+     * @default 'base'
+     */
+    size?: Extract<Size, 'base' | 'large' | 'extraLarge' | 'fill'>;
+    /**
+     * An alternative text description that describe the image for the reader
+     * to understand what it is about or identify the user the avatar belongs to.
+     */
+    alt?: string;
+    /**
+     * Invoked when load of provided image completes successfully.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload
+     */
+    onLoad?(): void;
+    /**
+     * Invoked on load error of provided image.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror
+     */
+    onError?(): void;
+}
+
+interface GlobalProps {
+    /**
+     * A unique identifier for the element.
+     */
+    id?: string;
+}
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -1471,6 +1531,7 @@ import { CallbackEvent } from "../../../../../src/surfaces/checkout/components/B
 import { ReducedBorderSizeKeyword } from "../../../../../src/surfaces/checkout/components/Box";
 import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, CheckboxProps$1, ClipboardItemProps$1, DropZoneProps$1, EmailFieldProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MapMarkerProps$1, MapProps$1, MaybeAllValuesShorthandProperty, ModalProps$1, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, PhoneFieldProps$1, ProgressProps$1, QRCodeProps$1, SectionProps$1, SpinnerProps$1, StackProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import { ReducedIconTypes } from "../../../../../src/surfaces/checkout/components/Icon";
+import { Size } from "../../../../../src/surfaces/customer-account/components/shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['customer-account.profile.payment.render-after'];
 export type Api = Target['api'];