# CheckoutApi

This API object is provided to extensions registered for the extension targets that appear exclusively pre-purchase.

It extends the [StandardApi](/docs/api/checkout-ui-extensions/apis/standardapi) and provides the write apis for the checkout data.

### 

```jsx
import {
  reactExtension,
  Checkbox,
  useApplyAttributeChange,
} from '@shopify/ui-extensions-react/checkout';

// 1. Choose an extension target
export default reactExtension(
  'purchase.checkout.block.render',
  () => <Extension />,
);

function Extension() {
  const applyAttributeChange =
    useApplyAttributeChange();

  // 2. Render a UI
  return (
    <Checkbox onChange={onCheckboxChange}>
      I would like to receive a free gift with my
      order
    </Checkbox>
  );

  // 3. Call API methods to modify the checkout
  async function onCheckboxChange(isChecked) {
    const result = await applyAttributeChange({
      key: 'requestedFreeGift',
      type: 'updateAttribute',
      value: isChecked ? 'yes' : 'no',
    });
    console.log(
      'applyAttributeChange result',
      result,
    );
  }
}

```

```js
import {
  extension,
  Checkbox,
} from '@shopify/ui-extensions/checkout';

// 1. Choose an extension target
export default extension(
  'purchase.checkout.block.render',
  (root, api) => {
    // 2. Render a UI
    root.appendChild(
      root.createComponent(
        Checkbox,
        {
          onChange: onCheckboxChange,
        },
        'I would like to receive a free gift with my order',
      ),
    );

    // 3. Call API methods to modify the checkout
    async function onCheckboxChange(isChecked) {
      const result =
        await api.applyAttributeChange({
          key: 'requestedFreeGift',
          type: 'updateAttribute',
          value: isChecked ? 'yes' : 'no',
        });
      console.log(
        'applyAttributeChange result',
        result,
      );
    }
  },
);

```


## Properties
See the [StandardApi examples](/docs/api/checkout-ui-extensions/apis/standardapi#examples) for more information on how to use the API.
### CheckoutApi

### applyAttributeChange
Performs an update on an attribute attached to the cart and checkout. If
successful, this mutation results in an update to the value retrieved
through the [`attributes`](/docs/api/checkout-ui-extensions/apis/standardapi#properties-propertydetail-applyattributechange) property.

> Note: This method will return an error if the buyer is using an accelerated checkout method, such as Apple Pay, Google Pay, or Meta Pay.
### applyCartLinesChange
Performs an update on the merchandise line items. It resolves when the new
line items have been negotiated and results in an update to the value
retrieved through the
[`lines`](/docs/api/checkout-ui-extensions/apis/standardapi#properties-propertydetail-lines)
property.

> Note: This method will return an error if the buyer is using an accelerated checkout method, such as Apple Pay, Google Pay, or Meta Pay.
### applyDiscountCodeChange
Performs an update on the discount codes.
It resolves when the new discount codes have been negotiated and results in an update
to the value retrieved through the [`discountCodes`](/docs/api/checkout-ui-extensions/apis/standardapi#properties-propertydetail-discountcodes) property.

> Caution:
> See [security considerations](/docs/api/checkout-ui-extensions/configuration#network-access) if your extension retrieves discount codes through a network call.

> Note: This method will return an error if the buyer is using an accelerated checkout method, such as Apple Pay, Google Pay, or Meta Pay.
### applyGiftCardChange
Performs an update on the gift cards.
It resolves when gift card change have been negotiated and results in an update
to the value retrieved through the [`appliedGiftCards`](/docs/api/checkout-ui-extensions/apis/standardapi#properties-propertydetail-appliedgiftcards) property.

> Caution:
> See [security considerations](/docs/api/checkout-ui-extensions/configuration#network-access) if your extension retrieves gift card codes through a network call.

> Note: This method will return an error if the buyer is using an accelerated checkout method, such as Apple Pay, Google Pay, or Meta Pay.
### applyMetafieldChange
Performs an update on a piece of metadata attached to the checkout. If
successful, this mutation results in an update to the value retrieved
through the [`metafields`](/docs/api/checkout-ui-extensions/apis/standardapi#properties-propertydetail-metafields) property.
### applyNoteChange
Performs an update on the note attached to the cart and checkout. If
successful, this mutation results in an update to the value retrieved
through the [`note`](/docs/api/checkout-ui-extensions/apis/standardapi#properties-propertydetail-note) property.

> Note: This method will return an error if the buyer is using an accelerated checkout method, such as Apple Pay, Google Pay, or Meta Pay.
### experimentalIsShopAppStyle

### applyShippingAddressChange
Performs an update of the shipping address. Shipping address changes will
completely overwrite the existing shipping address added by the user without
any prompts. If successful, this mutation results in an update to the value
retrieved through the `shippingAddress` property.

{% include /apps/checkout/privacy-icon.md %} Requires access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### AttributeUpdateChange
Updates an attribute on the order. If an attribute with the
provided key does not already exist, it gets created.
### type
The type of the `AttributeUpdateChange` API.
### key
Key of the attribute to add or update
### value
Value for the attribute to add or update
### Attribute

### key
The key for the attribute.
### value
The value for the attribute.
### AttributeChangeResult

AttributeChangeResultSuccess | AttributeChangeResultError
### AttributeChangeResultSuccess
The returned result of a successful update to an attribute.
### type
The type of the `AttributeChangeResultSuccess` API.
### AttributeChangeResultError
The returned result of an unsuccessful update to an attribute
with a message detailing the type of error that occurred.
### type
The type of the `AttributeChangeResultError` API.
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
### CartLineChange

CartLineAddChange | CartLineRemoveChange | CartLineUpdateChange
### CartLineAddChange

### type
An identifier for changes that add line items.
### merchandiseId
The merchandise ID being added.
### quantity
The quantity of the merchandise being added.
### attributes
The attributes associated with the line item.
### sellingPlanId
The identifier of the selling plan that the merchandise is being purchased
with.
### CartLine

### id
These line item IDs are not stable at the moment, they might change after
any operations on the line items. You should always look up for an updated
ID before any call to `applyCartLinesChange` because you'll need the ID to
create a `CartLineChange` object.
### merchandise
The merchandise being purchased.
### quantity
The quantity of the merchandise being purchased.
### cost
The details about the cost components attributed to the cart line.
### attributes
The line item additional custom attributes.
### discountAllocations
Discounts applied to the cart line.
### lineComponents
Sub lines of the merchandise line. If no sub lines are present, this will be an empty array.
### Merchandise

### type

### id
A globally-unique identifier.
### title
The product variant’s title.
### subtitle
The product variant's subtitle.
### image
Image associated with the product variant. This field falls back to the product
image if no image is available.
### selectedOptions
List of product options applied to the variant.
### product
The product object that the product variant belongs to.
### requiresShipping
Whether or not the product requires shipping.
### sellingPlan
The selling plan associated with the merchandise.
### ImageDetails

### url
The image URL.
### altText
The alternative text for the image.
### SelectedOption

### name
The name of the merchandise option.
### value
The value of the merchandise option.
### Product

### id
A globally-unique identifier.
### vendor
The product’s vendor name.
### productType
A categorization that a product can be tagged with, commonly used for filtering and searching.
### SellingPlan

### id
A globally-unique identifier.
### CartLineCost

### totalAmount
The total amount after reductions the buyer can expect to pay that is directly attributable to a single
cart line.
### Money

### amount
The price amount.
### currencyCode
The ISO 4217 format for the currency.
### CurrencyCode

'AED' | 'AFN' | 'ALL' | 'AMD' | 'ANG' | 'AOA' | 'ARS' | 'AUD' | 'AWG' | 'AZN' | 'BAM' | 'BBD' | 'BDT' | 'BGN' | 'BHD' | 'BIF' | 'BMD' | 'BND' | 'BOB' | 'BOV' | 'BRL' | 'BSD' | 'BTN' | 'BWP' | 'BYN' | 'BZD' | 'CAD' | 'CDF' | 'CHE' | 'CHF' | 'CHW' | 'CLF' | 'CLP' | 'CNY' | 'COP' | 'COU' | 'CRC' | 'CUC' | 'CUP' | 'CVE' | 'CZK' | 'DJF' | 'DKK' | 'DOP' | 'DZD' | 'EGP' | 'ERN' | 'ETB' | 'EUR' | 'FJD' | 'FKP' | 'GBP' | 'GEL' | 'GHS' | 'GIP' | 'GMD' | 'GNF' | 'GTQ' | 'GYD' | 'HKD' | 'HNL' | 'HRK' | 'HTG' | 'HUF' | 'IDR' | 'ILS' | 'INR' | 'IQD' | 'IRR' | 'ISK' | 'JMD' | 'JOD' | 'JPY' | 'KES' | 'KGS' | 'KHR' | 'KMF' | 'KPW' | 'KRW' | 'KWD' | 'KYD' | 'KZT' | 'LAK' | 'LBP' | 'LKR' | 'LRD' | 'LSL' | 'LYD' | 'MAD' | 'MDL' | 'MGA' | 'MKD' | 'MMK' | 'MNT' | 'MOP' | 'MRU' | 'MUR' | 'MVR' | 'MWK' | 'MXN' | 'MXV' | 'MYR' | 'MZN' | 'NAD' | 'NGN' | 'NIO' | 'NOK' | 'NPR' | 'NZD' | 'OMR' | 'PAB' | 'PEN' | 'PGK' | 'PHP' | 'PKR' | 'PLN' | 'PYG' | 'QAR' | 'RON' | 'RSD' | 'RUB' | 'RWF' | 'SAR' | 'SBD' | 'SCR' | 'SDG' | 'SEK' | 'SGD' | 'SHP' | 'SLL' | 'SOS' | 'SRD' | 'SSP' | 'STN' | 'SVC' | 'SYP' | 'SZL' | 'THB' | 'TJS' | 'TMT' | 'TND' | 'TOP' | 'TRY' | 'TTD' | 'TWD' | 'TZS' | 'UAH' | 'UGX' | 'USD' | 'USN' | 'UYI' | 'UYU' | 'UYW' | 'UZS' | 'VES' | 'VND' | 'VUV' | 'WST' | 'XAF' | 'XAG' | 'XAU' | 'XBA' | 'XBB' | 'XBC' | 'XBD' | 'XCD' | 'XDR' | 'XOF' | 'XPD' | 'XPF' | 'XPT' | 'XSU' | 'XTS' | 'XUA' | 'XXX' | 'YER' | 'ZAR' | 'ZMW' | 'ZWL'
### CartDiscountAllocation

CartCodeDiscountAllocation | CartAutomaticDiscountAllocation | CartCustomDiscountAllocation
### CartCodeDiscountAllocation

### code
The code for the discount
### type
The type of the code discount
### discountedAmount
The money amount that has been discounted from the order
### CartAutomaticDiscountAllocation

### title
The title of the automatic discount
### type
The type of the automatic discount
### discountedAmount
The money amount that has been discounted from the order
### CartCustomDiscountAllocation

### title
The title of the custom discount
### type
The type of the custom discount
### discountedAmount
The money amount that has been discounted from the order
### CartBundleLineComponent

### type

### id
A unique identifier for the bundle line component.

This ID is not stable. If an operation updates the line items in any way, all IDs could change.
### merchandise
The merchandise of this bundle line component.
### quantity
The quantity of merchandise being purchased.
### cost
The cost attributed to this bundle line component.
### attributes
Additional custom attributes for the bundle line component.
### CartLineRemoveChange

### type
An identifier for changes that remove line items.
### id
Line Item ID.
### quantity
The quantity being removed for this line item.
### CartLineUpdateChange

### type
An identifier for changes that update line items.
### id
Line Item ID.
### merchandiseId
The new merchandise ID for the line item.
### quantity
The new quantity for the line item.
### attributes
The new attributes for the line item.
### sellingPlanId
The identifier of the selling plan that the merchandise is being purchased
with or `null` to remove the the product from the selling plan.
### CartLineChangeResult

CartLineChangeResultSuccess | CartLineChangeResultError
### CartLineChangeResultSuccess

### type
Indicates that the line item was changed successfully.
### CartLineChangeResultError

### type
Indicates that the line item was not changed successfully. Refer to the `message` property for details about the error.
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
### DiscountCodeChange

DiscountCodeAddChange | DiscountCodeRemoveChange
### DiscountCodeAddChange

### type
The type of the `DiscountCodeChange` API.
### code
The code for the discount
### DiscountCodeRemoveChange

### type
The type of the `DiscountCodeChange` API.
### code
The code for the discount
### DiscountCodeChangeResult

DiscountCodeChangeResultSuccess | DiscountCodeChangeResultError
### DiscountCodeChangeResultSuccess

### type
Indicates that the discount code change was applied successfully.
### DiscountCodeChangeResultError

### type
Indicates that the discount code change failed.
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
### GiftCardChange

GiftCardAddChange | GiftCardRemoveChange
### GiftCardAddChange

### type
The type of the `GiftCardChange` API.
### code
Gift card code.
### GiftCardRemoveChange

### type
The type of the `GiftCardChange` API.
### code
Gift card code.
### GiftCardChangeResult

GiftCardChangeResultSuccess | GiftCardChangeResultError
### GiftCardChangeResultSuccess

### type
Indicates that the gift card change was applied successfully.
### GiftCardChangeResultError

### type
Indicates that the gift card change failed.
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
### MetafieldChange

MetafieldRemoveChange | MetafieldUpdateChange | MetafieldRemoveCartChange | MetafieldUpdateCartChange
### MetafieldRemoveChange
Removes a metafield.
### type
The type of the `MetafieldRemoveChange` API.
### key
The name of the metafield to remove.
### namespace
The namespace of the metafield to remove.
### Metafield
Metadata associated with the checkout.
### key
The name of the metafield. It must be between 3 and 30 characters in
length (inclusive).
### namespace
A container for a set of metafields. You need to define a custom
namespace for your metafields to distinguish them from the metafields
used by other apps. This must be between 2 and 20 characters in length (inclusive).
### value
The information to be stored as metadata.
### valueType
The metafield’s information type.
### MetafieldUpdateChange
Updates a metafield. If a metafield with the
provided key and namespace does not already exist, it gets created.
### type
The type of the `MetafieldUpdateChange` API.
### key
The name of the metafield to update.
### namespace
The namespace of the metafield to add.
### value
The new information to store in the metafield.
### valueType
The metafield’s information type.
### MetafieldRemoveCartChange
Removes a cart metafield.
### type
The type of the `MetafieldRemoveChange` API.
### key
The name of the metafield to remove.
### namespace
The namespace of the metafield to remove.
### CartMetafield
Represents a custom metadata attached to a resource.
### key
The key name of a metafield.
### namespace
The namespace for a metafield.
### value
The value of a metafield.
### type
The metafield's type name.
### MetafieldUpdateCartChange
Updates a cart metafield. If a metafield with the
provided key and namespace does not already exist, it gets created.
### type
The type of the `MetafieldUpdateChange` API.
### metafield

### MetafieldChangeResult

MetafieldChangeResultSuccess | MetafieldChangeResultError
### MetafieldChangeResultSuccess

### type
The type of the `MetafieldChangeResultSuccess` API.
### MetafieldChangeResultError

### type
The type of the `MetafieldChangeResultError` API.
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
### NoteChange

NoteRemoveChange | NoteUpdateChange
### NoteRemoveChange
Removes a note
### type
The type of the `NoteRemoveChange` API.
### NoteUpdateChange
An Update to a note on the order.
for example, the buyer could request detailed packaging instructions in an order note
### type
The type of the `NoteUpdateChange` API.
### note
The new value of the note.
### NoteChangeResult

NoteChangeResultSuccess | NoteChangeResultError
### NoteChangeResultSuccess

### type
The type of the `NoteChangeResultSuccess` API.
### NoteChangeResultError

### type
The type of the `NoteChangeResultError` API.
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
### ShippingAddressUpdateChange

### type
The type of the `ShippingAddressUpdateChange` API.
### address
Fields to update in the shipping address. You only need to provide
values for the fields you want to update — any fields you do not list
will keep their current values.
### MailingAddress

### name
The buyer's full name.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### firstName
The buyer's first name.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### lastName
The buyer's last name.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### company
The buyer's company name.

{% include /apps/checkout/privacy-icon.md %} Requires level 1 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### address1
The first line of the buyer's address, including street name and number.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### address2
The second line of the buyer's address, like apartment number, suite, etc.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### city
The buyer's city.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### zip
The buyer's postal or ZIP code.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### countryCode
The ISO 3166 Alpha-2 format for the buyer's country. Refer to https://www.iso.org/iso-3166-country-codes.html.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### provinceCode
The buyer's province code, such as state, province, prefecture, or region.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### phone
The buyer's phone number.

{% include /apps/checkout/privacy-icon.md %} Requires level 2 access to [protected customer data](/docs/apps/store/data-protection/protected-customer-data).
### CountryCode

'AC' | 'AD' | 'AE' | 'AF' | 'AG' | 'AI' | 'AL' | 'AM' | 'AN' | 'AO' | 'AR' | 'AT' | 'AU' | 'AW' | 'AX' | 'AZ' | 'BA' | 'BB' | 'BD' | 'BE' | 'BF' | 'BG' | 'BH' | 'BI' | 'BJ' | 'BL' | 'BM' | 'BN' | 'BO' | 'BQ' | 'BR' | 'BS' | 'BT' | 'BV' | 'BW' | 'BY' | 'BZ' | 'CA' | 'CC' | 'CD' | 'CF' | 'CG' | 'CH' | 'CI' | 'CK' | 'CL' | 'CM' | 'CN' | 'CO' | 'CR' | 'CU' | 'CV' | 'CW' | 'CX' | 'CY' | 'CZ' | 'DE' | 'DJ' | 'DK' | 'DM' | 'DO' | 'DZ' | 'EC' | 'EE' | 'EG' | 'EH' | 'ER' | 'ES' | 'ET' | 'FI' | 'FJ' | 'FK' | 'FO' | 'FR' | 'GA' | 'GB' | 'GD' | 'GE' | 'GF' | 'GG' | 'GH' | 'GI' | 'GL' | 'GM' | 'GN' | 'GP' | 'GQ' | 'GR' | 'GS' | 'GT' | 'GW' | 'GY' | 'HK' | 'HM' | 'HN' | 'HR' | 'HT' | 'HU' | 'ID' | 'IE' | 'IL' | 'IM' | 'IN' | 'IO' | 'IQ' | 'IR' | 'IS' | 'IT' | 'JE' | 'JM' | 'JO' | 'JP' | 'KE' | 'KG' | 'KH' | 'KI' | 'KM' | 'KN' | 'KP' | 'KR' | 'KW' | 'KY' | 'KZ' | 'LA' | 'LB' | 'LC' | 'LI' | 'LK' | 'LR' | 'LS' | 'LT' | 'LU' | 'LV' | 'LY' | 'MA' | 'MC' | 'MD' | 'ME' | 'MF' | 'MG' | 'MK' | 'ML' | 'MM' | 'MN' | 'MO' | 'MQ' | 'MR' | 'MS' | 'MT' | 'MU' | 'MV' | 'MW' | 'MX' | 'MY' | 'MZ' | 'NA' | 'NC' | 'NE' | 'NF' | 'NG' | 'NI' | 'NL' | 'NO' | 'NP' | 'NR' | 'NU' | 'NZ' | 'OM' | 'PA' | 'PE' | 'PF' | 'PG' | 'PH' | 'PK' | 'PL' | 'PM' | 'PN' | 'PS' | 'PT' | 'PY' | 'QA' | 'RE' | 'RO' | 'RS' | 'RU' | 'RW' | 'SA' | 'SB' | 'SC' | 'SD' | 'SE' | 'SG' | 'SH' | 'SI' | 'SJ' | 'SK' | 'SL' | 'SM' | 'SN' | 'SO' | 'SR' | 'SS' | 'ST' | 'SV' | 'SX' | 'SY' | 'SZ' | 'TA' | 'TC' | 'TD' | 'TF' | 'TG' | 'TH' | 'TJ' | 'TK' | 'TL' | 'TM' | 'TN' | 'TO' | 'TR' | 'TT' | 'TV' | 'TW' | 'TZ' | 'UA' | 'UG' | 'UM' | 'US' | 'UY' | 'UZ' | 'VA' | 'VC' | 'VE' | 'VG' | 'VN' | 'VU' | 'WF' | 'WS' | 'XK' | 'YE' | 'YT' | 'ZA' | 'ZM' | 'ZW' | 'ZZ'
### ShippingAddressChangeResult

ShippingAddressChangeResultSuccess | ShippingAddressChangeResultError
### ShippingAddressChangeResultSuccess
The returned result of a successful update to the shipping address.
### type
The type of the `ShippingAddressChangeResultSuccess` API.
### errors

### ShippingAddressChangeResultError
The returned result of an update to the shipping address
with a messages detailing the type of errors that occurred.
### type
The type of the `ShippingAddressChangeResultError` API.
### errors
The errors corresponding to particular fields from a given change
### ShippingAddressChangeFieldError
An error corresponding to a particular field from a given change
### field
field key from MailingAddress where the error occurred
### message
A message that explains the error. This message is useful for debugging.
It is **not** localized, and therefore should not be presented directly
to the buyer.
## Related
- [StandardApi](/docs/api/checkout-ui-extensions/apis/standardapi)
- [OrderStatusApi](/docs/api/checkout-ui-extensions/apis/orderstatusapi)
- [CartLineItemApi](/docs/api/checkout-ui-extensions/apis/cartlineitemapi)
- [PickupPointListApi](/docs/api/checkout-ui-extensions/apis/pickuppointlistapi)
- [PickupLocationListApi](/docs/api/checkout-ui-extensions/apis/pickuplocationlistapi)
- [ShippingOptionItemApi](/docs/api/checkout-ui-extensions/apis/shippingoptionitemapi)
- [ExtensionTargets](/docs/api/checkout-ui-extensions/apis/extensiontargets)