diff --git a/README.md b/README.md index 9472bfb34..4e18e7956 100644 --- a/README.md +++ b/README.md @@ -4,11 +4,7 @@ This repo contains the packages that make up the UI extensibility framework for ## I just want to _build_ a UI Extension, not learn about them! -If you’re ready to start building, you’ll want to refer to the documentation covering the components and APIs available to you. Where you’ll find that depends on what surface area of Shopify you are building an extension for: - -- Building an extension for the post-purchase page of the Shopify Checkout? You should read the documentation for [`@shopify/post-purchase-ui-extensions`](./packages/post-purchase-ui-extensions) (and [`@shopify/post-purchase-ui-extensions-react`](./packages/post-purchase-ui-extensions-react), if you use React) -- Building an extension for other parts of the Shopify Checkout? You should read the documentation for [`@shopify/checkout-ui-extensions`](./packages/checkout-ui-extensions) (and [`@shopify/checkout-ui-extensions-react`](./packages/checkout-ui-extensions-react), if you use React) -- Building an extension for the Shopify Admin? You should read the documentation for [`@shopify/admin-ui-extensions`](./packages/admin-ui-extensions) (and [`@shopify/admin-ui-extensions-react`](./packages/admin-ui-extensions-react), if you use React) +Get started by adding your new UI extension APIs to the [`@shopify/ui-extensions` package](./packages/ui-extensions/). We also provide [a React library](./packages/ui-extensions-react/) you may need to update as well. If you want to learn a little more about the patterns found throughout these libraries, and the way that they are rendered into the applications they extend, read on! @@ -72,7 +68,7 @@ shopify.extend('Checkout::Dynamic::Render', (root) => { // Or, if you are using our NPM libraries, we offer a bit of sugar over the // global: -import {extend} from '@shopify/checkout-ui-extensions'; +import {extend} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { root.appendChild(root.createText('Hello world!')); diff --git a/packages/ui-extensions-react/documentation/hooks.md b/packages/ui-extensions-react/documentation/hooks.md index d47cf7524..513e15a82 100644 --- a/packages/ui-extensions-react/documentation/hooks.md +++ b/packages/ui-extensions-react/documentation/hooks.md @@ -32,7 +32,7 @@ import { render, Text, useShippingAddress, -} from '@shopify/checkout-ui-extensions-react'; +} from '@shopify/ui-extensions-react/react'; render('Checkout::Dynamic::Render', () => ); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Banner/examples/basic-banner.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Banner/examples/basic-banner.example.ts index 831fdb3d2..f851f2d25 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Banner/examples/basic-banner.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Banner/examples/basic-banner.example.ts @@ -1,4 +1,4 @@ -import {extend, Banner} from '@shopify/checkout-ui-extensions'; +import {extend, Banner} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const banner = root.createComponent(Banner, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/BlockLayout/examples/basic-blockLayout.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/BlockLayout/examples/basic-blockLayout.example.ts index ea16731ce..1a37ebad4 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/BlockLayout/examples/basic-blockLayout.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/BlockLayout/examples/basic-blockLayout.example.ts @@ -1,4 +1,4 @@ -import {extend, BlockLayout, View} from '@shopify/checkout-ui-extensions'; +import {extend, BlockLayout, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const blockLayout = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/BlockSpacer/examples/basic-blockspacer.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/BlockSpacer/examples/basic-blockspacer.example.ts index 043f9544b..9dd8d0f19 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/BlockSpacer/examples/basic-blockspacer.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/BlockSpacer/examples/basic-blockspacer.example.ts @@ -1,4 +1,4 @@ -import {extend, BlockSpacer, View} from '@shopify/checkout-ui-extensions'; +import {extend, BlockSpacer, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const blockSpacer = root.createComponent(View, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/BlockStack/examples/basic-blockstack.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/BlockStack/examples/basic-blockstack.example.ts index 442840825..2bdf20c2e 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/BlockStack/examples/basic-blockstack.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/BlockStack/examples/basic-blockstack.example.ts @@ -1,4 +1,4 @@ -import {extend, BlockStack, View} from '@shopify/checkout-ui-extensions'; +import {extend, BlockStack, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const blockStack = root.createComponent(BlockStack, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Button/examples/basic-button.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Button/examples/basic-button.example.ts index 97c430b38..ba99fe101 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Button/examples/basic-button.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Button/examples/basic-button.example.ts @@ -1,4 +1,4 @@ -import {extend, Button} from '@shopify/checkout-ui-extensions'; +import {extend, Button} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const button = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Checkbox/examples/basic-checkbox.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Checkbox/examples/basic-checkbox.example.ts index 4d9fb17c9..bd68d099a 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Checkbox/examples/basic-checkbox.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Checkbox/examples/basic-checkbox.example.ts @@ -1,4 +1,4 @@ -import {extend, Checkbox} from '@shopify/checkout-ui-extensions'; +import {extend, Checkbox} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const checkbox = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Choice/examples/basic-choice.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Choice/examples/basic-choice.example.ts index 6956e6cb1..3b867bc08 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Choice/examples/basic-choice.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Choice/examples/basic-choice.example.ts @@ -4,7 +4,7 @@ import { Choice, BlockStack, InlineStack, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const choiceList = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/ChoiceList/examples/basic-choicelist.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/ChoiceList/examples/basic-choicelist.example.ts index 6956e6cb1..3b867bc08 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/ChoiceList/examples/basic-choicelist.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/ChoiceList/examples/basic-choicelist.example.ts @@ -4,7 +4,7 @@ import { Choice, BlockStack, InlineStack, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const choiceList = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Divider/examples/basic-divider.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Divider/examples/basic-divider.example.ts index 4f3240f32..317326431 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Divider/examples/basic-divider.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Divider/examples/basic-divider.example.ts @@ -1,4 +1,4 @@ -import {extend, Divider} from '@shopify/checkout-ui-extensions'; +import {extend, Divider} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const divider = root.createComponent(Divider); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Form/examples/basic-form.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Form/examples/basic-form.example.ts index fe9e908ea..226e22bdf 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Form/examples/basic-form.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Form/examples/basic-form.example.ts @@ -7,7 +7,7 @@ import { GridItem, TextField, View, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const fields = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Grid/examples/basic-grid.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Grid/examples/basic-grid.example.ts index 410399928..e0c828431 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Grid/examples/basic-grid.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Grid/examples/basic-grid.example.ts @@ -1,4 +1,4 @@ -import {extend, Grid, View} from '@shopify/checkout-ui-extensions'; +import {extend, Grid, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const grid = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/GridItem/examples/basic-griditem.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/GridItem/examples/basic-griditem.example.ts index 89fd179ea..4a5890752 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/GridItem/examples/basic-griditem.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/GridItem/examples/basic-griditem.example.ts @@ -1,4 +1,4 @@ -import {extend, Grid, GridItem, View} from '@shopify/checkout-ui-extensions'; +import {extend, Grid, GridItem, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const grid = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Heading/examples/basic-heading.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Heading/examples/basic-heading.example.ts index 6845cd7e7..0e534ef8b 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Heading/examples/basic-heading.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Heading/examples/basic-heading.example.ts @@ -1,4 +1,4 @@ -import {extend, Heading} from '@shopify/checkout-ui-extensions'; +import {extend, Heading} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const heading = root.createComponent(Heading, undefined, 'Store name'); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/HeadingGroup/examples/basic-headinggroup.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/HeadingGroup/examples/basic-headinggroup.example.ts index 97992d586..517b69cf9 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/HeadingGroup/examples/basic-headinggroup.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/HeadingGroup/examples/basic-headinggroup.example.ts @@ -3,7 +3,7 @@ import { HeadingGroup, Heading, View, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const headingGroup = root.createComponent(View, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Icon/examples/basic-icon.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Icon/examples/basic-icon.example.ts index 262b96468..43a31a653 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Icon/examples/basic-icon.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Icon/examples/basic-icon.example.ts @@ -1,4 +1,4 @@ -import {extend, Icon} from '@shopify/checkout-ui-extensions'; +import {extend, Icon} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const icon = root.createComponent(Icon, {source: 'discount'}); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Image/examples/basic-image.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Image/examples/basic-image.example.ts index 3d4b65a4e..9e120c646 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Image/examples/basic-image.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Image/examples/basic-image.example.ts @@ -1,4 +1,4 @@ -import {extend, Image} from '@shopify/checkout-ui-extensions'; +import {extend, Image} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const image = root.createComponent(Image, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/InlineLayout/examples/basic-inlineLayout.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/InlineLayout/examples/basic-inlineLayout.example.ts index 232c7b4ea..649db45fc 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/InlineLayout/examples/basic-inlineLayout.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/InlineLayout/examples/basic-inlineLayout.example.ts @@ -1,4 +1,4 @@ -import {extend, InlineLayout, View} from '@shopify/checkout-ui-extensions'; +import {extend, InlineLayout, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const inlineLayout = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/InlineSpacer/examples/basic-inlinespacer.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/InlineSpacer/examples/basic-inlinespacer.example.ts index aa726f510..1291b8f73 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/InlineSpacer/examples/basic-inlinespacer.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/InlineSpacer/examples/basic-inlinespacer.example.ts @@ -3,7 +3,7 @@ import { InlineSpacer, InlineStack, View, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const inlineSpacer = root.createComponent(InlineStack, {spacing: 'none'}, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/InlineStack/examples/basic-inlinestack.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/InlineStack/examples/basic-inlinestack.example.ts index e66f6f594..7efc2a4eb 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/InlineStack/examples/basic-inlinestack.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/InlineStack/examples/basic-inlinestack.example.ts @@ -1,4 +1,4 @@ -import {extend, InlineStack, View} from '@shopify/checkout-ui-extensions'; +import {extend, InlineStack, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const inlineStack = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Link/examples/basic-link.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Link/examples/basic-link.example.ts index 6d5cf27c3..f710c2e96 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Link/examples/basic-link.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Link/examples/basic-link.example.ts @@ -1,4 +1,4 @@ -import {extend, Link} from '@shopify/checkout-ui-extensions'; +import {extend, Link} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const link = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/List/examples/basic-list.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/List/examples/basic-list.example.ts index 65132b04c..26dab9dc1 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/List/examples/basic-list.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/List/examples/basic-list.example.ts @@ -1,4 +1,4 @@ -import {extend, List, ListItem} from '@shopify/checkout-ui-extensions'; +import {extend, List, ListItem} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const list = root.createComponent(List, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/ListItem/examples/basic-listitem.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/ListItem/examples/basic-listitem.example.ts index cf68d31b5..4caf6b116 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/ListItem/examples/basic-listitem.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/ListItem/examples/basic-listitem.example.ts @@ -1,4 +1,4 @@ -import {extend, List, ListItem} from '@shopify/checkout-ui-extensions'; +import {extend, List, ListItem} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const list = root.createComponent(List, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/PhoneField/examples/basic-phonefield.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/PhoneField/examples/basic-phonefield.example.ts index 960577bac..4cdfbf5e7 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/PhoneField/examples/basic-phonefield.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/PhoneField/examples/basic-phonefield.example.ts @@ -1,4 +1,4 @@ -import {extend, PhoneField} from '@shopify/checkout-ui-extensions'; +import {extend, PhoneField} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const phoneField = root.createComponent(PhoneField, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Pressable/examples/basic-pressable.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Pressable/examples/basic-pressable.example.ts index 4ad993f54..2be603143 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Pressable/examples/basic-pressable.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Pressable/examples/basic-pressable.example.ts @@ -4,7 +4,7 @@ import { InlineLayout, Pressable, Text, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const pressable = root.createComponent( diff --git a/packages/ui-extensions/src/surfaces/checkout/components/ScrollView/examples/basic-scrollview.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/ScrollView/examples/basic-scrollview.example.ts index b0ae1f09b..d2ca8d3c7 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/ScrollView/examples/basic-scrollview.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/ScrollView/examples/basic-scrollview.example.ts @@ -1,4 +1,4 @@ -import {extend, ScrollView, View} from '@shopify/checkout-ui-extensions'; +import {extend, ScrollView, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const scrollView = root.createComponent(ScrollView, {maxBlockSize: 400}, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Select/examples/basic-select.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Select/examples/basic-select.example.ts index 73c1ef560..ad2f5e803 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Select/examples/basic-select.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Select/examples/basic-select.example.ts @@ -1,4 +1,4 @@ -import {extend, Select} from '@shopify/checkout-ui-extensions'; +import {extend, Select} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const select = root.createComponent(Select, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/SkeletonImage/examples/basic-skeletonimage.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/SkeletonImage/examples/basic-skeletonimage.example.ts index 4d0b91d40..300748b99 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/SkeletonImage/examples/basic-skeletonimage.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/SkeletonImage/examples/basic-skeletonimage.example.ts @@ -1,4 +1,4 @@ -import {extend, SkeletonImage} from '@shopify/checkout-ui-extensions'; +import {extend, SkeletonImage} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const skeletonImage = root.createComponent(SkeletonImage, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/SkeletonText/examples/basic-skeletontext.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/SkeletonText/examples/basic-skeletontext.example.ts index 6f7b6852a..7bd152e58 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/SkeletonText/examples/basic-skeletontext.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/SkeletonText/examples/basic-skeletontext.example.ts @@ -1,4 +1,4 @@ -import {extend, SkeletonText} from '@shopify/checkout-ui-extensions'; +import {extend, SkeletonText} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const skeletonText = root.createComponent(SkeletonText); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/SkeletonTextBlock/examples/basic-skeletontextblock.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/SkeletonTextBlock/examples/basic-skeletontextblock.example.ts index 8d2066696..77aa7053c 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/SkeletonTextBlock/examples/basic-skeletontextblock.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/SkeletonTextBlock/examples/basic-skeletontextblock.example.ts @@ -1,4 +1,4 @@ -import {extend, SkeletonTextBlock} from '@shopify/checkout-ui-extensions'; +import {extend, SkeletonTextBlock} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const skeletonTextBlock = root.createComponent(SkeletonTextBlock); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.ts index 49dcc1759..186735632 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.ts @@ -1,4 +1,4 @@ -import {extend, Spinner} from '@shopify/checkout-ui-extensions'; +import {extend, Spinner} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const spinner = root.createComponent(Spinner); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Stepper/examples/basic-stepper.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Stepper/examples/basic-stepper.example.ts index bbe17ea87..de6f74e29 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Stepper/examples/basic-stepper.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Stepper/examples/basic-stepper.example.ts @@ -1,4 +1,4 @@ -import {extend, Stepper} from '@shopify/checkout-ui-extensions'; +import {extend, Stepper} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const stepper = root.createComponent(Stepper, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Tag/examples/basic-tag.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Tag/examples/basic-tag.example.ts index f64705215..3910d5a88 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Tag/examples/basic-tag.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Tag/examples/basic-tag.example.ts @@ -1,4 +1,4 @@ -import {extend, Tag} from '@shopify/checkout-ui-extensions'; +import {extend, Tag} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const tag = root.createComponent(Tag, {icon: 'discount'}, 'SPRING'); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Text/examples/basic-text.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Text/examples/basic-text.example.ts index 6c10bb510..d608b47a3 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Text/examples/basic-text.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Text/examples/basic-text.example.ts @@ -1,4 +1,4 @@ -import {extend, Text, BlockStack} from '@shopify/checkout-ui-extensions'; +import {extend, Text, BlockStack} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const text = root.createComponent(BlockStack, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/TextBlock/examples/basic-textblock.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/TextBlock/examples/basic-textblock.example.ts index ef7a22285..c8c7797ab 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/TextBlock/examples/basic-textblock.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/TextBlock/examples/basic-textblock.example.ts @@ -1,4 +1,4 @@ -import {extend, TextBlock, BlockStack} from '@shopify/checkout-ui-extensions'; +import {extend, TextBlock, BlockStack} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const textBlock = root.createComponent(BlockStack, undefined, [ diff --git a/packages/ui-extensions/src/surfaces/checkout/components/TextField/examples/basic-textfield.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/TextField/examples/basic-textfield.example.ts index 8f63c1b1e..452d218f0 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/TextField/examples/basic-textfield.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/TextField/examples/basic-textfield.example.ts @@ -1,4 +1,4 @@ -import {extend, TextField} from '@shopify/checkout-ui-extensions'; +import {extend, TextField} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const textfield = root.createComponent(TextField, { diff --git a/packages/ui-extensions/src/surfaces/checkout/components/Tooltip/examples/basic-tooltip.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/Tooltip/examples/basic-tooltip.example.ts index b830fe8a2..b507cd0b1 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/Tooltip/examples/basic-tooltip.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/Tooltip/examples/basic-tooltip.example.ts @@ -3,7 +3,7 @@ import { Icon, Pressable, Tooltip, -} from '@shopify/checkout-ui-extensions'; +} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const tooltipFragment = root.createFragment(); diff --git a/packages/ui-extensions/src/surfaces/checkout/components/View/examples/basic-view.example.ts b/packages/ui-extensions/src/surfaces/checkout/components/View/examples/basic-view.example.ts index 0223623ed..4aa2405d8 100644 --- a/packages/ui-extensions/src/surfaces/checkout/components/View/examples/basic-view.example.ts +++ b/packages/ui-extensions/src/surfaces/checkout/components/View/examples/basic-view.example.ts @@ -1,4 +1,4 @@ -import {extend, View} from '@shopify/checkout-ui-extensions'; +import {extend, View} from '@shopify/ui-extensions/checkout'; extend('Checkout::Dynamic::Render', (root) => { const view = root.createComponent(