@uniformdev/canvas 19.79.1-alpha.18 → 19.79.1-alpha.26

package/dist/index.esm.js

@@ -481,15 +481,22 @@ var CanvasClient = class extends ApiClient {
   /** Fetches lists of Canvas compositions, optionally by type */
   async getCompositionList(params = {}) {
     const { projectId } = this.options;
-    const { resolveData, ...originParams } = params;
+    const { resolveData, filters, ...originParams } = params;
+    const rewrittenFilters = Object.entries(filters != null ? filters : {}).reduce((acc, [key, value]) => {
+      const lhs = `filters.${key}` + (typeof value === "object" ? `[${Object.keys(value)[0]}]` : "");
+      let rhs = typeof value === "object" ? Object.values(value)[0] : value;
+      rhs = Array.isArray(rhs) ? rhs.map((v) => `${v}`.trim()).join(",") : `${rhs}`.trim();
+      return { ...acc, [lhs]: rhs };
+    }, {});
     if (!resolveData) {
-      const fetchUri = this.createUrl(CANVAS_URL, { ...originParams, projectId });
+      const fetchUri = this.createUrl(CANVAS_URL, { ...originParams, projectId, ...rewrittenFilters });
       return this.apiClient(fetchUri);
     }
     const edgeParams = {
       ...originParams,
       projectId,
-      ...params.diagnostics ? { diagnostics: "true" } : {}
+      ...params.diagnostics ? { diagnostics: "true" } : {},
+      ...rewrittenFilters
     };
     const edgeUrl = this.createUrl("/api/v1/compositions", edgeParams, this.edgeApiHost);
     return this.apiClient(edgeUrl, this.edgeApiRequestInit);
@@ -925,12 +932,14 @@ function getComponentPath(ancestorsAndSelf) {
 var CANVAS_PERSONALIZE_TYPE = "$personalization";
 var CANVAS_TEST_TYPE = "$test";
 var CANVAS_LOCALIZATION_TYPE = "$localization";
+var CANVAS_SLOT_SECTION_TYPE = "$slotSection";
 var CANVAS_INTENT_TAG_PARAM = "intentTag";
 var CANVAS_LOCALE_TAG_PARAM = "locale";
 var CANVAS_BLOCK_PARAM_TYPE = "$block";
 var CANVAS_PERSONALIZE_SLOT = "pz";
 var CANVAS_TEST_SLOT = "test";
 var CANVAS_LOCALIZATION_SLOT = "localized";
+var CANVAS_SLOT_SECTION_SLOT = "$slotSectionItems";
 var CANVAS_DRAFT_STATE = 0;
 var CANVAS_PUBLISHED_STATE = 64;
 var CANVAS_EDITOR_STATE = 63;
@@ -1915,6 +1924,12 @@ var isOpenParameterEditorMessage = (message) => {
 var isUpdateComponentReferencesMessage = (message) => {
   return message.type === "update-component-references";
 };
+var isRequestComponentSuggestionMessage = (message) => {
+  return message.type === "request-component-suggestion";
+};
+var isSuggestComponentMessage = (message) => {
+  return message.type === "suggest-component";
+};
 var createCanvasChannel = ({
   listenTo,
   broadcastTo
@@ -2066,6 +2081,20 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const requestComponentSuggestion = (options) => {
+    const message = {
+      ...options,
+      type: "request-component-suggestion"
+    };
+    postMessage(message);
+  };
+  const suggestComponent = (options) => {
+    const message = {
+      ...options,
+      type: "suggest-component"
+    };
+    postMessage(message);
+  };
   const updateFeatureFlags = (options) => {
     const message = {
       ...options,
@@ -2119,7 +2148,9 @@ var createCanvasChannel = ({
     openParameterEditor,
     reportRenderedCompositions,
     editorStateUpdated,
-    updateComponentReferences
+    updateComponentReferences,
+    requestComponentSuggestion,
+    suggestComponent
   };
 };
 
@@ -2500,6 +2531,7 @@ function mapSlotToTestVariations(slot) {
 }
 
 // src/utils/placeholder.ts
+var SEPARATOR = "_";
 var isComponentPlaceholderId = (id) => {
   if (id === PLACEHOLDER_ID) {
     return true;
@@ -2509,11 +2541,31 @@ var isComponentPlaceholderId = (id) => {
   }
   return id == null ? void 0 : id.startsWith(PLACEHOLDER_ID);
 };
-var generateComponentPlaceholderId = (randomId, sdkVersion) => {
+var generateComponentPlaceholderId = (randomId, sdkVersion, parent) => {
   if (typeof sdkVersion === "undefined" || sdkVersion === 1) {
     return PLACEHOLDER_ID;
   }
-  return `${PLACEHOLDER_ID}_${randomId}`;
+  let idParts = [PLACEHOLDER_ID, randomId];
+  if (parent) {
+    idParts = [...idParts, parent.nodeId, parent.slotId];
+  }
+  return idParts.join(SEPARATOR);
+};
+var parseComponentPlaceholderId = (id) => {
+  if (!isComponentPlaceholderId(id)) {
+    return;
+  }
+  const idParts = id.split(SEPARATOR);
+  const result = {
+    id: idParts[1]
+  };
+  if (idParts[2]) {
+    result.parent = {
+      nodeId: idParts[2],
+      slotId: idParts[3]
+    };
+  }
+  return result;
 };
 
 // src/utils/variables/parseVariableExpression.ts
@@ -2730,6 +2782,8 @@ export {
   CANVAS_PERSONALIZE_SLOT,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_PUBLISHED_STATE,
+  CANVAS_SLOT_SECTION_SLOT,
+  CANVAS_SLOT_SECTION_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
   CANVAS_TEST_VARIANT_PARAM,
@@ -2805,9 +2859,11 @@ export {
   isOpenParameterEditorMessage,
   isReadyMessage,
   isReportRenderedCompositionsMessage,
+  isRequestComponentSuggestionMessage,
   isRootEntryReference,
   isSelectComponentMessage,
   isSelectParameterMessage,
+  isSuggestComponentMessage,
   isSystemComponentDefinition,
   isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage,
@@ -2821,6 +2877,7 @@ export {
   mapSlotToPersonalizedVariations,
   mapSlotToTestVariations,
   nullLimitPolicy,
+  parseComponentPlaceholderId,
   parseVariableExpression,
   subscribeToComposition,
   walkComponentTree,

package/dist/index.js

@@ -300,6 +300,8 @@ __export(src_exports, {
   CANVAS_PERSONALIZE_SLOT: () => CANVAS_PERSONALIZE_SLOT,
   CANVAS_PERSONALIZE_TYPE: () => CANVAS_PERSONALIZE_TYPE,
   CANVAS_PUBLISHED_STATE: () => CANVAS_PUBLISHED_STATE,
+  CANVAS_SLOT_SECTION_SLOT: () => CANVAS_SLOT_SECTION_SLOT,
+  CANVAS_SLOT_SECTION_TYPE: () => CANVAS_SLOT_SECTION_TYPE,
   CANVAS_TEST_SLOT: () => CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE: () => CANVAS_TEST_TYPE,
   CANVAS_TEST_VARIANT_PARAM: () => CANVAS_TEST_VARIANT_PARAM,
@@ -375,9 +377,11 @@ __export(src_exports, {
   isOpenParameterEditorMessage: () => isOpenParameterEditorMessage,
   isReadyMessage: () => isReadyMessage,
   isReportRenderedCompositionsMessage: () => isReportRenderedCompositionsMessage,
+  isRequestComponentSuggestionMessage: () => isRequestComponentSuggestionMessage,
   isRootEntryReference: () => isRootEntryReference,
   isSelectComponentMessage: () => isSelectComponentMessage,
   isSelectParameterMessage: () => isSelectParameterMessage,
+  isSuggestComponentMessage: () => isSuggestComponentMessage,
   isSystemComponentDefinition: () => isSystemComponentDefinition,
   isTriggerCompositionActionMessage: () => isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage: () => isUpdateComponentParameterMessage,
@@ -391,6 +395,7 @@ __export(src_exports, {
   mapSlotToPersonalizedVariations: () => mapSlotToPersonalizedVariations,
   mapSlotToTestVariations: () => mapSlotToTestVariations,
   nullLimitPolicy: () => nullLimitPolicy,
+  parseComponentPlaceholderId: () => parseComponentPlaceholderId,
   parseVariableExpression: () => parseVariableExpression,
   subscribeToComposition: () => subscribeToComposition,
   walkComponentTree: () => walkComponentTree,
@@ -611,15 +616,22 @@ var CanvasClient = class extends import_api2.ApiClient {
   /** Fetches lists of Canvas compositions, optionally by type */
   async getCompositionList(params = {}) {
     const { projectId } = this.options;
-    const { resolveData, ...originParams } = params;
+    const { resolveData, filters, ...originParams } = params;
+    const rewrittenFilters = Object.entries(filters != null ? filters : {}).reduce((acc, [key, value]) => {
+      const lhs = `filters.${key}` + (typeof value === "object" ? `[${Object.keys(value)[0]}]` : "");
+      let rhs = typeof value === "object" ? Object.values(value)[0] : value;
+      rhs = Array.isArray(rhs) ? rhs.map((v) => `${v}`.trim()).join(",") : `${rhs}`.trim();
+      return { ...acc, [lhs]: rhs };
+    }, {});
     if (!resolveData) {
-      const fetchUri = this.createUrl(CANVAS_URL, { ...originParams, projectId });
+      const fetchUri = this.createUrl(CANVAS_URL, { ...originParams, projectId, ...rewrittenFilters });
       return this.apiClient(fetchUri);
     }
     const edgeParams = {
       ...originParams,
       projectId,
-      ...params.diagnostics ? { diagnostics: "true" } : {}
+      ...params.diagnostics ? { diagnostics: "true" } : {},
+      ...rewrittenFilters
     };
     const edgeUrl = this.createUrl("/api/v1/compositions", edgeParams, this.edgeApiHost);
     return this.apiClient(edgeUrl, this.edgeApiRequestInit);
@@ -1055,12 +1067,14 @@ function getComponentPath(ancestorsAndSelf) {
 var CANVAS_PERSONALIZE_TYPE = "$personalization";
 var CANVAS_TEST_TYPE = "$test";
 var CANVAS_LOCALIZATION_TYPE = "$localization";
+var CANVAS_SLOT_SECTION_TYPE = "$slotSection";
 var CANVAS_INTENT_TAG_PARAM = "intentTag";
 var CANVAS_LOCALE_TAG_PARAM = "locale";
 var CANVAS_BLOCK_PARAM_TYPE = "$block";
 var CANVAS_PERSONALIZE_SLOT = "pz";
 var CANVAS_TEST_SLOT = "test";
 var CANVAS_LOCALIZATION_SLOT = "localized";
+var CANVAS_SLOT_SECTION_SLOT = "$slotSectionItems";
 var CANVAS_DRAFT_STATE = 0;
 var CANVAS_PUBLISHED_STATE = 64;
 var CANVAS_EDITOR_STATE = 63;
@@ -2045,6 +2059,12 @@ var isOpenParameterEditorMessage = (message) => {
 var isUpdateComponentReferencesMessage = (message) => {
   return message.type === "update-component-references";
 };
+var isRequestComponentSuggestionMessage = (message) => {
+  return message.type === "request-component-suggestion";
+};
+var isSuggestComponentMessage = (message) => {
+  return message.type === "suggest-component";
+};
 var createCanvasChannel = ({
   listenTo,
   broadcastTo
@@ -2196,6 +2216,20 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const requestComponentSuggestion = (options) => {
+    const message = {
+      ...options,
+      type: "request-component-suggestion"
+    };
+    postMessage(message);
+  };
+  const suggestComponent = (options) => {
+    const message = {
+      ...options,
+      type: "suggest-component"
+    };
+    postMessage(message);
+  };
   const updateFeatureFlags = (options) => {
     const message = {
       ...options,
@@ -2249,7 +2283,9 @@ var createCanvasChannel = ({
     openParameterEditor,
     reportRenderedCompositions,
     editorStateUpdated,
-    updateComponentReferences
+    updateComponentReferences,
+    requestComponentSuggestion,
+    suggestComponent
   };
 };
 
@@ -2630,6 +2666,7 @@ function mapSlotToTestVariations(slot) {
 }
 
 // src/utils/placeholder.ts
+var SEPARATOR = "_";
 var isComponentPlaceholderId = (id) => {
   if (id === PLACEHOLDER_ID) {
     return true;
@@ -2639,11 +2676,31 @@ var isComponentPlaceholderId = (id) => {
   }
   return id == null ? void 0 : id.startsWith(PLACEHOLDER_ID);
 };
-var generateComponentPlaceholderId = (randomId, sdkVersion) => {
+var generateComponentPlaceholderId = (randomId, sdkVersion, parent) => {
   if (typeof sdkVersion === "undefined" || sdkVersion === 1) {
     return PLACEHOLDER_ID;
   }
-  return `${PLACEHOLDER_ID}_${randomId}`;
+  let idParts = [PLACEHOLDER_ID, randomId];
+  if (parent) {
+    idParts = [...idParts, parent.nodeId, parent.slotId];
+  }
+  return idParts.join(SEPARATOR);
+};
+var parseComponentPlaceholderId = (id) => {
+  if (!isComponentPlaceholderId(id)) {
+    return;
+  }
+  const idParts = id.split(SEPARATOR);
+  const result = {
+    id: idParts[1]
+  };
+  if (idParts[2]) {
+    result.parent = {
+      nodeId: idParts[2],
+      slotId: idParts[3]
+    };
+  }
+  return result;
 };
 
 // src/utils/variables/parseVariableExpression.ts
@@ -2861,6 +2918,8 @@ var CanvasClientError = import_api13.ApiClientError;
   CANVAS_PERSONALIZE_SLOT,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_PUBLISHED_STATE,
+  CANVAS_SLOT_SECTION_SLOT,
+  CANVAS_SLOT_SECTION_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
   CANVAS_TEST_VARIANT_PARAM,
@@ -2936,9 +2995,11 @@ var CanvasClientError = import_api13.ApiClientError;
   isOpenParameterEditorMessage,
   isReadyMessage,
   isReportRenderedCompositionsMessage,
+  isRequestComponentSuggestionMessage,
   isRootEntryReference,
   isSelectComponentMessage,
   isSelectParameterMessage,
+  isSuggestComponentMessage,
   isSystemComponentDefinition,
   isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage,
@@ -2952,6 +3013,7 @@ var CanvasClientError = import_api13.ApiClientError;
   mapSlotToPersonalizedVariations,
   mapSlotToTestVariations,
   nullLimitPolicy,
+  parseComponentPlaceholderId,
   parseVariableExpression,
   subscribeToComposition,
   walkComponentTree,

package/dist/index.mjs

@@ -481,15 +481,22 @@ var CanvasClient = class extends ApiClient {
   /** Fetches lists of Canvas compositions, optionally by type */
   async getCompositionList(params = {}) {
     const { projectId } = this.options;
-    const { resolveData, ...originParams } = params;
+    const { resolveData, filters, ...originParams } = params;
+    const rewrittenFilters = Object.entries(filters != null ? filters : {}).reduce((acc, [key, value]) => {
+      const lhs = `filters.${key}` + (typeof value === "object" ? `[${Object.keys(value)[0]}]` : "");
+      let rhs = typeof value === "object" ? Object.values(value)[0] : value;
+      rhs = Array.isArray(rhs) ? rhs.map((v) => `${v}`.trim()).join(",") : `${rhs}`.trim();
+      return { ...acc, [lhs]: rhs };
+    }, {});
     if (!resolveData) {
-      const fetchUri = this.createUrl(CANVAS_URL, { ...originParams, projectId });
+      const fetchUri = this.createUrl(CANVAS_URL, { ...originParams, projectId, ...rewrittenFilters });
       return this.apiClient(fetchUri);
     }
     const edgeParams = {
       ...originParams,
       projectId,
-      ...params.diagnostics ? { diagnostics: "true" } : {}
+      ...params.diagnostics ? { diagnostics: "true" } : {},
+      ...rewrittenFilters
     };
     const edgeUrl = this.createUrl("/api/v1/compositions", edgeParams, this.edgeApiHost);
     return this.apiClient(edgeUrl, this.edgeApiRequestInit);
@@ -925,12 +932,14 @@ function getComponentPath(ancestorsAndSelf) {
 var CANVAS_PERSONALIZE_TYPE = "$personalization";
 var CANVAS_TEST_TYPE = "$test";
 var CANVAS_LOCALIZATION_TYPE = "$localization";
+var CANVAS_SLOT_SECTION_TYPE = "$slotSection";
 var CANVAS_INTENT_TAG_PARAM = "intentTag";
 var CANVAS_LOCALE_TAG_PARAM = "locale";
 var CANVAS_BLOCK_PARAM_TYPE = "$block";
 var CANVAS_PERSONALIZE_SLOT = "pz";
 var CANVAS_TEST_SLOT = "test";
 var CANVAS_LOCALIZATION_SLOT = "localized";
+var CANVAS_SLOT_SECTION_SLOT = "$slotSectionItems";
 var CANVAS_DRAFT_STATE = 0;
 var CANVAS_PUBLISHED_STATE = 64;
 var CANVAS_EDITOR_STATE = 63;
@@ -1915,6 +1924,12 @@ var isOpenParameterEditorMessage = (message) => {
 var isUpdateComponentReferencesMessage = (message) => {
   return message.type === "update-component-references";
 };
+var isRequestComponentSuggestionMessage = (message) => {
+  return message.type === "request-component-suggestion";
+};
+var isSuggestComponentMessage = (message) => {
+  return message.type === "suggest-component";
+};
 var createCanvasChannel = ({
   listenTo,
   broadcastTo
@@ -2066,6 +2081,20 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const requestComponentSuggestion = (options) => {
+    const message = {
+      ...options,
+      type: "request-component-suggestion"
+    };
+    postMessage(message);
+  };
+  const suggestComponent = (options) => {
+    const message = {
+      ...options,
+      type: "suggest-component"
+    };
+    postMessage(message);
+  };
   const updateFeatureFlags = (options) => {
     const message = {
       ...options,
@@ -2119,7 +2148,9 @@ var createCanvasChannel = ({
     openParameterEditor,
     reportRenderedCompositions,
     editorStateUpdated,
-    updateComponentReferences
+    updateComponentReferences,
+    requestComponentSuggestion,
+    suggestComponent
   };
 };
 
@@ -2500,6 +2531,7 @@ function mapSlotToTestVariations(slot) {
 }
 
 // src/utils/placeholder.ts
+var SEPARATOR = "_";
 var isComponentPlaceholderId = (id) => {
   if (id === PLACEHOLDER_ID) {
     return true;
@@ -2509,11 +2541,31 @@ var isComponentPlaceholderId = (id) => {
   }
   return id == null ? void 0 : id.startsWith(PLACEHOLDER_ID);
 };
-var generateComponentPlaceholderId = (randomId, sdkVersion) => {
+var generateComponentPlaceholderId = (randomId, sdkVersion, parent) => {
   if (typeof sdkVersion === "undefined" || sdkVersion === 1) {
     return PLACEHOLDER_ID;
   }
-  return `${PLACEHOLDER_ID}_${randomId}`;
+  let idParts = [PLACEHOLDER_ID, randomId];
+  if (parent) {
+    idParts = [...idParts, parent.nodeId, parent.slotId];
+  }
+  return idParts.join(SEPARATOR);
+};
+var parseComponentPlaceholderId = (id) => {
+  if (!isComponentPlaceholderId(id)) {
+    return;
+  }
+  const idParts = id.split(SEPARATOR);
+  const result = {
+    id: idParts[1]
+  };
+  if (idParts[2]) {
+    result.parent = {
+      nodeId: idParts[2],
+      slotId: idParts[3]
+    };
+  }
+  return result;
 };
 
 // src/utils/variables/parseVariableExpression.ts
@@ -2730,6 +2782,8 @@ export {
   CANVAS_PERSONALIZE_SLOT,
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_PUBLISHED_STATE,
+  CANVAS_SLOT_SECTION_SLOT,
+  CANVAS_SLOT_SECTION_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
   CANVAS_TEST_VARIANT_PARAM,
@@ -2805,9 +2859,11 @@ export {
   isOpenParameterEditorMessage,
   isReadyMessage,
   isReportRenderedCompositionsMessage,
+  isRequestComponentSuggestionMessage,
   isRootEntryReference,
   isSelectComponentMessage,
   isSelectParameterMessage,
+  isSuggestComponentMessage,
   isSystemComponentDefinition,
   isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage,
@@ -2821,6 +2877,7 @@ export {
   mapSlotToPersonalizedVariations,
   mapSlotToTestVariations,
   nullLimitPolicy,
+  parseComponentPlaceholderId,
   parseVariableExpression,
   subscribeToComposition,
   walkComponentTree,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas",
-  "version": "19.79.1-alpha.18+12234b9350",
+  "version": "19.79.1-alpha.26+090e487591",
   "description": "Common functionality and types for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -38,9 +38,9 @@
     "pusher-js": "8.2.0"
   },
   "dependencies": {
-    "@uniformdev/assets": "19.79.1-alpha.18+12234b9350",
-    "@uniformdev/context": "19.79.1-alpha.18+12234b9350",
-    "immer": "10.0.3"
+    "@uniformdev/assets": "19.79.1-alpha.26+090e487591",
+    "@uniformdev/context": "19.79.1-alpha.26+090e487591",
+    "immer": "10.0.4"
   },
   "files": [
     "/dist"
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "12234b9350cfa4209bc7e242701d2dc535ece19e"
+  "gitHead": "090e487591b6cae5af1629967351ebf08824c264"
 }