@vtex/faststore 0.0.1

package/dist/matter/free-shipping-progress/free-shipping-progress.js

@@ -0,0 +1,170 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { useStorefrontContext } from "../../sdk/context/storefront-context.js";
+import { useDataOverride } from "../../sdk/data/data-override-context.js";
+import { Meter } from "../../particles/meter/meter.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/matter/free-shipping-progress/free-shipping-progress.tsx
+const fragment = `
+  fragment FreeShippingProgressData on Query {
+    cart {
+      id
+      total {
+        amount
+        currencyCode
+      }
+      freeShippingProgress {
+        threshold {
+          amount
+          currencyCode
+        }
+        remaining {
+          amount
+          currencyCode
+        }
+        qualified
+      }
+    }
+  }
+`;
+const FSP_CONTEXT_UNSET = Symbol("FreeShippingProgressContextUnset");
+const FreeShippingProgressContext = createContext(FSP_CONTEXT_UNSET);
+function useFreeShippingProgress() {
+	const ctx = useContext(FreeShippingProgressContext);
+	if (ctx === FSP_CONTEXT_UNSET) throw new Error("useFreeShippingProgress() must be used inside a <FreeShippingProgressRoot> subtree.");
+	return ctx;
+}
+function formatCurrency(value, locale, currency) {
+	return new Intl.NumberFormat(locale, {
+		style: "currency",
+		currency
+	}).format(value);
+}
+function clamp01(value) {
+	return Math.min(Math.max(value, 0), 1);
+}
+const FreeShippingProgressRootDefinition = defineComponent({
+	name: "FreeShippingProgressRoot",
+	importPath: "@vtex/faststore/components",
+	component: FreeShippingProgressRoot,
+	fragment,
+	fetchStrategy: "reactive",
+	editor: {
+		label: "Free Shipping Progress",
+		category: "commerce"
+	},
+	schema: {},
+	guideline: "Free-shipping progress bar for the top of a cart/mini-cart drawer: shows how much more to spend for free shipping and flips to an earned state when met. Renders nothing until a destination and an eligible promotion exist (self-hides on null). See free-shipping-progress.md."
+});
+const FreeShippingProgressBarDefinition = defineComponent({
+	name: "FreeShippingProgressBar",
+	importPath: "@vtex/faststore/components",
+	component: FreeShippingProgressBar,
+	editor: {
+		label: "Free Shipping Progress Bar",
+		category: "commerce"
+	},
+	schema: {},
+	guideline: "Meter bar that fills toward the free-shipping goal, full when earned. Must be inside FreeShippingProgressRoot. See free-shipping-progress.md."
+});
+const FreeShippingProgressMessageDefinition = defineComponent({
+	name: "FreeShippingProgressMessage",
+	importPath: "@vtex/faststore/components",
+	component: FreeShippingProgressMessage,
+	editor: {
+		label: "Free Shipping Progress Message",
+		category: "commerce"
+	},
+	schema: {
+		label: {
+			type: "string",
+			default: "faltam {value} para frete grátis",
+			label: "Below-threshold Label"
+		},
+		qualifiedLabel: {
+			type: "string",
+			default: "você ganhou frete grátis!",
+			label: "Qualified Label"
+		}
+	},
+	guideline: "Below-threshold vs earned copy, front-formatted from the active storefront context. Must be inside FreeShippingProgressRoot. See free-shipping-progress.md."
+});
+function FreeShippingProgressRoot({ threshold, remaining, qualified, cartTotal, $data: $dataProp, className, children, ...props }) {
+	const { currency } = useStorefrontContext();
+	const cart = useDataOverride($dataProp) ?? (qualified !== void 0 || threshold !== void 0 || remaining !== void 0 || cartTotal !== void 0 ? {
+		id: "preview",
+		total: {
+			amount: cartTotal ?? 0,
+			currencyCode: currency
+		},
+		freeShippingProgress: {
+			threshold: threshold != null ? {
+				amount: threshold,
+				currencyCode: currency
+			} : null,
+			remaining: {
+				amount: remaining ?? 0,
+				currencyCode: currency
+			},
+			qualified: qualified ?? false
+		}
+	} : null);
+	const fsp = cart?.freeShippingProgress;
+	if (!cart || fsp == null) return null;
+	const parsedThreshold = fsp.threshold != null ? Number(fsp.threshold.amount) : null;
+	const cartTotalAmount = Number(cart.total?.amount ?? 0);
+	const thresholdAmount = parsedThreshold != null && Number.isFinite(parsedThreshold) && parsedThreshold > 0 ? parsedThreshold : null;
+	const isQualified = fsp.qualified || thresholdAmount != null && cartTotalAmount >= thresholdAmount;
+	const liveRemaining = isQualified || thresholdAmount == null ? 0 : Math.max(thresholdAmount - cartTotalAmount, 0);
+	const value = {
+		isQualified,
+		fill: isQualified ? 1 : thresholdAmount != null ? clamp01(cartTotalAmount / thresholdAmount) : 0,
+		liveRemaining
+	};
+	return /* @__PURE__ */ jsx(FreeShippingProgressContext, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			...props,
+			className,
+			"data-fs-free-shipping-progress-root": "",
+			children
+		})
+	});
+}
+function FreeShippingProgressBar({ className, ...props }) {
+	const { fill, isQualified, liveRemaining } = useFreeShippingProgress();
+	const { locale, currency } = useStorefrontContext();
+	const ariaValueText = isQualified ? "frete grátis conquistado" : `${formatCurrency(liveRemaining, locale, currency)} restantes para frete grátis`;
+	return /* @__PURE__ */ jsx(Meter.Root, {
+		...props,
+		value: Math.round(fill * 100),
+		min: 0,
+		max: 100,
+		getAriaValueText: () => ariaValueText,
+		className,
+		"data-fs-free-shipping-progress-bar": "",
+		children: /* @__PURE__ */ jsx(Meter.Track, { children: /* @__PURE__ */ jsx(Meter.Indicator, {}) })
+	});
+}
+function FreeShippingProgressMessage({ label = "faltam {value} para frete grátis", qualifiedLabel = "você ganhou frete grátis!", className, children, ...props }) {
+	const { isQualified, liveRemaining } = useFreeShippingProgress();
+	const { locale, currency } = useStorefrontContext();
+	const text = isQualified ? qualifiedLabel : label.replace("{value}", formatCurrency(liveRemaining, locale, currency));
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className,
+		"data-fs-free-shipping-progress-message": "",
+		children: children ?? text
+	});
+}
+const FreeShippingProgress = {
+	Root: FreeShippingProgressRoot,
+	Bar: FreeShippingProgressBar,
+	Message: FreeShippingProgressMessage
+};
+//#endregion
+export { FreeShippingProgress, FreeShippingProgressBar, FreeShippingProgressBarDefinition, FreeShippingProgressMessage, FreeShippingProgressMessageDefinition, FreeShippingProgressRoot, FreeShippingProgressRootDefinition };
+
+//# sourceMappingURL=free-shipping-progress.js.map

package/dist/matter/free-shipping-progress/free-shipping-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"free-shipping-progress.js","names":[],"sources":["../../../src/matter/free-shipping-progress/free-shipping-progress.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, createContext, useContext } from 'react';\nimport { Meter } from '../../particles/meter/meter.js';\nimport { useStorefrontContext } from '../../sdk/context/storefront-context.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype MoneyValue = { amount: number | string; currencyCode: string };\n\ntype FreeShippingProgressData = {\n  cart?: {\n    id: string;\n    total?: MoneyValue | null;\n    freeShippingProgress?: {\n      threshold: MoneyValue | null;\n      remaining: MoneyValue;\n      qualified: boolean;\n    } | null;\n  } | null;\n};\n\ntype FreeShippingProgressContextValue = {\n  isQualified: boolean;\n  fill: number;\n  liveRemaining: number;\n};\n\nexport type FreeShippingProgressRootProps = ComponentPropsWithRef<'div'> & {\n  threshold?: number;\n  remaining?: number;\n  qualified?: boolean;\n  cartTotal?: number;\n  $data?: FreeShippingProgressData['cart'] | null;\n};\n\nexport type FreeShippingProgressBarProps = ComponentPropsWithRef<'div'>;\nexport type FreeShippingProgressMessageProps = ComponentPropsWithRef<'div'> & {\n  label?: string;\n  qualifiedLabel?: string;\n};\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment — narrow cart slice (total + freeShippingProgress)\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment FreeShippingProgressData on Query {\n    cart {\n      id\n      total {\n        amount\n        currencyCode\n      }\n      freeShippingProgress {\n        threshold {\n          amount\n          currencyCode\n        }\n        remaining {\n          amount\n          currencyCode\n        }\n        qualified\n      }\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst FSP_CONTEXT_UNSET = Symbol('FreeShippingProgressContextUnset');\n\nconst FreeShippingProgressContext = createContext<FreeShippingProgressContextValue | typeof FSP_CONTEXT_UNSET>(\n  FSP_CONTEXT_UNSET,\n);\n\nfunction useFreeShippingProgress(): FreeShippingProgressContextValue {\n  const ctx = useContext(FreeShippingProgressContext);\n  if (ctx === FSP_CONTEXT_UNSET) {\n    throw new Error('useFreeShippingProgress() must be used inside a <FreeShippingProgressRoot> subtree.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatCurrency(value: number, locale: string, currency: string): string {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(value);\n}\n\nfunction clamp01(value: number): number {\n  return Math.min(Math.max(value, 0), 1);\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const FreeShippingProgressRootDefinition = defineComponent<FreeShippingProgressRootProps>({\n  name: 'FreeShippingProgressRoot',\n  importPath: '@vtex/faststore/components',\n  component: FreeShippingProgressRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  editor: { label: 'Free Shipping Progress', category: 'commerce' },\n  schema: {},\n  guideline:\n    'Free-shipping progress bar for the top of a cart/mini-cart drawer: shows how much more to spend for free shipping and flips to an earned state when met. Renders nothing until a destination and an eligible promotion exist (self-hides on null). See free-shipping-progress.md.',\n});\n\nexport const FreeShippingProgressBarDefinition = defineComponent<FreeShippingProgressBarProps>({\n  name: 'FreeShippingProgressBar',\n  importPath: '@vtex/faststore/components',\n  component: FreeShippingProgressBar,\n  editor: { label: 'Free Shipping Progress Bar', category: 'commerce' },\n  schema: {},\n  guideline:\n    'Meter bar that fills toward the free-shipping goal, full when earned. Must be inside FreeShippingProgressRoot. See free-shipping-progress.md.',\n});\n\nexport const FreeShippingProgressMessageDefinition = defineComponent<FreeShippingProgressMessageProps>({\n  name: 'FreeShippingProgressMessage',\n  importPath: '@vtex/faststore/components',\n  component: FreeShippingProgressMessage,\n  editor: { label: 'Free Shipping Progress Message', category: 'commerce' },\n  schema: {\n    label: { type: 'string', default: 'faltam {value} para frete grátis', label: 'Below-threshold Label' },\n    qualifiedLabel: { type: 'string', default: 'você ganhou frete grátis!', label: 'Qualified Label' },\n  },\n  guideline:\n    'Below-threshold vs earned copy, front-formatted from the active storefront context. Must be inside FreeShippingProgressRoot. See free-shipping-progress.md.',\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\nexport function FreeShippingProgressRoot({\n  threshold,\n  remaining,\n  qualified,\n  cartTotal,\n  $data: $dataProp,\n  className,\n  children,\n  ...props\n}: FreeShippingProgressRootProps) {\n  // Only the synthesized preview cart below needs it; the leaves read the context where they format.\n  const { currency } = useStorefrontContext();\n  const $data = useDataOverride($dataProp);\n\n  // Story / presentational overrides synthesize the field when no live cart is present.\n  const cart =\n    $data ??\n    (qualified !== undefined || threshold !== undefined || remaining !== undefined || cartTotal !== undefined\n      ? {\n          id: 'preview',\n          total: { amount: cartTotal ?? 0, currencyCode: currency },\n          freeShippingProgress: {\n            threshold: threshold != null ? { amount: threshold, currencyCode: currency } : null,\n            remaining: { amount: remaining ?? 0, currencyCode: currency },\n            qualified: qualified ?? false,\n          },\n        }\n      : null);\n\n  const fsp = cart?.freeShippingProgress;\n  if (!cart || fsp == null) return null;\n\n  const parsedThreshold = fsp.threshold != null ? Number(fsp.threshold.amount) : null;\n  const cartTotalAmount = Number(cart.total?.amount ?? 0);\n  // Usable threshold: present, finite, positive. Null/NaN/zero → no fill, no remaining.\n  const thresholdAmount =\n    parsedThreshold != null && Number.isFinite(parsedThreshold) && parsedThreshold > 0 ? parsedThreshold : null;\n\n  const isQualified = fsp.qualified || (thresholdAmount != null && cartTotalAmount >= thresholdAmount);\n  const liveRemaining = isQualified || thresholdAmount == null ? 0 : Math.max(thresholdAmount - cartTotalAmount, 0);\n  const fill = isQualified ? 1 : thresholdAmount != null ? clamp01(cartTotalAmount / thresholdAmount) : 0;\n\n  const value: FreeShippingProgressContextValue = { isQualified, fill, liveRemaining };\n\n  return (\n    <FreeShippingProgressContext value={value}>\n      <div {...props} className={className} data-fs-free-shipping-progress-root=\"\">\n        {children}\n      </div>\n    </FreeShippingProgressContext>\n  );\n}\n\nexport function FreeShippingProgressBar({ className, ...props }: FreeShippingProgressBarProps) {\n  const { fill, isQualified, liveRemaining } = useFreeShippingProgress();\n  const { locale, currency } = useStorefrontContext();\n  const ariaValueText = isQualified\n    ? 'frete grátis conquistado'\n    : `${formatCurrency(liveRemaining, locale, currency)} restantes para frete grátis`;\n\n  return (\n    <Meter.Root\n      {...props}\n      value={Math.round(fill * 100)}\n      min={0}\n      max={100}\n      getAriaValueText={() => ariaValueText}\n      className={className}\n      data-fs-free-shipping-progress-bar=\"\"\n    >\n      <Meter.Track>\n        <Meter.Indicator />\n      </Meter.Track>\n    </Meter.Root>\n  );\n}\n\nexport function FreeShippingProgressMessage({\n  label = 'faltam {value} para frete grátis',\n  qualifiedLabel = 'você ganhou frete grátis!',\n  className,\n  children,\n  ...props\n}: FreeShippingProgressMessageProps) {\n  const { isQualified, liveRemaining } = useFreeShippingProgress();\n  const { locale, currency } = useStorefrontContext();\n  const text = isQualified ? qualifiedLabel : label.replace('{value}', formatCurrency(liveRemaining, locale, currency));\n\n  return (\n    <div {...props} className={className} data-fs-free-shipping-progress-message=\"\">\n      {children ?? text}\n    </div>\n  );\n}\n\nexport const FreeShippingProgress = {\n  Root: FreeShippingProgressRoot,\n  Bar: FreeShippingProgressBar,\n  Message: FreeShippingProgressMessage,\n};\n"],"mappings":"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"}

package/dist/matter/identity-edit/identity-edit.d.ts

@@ -0,0 +1,52 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ReactNode } from "react";
+//#region src/matter/identity-edit/identity-edit.d.ts
+export type IdentityEditControllerProps = {
+  children?: ReactNode;
+};
+export type IdentityEditPanelProps = {
+  children?: ReactNode;
+};
+export type IdentityEditButtonProps = {
+  /** Text shown when no children are composed. */
+  label?: string;
+  className?: string;
+  /** Compose custom button content (e.g. an Icon plus text); falls back to `label`. */
+  children?: ReactNode;
+};
+export declare const IdentityEditControllerDefinition: ComponentDefinition<IdentityEditControllerProps>;
+export declare const IdentitySummaryViewDefinition: ComponentDefinition<IdentityEditPanelProps>;
+export declare const IdentityEditFormDefinition: ComponentDefinition<IdentityEditPanelProps>;
+export declare const IdentityEditButtonDefinition: ComponentDefinition<IdentityEditButtonProps>;
+export declare const IdentityEditCancelButtonDefinition: ComponentDefinition<IdentityEditButtonProps>;
+/**
+ * Owns the identity section's mode and provides it to descendants. Renders no DOM of its own.
+ *
+ * The mode moves only when the shopper presses one of this section's own buttons. Saving the form does
+ * not close the section — the confirmation stays readable, and whether finishing a form should collapse
+ * anything is a sequencing question this component deliberately has no opinion on.
+ */
+export declare function IdentityEditController({ children }: IdentityEditControllerProps): import("react/jsx-runtime").JSX.Element;
+/** Renders its children only while the section shows the summary. */
+export declare function IdentitySummaryView({ children }: IdentityEditPanelProps): import("react/jsx-runtime").JSX.Element | null;
+/** Renders its children only while the section shows the form. */
+export declare function IdentityEditForm({ children }: IdentityEditPanelProps): import("react/jsx-runtime").JSX.Element | null;
+/** Opens the form. Renders `children` or the `label` fallback. */
+export declare function IdentityEditButton({ label, className, children }: IdentityEditButtonProps): import("react/jsx-runtime").JSX.Element;
+/** Returns to the summary without saving. Renders `children` or the `label` fallback. */
+export declare function IdentityEditCancelButton({ label, className, children }: IdentityEditButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const IdentityEdit: {
+  Controller: typeof IdentityEditController;
+  ControllerDefinition: ComponentDefinition<IdentityEditControllerProps>;
+  SummaryView: typeof IdentitySummaryView;
+  SummaryViewDefinition: ComponentDefinition<IdentityEditPanelProps>;
+  Form: typeof IdentityEditForm;
+  FormDefinition: ComponentDefinition<IdentityEditPanelProps>;
+  EditButton: typeof IdentityEditButton;
+  EditButtonDefinition: ComponentDefinition<IdentityEditButtonProps>;
+  CancelButton: typeof IdentityEditCancelButton;
+  CancelButtonDefinition: ComponentDefinition<IdentityEditButtonProps>;
+};
+//#endregion
+//# sourceMappingURL=identity-edit.d.ts.map

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

@@ -0,0 +1,148 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { createContext, useContext, useMemo, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/matter/identity-edit/identity-edit.tsx
+const IdentityEditContext = createContext(void 0);
+function useIdentityEditContext() {
+	const ctx = useContext(IdentityEditContext);
+	if (!ctx) throw new Error("IdentitySummaryView, IdentityEditForm and the edit buttons must be used inside an IdentityEditController.");
+	return ctx;
+}
+const IdentityEditControllerDefinition = defineComponent({
+	name: "IdentityEditController",
+	importPath: "@vtex/faststore/components",
+	component: IdentityEditController,
+	providesContext: "identity-edit",
+	editor: {
+		label: "Identity Edit Controller",
+		category: "commerce"
+	},
+	schema: {},
+	guideline: "Owns the identity section's summary/form toggle: starts on the summary, opens on IdentityEditButton and returns on IdentityEditCancelButton. Saving does not move it, so the form's confirmation stays readable and ClientProfileForm never needs to know about a section around it. Self-contained: collapsing tells nothing else, so no other section opens as a result. Compose an IdentitySummaryView holding the summary parts and an IdentityEditForm holding a ClientProfileForm, plus an IdentityEditButton in the heading and an IdentityEditCancelButton next to the form. No state is named anywhere: which state a part belongs to is which component it is. Renders no DOM of its own."
+});
+const IdentitySummaryViewDefinition = defineComponent({
+	name: "IdentitySummaryView",
+	importPath: "@vtex/faststore/components",
+	component: IdentitySummaryView,
+	requiresContext: "identity-edit",
+	editor: {
+		label: "Identity Summary View",
+		category: "commerce"
+	},
+	schema: {},
+	guideline: "Renders its children only while the identity section shows the summary, and nothing while it shows the form. Takes no props: which state it gates is which component it is. Must be inside an IdentityEditController."
+});
+const IdentityEditFormDefinition = defineComponent({
+	name: "IdentityEditForm",
+	importPath: "@vtex/faststore/components",
+	component: IdentityEditForm,
+	requiresContext: "identity-edit",
+	editor: {
+		label: "Identity Edit Form",
+		category: "commerce"
+	},
+	schema: {},
+	guideline: "Renders its children only while the identity section shows the form, and nothing while it shows the summary. Compose ClientProfileFormRoot and its parts inside, plus an IdentityEditCancelButton. Must be inside an IdentityEditController."
+});
+const IdentityEditButtonDefinition = defineComponent({
+	name: "IdentityEditButton",
+	importPath: "@vtex/faststore/components",
+	component: IdentityEditButton,
+	requiresContext: "identity-edit",
+	editor: {
+		label: "Identity Edit Button",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "editar",
+		label: "Button label"
+	} },
+	guideline: "Opens the identity form. Place it in the section heading, inside an IdentitySummaryView so it disappears while the form is open. Compose an Icon plus text as children, or rely on `label`. Must be inside an IdentityEditController."
+});
+const IdentityEditCancelButtonDefinition = defineComponent({
+	name: "IdentityEditCancelButton",
+	importPath: "@vtex/faststore/components",
+	component: IdentityEditCancelButton,
+	requiresContext: "identity-edit",
+	editor: {
+		label: "Identity Edit Cancel Button",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		default: "cancelar",
+		label: "Button label"
+	} },
+	guideline: "Returns the identity section to its summary without saving. Place it inside an IdentityEditForm. Must be inside an IdentityEditController."
+});
+/**
+* Owns the identity section's mode and provides it to descendants. Renders no DOM of its own.
+*
+* The mode moves only when the shopper presses one of this section's own buttons. Saving the form does
+* not close the section — the confirmation stays readable, and whether finishing a form should collapse
+* anything is a sequencing question this component deliberately has no opinion on.
+*/
+function IdentityEditController({ children }) {
+	const [mode, setMode] = useState("view");
+	const value = useMemo(() => ({
+		mode,
+		setMode
+	}), [mode]);
+	return /* @__PURE__ */ jsx(IdentityEditContext.Provider, {
+		value,
+		children
+	});
+}
+/** Renders its children only while the section shows the summary. */
+function IdentitySummaryView({ children }) {
+	const { mode } = useIdentityEditContext();
+	if (mode !== "view") return null;
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+/** Renders its children only while the section shows the form. */
+function IdentityEditForm({ children }) {
+	const { mode } = useIdentityEditContext();
+	if (mode !== "edit") return null;
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+/** Opens the form. Renders `children` or the `label` fallback. */
+function IdentityEditButton({ label = "editar", className, children }) {
+	const { setMode } = useIdentityEditContext();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-fs-identity-edit-button": "",
+		className,
+		onClick: () => setMode("edit"),
+		children: children ?? label
+	});
+}
+/** Returns to the summary without saving. Renders `children` or the `label` fallback. */
+function IdentityEditCancelButton({ label = "cancelar", className, children }) {
+	const { setMode } = useIdentityEditContext();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-fs-identity-edit-cancel-button": "",
+		className,
+		onClick: () => setMode("view"),
+		children: children ?? label
+	});
+}
+const IdentityEdit = {
+	Controller: IdentityEditController,
+	ControllerDefinition: IdentityEditControllerDefinition,
+	SummaryView: IdentitySummaryView,
+	SummaryViewDefinition: IdentitySummaryViewDefinition,
+	Form: IdentityEditForm,
+	FormDefinition: IdentityEditFormDefinition,
+	EditButton: IdentityEditButton,
+	EditButtonDefinition: IdentityEditButtonDefinition,
+	CancelButton: IdentityEditCancelButton,
+	CancelButtonDefinition: IdentityEditCancelButtonDefinition
+};
+//#endregion
+export { IdentityEdit, IdentityEditButton, IdentityEditButtonDefinition, IdentityEditCancelButton, IdentityEditCancelButtonDefinition, IdentityEditController, IdentityEditControllerDefinition, IdentityEditForm, IdentityEditFormDefinition, IdentitySummaryView, IdentitySummaryViewDefinition };
+
+//# sourceMappingURL=identity-edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"identity-edit.js","names":[],"sources":["../../../src/matter/identity-edit/identity-edit.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport { createContext, type ReactNode, useContext, useMemo, useState } from 'react';\n\n// ---------------------------------------------------------------------------\n// Identity view/edit toggle.\n//\n// The identity section shows a summary of who the shopper is until they ask to change it, and returns to\n// the summary when they say so — this component owns the mode rather than a page authoring it\n// (ADR-0006). Saving does not move it; whether it should is a sequencing question left to the\n// flow-of-steps RFC (#611). The sibling of the delivery section's `ShippingAddressEditController`, and\n// its own component because the two differ in the parts that are domain knowledge. See identity-edit.md.\n// ---------------------------------------------------------------------------\n\n/** Internal: the section's two states never reach the schema, because each has its own component. */\ntype IdentityEditMode = 'view' | 'edit';\n\ntype IdentityEditContextValue = {\n  mode: IdentityEditMode;\n  setMode: (mode: IdentityEditMode) => void;\n};\n\nconst IdentityEditContext = createContext<IdentityEditContextValue | undefined>(undefined);\n\nfunction useIdentityEditContext(): IdentityEditContextValue {\n  const ctx = useContext(IdentityEditContext);\n  if (!ctx) {\n    throw new Error(\n      'IdentitySummaryView, IdentityEditForm and the edit buttons must be used inside an IdentityEditController.',\n    );\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport type IdentityEditControllerProps = {\n  children?: ReactNode;\n};\n\nexport type IdentityEditPanelProps = {\n  children?: ReactNode;\n};\n\nexport type IdentityEditButtonProps = {\n  /** Text shown when no children are composed. */\n  label?: string;\n  className?: string;\n  /** Compose custom button content (e.g. an Icon plus text); falls back to `label`. */\n  children?: ReactNode;\n};\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const IdentityEditControllerDefinition = defineComponent<IdentityEditControllerProps>({\n  name: 'IdentityEditController',\n  importPath: '@vtex/faststore/components',\n  component: IdentityEditController,\n  providesContext: 'identity-edit',\n  editor: { label: 'Identity Edit Controller', category: 'commerce' },\n  schema: {},\n  guideline:\n    \"Owns the identity section's summary/form toggle: starts on the summary, opens on IdentityEditButton and returns on IdentityEditCancelButton. Saving does not move it, so the form's confirmation stays readable and ClientProfileForm never needs to know about a section around it. Self-contained: collapsing tells nothing else, so no other section opens as a result. Compose an IdentitySummaryView holding the summary parts and an IdentityEditForm holding a ClientProfileForm, plus an IdentityEditButton in the heading and an IdentityEditCancelButton next to the form. No state is named anywhere: which state a part belongs to is which component it is. Renders no DOM of its own.\",\n});\n\nexport const IdentitySummaryViewDefinition = defineComponent<IdentityEditPanelProps>({\n  name: 'IdentitySummaryView',\n  importPath: '@vtex/faststore/components',\n  component: IdentitySummaryView,\n  requiresContext: 'identity-edit',\n  editor: { label: 'Identity Summary View', category: 'commerce' },\n  schema: {},\n  guideline:\n    'Renders its children only while the identity section shows the summary, and nothing while it shows the form. Takes no props: which state it gates is which component it is. Must be inside an IdentityEditController.',\n});\n\nexport const IdentityEditFormDefinition = defineComponent<IdentityEditPanelProps>({\n  name: 'IdentityEditForm',\n  importPath: '@vtex/faststore/components',\n  component: IdentityEditForm,\n  requiresContext: 'identity-edit',\n  editor: { label: 'Identity Edit Form', category: 'commerce' },\n  schema: {},\n  guideline:\n    'Renders its children only while the identity section shows the form, and nothing while it shows the summary. Compose ClientProfileFormRoot and its parts inside, plus an IdentityEditCancelButton. Must be inside an IdentityEditController.',\n});\n\nexport const IdentityEditButtonDefinition = defineComponent<IdentityEditButtonProps>({\n  name: 'IdentityEditButton',\n  importPath: '@vtex/faststore/components',\n  component: IdentityEditButton,\n  requiresContext: 'identity-edit',\n  editor: { label: 'Identity Edit Button', category: 'action' },\n  schema: {\n    label: { type: 'string', default: 'editar', label: 'Button label' },\n  },\n  guideline:\n    'Opens the identity form. Place it in the section heading, inside an IdentitySummaryView so it disappears while the form is open. Compose an Icon plus text as children, or rely on `label`. Must be inside an IdentityEditController.',\n});\n\nexport const IdentityEditCancelButtonDefinition = defineComponent<IdentityEditButtonProps>({\n  name: 'IdentityEditCancelButton',\n  importPath: '@vtex/faststore/components',\n  component: IdentityEditCancelButton,\n  requiresContext: 'identity-edit',\n  editor: { label: 'Identity Edit Cancel Button', category: 'action' },\n  schema: {\n    label: { type: 'string', default: 'cancelar', label: 'Button label' },\n  },\n  guideline:\n    'Returns the identity section to its summary without saving. Place it inside an IdentityEditForm. Must be inside an IdentityEditController.',\n});\n\n// ---------------------------------------------------------------------------\n// Components\n// ---------------------------------------------------------------------------\n\n/**\n * Owns the identity section's mode and provides it to descendants. Renders no DOM of its own.\n *\n * The mode moves only when the shopper presses one of this section's own buttons. Saving the form does\n * not close the section — the confirmation stays readable, and whether finishing a form should collapse\n * anything is a sequencing question this component deliberately has no opinion on.\n */\nexport function IdentityEditController({ children }: IdentityEditControllerProps) {\n  const [mode, setMode] = useState<IdentityEditMode>('view');\n\n  const value = useMemo<IdentityEditContextValue>(() => ({ mode, setMode }), [mode]);\n\n  return <IdentityEditContext.Provider value={value}>{children}</IdentityEditContext.Provider>;\n}\n\n/** Renders its children only while the section shows the summary. */\nexport function IdentitySummaryView({ children }: IdentityEditPanelProps) {\n  const { mode } = useIdentityEditContext();\n  if (mode !== 'view') return null;\n  return <>{children}</>;\n}\n\n/** Renders its children only while the section shows the form. */\nexport function IdentityEditForm({ children }: IdentityEditPanelProps) {\n  const { mode } = useIdentityEditContext();\n  if (mode !== 'edit') return null;\n  return <>{children}</>;\n}\n\n/** Opens the form. Renders `children` or the `label` fallback. */\nexport function IdentityEditButton({ label = 'editar', className, children }: IdentityEditButtonProps) {\n  const { setMode } = useIdentityEditContext();\n  return (\n    <button type=\"button\" data-fs-identity-edit-button=\"\" className={className} onClick={() => setMode('edit')}>\n      {children ?? label}\n    </button>\n  );\n}\n\n/** Returns to the summary without saving. Renders `children` or the `label` fallback. */\nexport function IdentityEditCancelButton({ label = 'cancelar', className, children }: IdentityEditButtonProps) {\n  const { setMode } = useIdentityEditContext();\n  return (\n    <button type=\"button\" data-fs-identity-edit-cancel-button=\"\" className={className} onClick={() => setMode('view')}>\n      {children ?? label}\n    </button>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace Export\n// ---------------------------------------------------------------------------\n\nexport const IdentityEdit = {\n  Controller: IdentityEditController,\n  ControllerDefinition: IdentityEditControllerDefinition,\n  SummaryView: IdentitySummaryView,\n  SummaryViewDefinition: IdentitySummaryViewDefinition,\n  Form: IdentityEditForm,\n  FormDefinition: IdentityEditFormDefinition,\n  EditButton: IdentityEditButton,\n  EditButtonDefinition: IdentityEditButtonDefinition,\n  CancelButton: IdentityEditCancelButton,\n  CancelButtonDefinition: IdentityEditCancelButtonDefinition,\n};\n"],"mappings":";;;;;;AAuBA,MAAM,sBAAsB,cAAoD,KAAA,CAAS;AAEzF,SAAS,yBAAmD;CAC1D,MAAM,MAAM,WAAW,mBAAmB;CAC1C,IAAI,CAAC,KACH,MAAM,IAAI,MACR,2GACF;CAEF,OAAO;AACT;AA0BA,MAAa,mCAAmC,gBAA6C;CAC3F,MAAM;CACN,YAAY;CACZ,WAAW;CACX,iBAAiB;CACjB,QAAQ;EAAE,OAAO;EAA4B,UAAU;CAAW;CAClE,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,gCAAgC,gBAAwC;CACnF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,iBAAiB;CACjB,QAAQ;EAAE,OAAO;EAAyB,UAAU;CAAW;CAC/D,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,6BAA6B,gBAAwC;CAChF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,iBAAiB;CACjB,QAAQ;EAAE,OAAO;EAAsB,UAAU;CAAW;CAC5D,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,+BAA+B,gBAAyC;CACnF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,iBAAiB;CACjB,QAAQ;EAAE,OAAO;EAAwB,UAAU;CAAS;CAC5D,QAAQ,EACN,OAAO;EAAE,MAAM;EAAU,SAAS;EAAU,OAAO;CAAe,EACpE;CACA,WACE;AACJ,CAAC;AAED,MAAa,qCAAqC,gBAAyC;CACzF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,iBAAiB;CACjB,QAAQ;EAAE,OAAO;EAA+B,UAAU;CAAS;CACnE,QAAQ,EACN,OAAO;EAAE,MAAM;EAAU,SAAS;EAAY,OAAO;CAAe,EACtE;CACA,WACE;AACJ,CAAC;;;;;;;;AAaD,SAAgB,uBAAuB,EAAE,YAAyC;CAChF,MAAM,CAAC,MAAM,WAAW,SAA2B,MAAM;CAEzD,MAAM,QAAQ,eAAyC;EAAE;EAAM;CAAQ,IAAI,CAAC,IAAI,CAAC;CAEjF,OAAO,oBAAC,oBAAoB,UAArB;EAAqC;EAAQ;CAAuC,CAAA;AAC7F;;AAGA,SAAgB,oBAAoB,EAAE,YAAoC;CACxE,MAAM,EAAE,SAAS,uBAAuB;CACxC,IAAI,SAAS,QAAQ,OAAO;CAC5B,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;AACvB;;AAGA,SAAgB,iBAAiB,EAAE,YAAoC;CACrE,MAAM,EAAE,SAAS,uBAAuB;CACxC,IAAI,SAAS,QAAQ,OAAO;CAC5B,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;AACvB;;AAGA,SAAgB,mBAAmB,EAAE,QAAQ,UAAU,WAAW,YAAqC;CACrG,MAAM,EAAE,YAAY,uBAAuB;CAC3C,OACE,oBAAC,UAAD;EAAQ,MAAK;EAAS,gCAA6B;EAAc;EAAW,eAAe,QAAQ,MAAM;EACtG,UAAA,YAAY;CACP,CAAA;AAEZ;;AAGA,SAAgB,yBAAyB,EAAE,QAAQ,YAAY,WAAW,YAAqC;CAC7G,MAAM,EAAE,YAAY,uBAAuB;CAC3C,OACE,oBAAC,UAAD;EAAQ,MAAK;EAAS,uCAAoC;EAAc;EAAW,eAAe,QAAQ,MAAM;EAC7G,UAAA,YAAY;CACP,CAAA;AAEZ;AAMA,MAAa,eAAe;CAC1B,YAAY;CACZ,sBAAsB;CACtB,aAAa;CACb,uBAAuB;CACvB,MAAM;CACN,gBAAgB;CAChB,YAAY;CACZ,sBAAsB;CACtB,cAAc;CACd,wBAAwB;AAC1B"}

package/dist/matter/identity-summary/identity-summary.d.ts

@@ -0,0 +1,128 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentActions } from "../../sdk/actions/types.js";
+import { PhoneCountry } from "../../particles/phone-field/phone-field.js";
+import { ReactNode } from "react";
+//#region src/matter/identity-summary/identity-summary.d.ts
+/**
+ * The `$data` slice forwarded by the reactive runtime — the unwrapped `ClientProfile` entity.
+ * The fragment selects a single top-level field, so the compiler hands the entity value directly
+ * (not a `{ clientProfile: ... }` wrapper); ADR-0015.
+ */
+export type IdentitySummaryData = {
+  email?: string | null;
+  firstName?: string | null;
+  lastName?: string | null;
+  phone?: string | null;
+  document?: string | null;
+} | null;
+export type IdentitySummaryRootProps = {
+  /** Error message shown when the sign-out mutation returns user errors. */
+  signOutErrorMessage?: string;
+  className?: string;
+  children?: ReactNode;
+  /** `IdentitySummaryData` slice forwarded by the reactive runtime. */
+  $data?: IdentitySummaryData;
+  /** Compiler-injected action surface; carries `session.logout`. */
+  $actions?: ComponentActions;
+};
+export type IdentitySummarySelectedSummaryProps = {
+  /** Phone display country; selects the mask applied to the stored E.164 value. */
+  country?: PhoneCountry;
+  /** Badge label in the `identified` session state. */
+  identifiedBadgeLabel?: string;
+  /** Badge label in the `loggedIn` session state. */
+  loggedInBadgeLabel?: string;
+  className?: string;
+  /** Compose custom read-only content; falls back to the default badge + details when omitted. */
+  children?: ReactNode;
+};
+export type IdentitySummaryBadgeProps = {
+  /** Badge label in the `identified` session state. */
+  identifiedLabel?: string;
+  /** Badge label in the `loggedIn` session state. */
+  loggedInLabel?: string;
+  className?: string;
+};
+export type IdentitySummaryFieldProps = {
+  className?: string;
+};
+export type IdentitySummaryPhoneProps = {
+  /** Phone display country; selects the mask applied to the stored E.164 value. */
+  country?: PhoneCountry;
+  className?: string;
+};
+export type IdentitySummarySignOutButtonProps = {
+  label?: string;
+  className?: string;
+  children?: ReactNode;
+};
+export type IdentitySummaryErrorProps = {
+  className?: string;
+};
+export declare const IdentitySummaryRootDefinition: ComponentDefinition<IdentitySummaryRootProps>;
+export declare const IdentitySummarySelectedSummaryDefinition: ComponentDefinition<IdentitySummarySelectedSummaryProps>;
+export declare const IdentitySummaryBadgeDefinition: ComponentDefinition<IdentitySummaryBadgeProps>;
+export declare const IdentitySummaryNameDefinition: ComponentDefinition<IdentitySummaryFieldProps>;
+export declare const IdentitySummaryEmailDefinition: ComponentDefinition<IdentitySummaryFieldProps>;
+export declare const IdentitySummaryPhoneDefinition: ComponentDefinition<IdentitySummaryPhoneProps>;
+export declare const IdentitySummaryDocumentDefinition: ComponentDefinition<IdentitySummaryFieldProps>;
+export declare const IdentitySummarySignOutButtonDefinition: ComponentDefinition<IdentitySummarySignOutButtonProps>;
+export declare const IdentitySummaryErrorDefinition: ComponentDefinition<IdentitySummaryErrorProps>;
+/**
+ * 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`.
+ */
+export declare function IdentitySummaryRoot({ signOutErrorMessage, className, children, $data: $dataProp, $actions }: IdentitySummaryRootProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * 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.
+ */
+export declare function IdentitySummarySelectedSummary({ country, identifiedBadgeLabel, loggedInBadgeLabel, className, children }: IdentitySummarySelectedSummaryProps): import("react/jsx-runtime").JSX.Element;
+/** Session-state badge. Renders `identifiedLabel` for a guest and `loggedInLabel` once authenticated. */
+export declare function IdentitySummaryBadge({ identifiedLabel, loggedInLabel, className }: IdentitySummaryBadgeProps): import("react/jsx-runtime").JSX.Element;
+/** The shopper's full name. Renders nothing when the profile carries neither name. */
+export declare function IdentitySummaryName({ className }: IdentitySummaryFieldProps): import("react/jsx-runtime").JSX.Element | null;
+/** The shopper's e-mail. Renders nothing when absent. */
+export declare function IdentitySummaryEmail({ className }: IdentitySummaryFieldProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * 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.
+ */
+export declare function IdentitySummaryPhone({ country, className }: IdentitySummaryPhoneProps): import("react/jsx-runtime").JSX.Element | null;
+/** The shopper's tax document. Renders nothing when absent. */
+export declare function IdentitySummaryDocument({ className }: IdentitySummaryFieldProps): import("react/jsx-runtime").JSX.Element | null;
+/** Dispatches the sign-out mutation (async/pessimistic). */
+export declare function IdentitySummarySignOutButton({ label, className, children }: IdentitySummarySignOutButtonProps): import("react/jsx-runtime").JSX.Element;
+/** Renders the inline sign-out user error, or nothing when there is none. */
+export declare function IdentitySummaryError({ className }: IdentitySummaryErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const IdentitySummary: {
+  Badge: typeof IdentitySummaryBadge;
+  BadgeDefinition: ComponentDefinition<IdentitySummaryBadgeProps>;
+  Name: typeof IdentitySummaryName;
+  NameDefinition: ComponentDefinition<IdentitySummaryFieldProps>;
+  Email: typeof IdentitySummaryEmail;
+  EmailDefinition: ComponentDefinition<IdentitySummaryFieldProps>;
+  Phone: typeof IdentitySummaryPhone;
+  PhoneDefinition: ComponentDefinition<IdentitySummaryPhoneProps>;
+  Document: typeof IdentitySummaryDocument;
+  DocumentDefinition: ComponentDefinition<IdentitySummaryFieldProps>;
+  Root: typeof IdentitySummaryRoot;
+  RootDefinition: ComponentDefinition<IdentitySummaryRootProps>;
+  SelectedSummary: typeof IdentitySummarySelectedSummary;
+  SelectedSummaryDefinition: ComponentDefinition<IdentitySummarySelectedSummaryProps>;
+  SignOutButton: typeof IdentitySummarySignOutButton;
+  SignOutButtonDefinition: ComponentDefinition<IdentitySummarySignOutButtonProps>;
+  Error: typeof IdentitySummaryError;
+  ErrorDefinition: ComponentDefinition<IdentitySummaryErrorProps>;
+};
+//#endregion
+//# sourceMappingURL=identity-summary.d.ts.map