npm - @shopify/ui-extensions - Versions diffs - 2026.4.0-rc.3 → 2026.4.0 - Mend

@shopify/ui-extensions 2026.4.0-rc.3 → 2026.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1100) hide show

package/build/cjs/surfaces/checkout/preact/api.js CHANGED Viewed

@@ -17,6 +17,7 @@ var errors = require('./errors.js');
  * > Note:
  * > As of version 2025-10, you no longer need this hook. The full API object is accessible via
  * > the global `shopify` object.
+ * @publicDocs
  */
 function useApi(_target) {
   const api = globalThis === null || globalThis === void 0 ? void 0 : globalThis.shopify;
@@ -39,6 +40,7 @@ function useApi(_target) {
  * > Caution: This is deprecated, use `useApi` instead.
  *
  * @deprecated This is deprecated, use `useApi` instead.
+ * @publicDocs
  */
 function useExtensionApi() {
   return useApi();

package/build/cjs/surfaces/checkout/preact/app-metafields.js CHANGED Viewed

@@ -10,6 +10,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the metafields configured with `shopify.extension.toml`.
  * @arg {AppMetafieldFilters} - filter the list of returned metafields
+ * @publicDocs
  */
 function useAppMetafields(filters = {}) {
   const appMetafields = subscription.useSubscription(api.useApi().appMetafields);

package/build/cjs/surfaces/checkout/preact/attributes.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the proposed `attributes` applied to the checkout.
+ * @publicDocs
  */
 function useAttributes() {
   return subscription.useSubscription(api.useApi().attributes);
@@ -17,6 +18,7 @@ function useAttributes() {
  * Returns the values for the specified `attributes` applied to the checkout.
  *
  * @param keys - An array of attribute keys.
+ * @publicDocs
  */
 function useAttributeValues(keys) {
   const attributes = useAttributes();
@@ -31,6 +33,7 @@ function useAttributeValues(keys) {
 /**
  * Returns a function to mutate the `attributes` property of the checkout.
+ * @publicDocs
  */
 function useApplyAttributeChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/billing-address.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the proposed `billingAddress` applied to the checkout.
+ * @publicDocs
  */
 function useBillingAddress() {
   const billingAddress = api.useApi().billingAddress;

package/build/cjs/surfaces/checkout/preact/buyer-identity.js CHANGED Viewed

@@ -10,6 +10,7 @@ var subscription = require('./subscription.js');
  * Returns the current `Customer`.
  *
  * The value is `undefined` if the buyer isn't a known customer for this shop or if they haven't logged in yet.
+ * @publicDocs
  */
 function useCustomer() {
   const buyerIdentity = api.useApi().buyerIdentity;
@@ -22,6 +23,7 @@ function useCustomer() {
 /**
  * Returns the email address of the buyer that is interacting with the cart.
  * The value is `undefined` if the app does not have access to customer data.
+ * @publicDocs
  */
 function useEmail() {
   const buyerIdentity = api.useApi().buyerIdentity;
@@ -34,6 +36,7 @@ function useEmail() {
 /**
  * Returns the phone number of the buyer that is interacting with the cart.
  * The value is `undefined` if the app does not have access to customer data.
+ * @publicDocs
  */
 function usePhone() {
   const buyerIdentity = api.useApi().buyerIdentity;
@@ -49,6 +52,7 @@ function usePhone() {
  * identify both the company and its corresponding location to which the business customer belongs.
  *
  * The value is `undefined` if a business customer isn't logged in. This function throws an error if the app doesn't have access to customer data.
+ * @publicDocs
  */
 function usePurchasingCompany() {
   const buyerIdentity = api.useApi().buyerIdentity;

package/build/cjs/surfaces/checkout/preact/buyer-journey.js CHANGED Viewed

@@ -9,6 +9,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the `buyerJourney` details on buyer progression in checkout.
+ * @publicDocs
  */
 function useBuyerJourney() {
   const api$1 = api.useApi();
@@ -19,6 +20,7 @@ function useBuyerJourney() {
  * Returns true if the buyer completed submitting their order.
  *
  * For example, when viewing the **Order status** page after submitting payment, the buyer will have completed their order.
+ * @publicDocs
  */
 function useBuyerJourneyCompleted() {
   const api$1 = api.useApi();
@@ -39,6 +41,7 @@ function useBuyerJourneyCompleted() {
  *
  * It is good practice to show a warning in the checkout editor when the merchant has not given permission for your extension
  * to block checkout progress.
+ * @publicDocs
  */
 function useBuyerJourneyIntercept(interceptor) {
   const api$1 = api.useApi();
@@ -54,6 +57,7 @@ function useBuyerJourneyIntercept(interceptor) {
 /**
  * Returns all possible steps a buyer can take to complete the checkout. These steps may vary depending on the type of checkout or the shop's configuration.
+ * @publicDocs
  */
 function useBuyerJourneySteps() {
   const api$1 = api.useApi();
@@ -65,6 +69,7 @@ function useBuyerJourneySteps() {
 /**
  * Returns the buyer journey step that the buyer is currently on.
+ * @publicDocs
  */
 function useBuyerJourneyActiveStep() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/capabilities.js CHANGED Viewed

@@ -7,6 +7,7 @@ var api = require('./api.js');
 /**
  * Returns a list of an extension's granted capabilities.
+ * @publicDocs
  */
 function useExtensionCapabilities() {
   return subscription.useSubscription(api.useApi().extension.capabilities);
@@ -14,6 +15,7 @@ function useExtensionCapabilities() {
 /**
  * Returns whether or not a given capability of an extension is granted.
+ * @publicDocs
  */
 function useExtensionCapability(capability) {
   return useExtensionCapabilities().includes(capability);

package/build/cjs/surfaces/checkout/preact/cart-line-target.js CHANGED Viewed

@@ -12,6 +12,7 @@ var subscription = require('./subscription.js');
  * - `purchase.cart-line-item.line-components.render`
  * - `purchase.checkout.cart-line-item.render-after`
  * - `purchase.thank-you.cart-line-item.render-after`
+ * @publicDocs
  */
 function useCartLineTarget() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/cart-lines.js CHANGED Viewed

@@ -9,6 +9,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current line items for the checkout, and automatically re-renders
  * your component if line items are added, removed, or updated.
+ * @publicDocs
  */
 function useCartLines() {
   const {
@@ -19,6 +20,7 @@ function useCartLines() {
 /**
  * Returns a function to mutate the `lines` property of checkout.
+ * @publicDocs
  */
 function useApplyCartLinesChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/checkout-settings.js CHANGED Viewed

@@ -7,6 +7,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the `checkoutSettings` applied to the checkout.
+ * @publicDocs
  */
 function useCheckoutSettings() {
   return subscription.useSubscription(api.useApi().checkoutSettings);

package/build/cjs/surfaces/checkout/preact/checkout-token.js CHANGED Viewed

@@ -10,6 +10,7 @@ var subscription = require('./subscription.js');
  *
  * Matches the `token` field in the [WebPixel checkout payload](https://shopify.dev/docs/api/pixels/customer-events#checkout)
  * and the `checkout_token` field in the [Admin REST API Order resource](https://shopify.dev/docs/api/admin-rest/unstable/resources/order#resource-object).
+ * @publicDocs
  */
 function useCheckoutToken() {
   return subscription.useSubscription(api.useApi().checkoutToken);

package/build/cjs/surfaces/checkout/preact/cost.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * A `Money` value representing the subtotal value of the items in the cart at the current
  * step of checkout.
+ * @publicDocs
  */
 function useSubtotalAmount() {
   return subscription.useSubscription(api.useApi().cost.subtotalAmount);
@@ -17,6 +18,7 @@ function useSubtotalAmount() {
  * A `Money` value representing the total shipping a buyer can expect to pay at the current
  * step of checkout. This value includes shipping discounts. Returns undefined if shipping
  * has not been negotiated yet, such as on the information step.
+ * @publicDocs
  */
 function useTotalShippingAmount() {
   return subscription.useSubscription(api.useApi().cost.totalShippingAmount);
@@ -26,6 +28,7 @@ function useTotalShippingAmount() {
  * A `Money` value representing the total tax a buyer can expect to pay at the current
  * step of checkout or the total tax included in product and shipping prices. Returns
  * undefined if taxes are unavailable.
+ * @publicDocs
  */
 function useTotalTaxAmount() {
   return subscription.useSubscription(api.useApi().cost.totalTaxAmount);
@@ -35,6 +38,7 @@ function useTotalTaxAmount() {
  * Returns a `Money` value representing the minimum a buyer can expect to pay at the current
  * step of checkout. This value excludes amounts yet to be negotiated. For example,
  * the information step might not have delivery costs calculated.
+ * @publicDocs
  */
 function useTotalAmount() {
   return subscription.useSubscription(api.useApi().cost.totalAmount);

package/build/cjs/surfaces/checkout/preact/country.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the country of the checkout, and automatically re-renders
  * your component if the country changes.
+ * @publicDocs
  */
 function useLocalizationCountry() {
   const {

package/build/cjs/surfaces/checkout/preact/currency.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the currency of the checkout, and automatically re-renders
  * your component if the currency changes.
+ * @publicDocs
  */
 function useCurrency() {
   const {

package/build/cjs/surfaces/checkout/preact/customer-privacy.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current customer privacy settings and metadata and
  * re-renders your component if the customer privacy settings change.
+ * @publicDocs
  */
 function useCustomerPrivacy() {
   return subscription.useSubscription(api.useApi().customerPrivacy);

package/build/cjs/surfaces/checkout/preact/delivery-group-list-target.js CHANGED Viewed

@@ -10,6 +10,7 @@ var subscription = require('./subscription.js');
  * extension targets:
  * - purchase.checkout.shipping-option-list.render-before
  * - purchase.checkout.shipping-option-list.render-after
+ * @publicDocs
  */
 function useDeliveryGroupListTarget() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/delivery-group-target.js CHANGED Viewed

@@ -14,6 +14,7 @@ var subscription = require('./subscription.js');
  * > Caution: Deprecated as of version `2024-07`, use `useDeliveryGroupListTarget()` instead.
  *
  * @deprecated Deprecated as of version `2024-07`, use `useDeliveryGroupListTarget()` instead.
+ * @publicDocs
  */
 function useDeliveryGroupTarget() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/delivery-group.js CHANGED Viewed

@@ -9,6 +9,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the full expanded details of a delivery group and automatically re-renders
  * your component when that delivery group changes.
+ * @publicDocs
  */
 function useDeliveryGroup(deliveryGroup) {
   const {

package/build/cjs/surfaces/checkout/preact/delivery-groups.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current delivery groups for the checkout, and automatically re-renders
  * your component when delivery address or delivery option selection changes.
+ * @publicDocs
  */
 function useDeliveryGroups() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/delivery-selection-groups.js CHANGED Viewed

@@ -10,6 +10,7 @@ var subscription = require('./subscription.js');
  * extension targets:
  * - purchase.checkout.shipping-option-list.render-before
  * - purchase.checkout.shipping-option-list.render-after
+ * @publicDocs
  */
 function useDeliverySelectionGroups() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/discounts.js CHANGED Viewed

@@ -9,6 +9,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current discount codes applied to the cart, and automatically re-renders
  * your component if discount codes are added or removed.
+ * @publicDocs
  */
 function useDiscountCodes() {
   const {
@@ -20,6 +21,7 @@ function useDiscountCodes() {
 /**
  * Returns the current discount allocations applied to the cart, and automatically re-renders
  * your component if discount allocations changed.
+ * @publicDocs
  */
 function useDiscountAllocations() {
   const {
@@ -33,6 +35,7 @@ function useDiscountAllocations() {
  *
  * > Caution:
  * > See [security considerations](https://shopify.dev/docs/api/checkout-ui-extensions/configuration#network-access) if your extension retrieves discount codes through a network call.
+ * @publicDocs
  */
 function useApplyDiscountCodeChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/extension-editor.js CHANGED Viewed

@@ -6,6 +6,7 @@ var api = require('./api.js');
 /**
  * Returns information about the editor where the extension is being rendered.
+ * @publicDocs
  */
 function useExtensionEditor() {
   return api.useApi().extension.editor;

package/build/cjs/surfaces/checkout/preact/extension-language.js CHANGED Viewed

@@ -7,6 +7,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the buyer's language, as supported by the extension.
+ * @publicDocs
  */
 function useExtensionLanguage() {
   const {

package/build/cjs/surfaces/checkout/preact/extension.js CHANGED Viewed

@@ -6,6 +6,7 @@ var api = require('./api.js');
 /**
  * Returns the metadata about the extension.
+ * @publicDocs
  */
 function useExtension() {
   return api.useApi().extension;
@@ -15,6 +16,7 @@ function useExtension() {
  * Returns the metadata about the extension.
  * > Caution: This is deprecated, use `useExtension()` instead.
  * @deprecated Use `useExtension()` instead.
+ * @publicDocs
  */
 function useExtensionData() {
   return useExtension();

package/build/cjs/surfaces/checkout/preact/gift-cards.js CHANGED Viewed

@@ -9,6 +9,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current gift cards applied to the cart, and automatically re-renders
  * your component if gift cards are added or removed.
+ * @publicDocs
  */
 function useAppliedGiftCards() {
   const {
@@ -22,6 +23,7 @@ function useAppliedGiftCards() {
  *
  * > Caution:
  * > See [security considerations](https://shopify.dev/docs/api/checkout-ui-extensions/configuration#network-access) if your extension retrieves gift card codes through a network call.
+ * @publicDocs
  */
 function useApplyGiftCardChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/instructions.js CHANGED Viewed

@@ -7,6 +7,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the cart instructions used to create the checkout and possibly limit extension capabilities.
+ * @publicDocs
  */
 function useInstructions() {
   return subscription.useSubscription(api.useApi().instructions);

package/build/cjs/surfaces/checkout/preact/language.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current language of the checkout, and automatically re-renders
  * your component if the language changes.
+ * @publicDocs
  */
 function useLanguage() {
   const {

package/build/cjs/surfaces/checkout/preact/localized-fields.js CHANGED Viewed

@@ -9,6 +9,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the current localized fields and
  * re-renders your component if the values change.
+ * @publicDocs
  */
 function useLocalizedFields(keys) {
   const {
@@ -32,6 +33,7 @@ function useLocalizedFields(keys) {
 /**
  * Returns the current localized field or undefined for the specified
  * localized field key and re-renders your component if the value changes.
+ * @publicDocs
  */
 function useLocalizedField(key) {
   const fields = useLocalizedFields([key]);

package/build/cjs/surfaces/checkout/preact/market.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the market of the checkout, and automatically re-renders
  * your component if it changes.
+ * @publicDocs
  */
 function useLocalizationMarket() {
   const {

package/build/cjs/surfaces/checkout/preact/metafields.js CHANGED Viewed

@@ -7,6 +7,7 @@ var api = require('./api.js');
 /**
  * Returns a function to mutate the `metafields` property of the checkout.
+ * @publicDocs
  */
 function useApplyMetafieldsChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/note.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the proposed `note` applied to the checkout.
+ * @publicDocs
  */
 function useNote() {
   return subscription.useSubscription(api.useApi().note);
@@ -15,6 +16,7 @@ function useNote() {
 /**
  * Returns a function to mutate the `note` property of the checkout.
+ * @publicDocs
  */
 function useApplyNoteChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/payment-method.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the proposed `paymentAttributes` applied to the checkout.
+ * @publicDocs
  */
 function usePaymentMethodAttributes() {
   const {
@@ -23,6 +24,7 @@ function usePaymentMethodAttributes() {
  * Returns the values for the specified `paymentAttributes` applied to the checkout.
  *
  * @param keys - An array of attribute keys.
+ * @publicDocs
  */
 function usePaymentMethodAttributeValues(keys) {
   const attributes = usePaymentMethodAttributes();
@@ -37,6 +39,7 @@ function usePaymentMethodAttributeValues(keys) {
 /**
  * Returns a function to set payment method attributes.
+ * @publicDocs
  */
 function useApplyPaymentMethodAttributesChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/payment-options.js CHANGED Viewed

@@ -7,6 +7,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns all available payment options.
+ * @publicDocs
  */
 function useAvailablePaymentOptions() {
   const api$1 = api.useApi();
@@ -15,6 +16,7 @@ function useAvailablePaymentOptions() {
 /**
  * Returns payment options selected by the buyer.
+ * @publicDocs
  */
 function useSelectedPaymentOptions() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/pickup-location-option-target.js CHANGED Viewed

@@ -11,6 +11,7 @@ var subscription = require('./subscription.js');
  * Returns the pickup location option the extension is attached to. This hook can only be used by extensions in the following
  * extension target:
  * - `purchase.checkout.pickup-location-option-item.render-after`
+ * @publicDocs
  */
 function usePickupLocationOptionTarget() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/redeemable.js CHANGED Viewed

@@ -7,6 +7,7 @@ var api = require('./api.js');
 /**
  * Returns a function to apply a change to add a redeemable.
+ * @publicDocs
  */
 function useApplyRedeemableChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/session-token.js CHANGED Viewed

@@ -6,6 +6,7 @@ var api = require('./api.js');
 /**
  * Provides access to session tokens, which can be used to verify token claims on your app's server.
+ * @publicDocs
  */
 function useSessionToken() {
   return api.useApi().sessionToken;

package/build/cjs/surfaces/checkout/preact/settings.js CHANGED Viewed

@@ -7,6 +7,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the setting values defined by the merchant for the extension.
+ * @publicDocs
  */
 function useSettings() {
   const settings = subscription.useSubscription(api.useApi().settings);

package/build/cjs/surfaces/checkout/preact/shipping-address.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the proposed `shippingAddress` applied to the checkout.
+ * @publicDocs
  */
 function useShippingAddress() {
   const shippingAddress = api.useApi().shippingAddress;
@@ -19,6 +20,7 @@ function useShippingAddress() {
 /**
  * Returns a function to mutate the `shippingAddress` property of checkout.
+ * @publicDocs
  */
 function useApplyShippingAddressChange() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/shipping-option-target.js CHANGED Viewed

@@ -12,6 +12,7 @@ var subscription = require('./subscription.js');
  * extension targets:
  * - `purchase.checkout.shipping-option-item.render-after`
  * - `purchase.checkout.shipping-option-item.details.render`
+ * @publicDocs
  */
 function useShippingOptionTarget() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/shop.js CHANGED Viewed

@@ -6,6 +6,7 @@ var api = require('./api.js');
 /**
  * Returns the `Shop` where the checkout is taking place.
+ * @publicDocs
  */
 function useShop() {
   return api.useApi().shop;

package/build/cjs/surfaces/checkout/preact/storage.js CHANGED Viewed

@@ -11,6 +11,7 @@ var api = require('./api.js');
  *
  * Data is shared across all activated extension targets of this extension. In versions `<=2023-07`,
  * each activated extension target had its own storage.
+ * @publicDocs
  */
 function useStorage() {
   return api.useApi().storage;

package/build/cjs/surfaces/checkout/preact/subscription.js CHANGED Viewed

@@ -13,6 +13,7 @@ var hooks = require('preact/hooks');
  * > As of version 2025-10, you no longer need this hook. When you access `.value`
  * > (instead of `.current`) on subscribable properties, Preact will automatically
  * > re-render as `.value` changes.
+ * @publicDocs
  */
 function useSubscription(subscription) {
   const [, setValue] = hooks.useState(subscription.value);

package/build/cjs/surfaces/checkout/preact/target.js CHANGED Viewed

@@ -21,6 +21,7 @@ class ExtensionHasNoTargetError extends Error {
  * > Caution: Deprecated as of version `2023-10`, use `useCartLineTarget()` instead.
  *
  * @deprecated Deprecated as of version `2023-10`, use `useCartLineTarget()` instead.
+ * @publicDocs
  */
 function useTarget() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/preact/timezone.js CHANGED Viewed

@@ -8,6 +8,7 @@ var subscription = require('./subscription.js');
 /**
  * Returns the time zone of the checkout, and automatically re-renders
  * your component if the time zone changes.
+ * @publicDocs
  */
 function useTimezone() {
   const {

package/build/cjs/surfaces/checkout/preact/translate.js CHANGED Viewed

@@ -6,6 +6,7 @@ var api = require('./api.js');
 /**
  * Returns the `I18nTranslate` interface used to translate strings.
+ * @publicDocs
  */
 function useTranslate() {
   const api$1 = api.useApi();

package/build/cjs/surfaces/checkout/shared.js CHANGED Viewed

@@ -6,13 +6,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * The list of supported components.
  * As of October 1st, 2025, this is a subset of the components that will be available in the 2025-10 stable release.
  */
-const SUPPORTED_COMPONENTS = ['Abbreviation', 'Announcement', 'Badge', 'Banner', 'Box', 'Button', 'Checkbox', 'Chip', 'Choice', 'ChoiceList', 'Clickable', 'ClickableChip', 'ClipboardItem', 'ConsentCheckbox', 'ConsentPhoneField', 'DateField', 'DatePicker', 'Details', 'Divider', 'DropZone', 'EmailField', 'Form', 'Grid', 'GridItem', 'Heading', 'Icon', 'Image', 'Link', 'ListItem', 'Map', 'MapMarker', 'Modal', 'MoneyField', 'NumberField', 'Option', 'OrderedList', 'Paragraph', 'PasswordField', 'PaymentIcon', 'PhoneField', 'Popover', 'PressButton', 'ProductThumbnail', 'Progress', 'QueryContainer', 'QRCode', 'ScrollBox', 'Section', 'Select', 'Sheet', 'SkeletonParagraph', 'Spinner', 'Stack', 'Summary', 'Switch', 'Text', 'TextArea', 'TextField', 'Time', 'Tooltip', 'UnorderedList', 'UrlField'];
+const SUPPORTED_COMPONENTS = ['Abbreviation', 'Announcement', 'Badge', 'Banner', 'Box', 'Button', 'Chat', 'Checkbox', 'Chip', 'Choice', 'ChoiceList', 'Clickable', 'ClickableChip', 'ClipboardItem', 'ConsentCheckbox', 'ConsentPhoneField', 'DateField', 'DatePicker', 'Details', 'Divider', 'DropZone', 'EmailField', 'Form', 'Grid', 'GridItem', 'Heading', 'Icon', 'Image', 'Link', 'ListItem', 'Map', 'MapMarker', 'Modal', 'MoneyField', 'NumberField', 'Option', 'OrderedList', 'Paragraph', 'PasswordField', 'PaymentIcon', 'PhoneField', 'Popover', 'PressButton', 'ProductThumbnail', 'Progress', 'QueryContainer', 'QRCode', 'ScrollBox', 'Section', 'Select', 'Sheet', 'SkeletonParagraph', 'Spinner', 'Stack', 'Summary', 'Switch', 'Text', 'TextArea', 'TextField', 'Time', 'Tooltip', 'UnorderedList', 'UrlField'];
-/**
- * Note: Chat is not supported in the 2025-10 release candidate, but it is tied to a target, and we don't want to remove the target documentation.
- * Once Chat is supported, you can remove this note.
- * @private
- */
+/** @publicDocs */
 /**
  * The list of supported components.
@@ -20,16 +16,7 @@ const SUPPORTED_COMPONENTS = ['Abbreviation', 'Announcement', 'Badge', 'Banner',
  */
 /**
- * Represents a read-only value managed on the main thread that an extension can subscribe to.
- *
- * Example: Checkout uses this to manage the state of an object and
- * communicate state changes to extensions running in a sandboxed web worker.
- *
- * This interface is compatible with [Preact's ReadonlySignal](https://github.com/preactjs/signals/blob/a023a132a81bd4ba4a0bebb8cbbeffbd8c8bbafc/packages/core/src/index.ts#L700-L709).
- *
- * Some fields are deprecated but still supported for backwards compatibility.
- * In version 2025-10, [`StatefulRemoteSubscribable`](https://github.com/Shopify/remote-dom/blob/03929aa8418a89d41d294005f219837582718df8/packages/async-subscription/src/types.ts#L17) was replaced with `ReadonlySignalLike`. Checkout will remove the old fields some time in the future.
- *
+ * Represents a reactive signal interface that provides both immediate value access and subscription-based updates. Enables real-time synchronization with changing data through the observer pattern. This interface extends `ReadonlySignalLike` with deprecated fields that are still supported for backwards compatibility.
  */
 exports.SUPPORTED_COMPONENTS = SUPPORTED_COMPONENTS;

package/build/cjs/surfaces/checkout/style/style.js CHANGED Viewed

@@ -29,6 +29,7 @@ const when = function when(conditions, value) {
 // This interface is only used to provide documentation for the Style helper.
 // It is not used in the implementation.
+/** @publicDocs */
 /**
  * Style is a helper for authoring conditional values for prop styles.