@canva/design 2.8.1-alpha.0 → 2.8.1-beta.0

package/CHANGELOG.md

@@ -1,8 +1,31 @@
 # CHANGELOG
 
-## 2.8.1-alpha.0 - 2026-04-01
+## 2.8.1-beta.0 - 2026-05-11
+
+### Changed
+
+- Introduced a new property to DesignMetadata that lists all the dataset fields in the current document. These are fields that were tagged for bulk create or brand templates mapping, and are only available in FIXED designs. The list will come empty if no fields are available.
+
+### Added
+
+- Introduce `trim` and `imageBox` optional properties on `VideoElement` to beta, enabling apps to control video playback timing (start/end points in seconds) and crop the visible portion of a video.
+
+## 2.7.6-beta.2 - 2026-02-01
 
 ### Added
 
-- Initial npm release of the `@canva/design` Early Preview package.
+- Beta version of `getDesignMetadata` has been evolved to include `page type` and `page title` for supported page types.
+
+## 2.7.6-beta.1 - 2026-01-18
+
+### Added
+
+- Beta versions of `addElementAtPoint`, `initAppElement`, and `addPage` now support `trim` and `imageBox` on video elements.
+- New API `publish.launch` to launch the content publisher
+- New API `bulkCreate.launch` to open the Bulk Create experience with the Data Connector intent open.
+- Added a CHANGELOG.md to track changes.
+- New API `getDesignTemplateMetadata` in beta to return template metadata for a design that has used a template.
+
+## 2.7.6-beta.0 - 2025-11-12
 
+- Initial changelog for the Preview Design SDK.

package/{alpha.d.ts → beta.d.ts}

@@ -2,7 +2,7 @@
  * @beta
  * Information about a page within a design with fixed or unbounded dimensions.
  */
-declare type AbsolutePageMetadata = {
+export declare type AbsolutePageMetadata = {
     /**
      * The type of page.
      */
@@ -828,17 +828,6 @@ export declare type AppElementClientConfiguration<A extends AppElementData> = {
     render: AppElementRenderer<A>;
 };
 
-/**
- * @alpha
- * Configuration for an App Element
- */
-export declare type AppElementClientConfigurationV2<A extends AppElementData> = {
-    /**
-     * The AppElementRenderer to use when rendering the app element
-     */
-    render: AppElementRendererV2<A>;
-};
-
 /**
  * @public
  * The data associated with an app element.
@@ -874,22 +863,6 @@ export declare type AppElementRenderer<A extends AppElementData> = (appElementDa
  */
 export declare type AppElementRendererOutput = GroupContentAtPoint[];
 
-/**
- * @alpha
- * A return value of {@link AppElementRendererV2} function.
- * It is an array of elements to render within an app element.
- */
-export declare type AppElementRendererOutputV2 = AppElementRendererOutput;
-
-/**
- * @alpha
- * A callback that runs when an app's element is changed.
- *
- * @remarks
- * This callback must return one or more elements to render within the app element.
- */
-export declare type AppElementRendererV2<A extends AppElementData> = (appElementData: A) => AppElementRendererOutputV2;
-
 /**
  * @public
  * A unique identifier that references an app runtime process
@@ -942,61 +915,6 @@ export declare type AudioTrack = {
     ref: AudioRef;
 };
 
-/**
- * @alpha
- * Configuration for the Autofill call to request the Data Connector intent implemented by the app
- * and skipping the data preview modal.
- */
-export declare type AutofillDataConnectorNoPreview = {
-    dataSelectionDisplay: 'hide';
-    dataSourceRef: DataSourceRef;
-};
-
-/**
- * @alpha
- * Configuration for the Autofill call to request the Data Connector intent implemented by the app
- * and displaying the data preview modal.
- */
-export declare type AutofillDataConnectorWithPreview = {
-    dataSelectionDisplay: 'show';
-};
-
-/**
- * @alpha
- * Wrapper for the configurations that will query the app owned Data Connector.
- */
-export declare type AutofillFromDataConnector = {
-    type: 'data_connector';
-    withDataConnector: 'self';
-    limit?: DataTableLimit;
-} & (AutofillDataConnectorWithPreview | AutofillDataConnectorNoPreview);
-
-/**
- * @alpha
- * Configuration for providing a fully populated data table to the Autofill call.
- */
-export declare type AutofillFromDataTable = {
-    type: 'data_table';
-    dataTable: DataTable;
-};
-
-/**
- * @alpha
- * A set of options to configure the Autofill call.
- * @param title - an optional title that will be set to the document after Autofill is done.
- */
-export declare type AutofillOptions = {
-    title?: string;
-} & (AutofillFromDataTable | AutofillFromDataConnector);
-
-/**
- * @alpha
- * Response object from the Autofill operation.
- */
-export declare type AutofillResponse = {
-    status: 'success';
-};
-
 /**
  * @public
  * Cell containing a boolean value.
@@ -1072,23 +990,6 @@ export declare type Bounds = {
  */
 export declare type Box = Point & (WidthAndHeight | Width | Height);
 
-/**
- * @alpha
- * A unique identifier that references a brand template.
- */
-export declare type BrandTemplateId = string & {
-    __brandTemplateId: never;
-};
-
-/**
- * @alpha
- * Metadata for a brand template.
- */
-export declare type BrandTemplateMetadata = Omit<TemplateMetadata, 'domain'> & {
-    domain: 'brand';
-    dataset?: DataField[];
-};
-
 /**
  * @public
  * An alias for the BulkCreateLauncher interface, providing access to bulk create related functionality
@@ -1284,7 +1185,7 @@ export declare interface ContentDraft<T> {
 /**
  * @beta
  */
-declare type ContentType = 'richtext' | 'fill';
+export declare type ContentType = 'richtext' | 'fill';
 
 /**
  * @public
@@ -1408,18 +1309,6 @@ export declare type DataField = {
     type: 'image' | 'text' | 'chart';
 };
 
-/**
- * @alpha
- * A representation of the data source that is given to the Data Connector.
- */
-export declare type DataSourceRef = {
-    /**
-     * This 'source' will be passed on to the Data Connector intent.
-     */
-    source: string;
-    title?: string;
-};
-
 /**
  * @public
  * Structured tabular data for import into Canva.
@@ -3126,7 +3015,7 @@ export declare type DesignElement = ImageElement | VideoElement | EmbedElement |
  * @beta
  * Information about the design.
  */
-declare type DesignMetadata = {
+export declare type DesignMetadata = {
     /**
      * The title of the user's design.
      * @remarks
@@ -3162,40 +3051,6 @@ declare type DesignMetadata = {
     dataset?: DataField[];
 };
 
-/**
- * @public
- * Information about the design.
- */
-declare type DesignMetadata_2 = {
-    /**
-     * The title of the user's design.
-     * @remarks
-     * This is optional and will be `undefined` if the user hasn't set a title.
-     */
-    title?: string;
-    /**
-     * The default dimensions that a new page will have when it is added to a design.
-     * It is possible for a user to resize a page without resizing the entire design, e.g. by clicking
-     * "Expand to Whiteboard". However, there will always be a single set of default dimensions for a
-     * design that is applied whenever a new page is created.
-     * @remarks
-     * This is optional and will be `undefined` if the design is unbounded (e.g. Whiteboard or Doc).
-     */
-    defaultPageDimensions?: PageDimensions;
-    /**
-     * The information associated with each page of the design.
-     * @remarks
-     * The order of pages is not guaranteed.
-     */
-    pageMetadata: Iterable<PageMetadata_2>;
-    /**
-     * The duration of the whole design in seconds.
-     * @remarks
-     * This is the precise value, which differs from what is displayed in the UI as duration in Canva UI is formatted differently.
-     */
-    durationInSeconds: number;
-};
-
 /**
  * @beta
  * A callback for operating on all pages of the design.
@@ -3221,6 +3076,12 @@ export declare type DesignOpenAllPagesOptions = {
  */
 export declare type DesignOpenCallback = (session: DesignEditing.CurrentPageSession) => Promise<void>;
 
+/**
+ * @beta
+ * A callback for operating on the design.
+ */
+declare type DesignOpenCallback_2 = DesignOpenCurrentPageCallback | DesignOpenAllPagesCallback;
+
 /**
  * @beta
  * A callback for operating on the current page of the design.
@@ -3546,31 +3407,44 @@ export declare type DragStartEvent<E extends Element> = Pick<DragEvent, 'dataTra
 };
 
 /**
- * @public
- * Reads and edits content of the specified type from the user's design.
- * @param options - Options for configuring how a design is read.
- * @param callback - A callback for operating on the read content.
- *
- * @example Read richtext content
- * ```typescript
- * import { editContent } from "@canva/design";
- *
- * await editContent(
- *   { contentType: 'richtext', target: 'current_page' },
- *   async (session) => {
- *     // Do something with the richtext content, e.g. `session.contents`
- *   }
- * );
- * ```
+ * @beta
+ * Reads and edits richtext content from the user's design.
+ * @param options - Options for configuring how a design is read. Must specify `contentType: 'richtext'`.
+ * @param callback - A callback that receives a `RichtextContentSession` for editing.
+ * @returns A promise that resolves when editing is complete.
+ */
+export declare function editContent(options: EditContentOptions & {
+    contentType: 'richtext';
+}, callback: (session: RichtextContentSession) => Promise<void> | void): Promise<void>;
+
+/**
+ * @beta
+ * Reads and edits fill content from the user's design.
+ * @param options - Options for configuring how a design is read. Must specify `contentType: 'fill'`.
+ * @param callback - A callback that receives a `FillContentSession` for editing.
+ * @returns A promise that resolves when editing is complete.
+ */
+export declare function editContent(options: EditContentOptions & {
+    contentType: 'fill';
+}, callback: (session: FillContentSession) => Promise<void> | void): Promise<void>;
+
+/**
+ * @beta
+ * Reads and edits content from the user's design.
+ * @param options - Options for configuring how a design is read. Must specify a content type.
+ * @param callback - A callback that receives a session for editing.
+ * @returns A promise that resolves when editing is complete.
  */
-export declare const editContent: (options: EditContentOptions_2, callback: EditContentCallback_2) => Promise<void>;
+export declare function editContent<T extends ContentType>(options: EditContentOptions & {
+    contentType: T;
+}, callback: (session: ContentTypeMap[T]) => Promise<void> | void): Promise<void>;
 
 /**
  * @beta
  * A callback for reading and updating the requested design content.
  * @param session - Session for reading and updating content in the design.
  */
-declare type EditContentCallback = (session: RichtextContentSession | FillContentSession) => Promise<void> | void;
+export declare type EditContentCallback = (session: RichtextContentSession | FillContentSession) => Promise<void> | void;
 
 /**
  * @public
@@ -3583,7 +3457,7 @@ declare type EditContentCallback_2 = (session: RichtextContentSession) => Promis
  * @beta
  * Options for configuring how the design content is read.
  */
-declare type EditContentOptions = {
+export declare type EditContentOptions = {
     /**
      * The type of content to edit from the user's design
      */
@@ -3928,21 +3802,6 @@ export declare type FontRef = string & {
  **/
 export declare type FontWeight = 'normal' | 'thin' | 'extralight' | 'light' | 'medium' | 'semibold' | 'bold' | 'ultrabold' | 'heavy';
 
-/**
- * @alpha
- * Return metadata for a brand template given its ID.
- *
- * @example Get brand template metadata
- * ```typescript
- * import { getBrandTemplateMetadata, BrandTemplateId } from "@canva/design";
- *
- * const templateId = resolveToken(requestBrandTemplates()) as BrandTemplateId;
- *
- * const metadata = await getBrandTemplateMetadata(templateId);
- * ```
- */
-export declare const getBrandTemplateMetadata: (id: BrandTemplateId) => Promise<BrandTemplateMetadata>;
-
 /**
  * Allows to get the context of currently selected page.
  * @public
@@ -4013,19 +3872,25 @@ export declare const getCurrentPageContext: () => Promise<PageContext>;
 export declare const getDefaultPageDimensions: () => Promise<Dimensions | undefined>;
 
 /**
- * @public
+ * @beta
  * Retrieves information about the design.
+ */
+export declare const getDesignMetadata: () => Promise<DesignMetadata>;
+
+/**
+ * @beta
+ * Retrieves information about the template that was used in a design.
  *
- * @example Get design metadata
+ * @example Get design template metadata
  * ```typescript
- * import { getDesignMetadata } from "@canva/design";
+ * import { getDesignTemplateMetadata } from "@canva/design";
  *
- * const metadata = await getDesignMetadata();
+ * const templateMetadata = await getDesignTemplateMetadata();
  *
- * const { title, defaultPageDimensions,  pageMetadata, durationInSeconds } = metadata;
+ * const { keywords, domain } = templateMetadata;
  * ```
  */
-export declare const getDesignMetadata: () => Promise<DesignMetadata_2>;
+export declare const getDesignTemplateMetadata: () => Promise<DesignTemplateMetadata>;
 
 /**
  * @public
@@ -4373,13 +4238,44 @@ declare type ImageUploadOptions = {
 } & AllOrNone<Dimensions_2>;
 
 /**
- * @alpha
+ * @public
  * @param appElementConfig - Configuration for an AppElementClient
+ *
+ * @example Initialize app element client
+ * ```typescript
+ * import { initAppElement } from "@canva/design";
+ *
+ * const appElement = initAppElement<{ content: string }>({
+ *   render: (data) => {
+ *     return [{
+ *       type: 'text',
+ *       children: [data.content],
+ *       top: 100,
+ *       left: 100,
+ *       width: 200
+ *     }];
+ *   }
+ * });
+ * ```
+ *
+ * @example Initialize V2 app element client
+ * ```typescript
+ * import { initAppElement } from "@canva/design";
+ *
+ * const appElement = initAppElement<{ content: string }>({
+ *   render: (data) => {
+ *     return [{
+ *       type: 'text',
+ *       children: [data.content],
+ *       top: 100,
+ *       left: 100,
+ *       width: 200
+ *     }];
+ *   }
+ * });
+ * ```
  */
-export declare const initAppElement: {
-    <A extends AppElementData>(appElementConfig: AppElementClientConfigurationV2<A>): AppElementClient<A>;
-    <A extends AppElementData>(appElementConfig: AppElementClientConfiguration<A>): AppElementClient<A>;
-};
+export declare const initAppElement: <A extends AppElementData>(appElementConfig: AppElementClientConfiguration<A>) => AppElementClient<A>;
 
 /**
  * @public
@@ -4719,14 +4615,16 @@ declare type NumberDataTableCell = {
 declare type ObjectPrimitive = Boolean | String;
 
 /**
- * @public
- *
- * Reads a specified part of the user's design and returns all elements in that part.
- *
+ * @beta
+ * Reads (and optionally updates) a specified part of the user's design.
  * @param options - Options for configuring how the design is read.
  * @param callback - A callback for operating on the design.
  */
-export declare const openDesign: (options: DesignOpenOptions, callback: DesignOpenCallback) => Promise<void>;
+export declare const openDesign: {
+    (options: DesignOpenCurrentPageOptions, callback: DesignOpenCurrentPageCallback): Promise<void>;
+    (options: DesignOpenAllPagesOptions, callback: DesignOpenAllPagesCallback): Promise<void>;
+    (options: DesignOpenOptions_2, callback: DesignOpenCallback_2): Promise<void>;
+};
 
 /**
  * @public
@@ -4823,23 +4721,7 @@ export declare type PageDimensions = {
  * @beta
  * Information about a page within a design.
  */
-declare type PageMetadata = AbsolutePageMetadata | UnsupportedPageMetadata;
-
-/**
- * @public
- * Information about a page.
- */
-declare type PageMetadata_2 = {
-
-    /**
-     *
-     * The dimensions of the page, in pixels.
-     *
-     * @remarks
-     * This may be `undefined` because some types of pages don't have dimensions, such as whiteboards.
-     */
-    dimensions?: PageDimensions;
-};
+export declare type PageMetadata = AbsolutePageMetadata | UnsupportedPageMetadata;
 
 /**
  * @public
@@ -4946,106 +4828,6 @@ export declare type PublishLauncher = {
     launch(opts: LaunchPublishOpts): Promise<void>;
 };
 
-/**
- * @alpha
- * Requests the Autofill flow to start of the given options. The flow can request data from the app
- * owned Data Connector, or use any given data that is passed in the options object.
- *
- * @param opts - The configuration options for this Autofill flow.
- *
- * @example Basic usage - Open data connector preview dialog to request data
- * ```typescript
- * import { requestAutofillDesign } from "@canva/design";
- * import type { AutofillOptions } from "@canva/design";
- *
- * const opts: AutofillOptions = {
- *   title: 'Updated design',
- *   type: 'data_connector',
- *   dataSelectionDisplay: 'show',
- * };
- *
- * const response = await requestAutofillDesign(element);
- * ```
- *
- * @example Basic usage - Request data from the data connector without preview
- * ```typescript
- * import { requestAutofillDesign } from "@canva/design";
- * import type { AutofillOptions } from "@canva/design";
- *
- * const opts: AutofillOptions = {
- *   title: 'Updated design',
- *   type: 'data_connector',
- *   dataSelectionDisplay: 'hide',
- *   dataSourceRef: { source: 'serialized_content' }
- * };
- *
- * const response = await requestAutofillDesign(element);
- * ```
- *
- * @example Basic usage - Use the data given in the options
- * ```typescript
- * import { requestAutofillDesign } from "@canva/design";
- * import type { AutofillOptions } from "@canva/design";
- *
- * const opts: AutofillOptions = {
- *   title: 'Updated design',
- *   type: 'data_table',
- *   dataTable: // Set the data table containing the data entries for each field.
- * };
- *
- * const response = await requestAutofillDesign(element);
- * ```
- */
-export declare const requestAutofillDesign: (opts: AutofillOptions) => Promise<AutofillResponse>;
-
-/**
- * @alpha
- * Trigger brand template selection panel and returns the selected template token.
- *
- * @example Request brand templates
- * ```typescript
- * import { requestBrandTemplates } from "@canva/design";
- *
- * const response = await requestBrandTemplates();
- *
- * if (response.status === 'aborted') return;
- *
- * const { token } = response.brandTemplates[0];
- * ```
- */
-export declare const requestBrandTemplates: () => Promise<RequestBrandTemplatesResponse>;
-
-/**
- * @alpha
- * Response object from the RequestBrandTemplate operation.
- */
-export declare type RequestBrandTemplatesResponse = RequestBrandTemplatesResponseCompleted | RequestBrandTemplatesResponseAborted;
-
-/**
- * @alpha
- * Response object from the RequestBrandTemplate operation that was aborted.
- */
-export declare type RequestBrandTemplatesResponseAborted = {
-    status: 'aborted';
-};
-
-/**
- * @alpha
- * Response object from the RequestBrandTemplate operation completed successfully.
- */
-export declare type RequestBrandTemplatesResponseCompleted = {
-    status: 'completed';
-    brandTemplates: RequestBrandTemplatesResponseContent[];
-};
-
-/**
- * @alpha
- * Response object from the RequestBrandTemplate operation completed successfully.
- */
-export declare type RequestBrandTemplatesResponseContent = {
-    token: string;
-};
-
 /**
  * @public
  * Exports the user's design as one or more static files.
@@ -6084,7 +5866,7 @@ export declare const ui: UI;
  * @beta
  * Pages that do not have fixed or unbounded dimensions currently do not return metadata.
  */
-declare type UnsupportedPageMetadata = {
+export declare type UnsupportedPageMetadata = {
     /**
      * The type of page.
      */
@@ -6158,6 +5940,16 @@ export declare type VideoElement = {
      * Use `undefined` for content with no description.
      */
     altText: AltText | undefined;
+    /**
+     * @beta
+     * Options for configuring the cropping of the video.
+     */
+    imageBox?: VideoImageBox;
+    /**
+     * @beta
+     * Options for configuring the start, and end of the video.
+     */
+    trim?: VideoTrim;
 };
 
 /**
@@ -6188,6 +5980,29 @@ export declare type VideoFill = {
     altText?: AltText;
 };
 
+/**
+ * @beta
+ * Options for configuring the visible portion of a video.
+ */
+export declare type VideoImageBox = {
+    /**
+     * The distance of the image box from the top edge of the video, in pixels.
+     */
+    top: number;
+    /**
+     * The distance of the image box from the left edge of the video, in pixels.
+     */
+    left: number;
+    /**
+     * The width of the image box, in pixels.
+     */
+    width: number;
+    /**
+     * The height of the image box, in pixels.
+     */
+    height: number;
+};
+
 /**
  * @public
  * The MIME type of a video file that's supported by Canva's backend.
@@ -6214,6 +6029,21 @@ declare type VideoRef_2 = string & {
     __videoRef: never;
 };
 
+/**
+ * @beta
+ * Options for configuring the start and end points for video playback.
+ */
+export declare type VideoTrim = {
+    /**
+     * The start point of the video, in seconds relative to the start of the source video.
+     */
+    startInSeconds: number;
+    /**
+     * The end point of the video, in seconds relative to the start of the source video.
+     */
+    endInSeconds: number;
+};
+
 /**
  * @public
  * Options for uploading a video asset to the user's private media library.

package/index.d.ts

@@ -1 +1 @@
-export * from "./alpha";
+export * from "./beta";

package/lib/cjs/sdk/design/{alpha.js → beta.js}

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get getBrandTemplateMetadata () {
-        return getBrandTemplateMetadata;
+    get editContent () {
+        return editContent;
     },
-    get initAppElement () {
-        return initAppElement;
+    get getDesignMetadata () {
+        return getDesignMetadata;
     },
-    get requestAutofillDesign () {
-        return requestAutofillDesign;
+    get getDesignTemplateMetadata () {
+        return getDesignTemplateMetadata;
     },
-    get requestBrandTemplates () {
-        return requestBrandTemplates;
+    get openDesign () {
+        return openDesign;
     }
 });
 const _version = require("./version");
@@ -37,8 +37,10 @@ function _export_star(from, to) {
     });
     return from;
 }
-const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
-const requestAutofillDesign = canva_sdk.design.v2.autofill.requestAutofillDesign;
-const requestBrandTemplates = canva_sdk.design.v2.designInteraction.requestBrandTemplates;
-const getBrandTemplateMetadata = canva_sdk.design.v2.designInteraction.getBrandTemplateMetadata;
-window.__canva__?.sdkRegistration?.registerPackageVersion('design', _version.LATEST_VERSION_ALPHA, 'alpha');
+const getDesignMetadata = canva_sdk.design.v2.designInteraction.getDesignMetadata;
+function editContent(options, callback) {
+    return canva_sdk.design.v2.designInteraction.editContent(options, (session)=>callback(session));
+}
+const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
+const getDesignTemplateMetadata = canva_sdk.design.v2.designInteraction.getDesignTemplateMetadata;
+window.__canva__?.sdkRegistration?.registerPackageVersion('design', _version.LATEST_VERSION_BETA, 'beta');

package/lib/cjs/sdk/design/fake/fake_design_interaction_client.js

@@ -37,6 +37,12 @@ class FakeDesignInteractionClient {
             ]
         };
     }
+    async applyTemplate(options) {
+        await this.delay();
+        return {
+            status: 'completed'
+        };
+    }
     async getBrandTemplateMetadata(id) {
         await this.delay();
         return {
@@ -410,10 +416,18 @@ const fakeAsyncOperations = {
         ];
     }
 };
+const fakeTimingAccessor = {
+    get: ()=>({
+            delayInSeconds: 0,
+            durationInSeconds: 'until_end_of_page'
+        }),
+    set: async ()=>{}
+};
 const fakeOpenDesignHelpers = {
     elementStateBuilder: fakeElementStateBuilder,
     group: fakeAsyncOperations.group,
     ungroup: fakeAsyncOperations.ungroup,
+    timingFor: (_elementRef)=>fakeTimingAccessor,
     snapshot: ()=>{
         return {};
     }

package/lib/cjs/sdk/design/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./alpha"), exports);
+_export_star(require("./beta"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/lib/cjs/sdk/design/test/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./alpha"), exports);
+_export_star(require("./beta"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/lib/cjs/sdk/design/version.js

@@ -20,5 +20,5 @@ _export(exports, {
     }
 });
 const LATEST_VERSION = '2.8.0';
-const LATEST_VERSION_BETA = '2.7.6-beta.2';
-const LATEST_VERSION_ALPHA = '2.8.1-alpha.0';
+const LATEST_VERSION_BETA = '2.8.1-beta.0';
+const LATEST_VERSION_ALPHA = '2.8.1-alpha.1';

package/lib/esm/sdk/design/beta.js

@@ -0,0 +1,9 @@
+import { LATEST_VERSION_BETA } from './version';
+export const getDesignMetadata = canva_sdk.design.v2.designInteraction.getDesignMetadata;
+export function editContent(options, callback) {
+    return canva_sdk.design.v2.designInteraction.editContent(options, (session)=>callback(session));
+}
+export const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
+export const getDesignTemplateMetadata = canva_sdk.design.v2.designInteraction.getDesignTemplateMetadata;
+export * from './public';
+window.__canva__?.sdkRegistration?.registerPackageVersion('design', LATEST_VERSION_BETA, 'beta');

package/lib/esm/sdk/design/fake/fake_design_interaction_client.js

@@ -16,6 +16,12 @@ export class FakeDesignInteractionClient {
             ]
         };
     }
+    async applyTemplate(options) {
+        await this.delay();
+        return {
+            status: 'completed'
+        };
+    }
     async getBrandTemplateMetadata(id) {
         await this.delay();
         return {
@@ -389,10 +395,18 @@ const fakeAsyncOperations = {
         ];
     }
 };
+const fakeTimingAccessor = {
+    get: ()=>({
+            delayInSeconds: 0,
+            durationInSeconds: 'until_end_of_page'
+        }),
+    set: async ()=>{}
+};
 export const fakeOpenDesignHelpers = {
     elementStateBuilder: fakeElementStateBuilder,
     group: fakeAsyncOperations.group,
     ungroup: fakeAsyncOperations.ungroup,
+    timingFor: (_elementRef)=>fakeTimingAccessor,
     snapshot: ()=>{
         return {};
     }

package/lib/esm/sdk/design/index.js

@@ -1 +1 @@
-export * from './alpha';
+export * from './beta';

package/lib/esm/sdk/design/test/index.js

@@ -1 +1 @@
-export * from './alpha';
+export * from './beta';

package/lib/esm/sdk/design/version.js

@@ -1,3 +1,3 @@
 export const LATEST_VERSION = '2.8.0';
-export const LATEST_VERSION_BETA = '2.7.6-beta.2';
-export const LATEST_VERSION_ALPHA = '2.8.1-alpha.0';
+export const LATEST_VERSION_BETA = '2.8.1-beta.0';
+export const LATEST_VERSION_ALPHA = '2.8.1-alpha.1';

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@canva/design",
-  "version": "2.8.1-alpha.0",
+  "version": "2.8.1-beta.0",
   "description": "The Canva Apps SDK design library",
   "author": "Canva Pty Ltd.",
   "license": "SEE LICENSE IN LICENSE.md FILE",
   "peerDependencies": {
     "@canva/error": "^2.0.0"
   },
-  "main": "./lib/cjs/sdk/design/alpha.js",
-  "module": "./lib/esm/sdk/design/alpha.js",
+  "main": "./lib/cjs/sdk/design/beta.js",
+  "module": "./lib/esm/sdk/design/beta.js",
   "exports": {
     ".": {
-      "types": "./alpha.d.ts",
-      "require": "./lib/cjs/sdk/design/alpha.js",
-      "import": "./lib/esm/sdk/design/alpha.js"
+      "types": "./beta.d.ts",
+      "require": "./lib/cjs/sdk/design/beta.js",
+      "import": "./lib/esm/sdk/design/beta.js"
     },
     "./test": {
-      "types": "./test/alpha.d.ts",
-      "require": "./lib/cjs/sdk/design/test/alpha.js",
-      "import": "./lib/esm/sdk/design/test/alpha.js"
+      "types": "./test/beta.d.ts",
+      "require": "./lib/cjs/sdk/design/test/beta.js",
+      "import": "./lib/esm/sdk/design/test/beta.js"
     }
   },
-  "typings": "./alpha.d.ts"
+  "typings": "./beta.d.ts"
 }

package/test/index.d.ts

@@ -1 +1 @@
-export * from "./alpha";
+export * from "./beta";

package/lib/cjs/sdk/design/test/alpha.js

@@ -1,18 +0,0 @@
-"use strict"
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./beta"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/lib/esm/sdk/design/alpha.js

@@ -1,7 +0,0 @@
-import { LATEST_VERSION_ALPHA } from './version';
-export const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
-export const requestAutofillDesign = canva_sdk.design.v2.autofill.requestAutofillDesign;
-export const requestBrandTemplates = canva_sdk.design.v2.designInteraction.requestBrandTemplates;
-export const getBrandTemplateMetadata = canva_sdk.design.v2.designInteraction.getBrandTemplateMetadata;
-export * from './public';
-window.__canva__?.sdkRegistration?.registerPackageVersion('design', LATEST_VERSION_ALPHA, 'alpha');

package/lib/esm/sdk/design/test/alpha.js

@@ -1 +0,0 @@
-export * from './beta';