@canva/design 2.7.4 → 2.7.5-beta.1

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get addElementAtPoint () {
+        return addElementAtPoint;
+    },
+    get addPage () {
+        return addPage;
+    },
+    get bulkCreate () {
+        return bulkCreate;
+    },
+    get editContent () {
+        return editContent;
+    },
+    get initAppElement () {
+        return initAppElement;
+    },
+    get openDesign () {
+        return openDesign;
+    },
+    get publish () {
+        return publish;
+    }
+});
+const _version = require("./version");
+_export_star(require("./public"), 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;
+}
+const { canva_sdk } = window;
+const publish = canva_sdk.design.v2.designInteraction.publish;
+const bulkCreate = canva_sdk.design.v2.designInteraction.bulkCreate;
+function editContent(options, callback) {
+    return canva_sdk.design.v2.designInteraction.editContent(options, (session)=>callback(session));
+}
+const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
+const addElementAtPoint = canva_sdk.design.v2.designInteraction.addElementAtPoint;
+const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
+const addPage = canva_sdk.design.v2.designInteraction.addPage;
+window.__canva__?.sdkRegistration?.registerPackageVersion('design', _version.LATEST_VERSION, 'beta');

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createBetaFakeDesignClients", {
+    enumerable: true,
+    get: function() {
+        return createBetaFakeDesignClients;
+    }
+});
+const _synthetic_delay = require('../../utils/synthetic_delay');
+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");
+function createBetaFakeDesignClients() {
+    const syntheticDelay = (0, _synthetic_delay.createSyntheticDelay)(10);
+    const v2 = {
+        designInteraction: new FakeBetaDesignInteractionClient(syntheticDelay),
+        dragAndDrop: new _fake_drag_and_drop_client.FakeDragAndDropClient(syntheticDelay),
+        export: new _fake_export_client.FakeExportClient(syntheticDelay)
+    };
+    return {
+        design: {
+            v2
+        }
+    };
+}
+class FakeBetaDesignInteractionClient extends _fake_design_interaction_client.FakeDesignInteractionClient {
+    async editContent(options, callback) {
+        await this.delay();
+        await callback({
+            contents: [],
+            sync: async ()=>{
+                await this.delay();
+            }
+        });
+    }
+    async openDesign(options, callback) {
+        await this.delay();
+        await callback({
+            page: _fake_design_interaction_client.fakePage,
+            pageRefs: fakePageRefList,
+            sync: async ()=>{
+                await this.delay();
+            },
+            helpers: {
+                ..._fake_design_interaction_client.fakeOpenDesignHelpers,
+                openPage: async (_, callback)=>{
+                    await callback({
+                        page: _fake_design_interaction_client.fakePage,
+                        helpers: _fake_design_interaction_client.fakeOpenDesignHelpers
+                    });
+                    return {
+                        status: 'executed'
+                    };
+                }
+            }
+        });
+    }
+}
+const fakePageRef = {
+    type: 'absolute',
+    locked: false
+};
+const fakePageRefList = {
+    forEach (callback) {},
+    toArray () {
+        return [
+            fakePageRef
+        ];
+    },
+    count () {
+        return 0;
+    },
+    filter (filter) {}
+};

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

@@ -140,6 +140,12 @@ class FakeDesignInteractionClient {
                 return ()=>{};
             }
         };
+        this.publish = {
+            launch: ()=>this.delay()
+        };
+        this.bulkCreate = {
+            launch: ()=>this.delay()
+        };
     }
 }
 const fakeBounds = {

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

@@ -1,9 +1,8 @@
-"use strict"
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _version = require("./version");
-_export_star(require("./public"), 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)) {
@@ -17,4 +16,3 @@ function _export_star(from, to) {
     });
     return from;
 }
-window.__canva__?.sdkRegistration?.registerPackageVersion('design', _version.LATEST_VERSION, 'ga');

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

@@ -0,0 +1,16 @@
+"use strict"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "initTestEnvironment", {
+    enumerable: true,
+    get: function() {
+        return initTestEnvironment;
+    }
+});
+const _create_beta = require('../fake/create_beta');
+const _canva_sdk = require('../../utils/canva_sdk');
+function initTestEnvironment() {
+    (0, _canva_sdk.assertIsTestCanvaSdk)();
+    (0, _canva_sdk.injectFakeAPIClients)((0, _create_beta.createBetaFakeDesignClients)());
+}

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

@@ -1,16 +1,18 @@
-"use strict"
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "initTestEnvironment", {
-    enumerable: true,
-    get: function() {
-        return initTestEnvironment;
-    }
-});
-const _create = require('../fake/create');
-const _canva_sdk = require('../../utils/canva_sdk');
-function initTestEnvironment() {
-    (0, _canva_sdk.assertIsTestCanvaSdk)();
-    (0, _canva_sdk.injectFakeAPIClients)((0, _create.createFakeDesignClients)());
+_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/beta.js

@@ -0,0 +1,13 @@
+import { LATEST_VERSION } from './version';
+const { canva_sdk } = window;
+export const publish = canva_sdk.design.v2.designInteraction.publish;
+export const bulkCreate = canva_sdk.design.v2.designInteraction.bulkCreate;
+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 addElementAtPoint = canva_sdk.design.v2.designInteraction.addElementAtPoint;
+export const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
+export const addPage = canva_sdk.design.v2.designInteraction.addPage;
+export * from './public';
+window.__canva__?.sdkRegistration?.registerPackageVersion('design', LATEST_VERSION, 'beta');

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

@@ -0,0 +1,66 @@
+import { createSyntheticDelay } from '../../utils/synthetic_delay';
+import { FakeDesignInteractionClient, fakeOpenDesignHelpers, fakePage } from './fake_design_interaction_client';
+import { FakeDragAndDropClient } from './fake_drag_and_drop_client';
+import { FakeExportClient } from './fake_export_client';
+export function createBetaFakeDesignClients() {
+    const syntheticDelay = createSyntheticDelay(10);
+    const v2 = {
+        designInteraction: new FakeBetaDesignInteractionClient(syntheticDelay),
+        dragAndDrop: new FakeDragAndDropClient(syntheticDelay),
+        export: new FakeExportClient(syntheticDelay)
+    };
+    return {
+        design: {
+            v2
+        }
+    };
+}
+class FakeBetaDesignInteractionClient extends FakeDesignInteractionClient {
+    async editContent(options, callback) {
+        await this.delay();
+        await callback({
+            contents: [],
+            sync: async ()=>{
+                await this.delay();
+            }
+        });
+    }
+    async openDesign(options, callback) {
+        await this.delay();
+        await callback({
+            page: fakePage,
+            pageRefs: fakePageRefList,
+            sync: async ()=>{
+                await this.delay();
+            },
+            helpers: {
+                ...fakeOpenDesignHelpers,
+                openPage: async (_, callback)=>{
+                    await callback({
+                        page: fakePage,
+                        helpers: fakeOpenDesignHelpers
+                    });
+                    return {
+                        status: 'executed'
+                    };
+                }
+            }
+        });
+    }
+}
+const fakePageRef = {
+    type: 'absolute',
+    locked: false
+};
+const fakePageRefList = {
+    forEach (callback) {},
+    toArray () {
+        return [
+            fakePageRef
+        ];
+    },
+    count () {
+        return 0;
+    },
+    filter (filter) {}
+};

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

@@ -119,6 +119,12 @@ export class FakeDesignInteractionClient {
                 return ()=>{};
             }
         };
+        this.publish = {
+            launch: ()=>this.delay()
+        };
+        this.bulkCreate = {
+            launch: ()=>this.delay()
+        };
     }
 }
 const fakeBounds = {

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

@@ -1,3 +1 @@
-import { LATEST_VERSION } from './version';
-export * from './public';
-window.__canva__?.sdkRegistration?.registerPackageVersion('design', LATEST_VERSION, 'ga');
+export * from './beta';

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

@@ -0,0 +1,6 @@
+import { createBetaFakeDesignClients } from '../fake/create_beta';
+import { assertIsTestCanvaSdk, injectFakeAPIClients } from '../../utils/canva_sdk';
+export function initTestEnvironment() {
+    assertIsTestCanvaSdk();
+    injectFakeAPIClients(createBetaFakeDesignClients());
+}

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

@@ -1,6 +1 @@
-import { createFakeDesignClients } from '../fake/create';
-import { assertIsTestCanvaSdk, injectFakeAPIClients } from '../../utils/canva_sdk';
-export function initTestEnvironment() {
-    assertIsTestCanvaSdk();
-    injectFakeAPIClients(createFakeDesignClients());
-}
+export * from './beta';

package/package.json

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

package/test/beta.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @beta
+ * Initializes a test environment for the `@canva/design` package, enabling unit tests to mock Canva's APIs.
+ * @remarks
+ * This method should only be called once in a test environment, such as in a Jest setup file.
+ * @see
+ * https://www.canva.dev/docs/apps/testing/
+ */
+export declare function initTestEnvironment(): void;
+
+export {};

package/test/index.d.ts

@@ -1,11 +1 @@
-/**
- * @public
- * Initializes a test environment for the `@canva/design` package, enabling unit tests to mock Canva's APIs.
- * @remarks
- * This method should only be called once in a test environment, such as in a Jest setup file.
- * @see
- * https://www.canva.dev/docs/apps/testing/
- */
-export declare function initTestEnvironment(): void;
-
-export {};
+export * from "./beta";

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

@@ -1,27 +0,0 @@
-"use strict"
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "createFakeDesignClients", {
-    enumerable: true,
-    get: function() {
-        return createFakeDesignClients;
-    }
-});
-const _synthetic_delay = require('../../utils/synthetic_delay');
-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");
-function createFakeDesignClients() {
-    const syntheticDelay = (0, _synthetic_delay.createSyntheticDelay)(10);
-    const v2 = {
-        designInteraction: new _fake_design_interaction_client.FakeDesignInteractionClient(syntheticDelay),
-        dragAndDrop: new _fake_drag_and_drop_client.FakeDragAndDropClient(syntheticDelay),
-        export: new _fake_export_client.FakeExportClient(syntheticDelay)
-    };
-    return {
-        design: {
-            v2
-        }
-    };
-}

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

@@ -1,17 +0,0 @@
-import { createSyntheticDelay } from '../../utils/synthetic_delay';
-import { FakeDesignInteractionClient } from './fake_design_interaction_client';
-import { FakeDragAndDropClient } from './fake_drag_and_drop_client';
-import { FakeExportClient } from './fake_export_client';
-export function createFakeDesignClients() {
-    const syntheticDelay = createSyntheticDelay(10);
-    const v2 = {
-        designInteraction: new FakeDesignInteractionClient(syntheticDelay),
-        dragAndDrop: new FakeDragAndDropClient(syntheticDelay),
-        export: new FakeExportClient(syntheticDelay)
-    };
-    return {
-        design: {
-            v2
-        }
-    };
-}