@vtex/faststore 0.0.1

package/dist/matter/identity-summary/identity-summary.js

@@ -0,0 +1,344 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { useDataOverride } from "../../sdk/data/data-override-context.js";
+import { useSession } from "../session/session.js";
+import { applyPhoneMask } from "../../particles/phone-field/phone-field.js";
+import { Badge } from "../../particles/badge/badge.js";
+import { createContext, useContext, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/identity-summary/identity-summary.tsx
+const fragment = `
+  fragment IdentitySummaryData on Query {
+    clientProfile {
+      __typename
+      id
+      email
+      firstName
+      lastName
+      phone
+      document
+    }
+  }
+`;
+const IDENTITY_SUMMARY_CONTEXT_UNSET = Symbol("IdentitySummaryContextUnset");
+const IdentitySummaryContext = createContext(IDENTITY_SUMMARY_CONTEXT_UNSET);
+function useIdentitySummaryContext() {
+	const ctx = useContext(IdentitySummaryContext);
+	if (ctx === IDENTITY_SUMMARY_CONTEXT_UNSET) throw new Error("IdentitySummary components must be used inside IdentitySummaryRoot.");
+	return ctx;
+}
+const IdentitySummaryRootDefinition = defineComponent({
+	name: "IdentitySummaryRoot",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryRoot,
+	fragment,
+	fetchStrategy: "reactive",
+	requiresContext: "session",
+	providesContext: "identity-summary",
+	actions: { session: ["logout"] },
+	editor: {
+		label: "Identity Summary Root",
+		category: "identity"
+	},
+	schema: { signOutErrorMessage: {
+		type: "string",
+		default: "Unable to sign out. Please try again.",
+		label: "Sign-out error message"
+	} },
+	guideline: "Read-only identity summary data root: reads the shopper profile, provides it plus a sign-out action to descendants, and self-gates (renders nothing in the anonymous state). Must be inside SessionRoot. Wrap the parts in an IdentityEditController for the summary/form swap: an IdentitySummaryView holding these parts, an IdentityEditForm holding a ClientProfileForm. See identity-summary.md."
+});
+const IdentitySummarySelectedSummaryDefinition = defineComponent({
+	name: "IdentitySummarySelectedSummary",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummarySelectedSummary,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Selected Summary",
+		category: "identity"
+	},
+	schema: {},
+	guideline: "Default composition of the identity summary: badge, name, e-mail, phone, document, in that order. It is a shortcut, not the only way — to change the order, drop a field, or interleave anything else, compose IdentitySummaryBadge / Name / Email / Phone / Document directly instead. It offers nothing to the schema: its country and badge-label props configure the default composition only, and are withheld from the schema because a page that set one here and then composed children would watch it vanish. A composed summary configures the leaf instead — the phone mask country on IdentitySummaryPhone, the labels on IdentitySummaryBadge. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummaryBadgeDefinition = defineComponent({
+	name: "IdentitySummaryBadge",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryBadge,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Summary Badge",
+		category: "identity"
+	},
+	schema: {
+		identifiedLabel: {
+			type: "string",
+			default: "Guest",
+			label: "Identified badge label"
+		},
+		loggedInLabel: {
+			type: "string",
+			default: "Signed in",
+			label: "Logged-in badge label"
+		}
+	},
+	guideline: "Session-state badge for the identity summary. Place it wherever the summary should carry it; order is composition, not a prop. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummaryNameDefinition = defineComponent({
+	name: "IdentitySummaryName",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryName,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Summary Name",
+		category: "identity"
+	},
+	schema: {},
+	guideline: "The shopper's full name, or nothing when the profile has neither first nor last name. Place it in whatever order the summary should read. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummaryEmailDefinition = defineComponent({
+	name: "IdentitySummaryEmail",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryEmail,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Summary Email",
+		category: "identity"
+	},
+	schema: {},
+	guideline: "The shopper's e-mail, or nothing when absent. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummaryPhoneDefinition = defineComponent({
+	name: "IdentitySummaryPhone",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryPhone,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Summary Phone",
+		category: "identity"
+	},
+	schema: { country: {
+		type: "string",
+		label: "Phone country (US or BR)"
+	} },
+	guideline: "The shopper's phone, or nothing when absent. Masked for `country` when one is set; rendered as stored otherwise, since each mask truncates to its own country's length. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummaryDocumentDefinition = defineComponent({
+	name: "IdentitySummaryDocument",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryDocument,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Summary Document",
+		category: "identity"
+	},
+	schema: {},
+	guideline: "The shopper's tax document, or nothing when absent. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummarySignOutButtonDefinition = defineComponent({
+	name: "IdentitySummarySignOutButton",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummarySignOutButton,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Sign Out Button",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "Sign out",
+		label: "Button label"
+	} },
+	guideline: "Dispatches $actions.session.logout (async/pessimistic): carries data-fs-identity-summary-pending while in flight and disables itself. Compose an Icon + text as children, or rely on `label`. Must be a descendant of IdentitySummaryRoot."
+});
+const IdentitySummaryErrorDefinition = defineComponent({
+	name: "IdentitySummaryError",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryError,
+	requiresContext: "identity-summary",
+	editor: {
+		label: "Identity Summary Error",
+		category: "content"
+	},
+	schema: {},
+	guideline: "Renders the inline sign-out error (role=\"alert\") when the logout mutation returns a user error, else nothing. Must be a descendant of IdentitySummaryRoot."
+});
+/**
+* Data root for the identity summary. Reads the shopper profile from its colocated fragment,
+* enforces the SessionRoot ancestor via `useSession()`, and self-gates to null in the anonymous
+* state. Owns the sign-out mutation state (pending/error) and broadcasts everything the read-only
+* parts and the sign-out button need through `IdentitySummaryContext`.
+*/
+function IdentitySummaryRoot({ signOutErrorMessage = "Unable to sign out. Please try again.", className, children, $data: $dataProp, $actions }) {
+	const $data = useDataOverride($dataProp);
+	const { state } = useSession();
+	const [signOutPending, setSignOutPending] = useState(false);
+	const [signOutError, setSignOutError] = useState(null);
+	async function handleSignOut() {
+		setSignOutPending(true);
+		setSignOutError(null);
+		try {
+			const errors = await $actions?.session?.logout?.() ?? [];
+			if (errors.length > 0) setSignOutError(errors[0]?.message ?? signOutErrorMessage);
+		} catch (error) {
+			console.error("[IdentitySummary] logout failed:", error);
+			setSignOutError(signOutErrorMessage);
+		} finally {
+			setSignOutPending(false);
+		}
+	}
+	if (state === "anonymous") return null;
+	const contextValue = {
+		state,
+		firstName: $data?.firstName ?? "",
+		lastName: $data?.lastName ?? "",
+		email: $data?.email ?? "",
+		phone: $data?.phone ?? "",
+		document: $data?.document ?? "",
+		handleSignOut,
+		signOutPending,
+		signOutError
+	};
+	return /* @__PURE__ */ jsx(IdentitySummaryContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className,
+			"data-fs-identity-summary": "",
+			...signOutPending ? { "data-fs-identity-summary-pending": "" } : {},
+			children
+		})
+	});
+}
+/**
+* Read-only identity display: a session-state badge plus name, email, phone, and document.
+*
+* The props below configure the default composition only — composing children replaces it wholesale,
+* and a leaf placed there takes its own props (`IdentitySummaryPhone` its `country`,
+* `IdentitySummaryBadge` its labels). They are deliberately absent from the schema, so a page cannot
+* set one here and watch it disappear behind composed children.
+*/
+function IdentitySummarySelectedSummary({ country, identifiedBadgeLabel = "Guest", loggedInBadgeLabel = "Signed in", className, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-fs-identity-summary-summary": "",
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(IdentitySummaryBadge, {
+				identifiedLabel: identifiedBadgeLabel,
+				loggedInLabel: loggedInBadgeLabel
+			}),
+			/* @__PURE__ */ jsx(IdentitySummaryName, {}),
+			/* @__PURE__ */ jsx(IdentitySummaryEmail, {}),
+			/* @__PURE__ */ jsx(IdentitySummaryPhone, { country }),
+			/* @__PURE__ */ jsx(IdentitySummaryDocument, {})
+		] })
+	});
+}
+/** Session-state badge. Renders `identifiedLabel` for a guest and `loggedInLabel` once authenticated. */
+function IdentitySummaryBadge({ identifiedLabel = "Guest", loggedInLabel = "Signed in", className }) {
+	const { state } = useIdentitySummaryContext();
+	return /* @__PURE__ */ jsx(Badge, {
+		className,
+		"data-fs-identity-summary-badge": "",
+		"data-fs-identity-summary-state": state,
+		children: state === "loggedIn" ? loggedInLabel : identifiedLabel
+	});
+}
+/** The shopper's full name. Renders nothing when the profile carries neither name. */
+function IdentitySummaryName({ className }) {
+	const { firstName, lastName } = useIdentitySummaryContext();
+	const fullName = [firstName, lastName].filter(Boolean).join(" ");
+	if (!fullName) return null;
+	return /* @__PURE__ */ jsx("p", {
+		className,
+		"data-fs-identity-summary-name": "",
+		children: fullName
+	});
+}
+/** The shopper's e-mail. Renders nothing when absent. */
+function IdentitySummaryEmail({ className }) {
+	const { email } = useIdentitySummaryContext();
+	if (!email) return null;
+	return /* @__PURE__ */ jsx("p", {
+		className,
+		"data-fs-identity-summary-email": "",
+		children: email
+	});
+}
+/** E.164 prefixes for the countries the masks understand. */
+const COUNTRY_PREFIX = {
+	BR: "+55",
+	US: "+1"
+};
+/**
+* The shopper's phone, masked for `country`. Renders nothing when absent, and renders the stored value
+* as-is whenever the mask does not apply to it — no country given, or a stored E.164 number belonging to
+* a different one. Each mask truncates to its own country's length, so applying the wrong one prints a
+* number that is not the shopper's, with nothing to signal that digits were dropped.
+*/
+function IdentitySummaryPhone({ country, className }) {
+	const { phone } = useIdentitySummaryContext();
+	if (!phone) return null;
+	const maskApplies = country !== void 0 && (!phone.startsWith("+") || phone.startsWith(COUNTRY_PREFIX[country]));
+	return /* @__PURE__ */ jsx("p", {
+		className,
+		"data-fs-identity-summary-phone": "",
+		children: maskApplies && country ? applyPhoneMask(phone, country) : phone
+	});
+}
+/** The shopper's tax document. Renders nothing when absent. */
+function IdentitySummaryDocument({ className }) {
+	const { document } = useIdentitySummaryContext();
+	if (!document) return null;
+	return /* @__PURE__ */ jsx("p", {
+		className,
+		"data-fs-identity-summary-document": "",
+		children: document
+	});
+}
+/** Dispatches the sign-out mutation (async/pessimistic). */
+function IdentitySummarySignOutButton({ label = "Sign out", className, children }) {
+	const { handleSignOut, signOutPending } = useIdentitySummaryContext();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-fs-identity-summary-sign-out": "",
+		className,
+		disabled: signOutPending,
+		...signOutPending ? { "data-fs-identity-summary-pending": "" } : {},
+		onClick: handleSignOut,
+		children: children ?? label
+	});
+}
+/** Renders the inline sign-out user error, or nothing when there is none. */
+function IdentitySummaryError({ className }) {
+	const { signOutError } = useIdentitySummaryContext();
+	if (!signOutError) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		className,
+		"data-fs-identity-summary-error": "",
+		children: signOutError
+	});
+}
+const IdentitySummary = {
+	Badge: IdentitySummaryBadge,
+	BadgeDefinition: IdentitySummaryBadgeDefinition,
+	Name: IdentitySummaryName,
+	NameDefinition: IdentitySummaryNameDefinition,
+	Email: IdentitySummaryEmail,
+	EmailDefinition: IdentitySummaryEmailDefinition,
+	Phone: IdentitySummaryPhone,
+	PhoneDefinition: IdentitySummaryPhoneDefinition,
+	Document: IdentitySummaryDocument,
+	DocumentDefinition: IdentitySummaryDocumentDefinition,
+	Root: IdentitySummaryRoot,
+	RootDefinition: IdentitySummaryRootDefinition,
+	SelectedSummary: IdentitySummarySelectedSummary,
+	SelectedSummaryDefinition: IdentitySummarySelectedSummaryDefinition,
+	SignOutButton: IdentitySummarySignOutButton,
+	SignOutButtonDefinition: IdentitySummarySignOutButtonDefinition,
+	Error: IdentitySummaryError,
+	ErrorDefinition: IdentitySummaryErrorDefinition
+};
+//#endregion
+export { IdentitySummary, IdentitySummaryBadge, IdentitySummaryBadgeDefinition, IdentitySummaryDocument, IdentitySummaryDocumentDefinition, IdentitySummaryEmail, IdentitySummaryEmailDefinition, IdentitySummaryError, IdentitySummaryErrorDefinition, IdentitySummaryName, IdentitySummaryNameDefinition, IdentitySummaryPhone, IdentitySummaryPhoneDefinition, IdentitySummaryRoot, IdentitySummaryRootDefinition, IdentitySummarySelectedSummary, IdentitySummarySelectedSummaryDefinition, IdentitySummarySignOutButton, IdentitySummarySignOutButtonDefinition };
+
+//# sourceMappingURL=identity-summary.js.map

package/dist/matter/identity-summary/identity-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity-summary.js","names":[],"sources":["../../../src/matter/identity-summary/identity-summary.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport { createContext, type ReactNode, useContext, useState } from 'react';\nimport { Badge } from '../../particles/badge/badge.js';\nimport { applyPhoneMask, type PhoneCountry } from '../../particles/phone-field/phone-field.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport type { SessionUserError } from '../../sdk/session/auth-operations.js';\nimport { type SessionState, useSession } from '../session/session.js';\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment — colocated self-contained data root (ADR-0011).\n// Reads only `clientProfile` (the fields this read-only summary displays). The\n// edit surface is a separately-composed `ClientProfileForm`, which owns its own\n// fragment and identity actions.\n//\n// Single top-level entity → the compiler delivers `$data` UNWRAPPED, i.e. the\n// `ClientProfile` value directly, not `{ clientProfile: ... }` (ADR-0015 arity-1).\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment IdentitySummaryData on Query {\n    clientProfile {\n      __typename\n      id\n      email\n      firstName\n      lastName\n      phone\n      document\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * The `$data` slice forwarded by the reactive runtime — the unwrapped `ClientProfile` entity.\n * The fragment selects a single top-level field, so the compiler hands the entity value directly\n * (not a `{ clientProfile: ... }` wrapper); ADR-0015.\n */\nexport type IdentitySummaryData = {\n  email?: string | null;\n  firstName?: string | null;\n  lastName?: string | null;\n  phone?: string | null;\n  document?: string | null;\n} | null;\n\n// ---------------------------------------------------------------------------\n// Context — data + session state + sign-out, provided by IdentitySummaryRoot.\n// The summary/form swap is owned by `IdentityEditController`, which moves only on its own buttons\n// (ADR-0006) — this matter owns only the identity data and the sign-out action, never a bespoke toggle.\n// ---------------------------------------------------------------------------\n\ntype IdentitySummaryContextValue = {\n  state: SessionState;\n  firstName: string;\n  lastName: string;\n  email: string;\n  phone: string;\n  document: string;\n  handleSignOut: () => void;\n  signOutPending: boolean;\n  signOutError: string | null;\n};\n\nconst IDENTITY_SUMMARY_CONTEXT_UNSET = Symbol('IdentitySummaryContextUnset');\n\nconst IdentitySummaryContext = createContext<IdentitySummaryContextValue | typeof IDENTITY_SUMMARY_CONTEXT_UNSET>(\n  IDENTITY_SUMMARY_CONTEXT_UNSET,\n);\n\nfunction useIdentitySummaryContext(): IdentitySummaryContextValue {\n  const ctx = useContext(IdentitySummaryContext);\n  if (ctx === IDENTITY_SUMMARY_CONTEXT_UNSET) {\n    throw new Error('IdentitySummary components must be used inside IdentitySummaryRoot.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport type IdentitySummaryRootProps = {\n  /** Error message shown when the sign-out mutation returns user errors. */\n  signOutErrorMessage?: string;\n  className?: string;\n  children?: ReactNode;\n  /** `IdentitySummaryData` slice forwarded by the reactive runtime. */\n  $data?: IdentitySummaryData;\n  /** Compiler-injected action surface; carries `session.logout`. */\n  $actions?: ComponentActions;\n};\n\nexport type IdentitySummarySelectedSummaryProps = {\n  /** Phone display country; selects the mask applied to the stored E.164 value. */\n  country?: PhoneCountry;\n  /** Badge label in the `identified` session state. */\n  identifiedBadgeLabel?: string;\n  /** Badge label in the `loggedIn` session state. */\n  loggedInBadgeLabel?: string;\n  className?: string;\n  /** Compose custom read-only content; falls back to the default badge + details when omitted. */\n  children?: ReactNode;\n};\n\nexport type IdentitySummaryBadgeProps = {\n  /** Badge label in the `identified` session state. */\n  identifiedLabel?: string;\n  /** Badge label in the `loggedIn` session state. */\n  loggedInLabel?: string;\n  className?: string;\n};\n\nexport type IdentitySummaryFieldProps = {\n  className?: string;\n};\n\nexport type IdentitySummaryPhoneProps = {\n  /** Phone display country; selects the mask applied to the stored E.164 value. */\n  country?: PhoneCountry;\n  className?: string;\n};\n\nexport type IdentitySummarySignOutButtonProps = {\n  label?: string;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport type IdentitySummaryErrorProps = {\n  className?: string;\n};\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const IdentitySummaryRootDefinition = defineComponent<IdentitySummaryRootProps>({\n  name: 'IdentitySummaryRoot',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  requiresContext: 'session',\n  providesContext: 'identity-summary',\n  actions: { session: ['logout'] },\n  editor: { label: 'Identity Summary Root', category: 'identity' },\n  schema: {\n    signOutErrorMessage: {\n      type: 'string',\n      default: 'Unable to sign out. Please try again.',\n      label: 'Sign-out error message',\n    },\n  },\n  guideline:\n    'Read-only identity summary data root: reads the shopper profile, provides it plus a sign-out action to descendants, and self-gates (renders nothing in the anonymous state). Must be inside SessionRoot. Wrap the parts in an IdentityEditController for the summary/form swap: an IdentitySummaryView holding these parts, an IdentityEditForm holding a ClientProfileForm. See identity-summary.md.',\n});\n\nexport const IdentitySummarySelectedSummaryDefinition = defineComponent<IdentitySummarySelectedSummaryProps>({\n  name: 'IdentitySummarySelectedSummary',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummarySelectedSummary,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Selected Summary', category: 'identity' },\n  schema: {},\n  guideline:\n    'Default composition of the identity summary: badge, name, e-mail, phone, document, in that order. It is a shortcut, not the only way — to change the order, drop a field, or interleave anything else, compose IdentitySummaryBadge / Name / Email / Phone / Document directly instead. It offers nothing to the schema: its country and badge-label props configure the default composition only, and are withheld from the schema because a page that set one here and then composed children would watch it vanish. A composed summary configures the leaf instead — the phone mask country on IdentitySummaryPhone, the labels on IdentitySummaryBadge. Must be a descendant of IdentitySummaryRoot.',\n});\n\nexport const IdentitySummaryBadgeDefinition = defineComponent<IdentitySummaryBadgeProps>({\n  name: 'IdentitySummaryBadge',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryBadge,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Summary Badge', category: 'identity' },\n  schema: {\n    identifiedLabel: { type: 'string', default: 'Guest', label: 'Identified badge label' },\n    loggedInLabel: { type: 'string', default: 'Signed in', label: 'Logged-in badge label' },\n  },\n  guideline:\n    'Session-state badge for the identity summary. Place it wherever the summary should carry it; order is composition, not a prop. Must be a descendant of IdentitySummaryRoot.',\n});\n\nexport const IdentitySummaryNameDefinition = defineComponent<IdentitySummaryFieldProps>({\n  name: 'IdentitySummaryName',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryName,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Summary Name', category: 'identity' },\n  schema: {},\n  guideline:\n    \"The shopper's full name, or nothing when the profile has neither first nor last name. Place it in whatever order the summary should read. Must be a descendant of IdentitySummaryRoot.\",\n});\n\nexport const IdentitySummaryEmailDefinition = defineComponent<IdentitySummaryFieldProps>({\n  name: 'IdentitySummaryEmail',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryEmail,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Summary Email', category: 'identity' },\n  schema: {},\n  guideline: \"The shopper's e-mail, or nothing when absent. Must be a descendant of IdentitySummaryRoot.\",\n});\n\nexport const IdentitySummaryPhoneDefinition = defineComponent<IdentitySummaryPhoneProps>({\n  name: 'IdentitySummaryPhone',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryPhone,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Summary Phone', category: 'identity' },\n  schema: {\n    country: { type: 'string', label: 'Phone country (US or BR)' },\n  },\n  guideline:\n    \"The shopper's phone, or nothing when absent. Masked for `country` when one is set; rendered as stored otherwise, since each mask truncates to its own country's length. Must be a descendant of IdentitySummaryRoot.\",\n});\n\nexport const IdentitySummaryDocumentDefinition = defineComponent<IdentitySummaryFieldProps>({\n  name: 'IdentitySummaryDocument',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryDocument,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Summary Document', category: 'identity' },\n  schema: {},\n  guideline: \"The shopper's tax document, or nothing when absent. Must be a descendant of IdentitySummaryRoot.\",\n});\n\nexport const IdentitySummarySignOutButtonDefinition = defineComponent<IdentitySummarySignOutButtonProps>({\n  name: 'IdentitySummarySignOutButton',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummarySignOutButton,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Sign Out Button', category: 'action' },\n  schema: {\n    label: { type: 'string', default: 'Sign out', label: 'Button label' },\n  },\n  guideline:\n    'Dispatches $actions.session.logout (async/pessimistic): carries data-fs-identity-summary-pending while in flight and disables itself. Compose an Icon + text as children, or rely on `label`. Must be a descendant of IdentitySummaryRoot.',\n});\n\nexport const IdentitySummaryErrorDefinition = defineComponent<IdentitySummaryErrorProps>({\n  name: 'IdentitySummaryError',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryError,\n  requiresContext: 'identity-summary',\n  editor: { label: 'Identity Summary Error', category: 'content' },\n  schema: {},\n  guideline:\n    'Renders the inline sign-out error (role=\"alert\") when the logout mutation returns a user error, else nothing. Must be a descendant of IdentitySummaryRoot.',\n});\n\n// ---------------------------------------------------------------------------\n// Root\n// ---------------------------------------------------------------------------\n\n/**\n * Data root for the identity summary. Reads the shopper profile from its colocated fragment,\n * enforces the SessionRoot ancestor via `useSession()`, and self-gates to null in the anonymous\n * state. Owns the sign-out mutation state (pending/error) and broadcasts everything the read-only\n * parts and the sign-out button need through `IdentitySummaryContext`.\n */\nexport function IdentitySummaryRoot({\n  signOutErrorMessage = 'Unable to sign out. Please try again.',\n  className,\n  children,\n  $data: $dataProp,\n  $actions,\n}: IdentitySummaryRootProps) {\n  const $data = useDataOverride($dataProp);\n  // Enforces the SessionRoot ancestor: useSession() throws when rendered outside one.\n  const { state } = useSession();\n\n  const [signOutPending, setSignOutPending] = useState(false);\n  const [signOutError, setSignOutError] = useState<string | null>(null);\n\n  async function handleSignOut() {\n    setSignOutPending(true);\n    setSignOutError(null);\n    try {\n      const errors: readonly SessionUserError[] = (await $actions?.session?.logout?.()) ?? [];\n      if (errors.length > 0) setSignOutError(errors[0]?.message ?? signOutErrorMessage);\n    } catch (error) {\n      // A logout that throws rather than resolving userErrors would otherwise leave the shopper still\n      // signed in with nothing on screen, and escape as an unhandled rejection.\n      console.error('[IdentitySummary] logout failed:', error);\n      setSignOutError(signOutErrorMessage);\n    } finally {\n      setSignOutPending(false);\n    }\n  }\n\n  // Self-gate: nothing to show for an anonymous or unresolved session.\n  if (state === 'anonymous') return null;\n\n  const contextValue: IdentitySummaryContextValue = {\n    state,\n    firstName: $data?.firstName ?? '',\n    lastName: $data?.lastName ?? '',\n    email: $data?.email ?? '',\n    phone: $data?.phone ?? '',\n    document: $data?.document ?? '',\n    handleSignOut,\n    signOutPending,\n    signOutError,\n  };\n\n  return (\n    <IdentitySummaryContext.Provider value={contextValue}>\n      <div\n        className={className}\n        data-fs-identity-summary=\"\"\n        {...(signOutPending ? { 'data-fs-identity-summary-pending': '' } : {})}\n      >\n        {children}\n      </div>\n    </IdentitySummaryContext.Provider>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Read-only summary\n// ---------------------------------------------------------------------------\n\n/**\n * Read-only identity display: a session-state badge plus name, email, phone, and document.\n *\n * The props below configure the default composition only — composing children replaces it wholesale,\n * and a leaf placed there takes its own props (`IdentitySummaryPhone` its `country`,\n * `IdentitySummaryBadge` its labels). They are deliberately absent from the schema, so a page cannot\n * set one here and watch it disappear behind composed children.\n */\nexport function IdentitySummarySelectedSummary({\n  country,\n  identifiedBadgeLabel = 'Guest',\n  loggedInBadgeLabel = 'Signed in',\n  className,\n  children,\n}: IdentitySummarySelectedSummaryProps) {\n  return (\n    <div className={className} data-fs-identity-summary-summary=\"\">\n      {children ?? (\n        <>\n          <IdentitySummaryBadge identifiedLabel={identifiedBadgeLabel} loggedInLabel={loggedInBadgeLabel} />\n          <IdentitySummaryName />\n          <IdentitySummaryEmail />\n          <IdentitySummaryPhone country={country} />\n          <IdentitySummaryDocument />\n        </>\n      )}\n    </div>\n  );\n}\n\n/** Session-state badge. Renders `identifiedLabel` for a guest and `loggedInLabel` once authenticated. */\nexport function IdentitySummaryBadge({\n  identifiedLabel = 'Guest',\n  loggedInLabel = 'Signed in',\n  className,\n}: IdentitySummaryBadgeProps) {\n  const { state } = useIdentitySummaryContext();\n  return (\n    <Badge className={className} data-fs-identity-summary-badge=\"\" data-fs-identity-summary-state={state}>\n      {state === 'loggedIn' ? loggedInLabel : identifiedLabel}\n    </Badge>\n  );\n}\n\n/** The shopper's full name. Renders nothing when the profile carries neither name. */\nexport function IdentitySummaryName({ className }: IdentitySummaryFieldProps) {\n  const { firstName, lastName } = useIdentitySummaryContext();\n  const fullName = [firstName, lastName].filter(Boolean).join(' ');\n  if (!fullName) return null;\n  return (\n    <p className={className} data-fs-identity-summary-name=\"\">\n      {fullName}\n    </p>\n  );\n}\n\n/** The shopper's e-mail. Renders nothing when absent. */\nexport function IdentitySummaryEmail({ className }: IdentitySummaryFieldProps) {\n  const { email } = useIdentitySummaryContext();\n  if (!email) return null;\n  return (\n    <p className={className} data-fs-identity-summary-email=\"\">\n      {email}\n    </p>\n  );\n}\n\n/** E.164 prefixes for the countries the masks understand. */\nconst COUNTRY_PREFIX: Record<PhoneCountry, string> = { BR: '+55', US: '+1' };\n\n/**\n * The shopper's phone, masked for `country`. Renders nothing when absent, and renders the stored value\n * as-is whenever the mask does not apply to it — no country given, or a stored E.164 number belonging to\n * a different one. Each mask truncates to its own country's length, so applying the wrong one prints a\n * number that is not the shopper's, with nothing to signal that digits were dropped.\n */\nexport function IdentitySummaryPhone({ country, className }: IdentitySummaryPhoneProps) {\n  const { phone } = useIdentitySummaryContext();\n  if (!phone) return null;\n  const maskApplies = country !== undefined && (!phone.startsWith('+') || phone.startsWith(COUNTRY_PREFIX[country]));\n  return (\n    <p className={className} data-fs-identity-summary-phone=\"\">\n      {maskApplies && country ? applyPhoneMask(phone, country) : phone}\n    </p>\n  );\n}\n\n/** The shopper's tax document. Renders nothing when absent. */\nexport function IdentitySummaryDocument({ className }: IdentitySummaryFieldProps) {\n  const { document } = useIdentitySummaryContext();\n  if (!document) return null;\n  return (\n    <p className={className} data-fs-identity-summary-document=\"\">\n      {document}\n    </p>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sign-out button + error (domain-coupled; the summary/form swap is IdentityEditController's)\n// ---------------------------------------------------------------------------\n\n/** Dispatches the sign-out mutation (async/pessimistic). */\nexport function IdentitySummarySignOutButton({\n  label = 'Sign out',\n  className,\n  children,\n}: IdentitySummarySignOutButtonProps) {\n  const { handleSignOut, signOutPending } = useIdentitySummaryContext();\n  return (\n    <button\n      type=\"button\"\n      data-fs-identity-summary-sign-out=\"\"\n      className={className}\n      disabled={signOutPending}\n      {...(signOutPending ? { 'data-fs-identity-summary-pending': '' } : {})}\n      onClick={handleSignOut}\n    >\n      {children ?? label}\n    </button>\n  );\n}\n\n/** Renders the inline sign-out user error, or nothing when there is none. */\nexport function IdentitySummaryError({ className }: IdentitySummaryErrorProps) {\n  const { signOutError } = useIdentitySummaryContext();\n  if (!signOutError) return null;\n  return (\n    <div role=\"alert\" className={className} data-fs-identity-summary-error=\"\">\n      {signOutError}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace Export\n// ---------------------------------------------------------------------------\n\nexport const IdentitySummary = {\n  Badge: IdentitySummaryBadge,\n  BadgeDefinition: IdentitySummaryBadgeDefinition,\n  Name: IdentitySummaryName,\n  NameDefinition: IdentitySummaryNameDefinition,\n  Email: IdentitySummaryEmail,\n  EmailDefinition: IdentitySummaryEmailDefinition,\n  Phone: IdentitySummaryPhone,\n  PhoneDefinition: IdentitySummaryPhoneDefinition,\n  Document: IdentitySummaryDocument,\n  DocumentDefinition: IdentitySummaryDocumentDefinition,\n  Root: IdentitySummaryRoot,\n  RootDefinition: IdentitySummaryRootDefinition,\n  SelectedSummary: IdentitySummarySelectedSummary,\n  SelectedSummaryDefinition: IdentitySummarySelectedSummaryDefinition,\n  SignOutButton: IdentitySummarySignOutButton,\n  SignOutButtonDefinition: IdentitySummarySignOutButtonDefinition,\n  Error: IdentitySummaryError,\n  ErrorDefinition: IdentitySummaryErrorDefinition,\n};\n"],"mappings":"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"}

package/dist/matter/pricing/pricing.d.ts

@@ -0,0 +1,162 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import "../../sdk/generated/graphql.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/matter/pricing/pricing.d.ts
+type MoneyValue = {
+  amount: number;
+  currencyCode: string;
+};
+type RawPromotion = {
+  name: string;
+};
+type RawOffer = {
+  price: MoneyValue;
+  listPrice: MoneyValue;
+  spotPrice: MoneyValue;
+  installmentPlans: Array<{
+    paymentMethod: string;
+    paymentType: string;
+    installments: Array<{
+      count: number;
+      value: MoneyValue;
+      totalAmount: MoneyValue;
+      interestRate: number;
+      interestFree: boolean;
+    }>;
+  }>;
+  discountHighlights: string[];
+  promotions: RawPromotion[];
+};
+type RawPricingData = {
+  __typename?: string;
+  id?: string;
+  variants: {
+    edges: Array<{
+      node: {
+        sellers: Array<{
+          isDefault: boolean;
+          offer: RawOffer | null;
+        }>;
+      };
+    }>;
+  };
+};
+type InstallmentData = {
+  count: number;
+  value: number;
+  totalAmount: number;
+  interestRate: number;
+  interestFree: boolean;
+};
+type InstallmentPlanItemContextData = {
+  paymentMethod: string;
+  paymentType: string;
+  installments: InstallmentData[];
+  bestInstallment: InstallmentData | null;
+};
+export type PricingRootProps = ComponentPropsWithRef<'div'> & {
+  $data?: RawPricingData | null;
+  /** Page-supplied viewed SKU; pre-selects the offer on first paint. A published swatch selection
+   *  wins over it once the shopper interacts. */
+  selectedVariantId?: string;
+};
+export type PricingSellingPriceProps = ComponentPropsWithRef<'span'>;
+export type PricingListPriceProps = ComponentPropsWithRef<'span'>;
+export type PricingSpotPriceProps = ComponentPropsWithRef<'span'>;
+export type PricingInstallmentsProps = ComponentPropsWithRef<'div'>;
+export type PricingInstallmentPlansProps = ComponentPropsWithRef<'div'>;
+export type PricingInstallmentPlanProps = ComponentPropsWithRef<'div'>;
+export type PricingInstallmentsForPlanProps = ComponentPropsWithRef<'div'>;
+export type PricingPaymentMethodsTriggerProps = ComponentPropsWithRef<'button'>;
+export type PricingPaymentMethodsListProps = ComponentPropsWithRef<'div'>;
+export type PricingPaymentMethodsTabListProps = ComponentPropsWithRef<'div'>;
+export type PricingPaymentMethodsTabPanelsProps = ComponentPropsWithRef<'div'>;
+export type PricingPaymentMethodNameProps = ComponentPropsWithRef<'span'>;
+export type PricingInstallmentProps = ComponentPropsWithRef<'span'> & {
+  template?: string;
+  interestFreeLabel?: string;
+};
+export type PricingDiscountProps = ComponentPropsWithRef<'span'> & {
+  template?: string;
+  format?: 'percentage' | 'absolute';
+};
+export type PricingHighlightsProps = ComponentPropsWithRef<'div'>;
+export type PricingHighlightProps = ComponentPropsWithRef<'span'>;
+export type PricingPromotionsProps = ComponentPropsWithRef<'div'>;
+export type PricingPromotionProps = ComponentPropsWithRef<'span'> & {
+  template?: string;
+};
+export type PricingSpotDiscountProps = ComponentPropsWithRef<'span'> & {
+  template?: string;
+};
+export declare function useInstallmentPlanItem(caller?: string, parent?: string): InstallmentPlanItemContextData;
+export declare const PricingRootDefinition: ComponentDefinition<PricingRootProps>;
+export declare const PricingSellingPriceDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const PricingListPriceDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const PricingSpotPriceDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const PricingInstallmentsDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingInstallmentPlansDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingInstallmentPlanDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingInstallmentsForPlanDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingPaymentMethodsTriggerDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+export declare const PricingPaymentMethodsListDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingPaymentMethodsTabListDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingPaymentMethodsTabPanelsDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingPaymentMethodNameDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const PricingInstallmentDefinition: ComponentDefinition<PricingInstallmentProps>;
+export declare const PricingDiscountDefinition: ComponentDefinition<PricingDiscountProps>;
+export declare const PricingSpotDiscountDefinition: ComponentDefinition<PricingSpotDiscountProps>;
+export declare const PricingHighlightsDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingHighlightDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const PricingPromotionsDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const PricingPromotionDefinition: ComponentDefinition<PricingPromotionProps>;
+export declare function PricingRoot({ $data: $dataProp, selectedVariantId, children, ...props }: PricingRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PricingRoot {
+  var Skeleton: typeof PricingSkeleton;
+}
+export declare function PricingSellingPrice({ className, children, ...props }: PricingSellingPriceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingListPrice({ className, children, ...props }: PricingListPriceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingSpotPrice({ className, children, ...props }: PricingSpotPriceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingInstallments({ className, children, ...props }: PricingInstallmentsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingInstallmentPlans({ className, children, ...props }: PricingInstallmentPlansProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingInstallmentPlan({ className, children, ...props }: PricingInstallmentPlanProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingInstallmentsForPlan({ className, children, ...props }: PricingInstallmentsForPlanProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingPaymentMethodsTrigger({ className, children, ...props }: PricingPaymentMethodsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PricingPaymentMethodsList({ className, children, ...props }: PricingPaymentMethodsListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingPaymentMethodsTabList({ className, children, ...props }: PricingPaymentMethodsTabListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingPaymentMethodsTabPanels({ className, children, ...props }: PricingPaymentMethodsTabPanelsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingPaymentMethodName({ className, children, ...props }: PricingPaymentMethodNameProps): import("react/jsx-runtime").JSX.Element;
+export declare function PricingInstallment({ template, interestFreeLabel, className, children, ...props }: PricingInstallmentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingDiscount({ template, format, className, children, ...props }: PricingDiscountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingSpotDiscount({ template, className, children, ...props }: PricingSpotDiscountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingHighlights({ className, children, ...props }: PricingHighlightsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingHighlight({ className, children, ...props }: PricingHighlightProps): import("react/jsx-runtime").JSX.Element;
+export declare function PricingPromotions({ className, children, ...props }: PricingPromotionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PricingPromotion({ template, className, children, ...props }: PricingPromotionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PricingSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare const Pricing: {
+  Root: typeof PricingRoot;
+  SellingPrice: typeof PricingSellingPrice;
+  ListPrice: typeof PricingListPrice;
+  SpotPrice: typeof PricingSpotPrice;
+  Installments: typeof PricingInstallments;
+  InstallmentPlans: typeof PricingInstallmentPlans;
+  InstallmentPlan: typeof PricingInstallmentPlan;
+  InstallmentsForPlan: typeof PricingInstallmentsForPlan;
+  Installment: typeof PricingInstallment;
+  PaymentMethodsTrigger: typeof PricingPaymentMethodsTrigger;
+  PaymentMethodsList: typeof PricingPaymentMethodsList;
+  PaymentMethodsTabList: typeof PricingPaymentMethodsTabList;
+  PaymentMethodsTabPanels: typeof PricingPaymentMethodsTabPanels;
+  PaymentMethodName: typeof PricingPaymentMethodName;
+  Discount: typeof PricingDiscount;
+  SpotDiscount: typeof PricingSpotDiscount;
+  Highlights: typeof PricingHighlights;
+  Highlight: typeof PricingHighlight;
+  Promotions: typeof PricingPromotions;
+  Promotion: typeof PricingPromotion;
+  Skeleton: typeof PricingSkeleton;
+};
+//#endregion
+//# sourceMappingURL=pricing.d.ts.map