@juo/blocks 1.8.1 → 1.9.0

package/dist/core.js

@@ -513,6 +513,34 @@ function createLoginService(init) {
   return service;
 }
 const LoginServiceContext = createContext("services/login");
+function createMockOrdersAdapter() {
+  return {
+    async getOrders() {
+      return {
+        items: [],
+        pageInfo: {
+          hasNextPage: false,
+          hasPrevPage: false,
+          startCursor: null,
+          endCursor: null
+        }
+      };
+    }
+  };
+}
+function createOrdersService(adapter) {
+  return {
+    async getOrders(params) {
+      try {
+        const data = await adapter.getOrders(params);
+        return { _tag: "Success", data };
+      } catch (error) {
+        return { _tag: "Failure", error };
+      }
+    }
+  };
+}
+const OrdersServiceContext = createContext("services/orders");
 function createMockProductAdapter() {
   const products = [
     {
@@ -1378,6 +1406,7 @@ export {
   D as DEFAULT_GLOBAL_STYLES,
   DISCOUNT_REJECTION_REASONS,
   LoginServiceContext,
+  OrdersServiceContext,
   ProductServiceContext,
   RouterServiceContext,
   S as SelectedBlockContext,
@@ -1396,10 +1425,12 @@ export {
   i as createCeRenderer,
   createContext,
   createCustomerService,
+  createMockOrdersAdapter,
   createMockProductAdapter,
   createMockRouterService,
   createMockSubscriptionAdapter,
   createMockWorkflowApiAdapter,
+  createOrdersService,
   createProductService,
   createRouterService,
   j as createSelectedBlock,

package/dist/editor/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/editor/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAmgB9C,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,uBAAuB,CAA0C;IACzE,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,OAAO,CAA4B;IAE3C,MAAM,KAAK,kBAAkB,aAE5B;;IASD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IA8GrB,OAAO,CAAC,eAAe;IAsCvB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,uBAAuB;IAO/B,iBAAiB;IAuCjB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAuBnC,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAO,CAAC,gBAAgB,CAUtB;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEF,oBAAoB;IAUpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,SAAS;IAWjB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAQ7B,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAmD1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,YAAY,CAAC;KAC1C;CACF"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/editor/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAygB9C,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,uBAAuB,CAA0C;IACzE,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,OAAO,CAA4B;IAE3C,MAAM,KAAK,kBAAkB,aAE5B;;IASD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IA8GrB,OAAO,CAAC,eAAe;IAsCvB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,uBAAuB;IAO/B,iBAAiB;IAuCjB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAuBnC,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAO,CAAC,gBAAgB,CAUtB;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEF,oBAAoB;IAUpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,SAAS;IAWjB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAQ7B,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAmD1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,YAAY,CAAC;KAC1C;CACF"}

package/dist/editor.js

@@ -717,7 +717,7 @@ const styles = `
   :host(.active:hover) .block-wrapper__add-btn:hover .block-wrapper__add-btn-surface,
   :host(.active) .block-wrapper__add-btn--menu-open .block-wrapper__add-btn-surface {
     width: 60px;
-    border-radius: 32px;
+    border-radius: 2px;
     padding: 0 6px;
   }
 
@@ -769,8 +769,14 @@ const styles = `
 </style>
 `;
 const blockIconSvg = `
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.36328 6.5459C4.96626 6.5459 5.4541 7.03374 5.4541 7.63672V10.9092C5.45405 11.5121 4.96623 12 4.36328 12H1.09082C0.96088 12 0.834934 11.9772 0.717773 11.9346C0.626296 11.9016 0.540642 11.8561 0.461914 11.8008C0.182984 11.6037 3.23667e-05 11.2776 0 10.9092V7.63672C0 7.03377 0.487878 6.54595 1.09082 6.5459H4.36328ZM10.9092 6.5459C11.5122 6.5459 12 7.03374 12 7.63672V10.9092C11.9999 11.5121 11.5121 12 10.9092 12H7.63672C7.50675 12 7.38086 11.9772 7.26367 11.9346C7.17215 11.9016 7.08658 11.8561 7.00781 11.8008C6.72883 11.6037 6.54593 11.2777 6.5459 10.9092V7.63672C6.5459 7.03374 7.03374 6.5459 7.63672 6.5459H10.9092ZM1.09082 7.63672V10.9092H4.36328V7.63672H1.09082ZM7.63672 10.9092H10.9092V7.63672H7.63672V10.9092ZM4.36328 0C4.96623 0 5.45405 0.487878 5.4541 1.09082V4.36328C5.4541 4.96626 4.96626 5.4541 4.36328 5.4541H1.09082C0.96088 5.45409 0.834934 5.43225 0.717773 5.38965C0.626233 5.35663 0.54069 5.31024 0.461914 5.25488C0.183079 5.05776 0 4.73167 0 4.36328V1.09082C4.77994e-05 0.487908 0.487908 4.79046e-05 1.09082 0H4.36328ZM10.9092 0C11.5121 0 12 0.487878 12 1.09082V4.36328C12 4.96626 11.5122 5.4541 10.9092 5.4541H7.63672C7.50675 5.4541 7.38086 5.43226 7.26367 5.38965C7.17208 5.35663 7.08662 5.31026 7.00781 5.25488C6.72893 5.05777 6.5459 4.73171 6.5459 4.36328V1.09082C6.54595 0.487878 7.03377 0 7.63672 0H10.9092ZM1.09082 4.36328H4.36328V1.09082H1.09082V4.36328ZM7.63672 4.36328H10.9092V1.09082H7.63672V4.36328Z" fill="currentColor"/>
+<svg width="14" height="12" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 9.34521H1V10.3452C1 11.4497 1.89453 12.3452 3 12.3452H4V11.3452H3C2.44727 11.3452 2 10.8979 2 10.3452V9.34521Z" fill="currentColor"/>
+<path d="M2 3.34521H1V2.34521C1 1.24072 1.89453 0.345215 3 0.345215H4V1.34521H3C2.44727 1.34521 2 1.79248 2 2.34521V3.34521Z" fill="currentColor"/>
+<path d="M10 1.34521V0.345215H11C12.1055 0.345215 13 1.24072 13 2.34521V3.34521H12V2.34521C12 2.24072 11.9844 2.14014 11.9551 2.04541C11.9023 1.87842 11.8066 1.72998 11.6816 1.61377C11.5039 1.44775 11.2637 1.34521 11 1.34521H10Z" fill="currentColor"/>
+<path d="M12 9.34521H13V10.3452C13 11.4497 12.1055 12.3452 11 12.3452H10V11.3452H11C11.5527 11.3452 12 10.8979 12 10.3452V9.34521Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.34521C0 4.79248 0.447266 4.34521 1 4.34521H13C13.5527 4.34521 14 4.79248 14 5.34521V7.34521C14 7.89795 13.5527 8.34521 13 8.34521H1C0.880859 8.34521 0.765625 8.32471 0.658203 8.28564C0.574219 8.25537 0.496094 8.21338 0.423828 8.1626C0.167969 7.98193 0 7.68311 0 7.34521V5.34521ZM1 5.34521H13V7.34521H1V5.34521Z" fill="currentColor"/>
+<path d="M5.5 0.345215H8.5V1.34521H5.5V0.345215Z" fill="currentColor"/>
+<path d="M8.5 11.3452H5.5V12.3452H8.5V11.3452Z" fill="currentColor"/>
 </svg>
 
 `;
@@ -1167,7 +1173,7 @@ async function serializeBlock(block) {
     locales
   };
 }
-const EDITOR_BODY_TOP_PADDING_PX = 32;
+const EDITOR_BODY_TOP_PADDING_PX = 48;
 async function setupEditorMode(deps) {
   const { routerService, themeState } = deps;
   const padStyle = document.createElement("style");

package/dist/services/index.d.ts

@@ -1,5 +1,6 @@
 export * from './customer';
 export * from './login';
+export * from './orders';
 export * from './product';
 export * from './router';
 export * from './subscription';

package/dist/services/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/services/orders/adapter.d.ts

@@ -0,0 +1,7 @@
+import { OrdersAdapter } from './types';
+/**
+ * Returns an empty `OrdersAdapter` shape. Hosts override the methods to seed real fixtures.
+ * Used as a starting point by storybook helpers (`createMockOrdersService`) and theme preview.
+ */
+export declare function createMockOrdersAdapter(): OrdersAdapter;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/services/orders/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../src/services/orders/adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,aAAa,CAcvD"}

package/dist/services/orders/index.d.ts

@@ -0,0 +1,4 @@
+export type { GetOrdersParams, Order, OrderLine, OrdersAdapter, OrdersService, } from './types';
+export { createMockOrdersAdapter } from './adapter';
+export { createOrdersService, OrdersServiceContext, } from './ordersService';
+//# sourceMappingURL=index.d.ts.map

package/dist/services/orders/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/orders/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,KAAK,EACL,SAAS,EACT,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC"}

package/dist/services/orders/ordersService.d.ts

@@ -0,0 +1,6 @@
+import { OrdersAdapter, OrdersService } from './types';
+export declare function createOrdersService(adapter: OrdersAdapter): OrdersService;
+export declare const OrdersServiceContext: {
+    __context__: OrdersService;
+};
+//# sourceMappingURL=ordersService.d.ts.map

package/dist/services/orders/ordersService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ordersService.d.ts","sourceRoot":"","sources":["../../../src/services/orders/ordersService.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAWzE;AAED,eAAO,MAAM,oBAAoB;;CACgB,CAAC"}

package/dist/services/orders/ordersService.test.d.ts

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

package/dist/services/orders/ordersService.test.d.ts.map

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

package/dist/services/orders/types.d.ts

@@ -0,0 +1,52 @@
+import { Image, PaginatedList, Result } from '../../utils';
+export interface OrderLine {
+    id: string;
+    title: string;
+    quantity: number;
+    variantImage: Image | null;
+}
+export interface Order {
+    /** Numeric Shopify order id (the trailing segment of the order GID). The block prepends `#` for display. */
+    id: string;
+    createdAt: string;
+    placedAt: string | null;
+    currencyCode: string;
+    totalPrice: number | null;
+    /** Raw Shopify financial-status token (e.g. `PAID`, `PARTIALLY_REFUNDED`); the block humanizes it for display. `null` = unknown. */
+    financialStatus: string | null;
+    /** Raw Shopify fulfillment-status token (e.g. `FULFILLED`, `PARTIALLY_FULFILLED`); the block humanizes it for display. `null` = unknown. */
+    fulfillmentStatus: string | null;
+    lines: OrderLine[];
+}
+export interface GetOrdersParams {
+    limit?: number;
+    after?: string;
+    before?: string;
+    /**
+     * DEPRECATED: previously used for free-text / per-subscriptionId server-side
+     * search. The backend proxy implementation ignores this parameter; accepted
+     * for SDK backward compatibility only. Use `includeOneTime` to control
+     * which order types are returned.
+     *
+     * @deprecated
+     */
+    query?: string;
+    /**
+     * When `false` (default), only subscription-driven orders are returned.
+     * When `true`, one-time orders are included alongside subscription orders.
+     */
+    includeOneTime?: boolean;
+    /**
+     * Sort order. When set to `"placedAt"`, orders are sorted by placement
+     * date (newest first). When omitted, the endpoint's default sort is used.
+     */
+    sort?: "placedAt";
+}
+/** Adapter consumed by `createOrdersService`. Hosts (customer portal, theme, storybook) implement this. */
+export interface OrdersAdapter {
+    getOrders(params?: GetOrdersParams): Promise<PaginatedList<Order>>;
+}
+export interface OrdersService {
+    getOrders(params?: GetOrdersParams): Promise<Result<PaginatedList<Order>>>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/services/orders/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/services/orders/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,KAAK;IACpB,4GAA4G;IAC5G,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,oIAAoI;IACpI,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,4IAA4I;IAC5I,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,2GAA2G;AAC3G,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CACP,MAAM,CAAC,EAAE,eAAe,GACvB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;CAC1C"}

package/dist/vue/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/vue/context.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,EACL,WAAW,EAGX,cAAc,EACf,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,eAAO,MAAM,eAAe,wHAyB1B,CAAC;AAEH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAE7E;AAED,wBAAgB,UAAU,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAW/C;AAED,wBAAgB,YAAY,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAWjD;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,IAAI,CAC5C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACzB,IAAI,CAeR;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,cAAc,EACjD,OAAO,EAAE,CAAC,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOtB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,EACxD,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GACnB,IAAI,CAON;AAED,KAAK,IAAI,CAAC,CAAC,IACT,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,CAAC,GACrB,GAAG,CAAC,CAAC,CAAC,GACN,CAAC,SAAS,QAAQ,GAChB,CAAC,GACD,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GACxB;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC3B,GAAG;IAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GACZ,CAAC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/vue/context.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,EACL,WAAW,EAGX,cAAc,EACf,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,eAAO,MAAM,eAAe,wHAyB1B,CAAC;AAEH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAE7E;AA+BD,wBAAgB,UAAU,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAI/C;AAED,wBAAgB,YAAY,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAIjD;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,IAAI,CAC5C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACzB,IAAI,CAeR;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,cAAc,EACjD,OAAO,EAAE,CAAC,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOtB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,EACxD,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GACnB,IAAI,CAON;AAED,KAAK,IAAI,CAAC,CAAC,IACT,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,CAAC,GACrB,GAAG,CAAC,CAAC,CAAC,GACN,CAAC,SAAS,QAAQ,GAChB,CAAC,GACD,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GACxB;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC3B,GAAG;IAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GACZ,CAAC,CAAC"}

package/dist/vue/context.test.d.ts

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

package/dist/vue/context.test.d.ts.map

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

package/dist/vue.js

@@ -67,27 +67,28 @@ const ContextProvider = defineComponent((_, { slots }) => {
 function useProvideContextProvider(root) {
   provide(key, root);
 }
+function findBlockAttr(el, attr) {
+  var _a;
+  if (!el) {
+    return null;
+  }
+  const direct = el.closest(`[${attr}]`);
+  if (direct) {
+    return direct.getAttribute(attr);
+  }
+  const rootNode = el.getRootNode();
+  if (rootNode instanceof ShadowRoot && rootNode.host instanceof HTMLElement) {
+    return ((_a = rootNode.host.closest(`[${attr}]`)) == null ? void 0 : _a.getAttribute(attr)) ?? null;
+  }
+  return null;
+}
 function useBlockId() {
   const root = inject(key);
-  return computed(() => {
-    var _a;
-    if (!((_a = root == null ? void 0 : root.value) == null ? void 0 : _a.parentElement)) {
-      return null;
-    }
-    const parent = root.value.parentElement;
-    return parent.getAttribute("data-block-id");
-  });
+  return computed(() => findBlockAttr((root == null ? void 0 : root.value) ?? null, "data-block-id"));
 }
 function useBlockType() {
   const root = inject(key);
-  return computed(() => {
-    var _a;
-    if (!((_a = root == null ? void 0 : root.value) == null ? void 0 : _a.parentElement)) {
-      return null;
-    }
-    const parent = root.value.parentElement;
-    return parent.getAttribute("data-block-type");
-  });
+  return computed(() => findBlockAttr((root == null ? void 0 : root.value) ?? null, "data-block-type"));
 }
 function useRegisterTranslationKeys() {
   const blockId = useBlockId();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/blocks",
   "private": false,
-  "version": "1.8.1",
+  "version": "1.9.0",
   "type": "module",
   "files": [
     "dist"