@mj-biz-apps/forms-ng 0.0.0 → 0.2.0

package/dist/lib/builder/design-panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/design-panel.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,iiJAoE/B,CAAC"}

package/dist/lib/builder/design-panel.styles.js

@@ -0,0 +1,78 @@
+/**
+ * Design panel styles — plain-CSS string (the package builds with `ngc` only, no SCSS).
+ *
+ * The controls use `--mj-*` builder tokens. The PREVIEW surface (`.dp-preview-frame`
+ * and its children) styles itself with `--mjf-*` form tokens that `applyStyleTokens`
+ * sets on the host at runtime, each falling back to a `--mj-*` token — so the preview
+ * re-themes exactly like the published widget and carries no hardcoded colors.
+ */
+export const DESIGN_PANEL_STYLES = /* css */ `
+.dp { display: grid; grid-template-columns: minmax(280px, 360px) 1fr; gap: 20px; height: 100%; min-height: 0; }
+.dp-controls { overflow-y: auto; padding-right: 4px; }
+.dp-title { font-size: 0.95rem; font-weight: 700; color: var(--mj-text-primary); margin: 0 0 4px; }
+.dp-hint { font-size: 0.8125rem; color: var(--mj-text-muted); margin: 0 0 12px; }
+.dp-empty { font-size: 0.875rem; color: var(--mj-text-muted); padding: 16px 0; }
+
+/* Style picker */
+.dp-style-list { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
+.dp-style { display: flex; flex-direction: column; gap: 4px; width: 100%; text-align: left; padding: 12px 14px; cursor: pointer; font: inherit; border-radius: var(--mj-radius-md, 8px); border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card, var(--mj-bg-surface)); color: var(--mj-text-primary); }
+.dp-style:hover:not(:disabled) { border-color: var(--mj-border-strong); background: var(--mj-bg-surface-hover); }
+.dp-style.is-selected { border-color: var(--mj-brand-primary); box-shadow: 0 0 0 1px var(--mj-brand-primary); }
+.dp-style:disabled { opacity: 0.5; cursor: not-allowed; }
+.dp-style-name { font-weight: 700; }
+.dp-style-desc { font-size: 0.75rem; color: var(--mj-text-muted); }
+
+.dp-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
+.dp-status { font-size: 0.8125rem; color: var(--mj-text-secondary); margin-top: 12px; }
+
+/* Color inputs */
+.dp-color-row { display: flex; gap: 8px; align-items: center; }
+.dp-color { flex: none; width: 44px; height: 38px; padding: 2px; cursor: pointer; border-radius: var(--mj-radius-md, 8px); border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); }
+
+/* ------- Live preview surface (form tokens; each falls back to a --mj-* token) ------- */
+.dp-preview { min-width: 0; overflow-y: auto; border-radius: var(--mj-radius-lg, 12px); border: 1px solid var(--mj-border-default); }
+.dp-preview-frame {
+  min-height: 100%;
+  padding: 28px 24px;
+  font-family: var(--mjf-font-body, var(--mj-font-family, inherit));
+  color: var(--mj-text-primary);
+  background: var(--mjf-page-bg, var(--mj-bg-page));
+  background-image: var(--mjf-page-bg-image, none);
+}
+.dp-prev-logo { max-height: 40px; max-width: 160px; margin-bottom: 16px; display: block; }
+.dp-prev-eyebrow { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mjf-eyebrow, var(--mjf-accent, var(--mj-brand-primary))); margin: 0 0 6px; }
+.dp-prev-title { font-family: var(--mjf-font-display, var(--mj-font-family, inherit)); font-weight: var(--mjf-display-weight, 700); letter-spacing: var(--mjf-display-tracking, normal); font-size: 1.6rem; margin: 0 0 6px; color: var(--mj-text-primary); }
+.dp-prev-sub { color: var(--mj-text-secondary); margin: 0 0 20px; font-size: 0.9rem; }
+.dp-prev-card {
+  padding: 18px 18px 20px;
+  margin-bottom: 14px;
+  border-radius: var(--mjf-card-radius, var(--mj-radius-lg, 12px));
+  border: 1px solid var(--mjf-card-border, var(--mj-border-default));
+  background: var(--mjf-card-bg, var(--mj-bg-surface));
+  box-shadow: var(--mjf-card-shadow, none);
+  backdrop-filter: var(--mjf-card-backdrop, none);
+}
+.dp-prev-q { font-weight: 600; margin: 0 0 12px; color: var(--mj-text-primary); }
+.dp-prev-choices { display: flex; flex-wrap: wrap; gap: 8px; }
+.dp-prev-choice {
+  padding: 8px 14px; font-size: 0.85rem; font-weight: 600;
+  border-radius: var(--mjf-choice-radius, var(--mj-radius-md, 8px));
+  border: 1px solid var(--mjf-choice-border, var(--mj-border-default));
+  background: var(--mjf-choice-bg, var(--mj-bg-surface));
+  color: var(--mj-text-secondary);
+}
+.dp-prev-choice.is-on { border-color: var(--mjf-accent, var(--mj-brand-primary)); color: var(--mjf-on-accent, var(--mj-text-inverse)); background: var(--mjf-accent, var(--mj-brand-primary)); }
+.dp-prev-input { height: 40px; border-radius: var(--mjf-input-radius, var(--mj-radius-md, 8px)); border: 1px solid var(--mjf-input-border, var(--mj-border-default)); background: var(--mjf-input-bg, var(--mj-bg-surface)); }
+.dp-prev-btn {
+  margin-top: 6px; padding: 11px 22px; font: inherit; font-weight: 700; cursor: pointer;
+  border-radius: var(--mjf-btn-radius, var(--mj-radius-md, 8px)); border: none;
+  color: var(--mjf-on-accent, var(--mj-brand-on-primary, var(--mj-text-inverse)));
+  background: var(--mjf-accent-gradient, var(--mjf-accent, var(--mj-brand-primary)));
+}
+
+@media (max-width: 900px) {
+  .dp { grid-template-columns: 1fr; overflow-y: auto; }
+  .dp-preview { min-height: 360px; }
+}
+`;
+//# sourceMappingURL=design-panel.styles.js.map

package/dist/lib/builder/design-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-panel.styles.js","sourceRoot":"","sources":["../../../src/lib/builder/design-panel.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoE5C,CAAC"}

package/dist/lib/builder/design-state.service.d.ts

@@ -0,0 +1,51 @@
+import type { mjBizAppsFormsFormEntity, mjBizAppsFormsFormStyleEntity } from '@mj-biz-apps/forms-entities';
+import * as i0 from "@angular/core";
+/** A field the theme editor can persist onto a style. */
+export interface BrandEdit {
+    name?: string;
+    logoURL?: string;
+    /** Token name → value (color / font stack); applied via {@link withBrandToken}. */
+    tokens?: Record<string, string>;
+    /** Corner radius in px, applied across the four radius tokens via {@link withRadiusPx}. */
+    radiusPx?: number;
+}
+/** Result of loading the theme presets — lets the panel show a load error vs. genuinely empty. */
+export interface StyleLoadResult {
+    success: boolean;
+    styles: mjBizAppsFormsFormStyleEntity[];
+    error?: string;
+}
+/**
+ * Loads the selectable {@link mjBizAppsFormsFormStyleEntity} presets, applies a style
+ * to a form (sets `Form.StyleID`), duplicates a preset for safe editing, and persists
+ * branding-basics edits — all through generated MJ entity types (never `.Get()/.Set()`),
+ * every read `.Success`-checked and every `Save()` boolean-checked (CLAUDE.md).
+ *
+ * Instantiated per Design panel; owns no global state.
+ */
+export declare class DesignStateService {
+    private readonly md;
+    private get user();
+    /**
+     * Load the selectable theme presets (active, `DisplayRank > 0`) lowest-rank first, PLUS
+     * the form's currently-assigned style if it isn't a preset (per-form clones are saved at
+     * `DisplayRank = 0` so they don't clutter the gallery — see {@link duplicateStyle}). The
+     * result distinguishes a load failure from a genuinely empty gallery.
+     */
+    loadStyles(assignedStyleId?: string | null): Promise<StyleLoadResult>;
+    /** Load a single style by id (e.g. a form's assigned style, for previewing). */
+    loadStyleById(styleId: string): Promise<mjBizAppsFormsFormStyleEntity | null>;
+    /** Point a form at a style (or clear it). Persists `Form.StyleID`. */
+    applyStyleToForm(form: mjBizAppsFormsFormEntity, styleId: string | null): Promise<boolean>;
+    /**
+     * Duplicate a preset into a new, editable style (so shared presets stay pristine),
+     * copying every branding column. Returns the saved copy or undefined on failure.
+     */
+    duplicateStyle(source: mjBizAppsFormsFormStyleEntity): Promise<mjBizAppsFormsFormStyleEntity | undefined>;
+    /** Persist branding-basics edits (name, logo, brand tokens) onto a style. */
+    saveBranding(style: mjBizAppsFormsFormStyleEntity, edit: BrandEdit): Promise<boolean>;
+    private saveChecked;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DesignStateService>;
+}
+//# sourceMappingURL=design-state.service.d.ts.map

package/dist/lib/builder/design-state.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-state.service.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/design-state.service.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EACxB,6BAA6B,EAC9B,MAAM,6BAA6B,CAAC;;AAIrC,yDAAyD;AACzD,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,kGAAkG;AAClG,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,qBACa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAkB;IAErC,OAAO,KAAK,IAAI,GAEf;IAED;;;;;OAKG;IACU,UAAU,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,eAAe,CAAC;IA0BlF,gFAAgF;IACnE,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,6BAA6B,GAAG,IAAI,CAAC;IAQ1F,sEAAsE;IACzD,gBAAgB,CAC3B,IAAI,EAAE,wBAAwB,EAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,OAAO,CAAC,OAAO,CAAC;IAKnB;;;OAGG;IACU,cAAc,CACzB,MAAM,EAAE,6BAA6B,GACpC,OAAO,CAAC,6BAA6B,GAAG,SAAS,CAAC;IAqBrD,6EAA6E;IAChE,YAAY,CACvB,KAAK,EAAE,6BAA6B,EACpC,IAAI,EAAE,SAAS,GACd,OAAO,CAAC,OAAO,CAAC;YAgBL,WAAW;yCAxGd,kBAAkB;6CAAlB,kBAAkB;CAoH9B"}

package/dist/lib/builder/design-state.service.js

@@ -0,0 +1,108 @@
+import { Injectable } from '@angular/core';
+import { Metadata, RunView, LogError } from '@memberjunction/core';
+import { FORMS_ENTITY } from './entity-names';
+import { withBrandToken, withRadiusPx } from './style-tokens';
+import * as i0 from "@angular/core";
+/**
+ * Loads the selectable {@link mjBizAppsFormsFormStyleEntity} presets, applies a style
+ * to a form (sets `Form.StyleID`), duplicates a preset for safe editing, and persists
+ * branding-basics edits — all through generated MJ entity types (never `.Get()/.Set()`),
+ * every read `.Success`-checked and every `Save()` boolean-checked (CLAUDE.md).
+ *
+ * Instantiated per Design panel; owns no global state.
+ */
+export class DesignStateService {
+    md = new Metadata();
+    get user() {
+        return this.md.CurrentUser;
+    }
+    /**
+     * Load the selectable theme presets (active, `DisplayRank > 0`) lowest-rank first, PLUS
+     * the form's currently-assigned style if it isn't a preset (per-form clones are saved at
+     * `DisplayRank = 0` so they don't clutter the gallery — see {@link duplicateStyle}). The
+     * result distinguishes a load failure from a genuinely empty gallery.
+     */
+    async loadStyles(assignedStyleId) {
+        const gallery = 'IsActive = 1 AND DisplayRank > 0';
+        const filter = assignedStyleId ? `(${gallery}) OR ID='${assignedStyleId}'` : gallery;
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: FORMS_ENTITY.FormStyle,
+                ExtraFilter: filter,
+                OrderBy: 'DisplayRank, Name',
+                ResultType: 'entity_object',
+            }, this.user);
+            if (!result.Success) {
+                LogError(`Failed to load form styles (filter: ${filter}): ${result.ErrorMessage}`);
+                return { success: false, styles: [], error: result.ErrorMessage ?? 'Unknown error loading themes.' };
+            }
+            return { success: true, styles: result.Results ?? [] };
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            LogError(`Exception loading form styles (filter: ${filter}): ${message}`);
+            return { success: false, styles: [], error: message };
+        }
+    }
+    /** Load a single style by id (e.g. a form's assigned style, for previewing). */
+    async loadStyleById(styleId) {
+        const style = await this.md.GetEntityObject(FORMS_ENTITY.FormStyle, this.user);
+        return (await style.Load(styleId)) ? style : null;
+    }
+    /** Point a form at a style (or clear it). Persists `Form.StyleID`. */
+    async applyStyleToForm(form, styleId) {
+        form.StyleID = styleId;
+        return this.saveChecked(form, 'apply style to form');
+    }
+    /**
+     * Duplicate a preset into a new, editable style (so shared presets stay pristine),
+     * copying every branding column. Returns the saved copy or undefined on failure.
+     */
+    async duplicateStyle(source) {
+        const copy = await this.md.GetEntityObject(FORMS_ENTITY.FormStyle, this.user);
+        copy.NewRecord();
+        copy.Name = `${source.Name} (copy)`;
+        copy.Description = source.Description;
+        copy.CSSVariables = source.CSSVariables;
+        copy.CustomCSS = source.CustomCSS;
+        copy.LogoURL = source.LogoURL;
+        // DisplayRank 0 = a per-form custom style: kept out of the shared preset gallery
+        // (loadStyles shows rank > 0), surfaced only as the form's assigned style.
+        copy.DisplayRank = 0;
+        copy.IsActive = true;
+        if (!(await this.saveChecked(copy, 'duplicate style'))) {
+            return undefined;
+        }
+        return copy;
+    }
+    /** Persist branding-basics edits (name, logo, brand tokens) onto a style. */
+    async saveBranding(style, edit) {
+        if (edit.name !== undefined) {
+            style.Name = edit.name;
+        }
+        if (edit.logoURL !== undefined) {
+            style.LogoURL = edit.logoURL.trim() || null;
+        }
+        for (const [token, value] of Object.entries(edit.tokens ?? {})) {
+            style.CSSVariables = withBrandToken(style.CSSVariables, token, value);
+        }
+        if (edit.radiusPx !== undefined) {
+            style.CSSVariables = withRadiusPx(style.CSSVariables, edit.radiusPx);
+        }
+        return this.saveChecked(style, 'save branding');
+    }
+    async saveChecked(entity, action) {
+        const ok = await entity.Save();
+        if (!ok) {
+            LogError(`Forms design panel failed to ${action}: ${entity.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+        }
+        return ok;
+    }
+    static ɵfac = function DesignStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DesignStateService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DesignStateService, factory: DesignStateService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesignStateService, [{
+        type: Injectable
+    }], null, null); })();
+//# sourceMappingURL=design-state.service.js.map

package/dist/lib/builder/design-state.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-state.service.js","sourceRoot":"","sources":["../../../src/lib/builder/design-state.service.ts"],"names":[],"mappings":"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"}

package/dist/lib/builder/distribution-links.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Pure helpers for deriving the public artifacts of a distribution (slug, public
+ * URL, redeem URL, embed snippet). Kept free of Angular/MJ so they are trivially
+ * unit-testable and reusable by {@link DistributionService}.
+ */
+/** The slug-friendly respondent URL for a distribution (no anonymous session). */
+export declare function publicUrl(slug: string, baseUrl: string): string;
+/**
+ * The low-level core redeem URL for a raw token. NOTE: a browser hitting this is
+ * 302-redirected by MJ core to the Explorer shell (`magicLink.explorerUrl`) with the
+ * JWT in the fragment — WRONG for an anonymous respondent. So this is NOT the shared
+ * link; the shareable link is {@link shareUrl} (`/f/:slug`), whose route performs the
+ * redeem server-side and renders the shell-free widget. Kept only as a primitive.
+ */
+export declare function redeemUrl(token: string, baseUrl: string): string;
+/**
+ * The shareable public URL for a distribution: ALWAYS the `/f/:slug` host page. That
+ * route resolves the distribution's `PublicLinkToken` and redeems it server-side, then
+ * renders the anonymous `<mj-form>` widget — so the shared link must never be the raw
+ * `/magic-link/redeem?token=` URL (which bounces to the Explorer login shell).
+ */
+export declare function shareUrl(slug: string, baseUrl: string): string;
+/** An `<iframe>` embed snippet pointing at the shareable `/f/:slug` public URL. */
+export declare function embedSnippet(slug: string, baseUrl: string): string;
+/** Slugify a name to a URL-friendly token, falling back to a random token. */
+export declare function slugify(name: string, randomSuffix: () => string): string;
+/** Default random suffix generator (5 base-36 chars). */
+export declare function randomSuffix(): string;
+//# sourceMappingURL=distribution-links.d.ts.map

package/dist/lib/builder/distribution-links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-links.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/distribution-links.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAE/D;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,mFAAmF;AACnF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAMlE;AAED,8EAA8E;AAC9E,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,MAAM,GAAG,MAAM,CAQxE;AAED,yDAAyD;AACzD,wBAAgB,YAAY,IAAI,MAAM,CAErC"}

package/dist/lib/builder/distribution-links.js

@@ -0,0 +1,53 @@
+/**
+ * Pure helpers for deriving the public artifacts of a distribution (slug, public
+ * URL, redeem URL, embed snippet). Kept free of Angular/MJ so they are trivially
+ * unit-testable and reusable by {@link DistributionService}.
+ */
+/** Strip trailing slashes from a base URL so path joins are clean. */
+function trimBase(baseUrl) {
+    return baseUrl.replace(/\/+$/, '');
+}
+/** The slug-friendly respondent URL for a distribution (no anonymous session). */
+export function publicUrl(slug, baseUrl) {
+    return `${trimBase(baseUrl)}/f/${encodeURIComponent(slug)}`;
+}
+/**
+ * The low-level core redeem URL for a raw token. NOTE: a browser hitting this is
+ * 302-redirected by MJ core to the Explorer shell (`magicLink.explorerUrl`) with the
+ * JWT in the fragment — WRONG for an anonymous respondent. So this is NOT the shared
+ * link; the shareable link is {@link shareUrl} (`/f/:slug`), whose route performs the
+ * redeem server-side and renders the shell-free widget. Kept only as a primitive.
+ */
+export function redeemUrl(token, baseUrl) {
+    return `${trimBase(baseUrl)}/magic-link/redeem?token=${encodeURIComponent(token)}`;
+}
+/**
+ * The shareable public URL for a distribution: ALWAYS the `/f/:slug` host page. That
+ * route resolves the distribution's `PublicLinkToken` and redeems it server-side, then
+ * renders the anonymous `<mj-form>` widget — so the shared link must never be the raw
+ * `/magic-link/redeem?token=` URL (which bounces to the Explorer login shell).
+ */
+export function shareUrl(slug, baseUrl) {
+    return publicUrl(slug, baseUrl);
+}
+/** An `<iframe>` embed snippet pointing at the shareable `/f/:slug` public URL. */
+export function embedSnippet(slug, baseUrl) {
+    const url = shareUrl(slug, baseUrl);
+    return (`<iframe src="${url}" title="Form" loading="lazy" ` +
+        `style="width:100%;border:0;min-height:600px" allow="clipboard-write"></iframe>`);
+}
+/** Slugify a name to a URL-friendly token, falling back to a random token. */
+export function slugify(name, randomSuffix) {
+    const base = name
+        .toLowerCase()
+        .normalize('NFKD')
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .slice(0, 60);
+    return base.length > 0 ? base : `form-${randomSuffix()}`;
+}
+/** Default random suffix generator (5 base-36 chars). */
+export function randomSuffix() {
+    return Math.random().toString(36).slice(2, 7);
+}
+//# sourceMappingURL=distribution-links.js.map

package/dist/lib/builder/distribution-links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-links.js","sourceRoot":"","sources":["../../../src/lib/builder/distribution-links.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,sEAAsE;AACtE,SAAS,QAAQ,CAAC,OAAe;IAC/B,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACrC,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,SAAS,CAAC,IAAY,EAAE,OAAe;IACrD,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,OAAe;IACtD,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,4BAA4B,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;AACrF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,OAAe;IACpD,OAAO,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,YAAY,CAAC,IAAY,EAAE,OAAe;IACxD,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACpC,OAAO,CACL,gBAAgB,GAAG,gCAAgC;QACnD,gFAAgF,CACjF,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,OAAO,CAAC,IAAY,EAAE,YAA0B;IAC9D,MAAM,IAAI,GAAG,IAAI;SACd,WAAW,EAAE;SACb,SAAS,CAAC,MAAM,CAAC;SACjB,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC;SAC3B,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;SACvB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAChB,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,YAAY,EAAE,EAAE,CAAC;AAC3D,CAAC;AAED,yDAAyD;AACzD,MAAM,UAAU,YAAY;IAC1B,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAChD,CAAC"}

package/dist/lib/builder/distribution-manager.component.d.ts

@@ -0,0 +1,53 @@
+import { OnInit } from '@angular/core';
+import { type SafeHtml } from '@angular/platform-browser';
+import type { mjBizAppsFormsFormDistributionEntity } from '@mj-biz-apps/forms-entities';
+import { type DistributionChannel } from './distribution.service';
+import * as i0 from "@angular/core";
+/**
+ * FormDistribution management surface: create distributions (PublicLink / Embed /
+ * QR), list them, and show the shareable artifacts — public URL, `<iframe>` embed
+ * snippet, and a scannable QR. Open/close the response window and cap MaxResponses.
+ */
+export declare class DistributionManagerComponent implements OnInit {
+    formId: string;
+    /** Public base URL where the respondent widget is hosted (slug appended as /f/:slug). */
+    publicBaseUrl: string;
+    private readonly service;
+    private readonly sanitizer;
+    private readonly cdr;
+    protected distributions: mjBizAppsFormsFormDistributionEntity[];
+    protected loading: boolean;
+    protected creating: boolean;
+    protected newName: string;
+    protected newChannel: DistributionChannel;
+    protected readonly channels: DistributionChannel[];
+    private readonly qrCache;
+    ngOnInit(): Promise<void>;
+    private reload;
+    protected create(): Promise<void>;
+    protected toggleOpen(dist: mjBizAppsFormsFormDistributionEntity): Promise<void>;
+    protected setMax(dist: mjBizAppsFormsFormDistributionEntity, raw: string): Promise<void>;
+    protected publicUrl(dist: mjBizAppsFormsFormDistributionEntity): string;
+    protected embedSnippet(dist: mjBizAppsFormsFormDistributionEntity): string;
+    /** Render the QR for a distribution's public URL; returns null if encoding fails. */
+    protected qrSvg(dist: mjBizAppsFormsFormDistributionEntity): SafeHtml | null;
+    protected copy(text: string): Promise<void>;
+    protected statusClass(dist: mjBizAppsFormsFormDistributionEntity): string;
+    /**
+     * Base URL the public `/f/:slug` link is built against. This MUST be the **MJAPI
+     * origin** (where the anonymous respondent host page is served) — NOT the Explorer
+     * origin this builder runs under. Using `window.location.origin` here was the bug
+     * that produced `http://localhost:4321/f/:slug` (Explorer → login page) instead of
+     * `http://localhost:4121/f/:slug` (the shell-free respondent host).
+     *
+     * Resolution order: an explicit `publicBaseUrl` input → the configured GraphQL API
+     * origin (`GraphQLDataProvider.Instance.ConfigData.URL`) → `window.location.origin`
+     * as a last resort.
+     */
+    private get effectiveBaseUrl();
+    /** Origin of the configured MJAPI GraphQL endpoint, or '' if unavailable. */
+    private resolveApiOrigin;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DistributionManagerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DistributionManagerComponent, "mjf-distribution-manager", never, { "formId": { "alias": "formId"; "required": true; }; "publicBaseUrl": { "alias": "publicBaseUrl"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=distribution-manager.component.d.ts.map

package/dist/lib/builder/distribution-manager.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-manager.component.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/distribution-manager.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAEP,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,6BAA6B,CAAC;AAGxF,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,wBAAwB,CAAC;;AA2BhC;;;;GAIG;AACH,qBASa,4BAA6B,YAAW,MAAM;IAC9B,MAAM,EAAG,MAAM,CAAC;IAC3C,yFAAyF;IAChF,aAAa,SAAM;IAE5B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+B;IACvD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAwB;IAClD,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD,SAAS,CAAC,aAAa,EAAE,oCAAoC,EAAE,CAAM;IACrE,SAAS,CAAC,OAAO,UAAQ;IACzB,SAAS,CAAC,QAAQ,UAAS;IAE3B,SAAS,CAAC,OAAO,SAAM;IACvB,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAgB;IACzD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,EAAE,CAAiC;IAEnF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+B;IAEjD,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAIjB,MAAM;cAQJ,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;cAmBvB,UAAU,CAAC,IAAI,EAAE,oCAAoC,GAAG,OAAO,CAAC,IAAI,CAAC;cAQrE,MAAM,CACpB,IAAI,EAAE,oCAAoC,EAC1C,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,IAAI,CAAC;IAOhB,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,oCAAoC,GAAG,MAAM;IAIvE,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,oCAAoC,GAAG,MAAM;IAI1E,qFAAqF;IACrF,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,oCAAoC,GAAG,QAAQ,GAAG,IAAI;cAe5D,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjD,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,oCAAoC,GAAG,MAAM;IAIzE;;;;;;;;;;OAUG;IACH,OAAO,KAAK,gBAAgB,GAS3B;IAED,6EAA6E;IAC7E,OAAO,CAAC,gBAAgB;yCAjIb,4BAA4B;2CAA5B,4BAA4B;CAyIxC"}