@useinsider/guido 3.19.0-beta.4b9be3a → 3.19.0-beta.575d19c

package/README.md

@@ -95,9 +95,11 @@ import type { GuidoConfigInput } from '@useinsider/guido';
 const config: GuidoConfigInput = {
   // Required: Identity
   identity: {
-    templateId: string,      // Required - Template identifier
-    userId: string,          // Required - User identifier
-    variationId?: string,    // Optional - A/B test variation
+    templateId: string,           // Required - Template identifier
+    userId: string,               // Required - User identifier
+    variationId?: string,         // Optional - A/B test variation
+    campaignId?: string,          // Optional - Numeric campaign id; absent for templates/modules
+    templateLibraryId?: string,   // Optional - Numeric template-library id; absent for campaigns/modules
   },
 
   // Required: Partner
@@ -184,6 +186,22 @@ const config: GuidoConfigInput = {
 };
 ```
 
+### `identity` ids
+
+`templateId` is the editor's **document** identity (a uuid / Stripo doc id) and never addresses a
+backend resource. `campaignId` and `templateLibraryId` are the **numeric** ids of the surface the
+editor was opened on, and they are what Guido uses to resolve host-scoped endpoints — most visibly
+when converting a legacy recommendation block into a reusable strategy.
+
+| Surface | `campaignId` | `templateLibraryId` |
+|---------|--------------|---------------------|
+| Campaign editor | the campaign id | absent |
+| Saved template editor | absent | the template-library id |
+| Module editor / unsaved template | absent | absent |
+
+Pass only the one that applies. A campaign id takes precedence when both are present, and when
+neither is supplied Guido falls back to campaign scope — so a module keeps working unchanged.
+
 ### `ready` prop
 
 ```vue

package/dist/@types/config/schemas.js

@@ -1,18 +1,18 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { object as o, number as n, optional as e, string as t, picklist as l, pipe as m, minLength as b, custom as h, boolean as a, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
   /** Transactional/system emails */
   TRANSACTIONAL: 2
-}, l = {
+}, i = {
   /** Standard email campaigns */
   EMAIL: 60,
   /** Architect journey builder */
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, A = a({
+}, A = o({
   /** Unique identifier for the template being edited */
   templateId: m(
     t(),
@@ -24,13 +24,21 @@ const p = {
     b(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
-  variationId: e(t())
-}), L = a({
+  variationId: e(t()),
+  /** Optional numeric campaign ID of the host campaign; absent for templates and modules */
+  campaignId: e(t()),
+  /**
+   * Optional numeric template-library id of the host template; absent for campaigns and
+   * modules. Distinct from `templateId`, which is the editor's document identity (a uuid /
+   * Stripo doc id) and is never an endpoint id.
+   */
+  templateLibraryId: e(t())
+}), L = o({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), M = a({
+}), M = o({
   /** Partner/organization name (required) */
   name: m(
     t(),
@@ -38,23 +46,23 @@ const p = {
   ),
   /** Product type identifier */
   productType: e(
-    i([
-      l.EMAIL,
-      l.ARCHITECT,
-      l.UNSUBSCRIBE_PAGES
+    l([
+      i.EMAIL,
+      i.ARCHITECT,
+      i.UNSUBSCRIBE_PAGES
     ]),
-    l.EMAIL
+    i.EMAIL
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    i([p.PROMOTIONAL, p.TRANSACTIONAL]),
+    l([p.PROMOTIONAL, p.TRANSACTIONAL]),
     p.PROMOTIONAL
   ),
   /** Display name for the current user */
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
   fallbackFont: e(L)
-}), E = a({
+}), E = o({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -63,33 +71,33 @@ const p = {
   fallback: e(t()),
   /** Optional formatting options */
   format: e(
-    a({
+    o({
       key: t(),
       value: t()
     })
   )
-}), S = I(() => g({
+}), f = I(() => g({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
+  select_items: e(c(f))
 })), N = k(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
-  sendProductRequestFlag: e(o()),
+  sendProductRequestFlag: e(a()),
   /** Whether to randomize product order */
-  shuffleProducts: e(o()),
+  shuffleProducts: e(a()),
   /** Filter rules driving product selection */
   filters: e(c(r())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
@@ -109,22 +117,22 @@ const p = {
   /** Mobile-only padding (left) */
   mobileLeftPadding: e(n()),
   /** Disable responsive scaling */
-  unresponsive: e(o()),
+  unresponsive: e(a()),
   /** Layout orientation ('vertical' | 'horizontal') */
   orientation: e(t()),
   /** Whether long text is trimmed */
-  textTrimming: e(o()),
+  textTrimming: e(a()),
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
-  verticalResponsiveness: e(o()),
+  verticalResponsiveness: e(a()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
-  isPriceMovedToNextLine: e(o()),
+  isPriceMovedToNextLine: e(a()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
-  isPriceDeletedForZeroSale: e(o())
-}), v = a({
+  isPriceDeletedForZeroSale: e(a())
+}), v = o({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -135,7 +143,7 @@ const p = {
     k(t(), P),
     {}
   )
-}), x = a({
+}), x = o({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -157,7 +165,7 @@ const p = {
   /** Selected unsubscribe page IDs */
   selectedUnsubscribePages: e(c(n()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
-  forceRecreate: e(o(), !1),
+  forceRecreate: e(a(), !1),
   /**
    * Consumer-persisted tracking-id high-water mark (SD-141414). Used as the id floor
    * during migration so a rolled-back document never re-mints retired tracking ids.
@@ -174,12 +182,12 @@ const p = {
   ),
   /** Migration-only inputs (legacy block configs) */
   migration: e(v, {})
-}), D = a({
+}), D = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), O = a({
+}), O = o({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
@@ -189,39 +197,40 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
-}), F = a({
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
+}), F = o({
   /** Whether to show the header bar */
-  showHeader: e(o(), !0),
+  showHeader: e(a(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), U = a({
+}), U = o({
   /** Enable dynamic content insertion */
-  dynamicContent: e(o(), !0),
+  dynamicContent: e(a(), !0),
   /** Enable save as template functionality */
-  saveAsTemplate: e(o(), !0),
+  saveAsTemplate: e(a(), !0),
   /** Enable version history */
-  versionHistory: e(o(), !0),
+  versionHistory: e(a(), !0),
   /** Enable test message sending */
-  testMessage: e(o(), !0),
+  testMessage: e(a(), !0),
   /** Enable display conditions */
-  displayConditions: e(o(), !0),
+  displayConditions: e(a(), !0),
   /** Enable unsubscribe block */
-  unsubscribe: e(o(), !0),
+  unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(o(), !1),
+  modulesDisabled: e(a(), !1),
   /** Enable Liquid template syntax */
-  liquidSyntax: e(o(), !1),
+  liquidSyntax: e(a(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1),
+  autosave: e(a(), !1),
+  accessibilityTesting: e(a(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
-  allowlistEnabled: e(o(), !1),
+  allowlistEnabled: e(a(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
-  linkTrackingIds: e(o(), !1),
-  reusableRecommendationStrategy: e(o(), !1)
-}), B = i([
+  linkTrackingIds: e(a(), !1),
+  reusableRecommendationStrategy: e(a(), !1)
+}), B = l([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -235,7 +244,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = i([
+]), w = l([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -243,7 +252,7 @@ const p = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), H = a({
+]), H = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
     c(B),
@@ -254,14 +263,14 @@ const p = {
     c(w),
     []
   )
-}), d = a({
+}), d = o({
   /** Unique identifier for the rule */
   id: t(),
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
   priority: n()
-}), _ = a({
+}), _ = o({
   ...d.entries,
   type: u("replace"),
   /** String to search for */
@@ -269,8 +278,8 @@ const p = {
   /** Replacement string */
   replacement: t(),
   /** Replace all occurrences (default: false) */
-  replaceAll: e(o())
-}), j = a({
+  replaceAll: e(a())
+}), j = o({
   ...d.entries,
   type: u("regex"),
   /** Regex pattern string */
@@ -279,16 +288,16 @@ const p = {
   replacement: t(),
   /** Regex flags (e.g., 'gi') */
   flags: e(t())
-}), q = a({
+}), q = o({
   ...d.entries,
   type: u("remove"),
   /** Strings or patterns to remove */
   targets: c(t())
-}), G = a({
+}), G = o({
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -297,23 +306,23 @@ const p = {
   j,
   q,
   G
-]), z = a({
+]), z = o({
   /** Custom compiler rules to apply */
   customRules: e(c(V), []),
   /** Skip default compiler rules */
-  ignoreDefaultRules: e(o(), !1)
-}), Z = a({
+  ignoreDefaultRules: e(a(), !1)
+}), Z = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
   )
-}), Q = a({
+}), Q = o({
   // Required sections
   /** Identity configuration (required) */
   identity: A,
@@ -344,7 +353,7 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   E as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,
@@ -355,7 +364,7 @@ export {
   P as LegacyRecommendationConfigSchema,
   p as MessageType,
   M as PartnerSchema,
-  l as ProductType,
+  i as ProductType,
   j as RegexRuleSchema,
   q as RemoveRuleSchema,
   _ as ReplaceRuleSchema,

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
 import o from "./Guido.vue2.js";
 /* empty css           */
-import i from "../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
+import t from "../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
   var a = this, r = a._self._c, e = a._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], n = /* @__PURE__ */ i(
+}, s = [], n = /* @__PURE__ */ t(
   o,
-  t,
+  i,
   s,
   !1,
   null,
-  "7674b645"
+  "b5af7c3e"
 );
 const v = n.exports;
 export {