@useinsider/guido 3.17.0-beta.6255bfc → 3.17.0-beta.77567eb

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -1,188 +0,0 @@
-const n = `/* Recommendation Strategy section of the recommendation block's settings panel
-   (SD-149105). Scoped to the section's own classes/ids so nothing leaks into
-   other blocks' controls. Measurements come from the Figma frames
-   4880:44449 (empty) and 4826:7513 (assigned). */
-
-.strategy-control-header {
-    padding: 16px 16px 0;
-}
-
-.strategy-control-title {
-    margin: 0;
-    color: var(--guido-color-gray-800);
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 24px;
-}
-
-.strategy-control-description-row {
-    padding: 8px 16px 16px;
-}
-
-.strategy-control-description {
-    margin: 0;
-    color: var(--guido-color-gray-600);
-    font-size: 13px;
-    line-height: 16px;
-}
-
-.strategy-control-description a {
-    color: var(--guido-color-primary-500);
-    text-decoration: underline;
-}
-
-/* Assign + Create are two fixed 180px columns, left-aligned — not a stretched
-   half-and-half. The ancestor is load-bearing: it out-specifies the editor's own
-   \`.container.two-columns\` grid, which otherwise wins and leaves the CTAs uneven. */
-.recommendation-controls-container .container.strategy-control-cta-row {
-    grid-template-columns: repeat(2, minmax(0, 180px));
-    justify-content: start;
-    gap: 16px;
-    padding: 0 16px 16px;
-}
-
-/* The editor's grid does not stretch its items and the visible pill is the inner
-   \`.button\`, not the \`ue-button\` host — so both need the width or the two CTAs
-   come out sized to their own captions. */
-.strategy-control-cta {
-    width: 100%;
-}
-
-.strategy-control-cta > .button {
-    display: flex;
-    gap: 8px;
-    justify-content: center;
-    width: 100%;
-    border: none;
-    font-size: 15px;
-    font-weight: 400;
-    line-height: 24px;
-    white-space: nowrap;
-}
-
-/* Secondary action keeps full contrast while disabled — the round trip ships
-   in a later phase, but the design shows it as a normal grey button. */
-.strategy-control-cta.primary > .button:disabled,
-.strategy-control-cta.primary > .button.disabled {
-    opacity: 1;
-    color: var(--guido-color-gray-800);
-    cursor: default;
-}
-
-/* The assigned strategy's name sits in a band that spans the whole panel, so it
-   carries its own 16px inset instead of inheriting the section's. */
-.strategy-control-name-band {
-    display: flex;
-    align-items: center;
-    min-height: 48px;
-    padding: 0 16px;
-    background-color: var(--guido-color-gray-0);
-}
-
-.strategy-control-name {
-    color: var(--guido-color-gray-800);
-    font-size: 15px;
-    font-weight: 600;
-    line-height: 24px;
-}
-
-.strategy-control-actions {
-    display: flex;
-    align-items: center;
-    padding: 16px;
-}
-
-.strategy-control-action {
-    display: inline-flex;
-    align-items: center;
-    padding: 0;
-    border: none;
-    background: none;
-    font-size: 15px;
-    font-weight: 400;
-    line-height: 24px;
-    cursor: pointer;
-}
-
-/* The label carries the gap on both sides, which is also what separates Change
-   from Remove — matching the design's button wrappers. */
-.strategy-control-action > span {
-    padding: 0 8px;
-}
-
-/* Icons are masks rather than inline SVG — Stripo rebuilds the control markup
-   through Angular, which recreates <svg> outside the SVG namespace so it never
-   paints. A mask is a background, so it survives that round trip. The glyphs
-   live in static/assets/icons and reach these vars via useCustomInterfaceAppearance. */
-.strategy-control-action::before,
-.strategy-control-cta.on > .button::before {
-    content: '';
-    flex: none;
-    width: 24px;
-    height: 24px;
-    background-color: currentcolor;
-    mask-repeat: no-repeat;
-    mask-position: center;
-}
-
-/* The design system's \`line-change\` glyph fills its 24px box; the 20px glyphs
-   are centred inside the same box, as the design draws them. */
-.strategy-control-action--change::before {
-    mask-size: 24px 24px;
-    mask-image: var(--guido-icon-line-change);
-}
-
-.strategy-control-action--remove::before {
-    mask-size: 20px 20px;
-    mask-image: var(--guido-icon-line-delete);
-}
-
-.strategy-control-cta.on > .button::before {
-    mask-size: 20px 20px;
-    mask-image: var(--guido-icon-line-plus);
-}
-
-.strategy-control-action--change {
-    color: var(--guido-color-primary-500);
-}
-
-.strategy-control-action--remove {
-    color: var(--guido-color-danger-500);
-}
-
-.strategy-control-action:hover {
-    text-decoration: underline;
-}
-
-/* Per-block controls (SD-149105). With the flag on the panel carries BOTH the
-   legacy and the strategy controls — Stripo reuses one panel across blocks of
-   the same type and never re-runs getTemplate() on a switch — and
-   \`.strategy-block\` picks which set the selected block shows. */
-.recommendation-controls-container:not(.strategy-block) .strategy-control-container,
-.recommendation-controls-container.strategy-block .product-count-control-container,
-.recommendation-controls-container.strategy-block .algorithm-control-container,
-.recommendation-controls-container.strategy-block .filters-control-container,
-.recommendation-controls-container.strategy-block .shuffle-control-container {
-    display: none;
-}
-
-/* The RRS panel's order (Figma 4826:7513) is the legacy DOM order with these
-   two sent to the end; everything else already lands where the design wants it.
-   Only \`.strategy-block\` becomes a flex container, so a legacy block keeps plain
-   block flow and stays exactly what it is with the flag off. */
-.recommendation-controls-container.strategy-block {
-    display: flex;
-    flex-direction: column;
-}
-
-.recommendation-controls-container.strategy-block .price-placement-control-container {
-    order: 1;
-}
-
-.recommendation-controls-container.strategy-block .product-layout-control-container {
-    order: 2;
-}
-`;
-export {
-  n as default
-};

package/dist/utils/strategyInfoBox.js

@@ -1,37 +0,0 @@
-import { useTranslations as m } from "../composables/useTranslations.js";
-import { formatShortDate as u } from "./dateUtil.js";
-import { escapeHtml as c } from "./htmlEscape.js";
-const n = "assign-strategy-info-box", a = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : "", p = (e, t) => {
-  const r = a(e.algorithm) === "MIXED" ? t("discovery-strategy.mixed-algorithm") : t("discovery-strategy.single-algorithm"), i = a(e.algorithm_used).split(",").map((o) => o.trim()).filter(Boolean).map((o) => t(`recommendation-algorithm-names.${o.replaceAll("_", "-").toLowerCase()}`));
-  return i.length ? `${r} · ${i.join(", ")}` : r;
-}, g = (e, t) => [
-  [e.exclude_view, "discovery-strategy.exclude-recently-view-items"],
-  [e.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
-  [e.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
-].filter(([r]) => Number(r) === 1).map(([, r]) => t(r)).join(", "), h = (e) => a(
-  e.manual_merchandising || e.manual_merchandising_products
-).trim(), _ = (e) => {
-  const t = e.filters;
-  if (!t)
-    return 0;
-  try {
-    const r = typeof t == "string" ? JSON.parse(t) : t;
-    return Array.isArray(r) ? r.reduce((i, o) => i + (Array.isArray(o) ? o.length : 1), 0) : 0;
-  } catch {
-    return 0;
-  }
-}, s = (e, t) => `<div class="${n}__row"><span class="${n}__label">${c(e)}</span><span class="${n}__value">${c(t)}</span></div>`, v = (e, t = m()) => {
-  const r = t("recommendation-strategy.none"), i = a(e.updated_at || e.created_at), o = _(e), d = i ? c(t("recommendation-strategy.last-updated-on", { value: u(i) })) : "", l = d ? `<div class="${n}__updated">${d}</div>` : "";
-  return {
-    id: `strategy-info-${e.strategy_id}`,
-    theme: "light",
-    variant: "information",
-    className: n,
-    titleText: c(a(e.name)),
-    descriptionText: l + s(t("gpt-app-builder.algorithms-and-method"), p(e, t)) + s(t("gpt-app-builder.exclusions"), g(e, t) || r) + s(t("discovery-strategy.filters"), o ? String(o) : r) + s(t("action-builder.manual-merchandising"), h(e) || r)
-  };
-};
-export {
-  n as STRATEGY_INFO_BOX_CLASS,
-  v as buildStrategyInfoBoxProps
-};