@useinsider/guido 3.20.1 → 3.21.0-beta.1bd7edd

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.77.0" } }, s = {
+const o = { stripo: { version: "2.79.0" } }, s = {
   guido: o
 };
 export {

package/dist/services/displayConditionApi.js

@@ -0,0 +1,39 @@
+import { useHttp as p } from "../composables/useHttp.js";
+import { SavedDisplayConditionSchema as y, DisplayConditionListResponseSchema as S } from "../@types/display-condition.js";
+import { parse as r } from "../node_modules/valibot/dist/index.js";
+const s = "/email-proxy/v1/display-conditions", u = 100, P = () => {
+  const { get: c, post: m, delete: l } = p(), i = async (t, e) => {
+    const o = new URLSearchParams({
+      page: String(e),
+      limit: String(u),
+      sortColumn: "id",
+      sortDirection: "desc",
+      "filter[syntax]": t
+    }), { data: n } = await c(`${s}?${o.toString()}`);
+    return r(S, n);
+  };
+  return { list: async (t) => {
+    const e = await i(t, 1), o = await Promise.all(Array.from(
+      { length: Math.max(e.meta.lastPage - 1, 0) },
+      (a, d) => i(t, d + 2)
+    )), n = [e, ...o].flatMap((a) => a.data);
+    return [...new Map(n.map((a) => [a.id, a])).values()];
+  }, create: async (t, e) => {
+    const { data: o } = await m(s, {
+      name: t.name.trim(),
+      description: t.description.trim() || null,
+      syntax: e,
+      method: "codeOnly",
+      codeBefore: t.codeBefore,
+      codeAfter: t.codeAfter
+    });
+    return r(y, o.data);
+  }, remove: async (t) => {
+    await l(`${s}/${t}`);
+  } };
+};
+export {
+  u as DISPLAY_CONDITIONS_PAGE_LIMIT,
+  s as DISPLAY_CONDITIONS_URL,
+  P as useDisplayConditionApi
+};

package/dist/services/settingsApi.js

@@ -0,0 +1,11 @@
+import { useHttp as s } from "../composables/useHttp.js";
+const n = "/newsletter/settings/get-setup-settings", o = () => {
+  const { get: t } = s();
+  return { getSetupSettings: async () => {
+    const { data: e } = await t(n);
+    return e ?? {};
+  } };
+};
+export {
+  o as useSettingsApi
+};

package/dist/src/@types/config/schemas.d.ts

@@ -384,6 +384,8 @@ export declare const UISchema: v.ObjectSchema<{
     readonly showHeader: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     /** Custom label for back button (if shown) */
     readonly backButtonLabel: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
+    /** Replace Stripo's display-condition UI with the Conditions tab and create/select drawers */
+    readonly externalDisplayConditions: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Features configuration - enable/disable editor features
@@ -804,6 +806,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly showHeader: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
         /** Custom label for back button (if shown) */
         readonly backButtonLabel: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
+        /** Replace Stripo's display-condition UI with the Conditions tab and create/select drawers */
+        readonly externalDisplayConditions: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Feature toggles */
     readonly features: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/@types/display-condition.d.ts

@@ -0,0 +1,59 @@
+import * as v from 'valibot';
+export declare const DisplayConditionSyntaxSchema: v.PicklistSchema<["liquid", "pongo"], undefined>;
+export declare const DisplayConditionMethodSchema: v.PicklistSchema<["codeOnly", "logicBuilder"], undefined>;
+export declare const SavedDisplayConditionSchema: v.ObjectSchema<{
+    readonly id: v.NumberSchema<undefined>;
+    readonly name: v.StringSchema<undefined>;
+    readonly description: v.NullishSchema<v.StringSchema<undefined>, "">;
+    readonly syntax: v.PicklistSchema<["liquid", "pongo"], undefined>;
+    readonly method: v.PicklistSchema<["codeOnly", "logicBuilder"], undefined>;
+    readonly codeBefore: v.StringSchema<undefined>;
+    readonly codeAfter: v.NullishSchema<v.StringSchema<undefined>, "">;
+    readonly createdAt: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
+}, undefined>;
+export declare const DisplayConditionListResponseSchema: v.ObjectSchema<{
+    readonly data: v.ArraySchema<v.ObjectSchema<{
+        readonly id: v.NumberSchema<undefined>;
+        readonly name: v.StringSchema<undefined>;
+        readonly description: v.NullishSchema<v.StringSchema<undefined>, "">;
+        readonly syntax: v.PicklistSchema<["liquid", "pongo"], undefined>;
+        readonly method: v.PicklistSchema<["codeOnly", "logicBuilder"], undefined>;
+        readonly codeBefore: v.StringSchema<undefined>;
+        readonly codeAfter: v.NullishSchema<v.StringSchema<undefined>, "">;
+        readonly createdAt: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
+    }, undefined>, undefined>;
+    readonly meta: v.ObjectSchema<{
+        readonly totalCount: v.NumberSchema<undefined>;
+        readonly perPage: v.NumberSchema<undefined>;
+        readonly currentPage: v.NumberSchema<undefined>;
+        readonly lastPage: v.NumberSchema<undefined>;
+    }, undefined>;
+}, undefined>;
+export type DisplayConditionSyntax = v.InferOutput<typeof DisplayConditionSyntaxSchema>;
+export type DisplayConditionMethod = v.InferOutput<typeof DisplayConditionMethodSchema>;
+export type SavedDisplayCondition = v.InferOutput<typeof SavedDisplayConditionSchema>;
+export type DisplayConditionListResponse = v.InferOutput<typeof DisplayConditionListResponseSchema>;
+export interface DisplayConditionDraft {
+    name: string;
+    description: string;
+    codeBefore: string;
+    codeAfter: string;
+}
+export type DisplayConditionSource = 'inline' | 'saved';
+/** Mirrors Stripo's `DisplayCondition`; kept local so Vue code does not import the Stripo package. */
+export interface AppliedDisplayCondition {
+    id: number;
+    name: string;
+    description: string;
+    beforeScript: string;
+    afterScript: string;
+    extraData?: string;
+}
+export type DisplayConditionOpenMode = 'select' | 'create' | 'edit';
+export interface DisplayConditionOpenDetail {
+    mode: DisplayConditionOpenMode;
+    current: AppliedDisplayCondition | null;
+}
+export interface DisplayConditionApplyDetail {
+    condition: AppliedDisplayCondition | null;
+}

package/dist/src/components/Guido.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         ampErrors: string[];
         modules: number[];
         recommendation: {
-            campaignUrls: Record<string, import("../@types/recommendation").RecommendationCampaignUrlValue>;
+            campaignUrls?: Record<string, import("../@types/recommendation").RecommendationCampaignUrlValue>;
             configs: Record<string, string>;
         };
         unsubscribe: {

package/dist/src/components/organisms/display-conditions/CodeEditorField.vue.d.ts

@@ -0,0 +1,43 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    value: string;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    placeholder: string;
+    error: string;
+    disabled: boolean;
+}>, {
+    read: () => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    input: (value: string) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    placeholder: string;
+    error: string;
+    disabled: boolean;
+}>>>, {
+    error: string;
+    placeholder: string;
+    disabled: boolean;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/organisms/display-conditions/DisplayConditionCreateDrawer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/organisms/display-conditions/DisplayConditionSelectDrawer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/organisms/display-conditions/DisplayConditionsHost.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/organisms/header/EditorActions.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         ampErrors: string[];
         modules: number[];
         recommendation: {
-            campaignUrls: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
+            campaignUrls?: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
             configs: Record<string, string>;
         };
         unsubscribe: {

package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         ampErrors: string[];
         modules: number[];
         recommendation: {
-            campaignUrls: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
+            campaignUrls?: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
             configs: Record<string, string>;
         };
         unsubscribe: {

package/dist/src/components/organisms/header/RightSlot.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         ampErrors: string[];
         modules: number[];
         recommendation: {
-            campaignUrls: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
+            campaignUrls?: Record<string, import("../../../@types/recommendation.js").RecommendationCampaignUrlValue>;
             configs: Record<string, string>;
         };
         unsubscribe: {

package/dist/src/composables/useAutoSave.d.ts

@@ -1,3 +1,6 @@
 type SaveSilent = () => Promise<unknown>;
-export declare const useAutoSave: (saveSilent: SaveSilent) => void;
+interface AutoSaveOptions {
+    clearsChanges?: () => boolean;
+}
+export declare const useAutoSave: (saveSilent: SaveSilent, { clearsChanges }?: AutoSaveOptions) => void;
 export {};

package/dist/src/composables/useConfig.d.ts

@@ -89,6 +89,7 @@ export declare const useConfig: () => {
         ui: {
             showHeader: boolean;
             backButtonLabel?: string | undefined;
+            externalDisplayConditions: boolean;
         };
         features: {
             dynamicContent: boolean;
@@ -228,6 +229,7 @@ export declare const useConfig: () => {
     ui: import("vue").ComputedRef<{
         showHeader: boolean;
         backButtonLabel?: string | undefined;
+        externalDisplayConditions: boolean;
     } | null>;
     features: import("vue").ComputedRef<{
         dynamicContent: boolean;

package/dist/src/composables/useDisplayConditions.d.ts

@@ -0,0 +1,16 @@
+import type { DisplayConditionDraft, DisplayConditionOpenDetail, SavedDisplayCondition } from '@@/Types/display-condition';
+export type DraftField = keyof DisplayConditionDraft;
+export type DraftErrors = Partial<Record<DraftField, string>>;
+export type CreateIntent = 'inline' | 'save';
+export declare const useDisplayConditions: () => {
+    syntax: import("vue").ComputedRef<"liquid" | "pongo">;
+    handleOpen: (detail: DisplayConditionOpenDetail) => void;
+    cancel: () => void;
+    loadList: () => Promise<void>;
+    validate: (draft: DisplayConditionDraft) => DraftErrors;
+    notifyInvalid: () => void;
+    createInline: (draft: DisplayConditionDraft) => void;
+    createAndSave: (draft: DisplayConditionDraft) => Promise<DraftErrors | null>;
+    select: (row: SavedDisplayCondition) => void;
+    deleteSaved: (row: SavedDisplayCondition) => Promise<void>;
+};

package/dist/src/composables/useSaveValidationRollout.d.ts

@@ -1,3 +1,4 @@
 export declare const useSaveValidationRollout: () => {
     isEnabled: import("vue").ComputedRef<boolean>;
+    loadRollout: () => Promise<void>;
 };

package/dist/src/enums/academy.d.ts

@@ -8,6 +8,7 @@ export declare const ACADEMY_LINKS: {
     readonly EMAIL_EDITOR: "https://academy.insiderone.com/docs/email-drag-and-drop-editor";
     readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
     readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
+    readonly EMAIL_DISPLAY_CONDITIONS: "https://academy.insiderone.com/docs/new-editor-add-display-conditions-to-an-email";
     readonly EMAIL_RECOMMENDATION_BLOCK: "https://academy.insiderone.com/docs/new-editor-email-recommendation-block";
 };
 export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

package/dist/src/enums/display-condition.d.ts

@@ -0,0 +1,15 @@
+export declare enum DisplayConditionEvent {
+    OPEN = "display-condition:open",
+    APPLY = "display-condition:apply",
+    CANCEL = "display-condition:cancel"
+}
+export declare enum DisplayConditionSourceType {
+    INLINE = "inline",
+    SAVED = "saved"
+}
+export declare const DISPLAY_CONDITION_LIMITS: {
+    readonly NAME_MIN: 2;
+    readonly NAME_MAX: 40;
+    readonly DESCRIPTION_MAX: 200;
+    readonly CODE_MAX: 65535;
+};

package/dist/src/extensions/Blocks/Checkbox/controls/blockBackground/index.d.ts

@@ -10,5 +10,6 @@ export declare const CheckboxBlockBackgroundControl: {
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };

package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts

@@ -20,6 +20,7 @@ export declare const TextAlignControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextColorControl: {
@@ -32,6 +33,7 @@ export declare const TextColorControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextSizeControl: {
@@ -44,6 +46,7 @@ export declare const TextSizeControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextStyleControl: {
@@ -56,6 +59,7 @@ export declare const TextStyleControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextFontFamilyControl: {
@@ -68,6 +72,7 @@ export declare const TextFontFamilyControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextBackgroundControl: {
@@ -80,6 +85,7 @@ export declare const TextBackgroundControl: {
         getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextPaddingsControl: {
@@ -92,6 +98,7 @@ export declare const TextPaddingsControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };
 export declare const TextLineSpacingControl: {
@@ -104,5 +111,6 @@ export declare const TextLineSpacingControl: {
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
         getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+        getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
     };
 };