@shopify/ui-extensions 2.0.0-alpha.2 → 2022.10.1

package/build/ts/surfaces/checkout/style/memoize.d.ts

@@ -0,0 +1,13 @@
+type EqualityFn = (a: any, b: any) => boolean;
+export declare const defaultEqualityCheck: EqualityFn;
+export declare function createCacheKeyComparator(equalityCheck: EqualityFn): (prev: unknown[] | IArguments | null, next: unknown[] | IArguments | null) => boolean;
+export interface DefaultMemoizeOptions {
+    equalityCheck?: EqualityFn;
+    resultEqualityCheck?: EqualityFn;
+    maxSize?: number;
+}
+export declare function memoize<F extends (...args: any[]) => any>(func: F, equalityCheckOrOptions?: EqualityFn | DefaultMemoizeOptions): F & {
+    clearCache: () => void;
+};
+export {};
+//# sourceMappingURL=memoize.d.ts.map

package/build/ts/surfaces/checkout/style/memoize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/memoize.ts"],"names":[],"mappings":"AAMA,KAAK,UAAU,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC;AAwF9C,eAAO,MAAM,oBAAoB,EAAE,UAElC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,UAAU,UAExD,OAAO,EAAE,GAAG,UAAU,GAAG,IAAI,QAC7B,OAAO,EAAE,GAAG,UAAU,GAAG,IAAI,KAClC,OAAO,CAeX;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,wBAAgB,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACvD,IAAI,EAAE,CAAC,EACP,sBAAsB,CAAC,EAAE,UAAU,GAAG,qBAAqB;gBA6CvB,MAAM,IAAI;EAC/C"}

package/build/ts/surfaces/checkout/style/style.d.ts

@@ -0,0 +1,70 @@
+import { Conditions, ConditionalStyle, BaseConditions } from './types';
+type Chainable<TConditionalStyle> = TConditionalStyle extends ConditionalStyle<infer T, infer TAcceptedConditions> ? TConditionalStyle & {
+    when: <U, AcceptedConditions extends BaseConditions = TAcceptedConditions>(this: TConditionalStyle, conditions: AcceptedConditions, value: U) => Chainable<TConditionalStyle extends {
+        default: T;
+    } ? Required<ConditionalStyle<U, AcceptedConditions>> : ConditionalStyle<U, AcceptedConditions>>;
+} : never;
+type WhenContext<T, AcceptedConditions extends BaseConditions = Conditions> = typeof Style | ConditionalStyle<T, AcceptedConditions> | Required<ConditionalStyle<T, AcceptedConditions>>;
+type WhenReturnType<T, TContext extends WhenContext<any, AcceptedConditions>, AcceptedConditions extends BaseConditions = Conditions> = Chainable<TContext extends typeof Style ? ConditionalStyle<T, AcceptedConditions> : TContext extends {
+    default: infer U;
+} ? Required<ConditionalStyle<T | U, AcceptedConditions>> : TContext extends {
+    default?: infer U;
+} ? ConditionalStyle<T | U, AcceptedConditions> : ConditionalStyle<T, AcceptedConditions>>;
+interface WhenFunction {
+    <T, TContext extends WhenContext<any, AcceptedConditions>, AcceptedConditions extends BaseConditions = Conditions>(this: TContext, conditions: AcceptedConditions, value: T): WhenReturnType<T, TContext, AcceptedConditions>;
+}
+/**
+ * Style is a helper for authoring conditional values for prop styles.
+ * Write complex conditional styles based on one or more conditions (viewport
+ * sizes and interactive states) in a concise and expressive way.
+ */
+export declare const Style: {
+    /**
+     * Sets an optional default value to use when no other condition is met.
+     *
+     * @param defaultValue The default value
+     * @returns The chainable condition style
+     */
+    readonly default: (<T, AcceptedConditions extends BaseConditions = Conditions>(defaultValue: T) => Required<ConditionalStyle<T, AcceptedConditions>> & {
+        when: <U, AcceptedConditions_1 extends BaseConditions = AcceptedConditions>(this: Required<ConditionalStyle<T, AcceptedConditions>>, conditions: AcceptedConditions_1, value: U) => Required<ConditionalStyle<U, AcceptedConditions_1>> & {
+            when: <U_1, AcceptedConditions_2 extends BaseConditions = AcceptedConditions_1>(this: Required<ConditionalStyle<U, AcceptedConditions_1>>, conditions: AcceptedConditions_2, value: U_1) => Required<ConditionalStyle<U_1, AcceptedConditions_2>> & {
+                when: <U_2, AcceptedConditions_3 extends BaseConditions = AcceptedConditions_2>(this: Required<ConditionalStyle<U_1, AcceptedConditions_2>>, conditions: AcceptedConditions_3, value: U_2) => Required<ConditionalStyle<U_2, AcceptedConditions_3>> & {
+                    when: <U_3, AcceptedConditions_4 extends BaseConditions = AcceptedConditions_3>(this: Required<ConditionalStyle<U_2, AcceptedConditions_3>>, conditions: AcceptedConditions_4, value: U_3) => Required<ConditionalStyle<U_3, AcceptedConditions_4>> & {
+                        when: <U_4, AcceptedConditions_5 extends BaseConditions = AcceptedConditions_4>(this: Required<ConditionalStyle<U_3, AcceptedConditions_4>>, conditions: AcceptedConditions_5, value: U_4) => Required<ConditionalStyle<U_4, AcceptedConditions_5>> & {
+                            when: <U_5, AcceptedConditions_6 extends BaseConditions = AcceptedConditions_5>(this: Required<ConditionalStyle<U_4, AcceptedConditions_5>>, conditions: AcceptedConditions_6, value: U_5) => Required<ConditionalStyle<U_5, AcceptedConditions_6>> & {
+                                when: <U_6, AcceptedConditions_7 extends BaseConditions = AcceptedConditions_6>(this: Required<ConditionalStyle<U_5, AcceptedConditions_6>>, conditions: AcceptedConditions_7, value: U_6) => Required<ConditionalStyle<U_6, AcceptedConditions_7>> & {
+                                    when: <U_7, AcceptedConditions_8 extends BaseConditions = AcceptedConditions_7>(this: Required<ConditionalStyle<U_6, AcceptedConditions_7>>, conditions: AcceptedConditions_8, value: U_7) => Required<ConditionalStyle<U_7, AcceptedConditions_8>> & {
+                                        when: <U_8, AcceptedConditions_9 extends BaseConditions = AcceptedConditions_8>(this: Required<ConditionalStyle<U_7, AcceptedConditions_8>>, conditions: AcceptedConditions_9, value: U_8) => Required<ConditionalStyle<U_8, AcceptedConditions_9>> & {
+                                            when: <U_9, AcceptedConditions_10 extends BaseConditions = AcceptedConditions_9>(this: Required<ConditionalStyle<U_8, AcceptedConditions_9>>, conditions: AcceptedConditions_10, value: U_9) => Required<ConditionalStyle<U_9, AcceptedConditions_10>> & {
+                                                when: <U_10, AcceptedConditions_11 extends BaseConditions = AcceptedConditions_10>(this: Required<ConditionalStyle<U_9, AcceptedConditions_10>>, conditions: AcceptedConditions_11, value: U_10) => Required<ConditionalStyle<U_10, AcceptedConditions_11>> & any;
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) & {
+        clearCache: () => void;
+    };
+    /**
+     * Adjusts the style based on different conditions. All conditions, expressed
+     * as a literal object, must be met for the associated value to be applied.
+     *
+     * The `when` method can be chained together to build more complex styles.
+     *
+     * @param conditions The condition(s)
+     * @param value The conditional value that can be applied if the conditions are met
+     * @returns The chainable condition style
+     */
+    readonly when: WhenFunction & {
+        clearCache: () => void;
+    };
+};
+export declare function isConditionalStyle<T, AcceptedConditions extends BaseConditions = Conditions>(value?: any): value is ConditionalStyle<T, AcceptedConditions>;
+export declare function isConditionalStyleWithDefault<T, AcceptedConditions extends BaseConditions = Conditions>(value?: any): value is Required<ConditionalStyle<T, AcceptedConditions>>;
+export {};
+//# sourceMappingURL=style.d.ts.map

package/build/ts/surfaces/checkout/style/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/style.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAUrE,KAAK,SAAS,CAAC,iBAAiB,IAAI,iBAAiB,SAAS,gBAAgB,CAC5E,MAAM,CAAC,EACP,MAAM,mBAAmB,CAC1B,GACG,iBAAiB,GAAG;IAClB,IAAI,EAAE,CACJ,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,mBAAmB,EAE/D,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,CAAC,KACL,SAAS,CACZ,iBAAiB,SAAS;QAAC,OAAO,EAAE,CAAC,CAAA;KAAC,GAClC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,GACjD,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAC5C,CAAC;CACH,GACD,KAAK,CAAC;AAEV,KAAK,WAAW,CAAC,CAAC,EAAE,kBAAkB,SAAS,cAAc,GAAG,UAAU,IACtE,OAAO,KAAK,GACZ,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GACvC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAEtD,KAAK,cAAc,CACjB,CAAC,EACD,QAAQ,SAAS,WAAW,CAAC,GAAG,EAAE,kBAAkB,CAAC,EACrD,kBAAkB,SAAS,cAAc,GAAG,UAAU,IACpD,SAAS,CACX,QAAQ,SAAS,OAAO,KAAK,GACzB,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GACvC,QAAQ,SAAS;IAAC,OAAO,EAAE,MAAM,CAAC,CAAA;CAAC,GACnC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,EAAE,kBAAkB,CAAC,CAAC,GACrD,QAAQ,SAAS;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;CAAC,GACpC,gBAAgB,CAAC,CAAC,GAAG,CAAC,EAAE,kBAAkB,CAAC,GAC3C,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAC5C,CAAC;AAEF,UAAU,YAAY;IACpB,CACE,CAAC,EACD,QAAQ,SAAS,WAAW,CAAC,GAAG,EAAE,kBAAkB,CAAC,EACrD,kBAAkB,SAAS,cAAc,GAAG,UAAU,EAEtD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,CAAC,GACP,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;CACpD;AAsBD;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAChB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;IAeH;;;;;;;;;OASG;;;;CAEK,CAAC;AAyBX,wBAAgB,kBAAkB,CAChC,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU,EACtD,KAAK,CAAC,EAAE,GAAG,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAE/D;AAED,wBAAgB,6BAA6B,CAC3C,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU,EACtD,KAAK,CAAC,EAAE,GAAG,GAAG,KAAK,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAMzE"}

package/build/ts/surfaces/checkout/style/style.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=style.test.d.ts.map

package/build/ts/surfaces/checkout/style/style.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.test.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/style.test.ts"],"names":[],"mappings":""}

package/build/ts/surfaces/checkout/style/types.d.ts

@@ -0,0 +1,46 @@
+type Resolution = 1 | 1.3 | 1.5 | 2 | 2.6 | 3 | 3.5 | 4;
+export interface InteractiveConditions {
+    hover: true;
+    focus: true;
+}
+export interface ResolutionCondition {
+    resolution: Resolution;
+}
+type ViewportInlineSize = 'small' | 'medium' | 'large';
+export interface ViewportSizeCondition {
+    viewportInlineSize: {
+        min: ViewportInlineSize;
+    };
+}
+export type AtLeastOne<T, U = {
+    [K in keyof T]: Pick<T, K>;
+}> = Partial<T> & U[keyof U];
+type DefaultConditions = InteractiveConditions & ViewportSizeCondition;
+export type Conditions = AtLeastOne<DefaultConditions>;
+export type BaseConditions = AtLeastOne<DefaultConditions & ResolutionCondition>;
+export interface ConditionalValue<T, AcceptedConditions extends BaseConditions = Conditions> {
+    /**
+     * The conditions that must be met for the value to be applied. At least one
+     * condition must be specified.
+     */
+    conditions: AcceptedConditions;
+    /**
+     * The value that will be applied if the conditions are met.
+     */
+    value: T;
+}
+export interface ConditionalStyle<T, AcceptedConditions extends BaseConditions = Conditions> {
+    /**
+     * The default value applied when none of the conditional values
+     * specified in `conditionals` are met.
+     */
+    default?: T;
+    /**
+     * An array of conditional values.
+     */
+    conditionals: ConditionalValue<T, AcceptedConditions>[];
+}
+export type MaybeConditionalStyle<T, AcceptedConditions extends BaseConditions = Conditions> = T | ConditionalStyle<T, AcceptedConditions>;
+export type MaybeResponsiveConditionalStyle<T> = MaybeConditionalStyle<T, ViewportSizeCondition>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build/ts/surfaces/checkout/style/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/types.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,KAAK,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE;QAAC,GAAG,EAAE,kBAAkB,CAAA;KAAC,CAAC;CAC/C;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG;KAAE,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GACtE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEb,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,UAAU,CACrC,iBAAiB,GAAG,mBAAmB,CACxC,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAC/B,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU;IAEtD;;;OAGG;IACH,UAAU,EAAE,kBAAkB,CAAC;IAC/B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,gBAAgB,CAC/B,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU;IAEtD;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ;;OAEG;IACH,YAAY,EAAE,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC;CACzD;AAED,MAAM,MAAM,qBAAqB,CAC/B,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU,IACpD,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAEhD,MAAM,MAAM,+BAA+B,CAAC,CAAC,IAAI,qBAAqB,CACpE,CAAC,EACD,qBAAqB,CACtB,CAAC"}

package/build/ts/surfaces/checkout/style.d.ts

@@ -0,0 +1,3 @@
+export { Style, isConditionalStyle, isConditionalStyleWithDefault, } from './style/style';
+export type { AtLeastOne, Conditions, ConditionalStyle, ConditionalValue, InteractiveConditions, MaybeConditionalStyle, MaybeResponsiveConditionalStyle, ResolutionCondition, ViewportSizeCondition, } from './style/types';
+//# sourceMappingURL=style.d.ts.map

package/build/ts/surfaces/checkout/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/checkout/style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,+BAA+B,EAC/B,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,eAAe,CAAC"}

package/build/ts/utilities/registration.d.ts

@@ -1,6 +1,5 @@
-import type { RenderExtension, RenderExtensionWithRemoteRoot } from '../extension';
 export interface ExtensionRegistrationFunction<ExtensionPoints> {
-    <Point extends keyof ExtensionPoints>(_extensionPoint: Point, extensionWithRemoteRoot: ExtensionPoints[Point] extends RenderExtension<infer Api, infer AllowedComponents> ? RenderExtensionWithRemoteRoot<Api, AllowedComponents> : ExtensionPoints[Point]): ExtensionPoints[Point];
+    <Target extends keyof ExtensionPoints>(target: Target, implementation: ExtensionPoints[Target]): ExtensionPoints[Target];
 }
 /**
  * This function takes an extension function that is expecting a `RemoteRoot` as its

package/build/ts/utilities/registration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registration.d.ts","sourceRoot":"","sources":["../../../src/utilities/registration.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,6BAA6B,EAC9B,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,6BAA6B,CAAC,eAAe;IAC5D,CAAC,KAAK,SAAS,MAAM,eAAe,EAClC,eAAe,EAAE,KAAK,EACtB,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,SAAS,eAAe,CACrE,MAAM,GAAG,EACT,MAAM,iBAAiB,CACxB,GACG,6BAA6B,CAAC,GAAG,EAAE,iBAAiB,CAAC,GACrD,eAAe,CAAC,KAAK,CAAC,GACzB,eAAe,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CACjD,eAAe,KACZ,6BAA6B,CAAC,eAAe,CAAC,CAgClD"}
+{"version":3,"file":"registration.d.ts","sourceRoot":"","sources":["../../../src/utilities/registration.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,6BAA6B,CAAC,eAAe;IAC5D,CAAC,MAAM,SAAS,MAAM,eAAe,EACnC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,eAAe,CAAC,MAAM,CAAC,GACtC,eAAe,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CACjD,eAAe,KACZ,6BAA6B,CAAC,eAAe,CAAC,CAUlD"}

package/checkout.esnext

@@ -1 +1 @@
-export * from "./build/esnext/surfaces/checkout/index";
+export * from "./build/esnext/surfaces/checkout/index.esnext";

package/checkout.js

@@ -1 +1 @@
-module.exports = require("./build/node/surfaces/checkout/index");
+module.exports = require("./build/cjs/surfaces/checkout/index.js");

package/checkout.mjs

@@ -1 +1 @@
-export * from "./build/esm/surfaces/checkout/index";
+export * from "./build/esm/surfaces/checkout/index.mjs";

package/index.esnext

@@ -1 +1 @@
-export * from "./build/esnext/index";
+export * from "./build/esnext/index.esnext";

package/index.js

@@ -1 +1 @@
-module.exports = require("./build/node/index");
+module.exports = require("./build/cjs/index.js");

package/index.mjs

@@ -1 +1 @@
-export * from "./build/esm/index";
+export * from "./build/esm/index.mjs";

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "@shopify/ui-extensions",
-  "version": "2.0.0-alpha.2",
+  "version": "2022.10.1",
   "main": "index.js",
   "module": "index.mjs",
   "esnext": "index.esnext",
   "types": "./build/ts/index.d.ts",
   "typesVersions": {
     "*": {
-      "admin": [
-        "./build/ts/surfaces/admin/index.d.ts"
-      ],
       "checkout": [
         "./build/ts/surfaces/checkout/index.d.ts"
       ]
@@ -17,16 +14,13 @@
   },
   "exports": {
     ".": {
+      "types": "./build/ts/index.d.ts",
       "esnext": "./index.esnext",
       "import": "./index.mjs",
       "require": "./index.js"
     },
-    "./admin": {
-      "esnext": "./admin.esnext",
-      "import": "./admin.mjs",
-      "require": "./admin.js"
-    },
     "./checkout": {
+      "types": "./build/ts/checkout/index.d.ts",
       "esnext": "./checkout.esnext",
       "import": "./checkout.mjs",
       "require": "./checkout.js"
@@ -35,11 +29,23 @@
   "license": "MIT",
   "sideEffects": false,
   "dependencies": {
-    "@remote-ui/core": "^2.1.16"
+    "@remote-ui/async-subscription": "^2.1.12",
+    "@remote-ui/core": "2.1.x"
   },
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "4fbb5899024fa788361f88b300a9efe36bec129d"
+  "files": [
+    "build",
+    "src",
+    "index.*",
+    "checkout.*",
+    "README.md"
+  ],
+  "eslintConfig": {
+    "rules": {
+      "@shopify/strict-component-boundaries": "off"
+    }
+  }
 }

package/src/api.ts

@@ -1,8 +1,3 @@
-export interface ExtensionInstance {
-  readonly id: string;
-}
-
 export interface StandardApi {
-  readonly extension: ExtensionInstance;
   readonly extensionPoint: string;
 }

package/src/extension.ts

@@ -1,42 +1,16 @@
-import type {
-  RemoteRoot,
-  RemoteChannel,
-  RemoteComponentType,
-} from '@remote-ui/core';
+import type {RemoteRoot, RemoteComponentType} from '@remote-ui/core';
 
 export interface Extension<Api, Result> {
   (api: Api): Result;
 }
 
-export interface RenderExtensionConnection<
-  AllowedComponents extends RemoteComponentType<
-    string,
-    any
-  > = RemoteComponentType<any, any>
-> {
-  channel: RemoteChannel;
-  components: AllowedComponents[];
-}
-
 export interface RenderExtension<
   Api,
   AllowedComponents extends RemoteComponentType<
     string,
+    any,
     any
-  > = RemoteComponentType<any, any>
-> {
-  (
-    connection: RenderExtensionConnection<AllowedComponents>,
-    api: Api,
-  ): void | Promise<void>;
-}
-
-export interface RenderExtensionWithRemoteRoot<
-  Api,
-  AllowedComponents extends RemoteComponentType<
-    string,
-    any
-  > = RemoteComponentType<any, any>
+  > = RemoteComponentType<any, any, any>,
 > {
   (
     root: RemoteRoot<AllowedComponents, AllowedComponents>,

package/src/index.ts

@@ -1,3 +1,3 @@
 export * from './api';
-export * from './components';
+export * from './extension';
 export * from './extension';

package/src/surfaces/checkout/api/cart-line-details/render-after.ts

@@ -1,7 +1,11 @@
-import type {CartLine} from '../shared';
-import type {StandardApi} from '../standard/standard';
+import type {StatefulRemoteSubscribable} from '@remote-ui/async-subscription';
+
+import type {PresentmentCartLine, StandardApi} from '../standard/standard';
 
 export interface CartLineDetailsRenderAfterApi
   extends StandardApi<'Checkout::CartLineDetails::RenderAfter'> {
-  readonly target: CartLine;
+  /**
+   * The cart line the extension is attached to.
+   */
+  target: StatefulRemoteSubscribable<PresentmentCartLine>;
 }