@useinsider/guido 3.12.0-beta.00cbb4c → 3.12.0-beta.19da4fb

package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts

@@ -54,6 +54,13 @@ export interface RecommendationNodeConfig {
      * @example 'mostPopular', 'complementaryItems', 'manualMerchandising'
      */
     strategy: string;
+    /**
+     * Reusable Recommendation Strategy (RRS) id from Smart Recommender.
+     * Empty string means no strategy is assigned.
+     * Only used when the `reusableRecommendationStrategy` feature is enabled;
+     * when set, it supersedes `strategy` for building the recommendation URL.
+     */
+    strategyId: string;
     /**
      * Product IDs for manual merchandising strategy
      * Only used when strategy === 'manualMerchandising'

package/dist/src/extensions/Blocks/Recommendation/utils/strategyHumanizer.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Renders one RRS filter condition as readable text for the detail drawer.
+ *
+ * Ported from design-system-organisms
+ * `src/organisms/OrgStrategyDetailModal/helpers/humanizer.helper.ts` (branch `develop`).
+ *
+ * Two deliberate deviations from the source:
+ *
+ * 1. `trans` is injected rather than read from a module-level `translations` object,
+ *    so this stays pure and testable and picks up Guido's editor-config translations.
+ * 2. The source wraps every date in `getUnixTimestampFromDate(...)` before formatting.
+ *    Guido's `formatShortDate` already accepts a raw date string via
+ *    `convertToDateObject`, so that conversion hop is dropped rather than reimplemented.
+ *
+ * This humanizes the same JSON as `strategySummary.ts` but for a different surface —
+ * see the note in `@@/Enums/extensions/strategyDetail` on why the operator tables differ.
+ */
+import type { RrsDetailCondition } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations()`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
+export interface TimeUnitOption {
+    text: string;
+    value: string;
+}
+export declare const capitalizeFirstLetter: (text: string) => string;
+export declare const getUserEventLabel: (userEvent: string, trans: TranslateFn) => string;
+/** Describes a user-attribute or user-event condition, e.g. "Users' last viewed 3 items". */
+export declare const getUserContextValue: (condition: RrsDetailCondition, trans: TranslateFn) => string;
+/** Renders a `7d`-style duration as " in last 7 days", or '' when absent or malformed. */
+export declare const getDurationSuffix: (duration: string | undefined, timeUnitOptions: TimeUnitOption[], trans: TranslateFn) => string;
+export interface SuitableValueParams {
+    condition: RrsDetailCondition;
+    selectedOperator: string;
+    filterValue: string;
+    timeUnit: string;
+    inBetweenValues: string[];
+    timeUnitOptions: TimeUnitOption[];
+    isDateAttribute: () => boolean;
+    isMultiSelect: () => boolean;
+    isInOrNotInOperator: () => boolean;
+    trans: TranslateFn;
+}
+export declare const bracketJoin: (items: string[], and: string) => string;
+/**
+ * A multi-select condition stores its values either as a JSON array or, on older
+ * strategies, as a bare comma-separated string. Both must humanize the same way.
+ */
+export declare const parseMultiSelectValue: (value: string) => string[];
+export declare function getSuitableValue(params: SuitableValueParams): string;
+export {};

package/dist/src/extensions/Blocks/Recommendation/utils/strategyInfoBox.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Builds the `infoBoxProps` an `InSelect` option needs to show the strategy hover
+ * card — the frame around `StrategyInfoBox.vue`'s four rows.
+ *
+ * Port of discovery-strategies-fe `src/utils/strategyInfoBox.js`, kept to the same
+ * field names so the two stay diff-able. The `view-more` button carries the
+ * strategy id as its `value`, which `InSelect` hands back on `infoBoxButtonClick`.
+ */
+import type { RrsStrategy } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations().trans`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
+export declare const VIEW_MORE_BUTTON_ID = "view-more";
+export interface StrategyInfoBoxProps {
+    id: string;
+    theme: string;
+    variant: string;
+    titleText: string;
+    descriptionText: string;
+    buttonOptions: {
+        id: string;
+        type: string;
+        text: string;
+        value: string;
+        status: string;
+        icon: string;
+    }[];
+    slot: unknown;
+    slotProps: {
+        strategy: RrsStrategy;
+    };
+}
+export declare const buildStrategyInfoBoxProps: (strategy: RrsStrategy, trans: TranslateFn, slot: unknown) => StrategyInfoBoxProps;
+export {};

package/dist/src/extensions/Blocks/Recommendation/utils/strategyNavigation.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Smart Recommender pages live outside the editor. The task spec is explicit that
+ * Create and Edit open in the *same* tab and that the flow finishes over there —
+ * there is no return trip, so nothing is stashed before leaving.
+ *
+ * ponytail: a full page load, not a router push. Guido has no router and is
+ * embedded in inone; whatever unload handling the host registers still applies.
+ */
+export declare const navigateToStrategyPage: (path: string) => void;
+export declare const buildStrategyEditPath: (id: string | number) => string;

package/dist/src/extensions/Blocks/Recommendation/utils/strategySummary.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Human-readable summary of a Reusable Recommendation Strategy (RRS).
+ *
+ * Ported from discovery-strategies-fe
+ * `src/components/atoms/GptAppBuilder/StrategyInfoBoxContent.composition.vue`.
+ *
+ * The source is a Vue SFC whose template is fourteen lines of plain `<div>`s over
+ * a `{ title, value }[]` computed. Only the computed carries meaning, so the port
+ * is a pure function instead: the panel renders it as an HTML string and the
+ * detail drawer renders it as components, both from this one implementation.
+ *
+ * Produces four rows — Algorithms and Method, Exclusions, Filters, Manual
+ * Merchandising — each truncated with "and N more." and falling back to
+ * `recommendation-strategy.none` when empty.
+ *
+ * `trans` is injected rather than pulled from `useTranslations()` so this stays a
+ * pure function: no composable lifetime to reason about, and tests need no config.
+ */
+import type { RrsStrategy, RrsSummaryRow } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations().trans`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
+/**
+ * `TOP_SELLERS` -> `recommendation-algorithm-names.top-sellers`.
+ * A pure string transform — Smart Recommender has no algorithm lookup table.
+ */
+export declare const getAlgorithmTranslationKey: (algorithm: string) => string;
+export declare const getMethodTranslationKey: (algorithm: string) => string;
+/**
+ * Builds the four-row summary shown beside the strategy dropdown.
+ * @param strategy - A strategy row as returned by the RRS listing endpoint.
+ * @param trans - Translation lookup, e.g. `useTranslations().trans`.
+ */
+export declare const buildStrategySummary: (strategy: RrsStrategy, trans: TranslateFn) => RrsSummaryRow[];
+export {};

package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts

@@ -7,13 +7,20 @@ import type { Currency, Languages } from '@@/Types/recommendation';
 export interface ExtensionStoreSlice {
     languages: Languages;
     currencyList: Currency[];
+    /** Whether the `reusableRecommendationStrategy` feature is enabled. */
+    isRrsEnabled: boolean;
+    /** Ids of the strategies Smart Recommender currently offers for email. */
+    strategyIds: string[];
+    /** False while the strategy listing is unavailable, when nothing can be judged. */
+    canValidateStrategy: boolean;
 }
 export interface RequiredField {
     key: string;
     canBeEmpty?: boolean;
+    optional?: boolean;
     getValue: (config: PerBlockConfigs) => string;
     getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
-    condition?: (config: PerBlockConfigs) => boolean;
+    condition?: (config: PerBlockConfigs, store: ExtensionStoreSlice) => boolean;
 }
 export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
 export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -9,3 +9,4 @@ export declare const DATA_ATTRIBUTES: {
     readonly BLOCK_ID: "data-unsubscribe-block-id";
 };
 export declare const UNSUBSCRIBE_BLOCK_SELECTOR = ".unsubscribe-block-v2";
+export declare const UNSUBSCRIBE_LINK_SELECTOR = "a[data-unsubscribe-link=\"true\"], a.unsubscribe-link";

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -115,6 +115,42 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
         isVisible(_node: ImmutableHtmlNode): boolean;
     };
 };
+/**
+ * Factory for a background-color control that paints a whole extension block (SD-145082).
+ *
+ * Base is `ButtonBackgroundColorBuiltInControl` because its `GENERAL.BACKGROUND_COLOR` form key
+ * round-trips through `getValues()`; the block-text base (`TextBlockBackgroundBuiltInControl`, the
+ * built-in this replaces) reports `textBlockBackgroundColor`, which our read path never sees. That
+ * borrowed base targets the block's Buy buttons, so `getTargetNodes` here is a GUARD that keeps it
+ * off the buttons — not the write path.
+ *
+ * The write is entirely ours (`getAdditionalModifications`): Stripo's built-in emits a stylesheet
+ * rule that inline styles from regeneration outrank (SD-143023), so it would silently no-op on the
+ * next edit. We write inline `background-color` + `bgcolor` on the block `<td>` instead — surviving
+ * regeneration and reaching Outlook, matching the migrator's convention.
+ */
+export declare function createBlockBackgroundColorControl(controlId: string, blockRootSelector?: string): {
+    new (): {
+        getId(): string;
+        /** The parent control renders its own generic title; restore the block-level wording. */
+        getLabels(): {
+            title: string;
+        };
+        /** Guard: redirect the borrowed button parent onto the block `<td>` so it never paints the Buy buttons. */
+        getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+        /**
+         * Writes the picked background onto the block as an inline style plus a `bgcolor`
+         * attribute. This is the whole mechanism, not a mirror: the parent control's own
+         * write never reaches the block element (verified at runtime). `bgcolor` is the
+         * channel Outlook honours on a `<td>`, and matches what the migrator emits.
+         */
+        getAdditionalModifications(root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        isVisible(_node: ImmutableHtmlNode): boolean;
+    };
+};
 /**
  * Factory function to create paddings controls for different block elements
  * When targetBlockId and containerSelector are not provided, applies directly to root

package/dist/src/mock/api/recommendation-strategies.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/src/services/recommendationApi.d.ts

@@ -1,6 +1,13 @@
-import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams } from '@@/Types/recommendation';
+import type { InitialResponse, FiltersResponse, RecommendationProduct, RecommendationProductsParams, RrsCampaign, RrsStrategy, RrsStrategyUrl } from '@@/Types/recommendation';
+/** Translation lookup, matching `useTranslations()`. */
+type TranslateFn = (key: string, params?: Record<string, string | number | boolean>) => string;
 export declare const useRecommendationApi: () => {
+    duplicateStrategy: (strategyId: string) => Promise<string | null>;
     fetchRecommendationCreateData: () => Promise<InitialResponse>;
     fetchRecommendationFilters: () => Promise<FiltersResponse>;
     fetchRecommendationProducts: (strategy: string, params: RecommendationProductsParams) => Promise<RecommendationProduct[]>;
+    fetchRecommendationStrategies: () => Promise<RrsStrategy[]>;
+    fetchStrategyCampaigns: (strategyId: string, trans: TranslateFn) => Promise<RrsCampaign[]>;
+    fetchStrategyRecommendationUrl: (strategyId: string) => Promise<RrsStrategyUrl | null>;
 };
+export {};

package/dist/src/stores/config.d.ts

@@ -101,6 +101,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -238,6 +239,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -375,6 +377,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -512,6 +515,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -649,6 +653,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -786,6 +791,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -923,6 +929,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1060,6 +1067,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1197,6 +1205,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1334,6 +1343,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1471,6 +1481,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1608,6 +1619,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1745,6 +1757,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -1882,6 +1895,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -2019,6 +2033,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -2156,6 +2171,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -2293,6 +2309,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];
@@ -2430,6 +2447,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 modulesDisabled: boolean;
                 liquidSyntax: boolean;
                 autosave: boolean;
+                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 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")[];

package/dist/src/utils/genericUtil.d.ts

@@ -25,3 +25,12 @@ export declare const getCsrfToken: () => string;
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
 export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;
+/**
+ * Parses a JSON-string field, yielding `fallback` on absent or malformed input.
+ *
+ * Smart Recommender returns several strategy fields (`filters`, `base_product`, ...)
+ * as embedded JSON strings, and every surface that reads them must degrade to a
+ * sensible empty value rather than break. Shared so a hardening change (rejecting
+ * non-object payloads, logging a malformed blob) lands on all of them at once.
+ */
+export declare const parseJsonField: <T>(raw: string | undefined, fallback: T) => T;

package/dist/src/utils/urlSchemes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * URL schemes that are safe to follow from partner-authored email HTML. Shared so a
+ * future bypass fix lands in one place — the preview guard and the recommendation
+ * sanitizer both gate on it. Stored with the trailing colon to match `anchor.protocol`.
+ */
+export declare const BASE_SAFE_URL_SCHEMES: readonly string[];

package/dist/static/styles/base.css.js

@@ -10,6 +10,31 @@ ue-stripe-thumb,
     height: 100% !important;
     min-height: 0 !important;
 }
+
+/*
+ * Recommendation Strategy control. The select itself is a design-system InSelect
+ * rendered at app level and positioned over \`.strategy-control__anchor\`; only the
+ * anchor's box matters here, since it is what the overlay measures.
+ */
+.strategy-control__select-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.strategy-control__anchor {
+    flex: 1;
+    min-width: 0;
+    height: 32px;
+}
+
+.strategy-control__create-row {
+    margin-top: 8px;
+}
+
+.strategy-control__create-row .button {
+    width: 100%;
+}
 `;
 export {
   n as default

package/dist/static/styles/components/base-input.css.js

@@ -3,8 +3,12 @@ const n = `.base-input {
     border-radius: 4px;
     background-color: var(--guido-color-gray-0);
     align-items: center;
-    height: 40px;
-    max-height: 40px;
+    /* 40px is a floor, never a cap: \`.base-input\` is shared by every settings field,
+       including Stripo's own auto-height inputs (e.g. the link field) that expand on
+       focus. A fixed max-height clamped their inner box; keep 40px only as the floor. */
+    min-height: 40px;
+    height: auto;
+    max-height: none;
     box-sizing: content-box;
     outline: none;
     resize: vertical;
@@ -36,11 +40,6 @@ ue-contenteditable .base-input {
     line-height: 24px;
 }
 
-/* Image link input is auto-height; lift the fixed 40px cap so it can grow. */
-ue-contenteditable.link-autoheight-contenteditable .base-input {
-    max-height: none;
-}
-
 ue-icon-component.icon-button.icon-clear-input {
     right: 2px;
     top: 2px;

package/dist/utils/dateUtil.js

@@ -1,10 +1,19 @@
-import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
-const c = () => {
+import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 && /^\d{10}$/.test(t) ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
-};
-new Intl.DateTimeFormat().resolvedOptions().timeZone;
-const i = (t) => {
+  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), n = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: n
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -16,9 +25,13 @@ const i = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  i as formatPatchDate,
-  m as isAfterDate,
-  c as locale
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/dist/utils/genericUtil.js

@@ -58,11 +58,20 @@ const o = (l) => {
 }, i = () => {
   var l;
   return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
+}, k = (l, s) => {
+  if (!l)
+    return s;
+  try {
+    return JSON.parse(l);
+  } catch {
+    return s;
+  }
 };
 export {
   v as buildMergeTagEntries,
   f as dynamicContentToMergeTags,
   b as flattenDynamicContentList,
   i as getCsrfToken,
-  o as mergeTagToDynamicContent
+  o as mergeTagToDynamicContent,
+  k as parseJsonField
 };