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

package/index.d.ts

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

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

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get editContent () {
-        return editContent;
+    get getBrandTemplateMetadata () {
+        return getBrandTemplateMetadata;
     },
-    get getDesignMetadata () {
-        return getDesignMetadata;
+    get initAppElement () {
+        return initAppElement;
     },
-    get getDesignTemplateMetadata () {
-        return getDesignTemplateMetadata;
+    get requestAutofillDesign () {
+        return requestAutofillDesign;
     },
-    get openDesign () {
-        return openDesign;
+    get requestBrandTemplates () {
+        return requestBrandTemplates;
     }
 });
 const _version = require("./version");
@@ -37,11 +37,8 @@ function _export_star(from, to) {
     });
     return from;
 }
-const { canva_sdk } = window;
-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');
+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');

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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "createBetaFakeDesignClients", {
     }
 });
 const _synthetic_delay = require('../../utils/synthetic_delay');
+const _fake_autofill_client = require("./fake_autofill_client");
 const _fake_design_interaction_client = require("./fake_design_interaction_client");
 const _fake_drag_and_drop_client = require("./fake_drag_and_drop_client");
 const _fake_export_client = require("./fake_export_client");
@@ -17,7 +18,8 @@ function createBetaFakeDesignClients() {
     const v2 = {
         designInteraction: new FakeBetaDesignInteractionClient(syntheticDelay),
         dragAndDrop: new _fake_drag_and_drop_client.FakeDragAndDropClient(syntheticDelay),
-        export: new _fake_export_client.FakeExportClient(syntheticDelay)
+        export: new _fake_export_client.FakeExportClient(syntheticDelay),
+        autofill: new _fake_autofill_client.FakeAutofillClient(syntheticDelay)
     };
     return {
         design: {

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

@@ -0,0 +1,21 @@
+"use strict"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FakeAutofillClient", {
+    enumerable: true,
+    get: function() {
+        return FakeAutofillClient;
+    }
+});
+class FakeAutofillClient {
+    async requestAutofillDesign(opts) {
+        await this.delay();
+        return {
+            status: 'success'
+        };
+    }
+    constructor(delay){
+        this.delay = delay;
+    }
+}

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

@@ -26,6 +26,28 @@ class FakeDesignInteractionClient {
             token: 'token'
         };
     }
+    async requestBrandTemplates() {
+        await this.delay();
+        return {
+            status: 'completed',
+            brandTemplates: [
+                {
+                    token: 'token'
+                }
+            ]
+        };
+    }
+    async getBrandTemplateMetadata(id) {
+        await this.delay();
+        return {
+            domain: 'brand',
+            keywords: [
+                'word1',
+                'word2'
+            ],
+            dataset: undefined
+        };
+    }
     async getDesignMetadata() {
         await this.delay();
         return {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./beta"), exports);
+_export_star(require("./alpha"), 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/public.js

@@ -70,7 +70,6 @@ _export(exports, {
         return ui;
     }
 });
-const { canva_sdk } = window;
 const selection = canva_sdk.design.v2.designInteraction.selection;
 const overlay = canva_sdk.design.v2.designInteraction.overlay;
 const addPage = canva_sdk.design.v2.designInteraction.addPage;

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

@@ -0,0 +1,18 @@
+"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/cjs/sdk/design/test/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./beta"), exports);
+_export_star(require("./alpha"), 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

@@ -19,6 +19,6 @@ _export(exports, {
         return LATEST_VERSION_BETA;
     }
 });
-const LATEST_VERSION = '2.7.5';
+const LATEST_VERSION = '2.8.0';
 const LATEST_VERSION_BETA = '2.7.6-beta.2';
-const LATEST_VERSION_ALPHA = 'NONE';
+const LATEST_VERSION_ALPHA = '2.8.1-alpha.0';

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

@@ -0,0 +1,7 @@
+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/fake/create_beta.js

@@ -1,4 +1,5 @@
 import { createSyntheticDelay } from '../../utils/synthetic_delay';
+import { FakeAutofillClient } from './fake_autofill_client';
 import { FakeDesignInteractionClient, fakeOpenDesignHelpers, fakePage } from './fake_design_interaction_client';
 import { FakeDragAndDropClient } from './fake_drag_and_drop_client';
 import { FakeExportClient } from './fake_export_client';
@@ -7,7 +8,8 @@ export function createBetaFakeDesignClients() {
     const v2 = {
         designInteraction: new FakeBetaDesignInteractionClient(syntheticDelay),
         dragAndDrop: new FakeDragAndDropClient(syntheticDelay),
-        export: new FakeExportClient(syntheticDelay)
+        export: new FakeExportClient(syntheticDelay),
+        autofill: new FakeAutofillClient(syntheticDelay)
     };
     return {
         design: {

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

@@ -0,0 +1,11 @@
+export class FakeAutofillClient {
+    async requestAutofillDesign(opts) {
+        await this.delay();
+        return {
+            status: 'success'
+        };
+    }
+    constructor(delay){
+        this.delay = delay;
+    }
+}

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

@@ -5,6 +5,28 @@ export class FakeDesignInteractionClient {
             token: 'token'
         };
     }
+    async requestBrandTemplates() {
+        await this.delay();
+        return {
+            status: 'completed',
+            brandTemplates: [
+                {
+                    token: 'token'
+                }
+            ]
+        };
+    }
+    async getBrandTemplateMetadata(id) {
+        await this.delay();
+        return {
+            domain: 'brand',
+            keywords: [
+                'word1',
+                'word2'
+            ],
+            dataset: undefined
+        };
+    }
     async getDesignMetadata() {
         await this.delay();
         return {

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

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

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

@@ -1,4 +1,3 @@
-const { canva_sdk } = window;
 export const selection = canva_sdk.design.v2.designInteraction.selection;
 export const overlay = canva_sdk.design.v2.designInteraction.overlay;
 export const addPage = canva_sdk.design.v2.designInteraction.addPage;

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

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

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

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

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

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

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@canva/design",
-  "version": "2.7.6-beta.2",
+  "version": "2.8.1-alpha.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/beta.js",
-  "module": "./lib/esm/sdk/design/beta.js",
+  "main": "./lib/cjs/sdk/design/alpha.js",
+  "module": "./lib/esm/sdk/design/alpha.js",
   "exports": {
     ".": {
-      "types": "./beta.d.ts",
-      "require": "./lib/cjs/sdk/design/beta.js",
-      "import": "./lib/esm/sdk/design/beta.js"
+      "types": "./alpha.d.ts",
+      "require": "./lib/cjs/sdk/design/alpha.js",
+      "import": "./lib/esm/sdk/design/alpha.js"
     },
     "./test": {
-      "types": "./test/beta.d.ts",
-      "require": "./lib/cjs/sdk/design/test/beta.js",
-      "import": "./lib/esm/sdk/design/test/beta.js"
+      "types": "./test/alpha.d.ts",
+      "require": "./lib/cjs/sdk/design/test/alpha.js",
+      "import": "./lib/esm/sdk/design/test/alpha.js"
     }
   },
-  "typings": "./beta.d.ts"
+  "typings": "./alpha.d.ts"
 }

package/test/index.d.ts

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

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

@@ -1,10 +0,0 @@
-import { LATEST_VERSION_BETA } from './version';
-const { canva_sdk } = window;
-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');