@shopify/ui-extensions 2025.10.0-rc.41 → 2025.10.0-rc.42
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.
- package/build/ts/surfaces/admin/api/customer-segment-template/customer-segment-template.d.ts +30 -0
- package/build/ts/surfaces/admin/api/customer-segment-template/customer-segment-template.d.ts.map +1 -1
- package/build/ts/surfaces/admin/api.d.ts +1 -1
- package/build/ts/surfaces/admin/api.d.ts.map +1 -1
- package/build/ts/surfaces/admin/components/Table/Table.doc.d.ts.map +1 -1
- package/build/ts/surfaces/admin/components/patterns/accountConnection.ab.doc.d.ts +4 -0
- package/build/ts/surfaces/admin/components/patterns/accountConnection.ab.doc.d.ts.map +1 -0
- package/build/ts/surfaces/admin/components/patterns/indexTable.ab.doc.d.ts.map +1 -1
- package/build/ts/surfaces/admin/extension-targets.d.ts +5 -3
- package/build/ts/surfaces/admin/extension-targets.d.ts.map +1 -1
- package/build/ts/surfaces/admin/targets/admin.customers.segmentation-templates.data.d.ts +6 -0
- package/build/ts/surfaces/checkout/api/checkout/checkout.d.ts +2 -2
- package/build/ts/surfaces/checkout/components/Form/Form.doc.d.ts.map +1 -1
- package/build/ts/surfaces/checkout/components/Form.d.ts +3 -0
- package/build/ts/surfaces/customer-account/components/Avatar/Avatar.doc.d.ts.map +1 -1
- package/build/ts/surfaces/customer-account/components/Avatar.d.ts +2 -2
- package/build/ts/surfaces/customer-account/components/ButtonGroup/ButtonGroup.doc.d.ts.map +1 -1
- package/build/ts/surfaces/customer-account/components/ButtonGroup.d.ts +2 -2
- package/build/ts/surfaces/customer-account/components/CustomerAccountAction/CustomerAccountAction.doc.d.ts.map +1 -1
- package/build/ts/surfaces/customer-account/components/CustomerAccountAction.d.ts +3 -3
- package/build/ts/surfaces/customer-account/components/Form.d.ts +3 -0
- package/build/ts/surfaces/customer-account/components/ImageGroup/ImageGroup.doc.d.ts.map +1 -1
- package/build/ts/surfaces/customer-account/components/Menu/Menu.doc.d.ts.map +1 -1
- package/build/ts/surfaces/customer-account/components/Page/Page.doc.d.ts.map +1 -1
- package/build/ts/surfaces/customer-account/components/Page.d.ts +3 -3
- package/build/ts/surfaces/customer-account/components/Section/Section.doc.d.ts.map +1 -1
- package/build/ts/surfaces/point-of-sale/api/navigation-api/navigation-api.d.ts +2 -9
- package/build/ts/surfaces/point-of-sale/api/navigation-api/navigation-api.d.ts.map +1 -1
- package/build/ts/surfaces/point-of-sale/components/Badge/Badge.doc.d.ts.map +1 -1
- package/build/ts/surfaces/point-of-sale/components/DatePicker/DatePicker.doc.d.ts.map +1 -1
- package/build/ts/surfaces/point-of-sale/components/DateSpinner/DateSpinner.doc.d.ts.map +1 -1
- package/build/ts/surfaces/point-of-sale/components/Modal.d.ts +1 -2
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/surfaces/admin/api/customer-segment-template/customer-segment-template.ts +31 -0
- package/src/surfaces/admin/api.ts +4 -1
- package/src/surfaces/admin/components/patterns/examples/accountConnection.html +16 -0
- package/src/surfaces/admin/components.d.ts +366 -451
- package/src/surfaces/admin/extension-targets.ts +6 -5
- package/src/surfaces/checkout/api/checkout/checkout.ts +2 -2
- package/src/surfaces/checkout/components/Form/examples/basic-form.example.html +3 -3
- package/src/surfaces/checkout/components/Form.d.ts +3 -0
- package/src/surfaces/checkout/components/Image/examples/basic-image.example.html +1 -1
- package/src/surfaces/checkout/components/Map/examples/basic-map.example.html +3 -3
- package/src/surfaces/checkout/components/ProductThumbnail/examples/basic-product-thumbnail.example.html +1 -4
- package/src/surfaces/checkout/components/Progress/examples/basic-progress.example.html +1 -1
- package/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.html +1 -1
- package/src/surfaces/checkout/components/TextArea/examples/basic-text-area.example.html +1 -5
- package/src/surfaces/customer-account/components/Avatar/examples/basic-Avatar.example.html +4 -0
- package/src/surfaces/customer-account/components/Avatar.d.ts +2 -2
- package/src/surfaces/customer-account/components/ButtonGroup/examples/basic-ButtonGroup.example.html +11 -0
- package/src/surfaces/customer-account/components/ButtonGroup.d.ts +2 -2
- package/src/surfaces/customer-account/components/CustomerAccountAction/examples/basic-CustomerAccountAction.example.html +15 -0
- package/src/surfaces/customer-account/components/CustomerAccountAction.d.ts +3 -3
- package/src/surfaces/customer-account/components/ImageGroup/examples/basic-ImageGroup.example.html +18 -0
- package/src/surfaces/customer-account/components/Menu/examples/basic-Menu.example.html +14 -0
- package/src/surfaces/customer-account/components/Page/examples/basic-Page.example.html +19 -0
- package/src/surfaces/customer-account/components/Page.d.ts +3 -3
- package/src/surfaces/customer-account/components/Section/examples/basic-Section.example.html +12 -0
- package/src/surfaces/customer-account/components/Section.d.ts +2 -2
- package/src/surfaces/point-of-sale/api/navigation-api/navigation-api.ts +2 -10
- package/src/surfaces/point-of-sale/components/Badge/examples/default.html +5 -5
- package/src/surfaces/point-of-sale/components/Modal.d.ts +1 -2
- package/src/surfaces/point-of-sale/components.d.ts +48 -50
- package/build/ts/surfaces/admin/targets/admin.customers.segmentation-templates.render.d.ts +0 -57
- package/src/surfaces/customer-account/components/Avatar/examples/basic-Avatar-preact.example.tsx +0 -10
- package/src/surfaces/customer-account/components/ButtonGroup/examples/basic-ButtonGroup-preact.example.tsx +0 -22
- package/src/surfaces/customer-account/components/CustomerAccountAction/examples/basic-CustomerAccountAction-preact.example.tsx +0 -17
- package/src/surfaces/customer-account/components/ImageGroup/examples/basic-ImageGroup-preact.example.tsx +0 -17
- package/src/surfaces/customer-account/components/Menu/examples/basic-Menu-preact.example.tsx +0 -24
- package/src/surfaces/customer-account/components/Page/examples/basic-Page-preact.example.tsx +0 -37
- package/src/surfaces/customer-account/components/Section/examples/basic-Section-preact.example.tsx +0 -23
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import '@shopify/ui-extensions/preact';
|
|
2
|
-
import {render} from 'preact';
|
|
3
|
-
|
|
4
|
-
export default async () => {
|
|
5
|
-
render(<Extension />, document.body);
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
function Extension() {
|
|
9
|
-
return (
|
|
10
|
-
<s-button-group accessibilityLabel="Order actions">
|
|
11
|
-
<s-button slot="primary-action" variant="primary">
|
|
12
|
-
Pay now
|
|
13
|
-
</s-button>
|
|
14
|
-
<s-button slot="secondary-actions" variant="secondary">
|
|
15
|
-
Edit order
|
|
16
|
-
</s-button>
|
|
17
|
-
<s-button slot="secondary-actions" variant="secondary">
|
|
18
|
-
Cancel order
|
|
19
|
-
</s-button>
|
|
20
|
-
</s-button-group>
|
|
21
|
-
);
|
|
22
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import '@shopify/ui-extensions/preact';
|
|
2
|
-
import {render} from 'preact';
|
|
3
|
-
|
|
4
|
-
export default async () => {
|
|
5
|
-
render(<Extension />, document.body);
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
function Extension() {
|
|
9
|
-
return (
|
|
10
|
-
<s-customer-account-action heading="Edit order">
|
|
11
|
-
Extension content
|
|
12
|
-
<s-button slot="primary-action" onClick={() => shopify.close()}>
|
|
13
|
-
Close
|
|
14
|
-
</s-button>
|
|
15
|
-
</s-customer-account-action>
|
|
16
|
-
);
|
|
17
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import '@shopify/ui-extensions/preact';
|
|
2
|
-
import {render} from 'preact';
|
|
3
|
-
|
|
4
|
-
export default async () => {
|
|
5
|
-
render(<Extension />, document.body);
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
function Extension() {
|
|
9
|
-
return (
|
|
10
|
-
<s-image-group>
|
|
11
|
-
<s-image src="../assets/flower.jpg" />
|
|
12
|
-
<s-image src="../assets/flower.jpg" />
|
|
13
|
-
<s-image src="../assets/flower.jpg" />
|
|
14
|
-
<s-image src="../assets/flower.jpg" />
|
|
15
|
-
</s-image-group>
|
|
16
|
-
);
|
|
17
|
-
}
|
package/src/surfaces/customer-account/components/Menu/examples/basic-Menu-preact.example.tsx
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import '@shopify/ui-extensions/preact';
|
|
2
|
-
import {render} from 'preact';
|
|
3
|
-
|
|
4
|
-
export default async () => {
|
|
5
|
-
render(<Extension />, document.body);
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
function Extension() {
|
|
9
|
-
return (
|
|
10
|
-
<>
|
|
11
|
-
<s-button commandFor="order-actions-menu">Manage</s-button>
|
|
12
|
-
<s-menu
|
|
13
|
-
id="order-actions-menu"
|
|
14
|
-
accessibilityLabel="List of order actions"
|
|
15
|
-
>
|
|
16
|
-
<s-button onClick={() => console.log('Submit problem')}>
|
|
17
|
-
Submit problem
|
|
18
|
-
</s-button>
|
|
19
|
-
<s-button href="https://shopify.com">Request return</s-button>
|
|
20
|
-
<s-button tone="critical">Cancel order</s-button>
|
|
21
|
-
</s-menu>
|
|
22
|
-
</>
|
|
23
|
-
);
|
|
24
|
-
}
|
package/src/surfaces/customer-account/components/Page/examples/basic-Page-preact.example.tsx
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import '@shopify/ui-extensions/preact';
|
|
2
|
-
import {render} from 'preact';
|
|
3
|
-
|
|
4
|
-
export default async () => {
|
|
5
|
-
render(<Extension />, document.body);
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
function Extension() {
|
|
9
|
-
return (
|
|
10
|
-
<s-page heading="Order #1411" subheading="Confirmed Oct 5">
|
|
11
|
-
<s-button
|
|
12
|
-
slot="primary-action"
|
|
13
|
-
onClick={() => console.log('Primary action')}
|
|
14
|
-
>
|
|
15
|
-
Buy again
|
|
16
|
-
</s-button>
|
|
17
|
-
<s-button
|
|
18
|
-
slot="secondary-actions"
|
|
19
|
-
onClick={() => console.log('Secondary action 1')}
|
|
20
|
-
>
|
|
21
|
-
Secondary action 1
|
|
22
|
-
</s-button>
|
|
23
|
-
<s-button
|
|
24
|
-
slot="secondary-actions"
|
|
25
|
-
onClick={() => console.log('Secondary action 2')}
|
|
26
|
-
>
|
|
27
|
-
Secondary action 2
|
|
28
|
-
</s-button>
|
|
29
|
-
<s-button
|
|
30
|
-
slot="breadcrumb-actions"
|
|
31
|
-
accessibilitylabel="Button"
|
|
32
|
-
href="shopify://customer-account/orders"
|
|
33
|
-
/>
|
|
34
|
-
Content
|
|
35
|
-
</s-page>
|
|
36
|
-
);
|
|
37
|
-
}
|
package/src/surfaces/customer-account/components/Section/examples/basic-Section-preact.example.tsx
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import '@shopify/ui-extensions/preact';
|
|
2
|
-
import {render} from 'preact';
|
|
3
|
-
|
|
4
|
-
export default async () => {
|
|
5
|
-
render(<Extension />, document.body);
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
function Extension() {
|
|
9
|
-
return (
|
|
10
|
-
<s-section heading="Rewards">
|
|
11
|
-
<s-button slot="primary-action" variant="primary">
|
|
12
|
-
Redeem
|
|
13
|
-
</s-button>
|
|
14
|
-
<s-button slot="secondary-action" variant="secondary">
|
|
15
|
-
My rewards
|
|
16
|
-
</s-button>
|
|
17
|
-
<s-paragraph>
|
|
18
|
-
Earn 10 points for every $1 spent. Redeem 100 points for $10 off your
|
|
19
|
-
next purchase.
|
|
20
|
-
</s-paragraph>
|
|
21
|
-
</s-section>
|
|
22
|
-
);
|
|
23
|
-
}
|