@useinsider/guido 3.21.1-beta.f5fb7ac → 3.21.2-beta.cfc5be2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/README.md +1 -9
  2. package/dist/@types/config/schemas.js +19 -19
  3. package/dist/@types/display-condition.js +25 -0
  4. package/dist/components/Guido.vue.js +8 -8
  5. package/dist/components/Guido.vue2.js +74 -76
  6. package/dist/components/organisms/display-conditions/CodeEditorField.vue.js +20 -0
  7. package/dist/components/organisms/display-conditions/CodeEditorField.vue2.js +30 -0
  8. package/dist/components/organisms/display-conditions/DisplayConditionCreateDrawer.vue.js +30 -0
  9. package/dist/components/organisms/display-conditions/DisplayConditionCreateDrawer.vue2.js +71 -0
  10. package/dist/components/organisms/display-conditions/DisplayConditionSelectDrawer.vue.js +34 -0
  11. package/dist/components/organisms/display-conditions/DisplayConditionSelectDrawer.vue2.js +57 -0
  12. package/dist/components/organisms/display-conditions/DisplayConditionsHost.vue.js +17 -0
  13. package/dist/components/organisms/display-conditions/DisplayConditionsHost.vue2.js +22 -0
  14. package/dist/composables/useBlocksConfig.js +32 -24
  15. package/dist/composables/useDisplayConditions.js +102 -0
  16. package/dist/composables/useModuleRepair.js +23 -32
  17. package/dist/config/compiler/utils/recommendationCompilerUtils.js +55 -53
  18. package/dist/config/migrator/index.js +9 -10
  19. package/dist/enums/academy.js +2 -2
  20. package/dist/enums/display-condition.js +12 -0
  21. package/dist/extensions/Blocks/Recommendation/block.js +52 -37
  22. package/dist/extensions/Blocks/Recommendation/controls/image/index.js +76 -16
  23. package/dist/extensions/Blocks/Recommendation/utils/captureStyleTemplates.js +16 -15
  24. package/dist/extensions/DisplayConditions/bridge.js +17 -0
  25. package/dist/extensions/DisplayConditions/constants.js +17 -0
  26. package/dist/extensions/DisplayConditions/control.js +178 -0
  27. package/dist/extensions/DisplayConditions/display-conditions.css.js +201 -0
  28. package/dist/extensions/DisplayConditions/extension.js +28 -0
  29. package/dist/extensions/DisplayConditions/iconsRegistry.js +20 -0
  30. package/dist/extensions/DisplayConditions/library.js +27 -0
  31. package/dist/extensions/DisplayConditions/settingsPanel.js +17 -0
  32. package/dist/guido.css +1 -1
  33. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +93 -92
  34. package/dist/node_modules/valibot/dist/index.js +297 -261
  35. package/dist/services/displayConditionApi.js +39 -0
  36. package/dist/src/@types/config/schemas.d.ts +4 -4
  37. package/dist/src/@types/display-condition.d.ts +59 -0
  38. package/dist/src/components/organisms/display-conditions/CodeEditorField.vue.d.ts +43 -0
  39. package/dist/src/components/organisms/display-conditions/DisplayConditionSelectDrawer.vue.d.ts +2 -0
  40. package/dist/src/components/organisms/display-conditions/DisplayConditionsHost.vue.d.ts +2 -0
  41. package/dist/src/composables/useConfig.d.ts +2 -2
  42. package/dist/src/composables/useDisplayConditions.d.ts +16 -0
  43. package/dist/src/composables/useModuleRepair.d.ts +11 -2
  44. package/dist/src/enums/academy.d.ts +1 -1
  45. package/dist/src/enums/display-condition.d.ts +15 -0
  46. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +2 -0
  47. package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts +31 -17
  48. package/dist/src/extensions/DisplayConditions/bridge.d.ts +6 -0
  49. package/dist/src/extensions/DisplayConditions/constants.d.ts +14 -0
  50. package/dist/src/extensions/DisplayConditions/control.d.ts +23 -0
  51. package/dist/src/extensions/DisplayConditions/extension.d.ts +2 -0
  52. package/dist/src/extensions/DisplayConditions/iconsRegistry.d.ts +4 -0
  53. package/dist/src/extensions/DisplayConditions/library.d.ts +8 -0
  54. package/dist/src/extensions/DisplayConditions/settingsPanel.d.ts +5 -0
  55. package/dist/src/mock/api/display-conditions.d.ts +2 -0
  56. package/dist/src/services/displayConditionApi.d.ts +8 -0
  57. package/dist/src/stores/config.d.ts +166 -20
  58. package/dist/src/stores/display-condition.d.ts +81 -0
  59. package/dist/src/stores/editor.d.ts +0 -25
  60. package/dist/src/utils/displayCondition.d.ts +10 -0
  61. package/dist/src/utils/protectTableText.d.ts +2 -0
  62. package/dist/stores/config.js +13 -6
  63. package/dist/stores/display-condition.js +28 -0
  64. package/dist/stores/editor.js +14 -15
  65. package/dist/utils/displayCondition.js +26 -0
  66. package/dist/utils/pairProductVariables.js +15 -14
  67. package/dist/utils/protectTableText.js +22 -0
  68. package/package.json +1 -1
  69. package/dist/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js +0 -17
  70. package/dist/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue2.js +0 -30
  71. package/dist/config/migrator/legacyUnsubscribeTextMigrator.js +0 -16
  72. package/dist/src/config/migrator/legacyUnsubscribeTextMigrator.d.ts +0 -1
  73. package/dist/src/utils/legacyUnsubscribeConversion.d.ts +0 -10
  74. package/dist/utils/legacyUnsubscribeConversion.js +0 -49
  75. /package/dist/src/components/organisms/{unsubscribe/LegacyUnsubscribeConvertedModal.vue.d.ts → display-conditions/DisplayConditionCreateDrawer.vue.d.ts} +0 -0
@@ -0,0 +1,39 @@
1
+ import { useHttp as p } from "../composables/useHttp.js";
2
+ import { SavedDisplayConditionSchema as y, DisplayConditionListResponseSchema as S } from "../@types/display-condition.js";
3
+ import { parse as r } from "../node_modules/valibot/dist/index.js";
4
+ const s = "/email-proxy/v1/display-conditions", u = 100, P = () => {
5
+ const { get: c, post: m, delete: l } = p(), i = async (t, e) => {
6
+ const o = new URLSearchParams({
7
+ page: String(e),
8
+ limit: String(u),
9
+ sortColumn: "id",
10
+ sortDirection: "desc",
11
+ "filter[syntax]": t
12
+ }), { data: n } = await c(`${s}?${o.toString()}`);
13
+ return r(S, n);
14
+ };
15
+ return { list: async (t) => {
16
+ const e = await i(t, 1), o = await Promise.all(Array.from(
17
+ { length: Math.max(e.meta.lastPage - 1, 0) },
18
+ (a, d) => i(t, d + 2)
19
+ )), n = [e, ...o].flatMap((a) => a.data);
20
+ return [...new Map(n.map((a) => [a.id, a])).values()];
21
+ }, create: async (t, e) => {
22
+ const { data: o } = await m(s, {
23
+ name: t.name.trim(),
24
+ description: t.description.trim() || null,
25
+ syntax: e,
26
+ method: "codeOnly",
27
+ codeBefore: t.codeBefore,
28
+ codeAfter: t.codeAfter
29
+ });
30
+ return r(y, o.data);
31
+ }, remove: async (t) => {
32
+ await l(`${s}/${t}`);
33
+ } };
34
+ };
35
+ export {
36
+ u as DISPLAY_CONDITIONS_PAGE_LIMIT,
37
+ s as DISPLAY_CONDITIONS_URL,
38
+ P as useDisplayConditionApi
39
+ };
@@ -384,6 +384,8 @@ export declare const UISchema: v.ObjectSchema<{
384
384
  readonly showHeader: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
385
385
  /** Custom label for back button (if shown) */
386
386
  readonly backButtonLabel: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
387
+ /** Replace Stripo's display-condition UI with the Conditions tab and create/select drawers */
388
+ readonly externalDisplayConditions: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
387
389
  }, undefined>;
388
390
  /**
389
391
  * Features configuration - enable/disable editor features
@@ -414,8 +416,6 @@ export declare const FeaturesSchema: v.ObjectSchema<{
414
416
  /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
415
417
  readonly allowSaveWithErrors: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
416
418
  readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
417
- /** Convert linkless legacy unsubscribe blocks into text blocks and warn with a modal (opt-in) */
418
- readonly legacyUnsubscribeConversion: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
419
419
  }, undefined>;
420
420
  /**
421
421
  * Default block types available in Stripo
@@ -806,6 +806,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
806
806
  readonly showHeader: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
807
807
  /** Custom label for back button (if shown) */
808
808
  readonly backButtonLabel: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
809
+ /** Replace Stripo's display-condition UI with the Conditions tab and create/select drawers */
810
+ readonly externalDisplayConditions: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
809
811
  }, undefined>, {}>;
810
812
  /** Feature toggles */
811
813
  readonly features: v.OptionalSchema<v.ObjectSchema<{
@@ -834,8 +836,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
834
836
  /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
835
837
  readonly allowSaveWithErrors: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
836
838
  readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
837
- /** Convert linkless legacy unsubscribe blocks into text blocks and warn with a modal (opt-in) */
838
- readonly legacyUnsubscribeConversion: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
839
839
  }, undefined>, {}>;
840
840
  /** Block configuration */
841
841
  readonly blocks: v.OptionalSchema<v.ObjectSchema<{
@@ -0,0 +1,59 @@
1
+ import * as v from 'valibot';
2
+ export declare const DisplayConditionSyntaxSchema: v.PicklistSchema<["liquid", "pongo"], undefined>;
3
+ export declare const DisplayConditionMethodSchema: v.PicklistSchema<["codeOnly", "logicBuilder"], undefined>;
4
+ export declare const SavedDisplayConditionSchema: v.ObjectSchema<{
5
+ readonly id: v.NumberSchema<undefined>;
6
+ readonly name: v.StringSchema<undefined>;
7
+ readonly description: v.NullishSchema<v.StringSchema<undefined>, "">;
8
+ readonly syntax: v.PicklistSchema<["liquid", "pongo"], undefined>;
9
+ readonly method: v.PicklistSchema<["codeOnly", "logicBuilder"], undefined>;
10
+ readonly codeBefore: v.StringSchema<undefined>;
11
+ readonly codeAfter: v.NullishSchema<v.StringSchema<undefined>, "">;
12
+ readonly createdAt: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
13
+ }, undefined>;
14
+ export declare const DisplayConditionListResponseSchema: v.ObjectSchema<{
15
+ readonly data: v.ArraySchema<v.ObjectSchema<{
16
+ readonly id: v.NumberSchema<undefined>;
17
+ readonly name: v.StringSchema<undefined>;
18
+ readonly description: v.NullishSchema<v.StringSchema<undefined>, "">;
19
+ readonly syntax: v.PicklistSchema<["liquid", "pongo"], undefined>;
20
+ readonly method: v.PicklistSchema<["codeOnly", "logicBuilder"], undefined>;
21
+ readonly codeBefore: v.StringSchema<undefined>;
22
+ readonly codeAfter: v.NullishSchema<v.StringSchema<undefined>, "">;
23
+ readonly createdAt: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
24
+ }, undefined>, undefined>;
25
+ readonly meta: v.ObjectSchema<{
26
+ readonly totalCount: v.NumberSchema<undefined>;
27
+ readonly perPage: v.NumberSchema<undefined>;
28
+ readonly currentPage: v.NumberSchema<undefined>;
29
+ readonly lastPage: v.NumberSchema<undefined>;
30
+ }, undefined>;
31
+ }, undefined>;
32
+ export type DisplayConditionSyntax = v.InferOutput<typeof DisplayConditionSyntaxSchema>;
33
+ export type DisplayConditionMethod = v.InferOutput<typeof DisplayConditionMethodSchema>;
34
+ export type SavedDisplayCondition = v.InferOutput<typeof SavedDisplayConditionSchema>;
35
+ export type DisplayConditionListResponse = v.InferOutput<typeof DisplayConditionListResponseSchema>;
36
+ export interface DisplayConditionDraft {
37
+ name: string;
38
+ description: string;
39
+ codeBefore: string;
40
+ codeAfter: string;
41
+ }
42
+ export type DisplayConditionSource = 'inline' | 'saved';
43
+ /** Mirrors Stripo's `DisplayCondition`; kept local so Vue code does not import the Stripo package. */
44
+ export interface AppliedDisplayCondition {
45
+ id: number;
46
+ name: string;
47
+ description: string;
48
+ beforeScript: string;
49
+ afterScript: string;
50
+ extraData?: string;
51
+ }
52
+ export type DisplayConditionOpenMode = 'select' | 'create' | 'edit';
53
+ export interface DisplayConditionOpenDetail {
54
+ mode: DisplayConditionOpenMode;
55
+ current: AppliedDisplayCondition | null;
56
+ }
57
+ export interface DisplayConditionApplyDetail {
58
+ condition: AppliedDisplayCondition | null;
59
+ }
@@ -0,0 +1,43 @@
1
+ type __VLS_Props = {
2
+ id: string;
3
+ label: string;
4
+ value: string;
5
+ placeholder?: string;
6
+ error?: string;
7
+ disabled?: boolean;
8
+ };
9
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
10
+ placeholder: string;
11
+ error: string;
12
+ disabled: boolean;
13
+ }>, {
14
+ read: () => string;
15
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
16
+ input: (value: string) => void;
17
+ }, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
18
+ placeholder: string;
19
+ error: string;
20
+ disabled: boolean;
21
+ }>>>, {
22
+ error: string;
23
+ placeholder: string;
24
+ disabled: boolean;
25
+ }>;
26
+ export default _default;
27
+ type __VLS_WithDefaults<P, D> = {
28
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
29
+ default: D[K];
30
+ }> : P[K];
31
+ };
32
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
33
+ type __VLS_TypePropsToOption<T> = {
34
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
35
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
36
+ } : {
37
+ type: import('vue').PropType<T[K]>;
38
+ required: true;
39
+ };
40
+ };
41
+ type __VLS_PrettifyLocal<T> = {
42
+ [K in keyof T]: T[K];
43
+ } & {};
@@ -0,0 +1,2 @@
1
+ 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<{}>>, {}>;
2
+ export default _default;
@@ -0,0 +1,2 @@
1
+ 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<{}>>, {}>;
2
+ export default _default;
@@ -89,6 +89,7 @@ export declare const useConfig: () => {
89
89
  ui: {
90
90
  showHeader: boolean;
91
91
  backButtonLabel?: string | undefined;
92
+ externalDisplayConditions: boolean;
92
93
  };
93
94
  features: {
94
95
  dynamicContent: boolean;
@@ -104,7 +105,6 @@ export declare const useConfig: () => {
104
105
  linkTrackingIds: boolean;
105
106
  allowSaveWithErrors: boolean;
106
107
  reusableRecommendationStrategy: boolean;
107
- legacyUnsubscribeConversion: boolean;
108
108
  };
109
109
  blocks: {
110
110
  excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -229,6 +229,7 @@ export declare const useConfig: () => {
229
229
  ui: import("vue").ComputedRef<{
230
230
  showHeader: boolean;
231
231
  backButtonLabel?: string | undefined;
232
+ externalDisplayConditions: boolean;
232
233
  } | null>;
233
234
  features: import("vue").ComputedRef<{
234
235
  dynamicContent: boolean;
@@ -244,7 +245,6 @@ export declare const useConfig: () => {
244
245
  linkTrackingIds: boolean;
245
246
  allowSaveWithErrors: boolean;
246
247
  reusableRecommendationStrategy: boolean;
247
- legacyUnsubscribeConversion: boolean;
248
248
  } | null>;
249
249
  blocks: import("vue").ComputedRef<{
250
250
  excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -0,0 +1,16 @@
1
+ import type { DisplayConditionDraft, DisplayConditionOpenDetail, SavedDisplayCondition } from '@@/Types/display-condition';
2
+ export type DraftField = keyof DisplayConditionDraft;
3
+ export type DraftErrors = Partial<Record<DraftField, string>>;
4
+ export type CreateIntent = 'inline' | 'save';
5
+ export declare const useDisplayConditions: () => {
6
+ syntax: import("vue").ComputedRef<"liquid" | "pongo">;
7
+ handleOpen: (detail: DisplayConditionOpenDetail) => void;
8
+ cancel: () => void;
9
+ loadList: () => Promise<void>;
10
+ validate: (draft: DisplayConditionDraft) => DraftErrors;
11
+ notifyInvalid: () => void;
12
+ createInline: (draft: DisplayConditionDraft) => void;
13
+ createAndSave: (draft: DisplayConditionDraft) => Promise<DraftErrors | null>;
14
+ select: (row: SavedDisplayCondition) => void;
15
+ deleteSaved: (row: SavedDisplayCondition) => Promise<void>;
16
+ };
@@ -1,8 +1,17 @@
1
1
  import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
2
2
  export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
3
3
  /**
4
- * Repairs dropped/copied saved modules (items currency, linkless legacy unsubscribe → text block,
5
- * dynamic-content labels → tokens) in one write-back; wired via Stripo's `onModuleAdd` (see `useStripo`).
4
+ * Repairs saved modules as they are dropped or copied into the editor, in one pass
5
+ * over the module HTML. Two independent repairs run through a single write-back:
6
+ *
7
+ * - Dynamic content: saved modules serialize merge-tag chips by their display label
8
+ * (`{{ Phone Number }}`); this maps them back to their canonical token
9
+ * (`{{phone_number}}`) using the account's dynamic-content list.
10
+ * - Items currency: v2 Items blocks can carry price `data-curency` /
11
+ * `data-currency_symbol` attrs that drifted from their `esd-ext-config`; these are
12
+ * healed from config (the export contract reads those exact attrs).
13
+ *
14
+ * Wired into Stripo via the `onModuleAdd` init callback (see `useStripo`).
6
15
  */
7
16
  export declare const useModuleRepair: () => {
8
17
  handleModuleAdd: (data: ModuleAddData, modifier: ModuleModifier) => void;
@@ -8,7 +8,7 @@ export declare const ACADEMY_LINKS: {
8
8
  readonly EMAIL_EDITOR: "https://academy.insiderone.com/docs/email-drag-and-drop-editor";
9
9
  readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
10
10
  readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
11
+ readonly EMAIL_DISPLAY_CONDITIONS: "https://academy.insiderone.com/docs/new-editor-add-display-conditions-to-an-email";
11
12
  readonly EMAIL_RECOMMENDATION_BLOCK: "https://academy.insiderone.com/docs/new-editor-email-recommendation-block";
12
- readonly LEGACY_UNSUBSCRIBE_MODULE: "https://academy.insiderone.com/docs/new-editor-add-unsubscribe-pages-into-emails";
13
13
  };
14
14
  export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;
@@ -0,0 +1,15 @@
1
+ export declare enum DisplayConditionEvent {
2
+ OPEN = "display-condition:open",
3
+ APPLY = "display-condition:apply",
4
+ CANCEL = "display-condition:cancel"
5
+ }
6
+ export declare enum DisplayConditionSourceType {
7
+ INLINE = "inline",
8
+ SAVED = "saved"
9
+ }
10
+ export declare const DISPLAY_CONDITION_LIMITS: {
11
+ readonly NAME_MIN: 2;
12
+ readonly NAME_MAX: 40;
13
+ readonly DESCRIPTION_MAX: 200;
14
+ readonly CODE_MAX: 65535;
15
+ };
@@ -64,6 +64,8 @@ export declare class RecommendationBlock extends Block {
64
64
  * @param node - The block node being deleted
65
65
  */
66
66
  onDelete(node: ImmutableHtmlNode): void;
67
+ private _ensureMobileFitRule;
68
+ private _syncHeightBound;
67
69
  /**
68
70
  * Warns (dark advisory toaster) when the design holds more than one live
69
71
  * recommendation block. Triggered from the user-add paths only (fresh drop
@@ -3,35 +3,49 @@
3
3
  *
4
4
  * Controls for styling the product image element in recommendation cards.
5
5
  */
6
+ import type { CssNodeModifier, HtmlNodeModifier, ImmutableCssNode, ImmutableHtmlNode, TemplateModifier } from '@stripoinc/ui-editor-extensions';
7
+ import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
8
+ interface FitRuleApi {
9
+ getDocumentRootCssNode: () => ImmutableCssNode | null;
10
+ getDocumentModifier: () => TemplateModifier<HtmlNodeModifier, CssNodeModifier>;
11
+ }
12
+ export declare function ensureMobileFitRule(api: FitRuleApi, block: ImmutableHtmlNode): void;
13
+ export declare function syncHeightBound(api: Pick<FitRuleApi, 'getDocumentModifier'>, block: ImmutableHtmlNode): void;
14
+ declare const SizeControl_base: {
15
+ new (): {
16
+ getId(): string;
17
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
18
+ getParentControlId(): string;
19
+ api: import("@stripoinc/ui-editor-extensions").ControlApi;
20
+ getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
21
+ getModificationDescription(): ModificationDescription | undefined;
22
+ getAdditionalModifications(_root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
23
+ isVisible(_node: ImmutableHtmlNode): boolean;
24
+ getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
25
+ };
26
+ };
27
+ declare class SizeControl extends SizeControl_base {
28
+ getAdditionalModifications(root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
29
+ private getFitStyles;
30
+ }
6
31
  /**
7
32
  * Grouped Image Controls
8
33
  * Use this object for cleaner imports in extension.ts
9
34
  */
10
35
  export declare const ImageControls: {
11
- readonly size: {
12
- new (): {
13
- getId(): string;
14
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
15
- getParentControlId(): string;
16
- api: import("@stripoinc/ui-editor-extensions").ControlApi;
17
- getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
18
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
19
- 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;
20
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
21
- getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
22
- };
23
- };
36
+ readonly size: typeof SizeControl;
24
37
  readonly margins: {
25
38
  new (): {
26
39
  getId(): string;
27
- getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
40
+ getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
28
41
  getParentControlId(): string;
29
42
  api: import("@stripoinc/ui-editor-extensions").ControlApi;
30
43
  getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
31
- getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
32
- 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;
33
- isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
44
+ getModificationDescription(): ModificationDescription | undefined;
45
+ getAdditionalModifications(_root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
46
+ isVisible(_node: ImmutableHtmlNode): boolean;
34
47
  getElementLockCategory(): import("@stripoinc/ui-editor-extensions").ElementLockCategory | undefined;
35
48
  };
36
49
  };
37
50
  };
51
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { AppliedDisplayCondition, DisplayConditionOpenDetail } from '@@/Types/display-condition';
2
+ export interface ConditionRequestHandlers {
3
+ onApply: (condition: AppliedDisplayCondition | null) => void;
4
+ onCancel?: () => void;
5
+ }
6
+ export declare const requestDisplayCondition: (detail: DisplayConditionOpenDetail, handlers: ConditionRequestHandlers) => void;
@@ -0,0 +1,14 @@
1
+ import { BlockType } from '@stripoinc/ui-editor-extensions';
2
+ export declare const CONDITIONS_TAB_ID = "conditions";
3
+ export declare const CONDITIONS_CONTROL_ID = "guido-display-conditions-control";
4
+ export declare const MAX_COLLAPSED_LINES = 10;
5
+ export declare const CONDITION_BLOCK_TYPES: readonly [BlockType.STRIPE, BlockType.STRUCTURE, BlockType.CONTAINER];
6
+ export declare const CONDITION_ICONS: {
7
+ readonly PLUS: "guido-display-condition-plus";
8
+ readonly EDIT: "guido-display-condition-edit";
9
+ readonly TRASH: "guido-display-condition-trash";
10
+ readonly CHEVRON: "guido-display-condition-chevron";
11
+ };
12
+ export declare const BUILT_IN_CONDITION_CONTROLS: string[];
13
+ export declare const EMPTY_DESCRIPTION: string;
14
+ export declare const APPLIED_DESCRIPTION: string;
@@ -0,0 +1,23 @@
1
+ import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
+ import { CommonControl } from '@@/Extensions/Blocks/common-control';
3
+ export declare class DisplayConditionsControl extends CommonControl {
4
+ private expanded;
5
+ private listeners;
6
+ private resizeObserver;
7
+ private detachOutsideClick;
8
+ getId(): string;
9
+ getTemplate(): string;
10
+ onRender(): void;
11
+ onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
12
+ onDestroy(): void;
13
+ private getCondition;
14
+ private toggleMenu;
15
+ private listenOutsideClick;
16
+ private openDrawer;
17
+ private applyCondition;
18
+ private wire;
19
+ private teardown;
20
+ private observeCodeSize;
21
+ private paint;
22
+ private collapsedHeight;
23
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
2
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import { IconsRegistry } from '@stripoinc/ui-editor-extensions';
2
+ export declare class DisplayConditionsIconsRegistry extends IconsRegistry {
3
+ registerIconsSvg(iconsMap: Record<string, string>): void;
4
+ }
@@ -0,0 +1,8 @@
1
+ import type { DisplayCondition, ExternalDisplayConditionSelectedCB } from '@stripoinc/ui-editor-extensions';
2
+ import { ExternalDisplayConditionsLibrary } from '@stripoinc/ui-editor-extensions';
3
+ export declare class DisplayConditionsLibrary extends ExternalDisplayConditionsLibrary {
4
+ getCategoryName(): string;
5
+ openExternalDisplayConditionsDialog(currentCondition: DisplayCondition, successCallback: ExternalDisplayConditionSelectedCB, cancelCallback: () => void): void;
6
+ getIsContextActionEnabled(): boolean;
7
+ getContextActionIndex(): number;
8
+ }
@@ -0,0 +1,5 @@
1
+ import type { SettingsPanelTab as SettingsPanelTabType } from '@stripoinc/ui-editor-extensions';
2
+ import { SettingsPanelRegistry } from '@stripoinc/ui-editor-extensions';
3
+ export declare class DisplayConditionsSettingsPanel extends SettingsPanelRegistry {
4
+ registerBlockControls(blockControlsMap: Record<string, SettingsPanelTabType[]>): void;
5
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("msw").HttpHandler[];
2
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import type { DisplayConditionDraft, DisplayConditionSyntax, SavedDisplayCondition } from '@@/Types/display-condition';
2
+ export declare const DISPLAY_CONDITIONS_URL = "/email-proxy/v1/display-conditions";
3
+ export declare const DISPLAY_CONDITIONS_PAGE_LIMIT = 100;
4
+ export declare const useDisplayConditionApi: () => {
5
+ list: (syntax: DisplayConditionSyntax) => Promise<SavedDisplayCondition[]>;
6
+ create: (draft: DisplayConditionDraft, syntax: DisplayConditionSyntax) => Promise<SavedDisplayCondition>;
7
+ remove: (id: number) => Promise<void>;
8
+ };