@happyvertical/smrt-content 0.30.0

package/dist/svelte/components/ContentContributionPortal.svelte

@@ -0,0 +1,182 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { ContentContributionData } from '../../mock-smrt-client';
+import { M } from '../i18n.contribution.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  contributions?: ContentContributionData[];
+  selectedId?: string | null;
+  emptyMessage?: string;
+  onSelect?: (contribution: ContentContributionData) => void;
+  onWithdraw?: (contribution: ContentContributionData) => void;
+}
+
+let {
+  contributions = [],
+  selectedId = null,
+  emptyMessage = 'No submissions yet.',
+  onSelect = undefined,
+  onWithdraw = undefined,
+}: Props = $props();
+
+const selectedContribution = $derived(
+  contributions.find((item) => item.id === selectedId) ||
+    contributions[0] ||
+    null,
+);
+
+function canWithdraw(contribution: ContentContributionData) {
+  return !['promoted', 'rejected', 'withdrawn'].includes(
+    contribution.status || '',
+  );
+}
+</script>
+
+<section class="portal">
+  <header class="portal__header">
+    <div>
+      <h3>{t(M['content.contribution_portal.heading'])}</h3>
+      <p>{t(M['content.contribution_portal.intro'])}</p>
+    </div>
+    <span class="pill">{contributions.length}</span>
+  </header>
+
+  {#if contributions.length === 0}
+    <p class="empty-copy">{emptyMessage}</p>
+  {:else}
+    <div class="portal__layout">
+      <div class="portal__list">
+        {#each contributions as contribution (contribution.id)}
+          <button
+            type="button"
+            class:selected={selectedContribution?.id === contribution.id}
+            onclick={() => onSelect?.(contribution)}
+          >
+            <strong>{contribution.title || contribution.contributionTypeKey || 'Untitled submission'}</strong>
+            <span>{contribution.status || 'submitted'}</span>
+          </button>
+        {/each}
+      </div>
+
+      {#if selectedContribution}
+        <article class="portal__detail">
+          <header>
+            <h4>{selectedContribution.title || 'Untitled submission'}</h4>
+            <span class="pill">{selectedContribution.status || 'submitted'}</span>
+          </header>
+          {#if selectedContribution.description}
+            <p>{selectedContribution.description}</p>
+          {/if}
+          {#if selectedContribution.editorNotes}
+            <div class="callout">
+              <strong>{t(M['content.contribution_portal.editor_notes'])}</strong>
+              <p>{selectedContribution.editorNotes}</p>
+            </div>
+          {/if}
+          <dl>
+            <div>
+              <dt>Type</dt>
+              <dd>{selectedContribution.contributionTypeKey || 'n/a'}</dd>
+            </div>
+            <div>
+              <dt>Revisions</dt>
+              <dd>{selectedContribution.revisionCount || 0}</dd>
+            </div>
+            <div>
+              <dt>Updated</dt>
+              <dd>{selectedContribution.updatedAt || selectedContribution.createdAt || 'n/a'}</dd>
+            </div>
+          </dl>
+
+          {#if onWithdraw && canWithdraw(selectedContribution)}
+            <button type="button" class="secondary" onclick={() => onWithdraw?.(selectedContribution)}>
+              {t(M['content.contribution_portal.withdraw_submission'])}
+            </button>
+          {/if}
+        </article>
+      {/if}
+    </div>
+  {/if}
+</section>
+
+<style>
+  .portal {
+    display: grid;
+    gap: 1rem;
+  }
+
+  .portal__header,
+  .portal__layout {
+    display: grid;
+    gap: 1rem;
+  }
+
+  .portal__layout {
+    grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
+  }
+
+  .portal__list {
+    display: grid;
+    gap: 0.5rem;
+  }
+
+  .portal__list button,
+  .portal__detail {
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: 0.75rem;
+    padding: 0.85rem;
+    background: var(--smrt-color-surface);
+  }
+
+  .portal__list button {
+    display: grid;
+    gap: 0.35rem;
+    text-align: left;
+  }
+
+  .portal__list button.selected {
+    border-color: var(--smrt-color-primary);
+    box-shadow: 0 0 0 1px var(--smrt-color-primary);
+  }
+
+  .portal__detail {
+    display: grid;
+    gap: 0.85rem;
+  }
+
+  .portal__detail header,
+  dl {
+    display: grid;
+    gap: 0.5rem;
+  }
+
+  dl div {
+    display: flex;
+    justify-content: space-between;
+    gap: 1rem;
+  }
+
+  .pill {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 1.75rem;
+    padding: 0.15rem 0.5rem;
+    border-radius: var(--smrt-radius-full, 9999px);
+    background: var(--smrt-color-primary-container);
+  }
+
+  .callout {
+    padding: 0.75rem;
+    border-radius: 0.75rem;
+    background: var(--smrt-color-surface-container);
+  }
+
+  @media (max-width: 720px) {
+    .portal__layout {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>

package/dist/svelte/components/ContentContributionPortal.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { ContentContributionData } from '../../mock-smrt-client';
+export interface Props {
+    contributions?: ContentContributionData[];
+    selectedId?: string | null;
+    emptyMessage?: string;
+    onSelect?: (contribution: ContentContributionData) => void;
+    onWithdraw?: (contribution: ContentContributionData) => void;
+}
+declare const ContentContributionPortal: import("svelte").Component<Props, {}, "">;
+type ContentContributionPortal = ReturnType<typeof ContentContributionPortal>;
+export default ContentContributionPortal;
+//# sourceMappingURL=ContentContributionPortal.svelte.d.ts.map

package/dist/svelte/components/ContentContributionPortal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContributionPortal.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionPortal.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC9D;AAiGD,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

package/dist/svelte/components/ContentContributionTypeManager.svelte

@@ -0,0 +1,281 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { ContentContributionTypeData } from '../../mock-smrt-client';
+import { M } from '../i18n.contribution.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  types?: ContentContributionTypeData[];
+  onSave: (type: Partial<ContentContributionTypeData>) => void;
+  onDelete?: (type: ContentContributionTypeData) => void;
+}
+
+let { types = [], onSave, onDelete = undefined }: Props = $props();
+
+function createDraft(source: Partial<ContentContributionTypeData> = {}) {
+  return {
+    ...source,
+    key: source.key || '',
+    label: source.label || '',
+    enabled: source.enabled ?? true,
+    allowedChannels: source.allowedChannels || ['web'],
+    allowText: source.allowText ?? true,
+    allowFiles: source.allowFiles ?? false,
+    allowEmptyText: source.allowEmptyText ?? false,
+    intakeRules: {
+      maxFiles: source.intakeRules?.maxFiles ?? '',
+      maxTotalBytes: source.intakeRules?.maxTotalBytes ?? '',
+      allowedMimePatterns: (source.intakeRules?.allowedMimePatterns || []).join(
+        ', ',
+      ),
+      blockedMimePatterns: (source.intakeRules?.blockedMimePatterns || []).join(
+        ', ',
+      ),
+      quarantineMimePatterns: (
+        source.intakeRules?.quarantineMimePatterns || []
+      ).join(', '),
+      blockedTextPatterns: (source.intakeRules?.blockedTextPatterns || []).join(
+        ', ',
+      ),
+      quarantineTextPatterns: (
+        source.intakeRules?.quarantineTextPatterns || []
+      ).join(', '),
+      trustedOnly: source.intakeRules?.trustedOnly ?? false,
+    },
+    promotion: {
+      targetContentType: source.promotion?.targetContentType || '',
+      targetContentVariant: source.promotion?.targetContentVariant || '',
+      targetContentStatus: source.promotion?.targetContentStatus || 'draft',
+      autoPromoteTrusted: source.promotion?.autoPromoteTrusted ?? false,
+      createAssets: source.promotion?.createAssets ?? true,
+      assetRelationship: source.promotion?.assetRelationship || 'attachment',
+    },
+  };
+}
+
+let editing = $state<Partial<ContentContributionTypeData> | null>(null);
+let draft = $state(createDraft());
+
+$effect(() => {
+  draft = createDraft(editing || {});
+});
+
+function toggleChannel(channel: string) {
+  draft.allowedChannels = draft.allowedChannels.includes(channel)
+    ? draft.allowedChannels.filter((item: string) => item !== channel)
+    : [...draft.allowedChannels, channel];
+}
+
+function csv(value: string) {
+  return value
+    .split(',')
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+function handleSubmit() {
+  onSave({
+    ...editing,
+    key: draft.key,
+    label: draft.label,
+    enabled: draft.enabled,
+    allowedChannels: draft.allowedChannels,
+    allowText: draft.allowText,
+    allowFiles: draft.allowFiles,
+    allowEmptyText: draft.allowEmptyText,
+    intakeRules: {
+      maxFiles: draft.intakeRules.maxFiles
+        ? Number(draft.intakeRules.maxFiles)
+        : null,
+      maxTotalBytes: draft.intakeRules.maxTotalBytes
+        ? Number(draft.intakeRules.maxTotalBytes)
+        : null,
+      allowedMimePatterns: csv(draft.intakeRules.allowedMimePatterns),
+      blockedMimePatterns: csv(draft.intakeRules.blockedMimePatterns),
+      quarantineMimePatterns: csv(draft.intakeRules.quarantineMimePatterns),
+      blockedTextPatterns: csv(draft.intakeRules.blockedTextPatterns),
+      quarantineTextPatterns: csv(draft.intakeRules.quarantineTextPatterns),
+      trustedOnly: draft.intakeRules.trustedOnly,
+    },
+    promotion: {
+      targetContentType: draft.promotion.targetContentType,
+      targetContentVariant: draft.promotion.targetContentVariant || null,
+      targetContentStatus: draft.promotion.targetContentStatus,
+      autoPromoteTrusted: draft.promotion.autoPromoteTrusted,
+      createAssets: draft.promotion.createAssets,
+      assetRelationship: draft.promotion.assetRelationship,
+    },
+  });
+}
+</script>
+
+<section class="manager">
+  <header>
+    <div>
+      <h3>{t(M['content.contribution_type_manager.heading'])}</h3>
+      <p>{t(M['content.contribution_type_manager.intro'])}</p>
+    </div>
+    <button type="button" onclick={() => (editing = {})}>{t(M['content.contribution_type_manager.add_type'])}</button>
+  </header>
+
+  <div class="layout">
+    <div class="list">
+      {#each types as type (type.id ?? type.key)}
+        <article class="card">
+          <div>
+            <strong>{type.label}</strong>
+            <div>{type.key}</div>
+          </div>
+          <div class="actions">
+            <button type="button" class="secondary" onclick={() => (editing = type)}>Edit</button>
+            {#if onDelete && type.id}
+              <button type="button" class="danger" onclick={() => onDelete?.(type)}>Delete</button>
+            {/if}
+          </div>
+        </article>
+      {/each}
+    </div>
+
+    <form
+      class="editor"
+      onsubmit={(event) => {
+        event.preventDefault();
+        handleSubmit();
+      }}
+    >
+      <label>
+        Key
+        <input type="text" bind:value={draft.key} required />
+      </label>
+      <label>
+        Label
+        <input type="text" bind:value={draft.label} required />
+      </label>
+
+      <div class="checkbox-grid">
+        <label><input type="checkbox" bind:checked={draft.enabled} /> Enabled</label>
+        <label><input type="checkbox" bind:checked={draft.allowText} /> {t(M['content.contribution_type_manager.allow_text'])}</label>
+        <label><input type="checkbox" bind:checked={draft.allowFiles} /> {t(M['content.contribution_type_manager.allow_files'])}</label>
+        <label><input type="checkbox" bind:checked={draft.allowEmptyText} /> {t(M['content.contribution_type_manager.allow_empty_text'])}</label>
+      </div>
+
+      <div class="checkbox-grid">
+        <label>
+          <input
+            type="checkbox"
+            checked={draft.allowedChannels.includes('web')}
+            onchange={() => toggleChannel('web')}
+          />
+          Web
+        </label>
+        <label>
+          <input
+            type="checkbox"
+            checked={draft.allowedChannels.includes('email')}
+            onchange={() => toggleChannel('email')}
+          />
+          Email
+        </label>
+      </div>
+
+      <label>
+        {t(M['content.contribution_type_manager.promotion_content_type'])}
+        <input type="text" bind:value={draft.promotion.targetContentType} required />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.promotion_variant'])}
+        <input type="text" bind:value={draft.promotion.targetContentVariant} />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.promotion_status'])}
+        <select bind:value={draft.promotion.targetContentStatus}>
+          <option value="draft">draft</option>
+          <option value="review">review</option>
+        </select>
+      </label>
+
+      <div class="checkbox-grid">
+        <label><input type="checkbox" bind:checked={draft.promotion.autoPromoteTrusted} /> {t(M['content.contribution_type_manager.auto_promote_trusted'])}</label>
+        <label><input type="checkbox" bind:checked={draft.promotion.createAssets} /> {t(M['content.contribution_type_manager.create_assets_on_promotion'])}</label>
+        <label><input type="checkbox" bind:checked={draft.intakeRules.trustedOnly} /> {t(M['content.contribution_type_manager.trusted_contributors_only'])}</label>
+      </div>
+
+      <label>
+        {t(M['content.contribution_type_manager.max_files'])}
+        <input type="number" min="0" bind:value={draft.intakeRules.maxFiles} />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.max_total_bytes'])}
+        <input type="number" min="0" bind:value={draft.intakeRules.maxTotalBytes} />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.allowed_mime_patterns'])}
+        <input type="text" bind:value={draft.intakeRules.allowedMimePatterns} placeholder={t(M['content.contribution_type_manager.allowed_mime_patterns_placeholder'])} />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.blocked_mime_patterns'])}
+        <input type="text" bind:value={draft.intakeRules.blockedMimePatterns} />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.quarantine_mime_patterns'])}
+        <input type="text" bind:value={draft.intakeRules.quarantineMimePatterns} />
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.blocked_text_patterns'])}
+        <textarea bind:value={draft.intakeRules.blockedTextPatterns} rows="2"></textarea>
+      </label>
+      <label>
+        {t(M['content.contribution_type_manager.quarantine_text_patterns'])}
+        <textarea bind:value={draft.intakeRules.quarantineTextPatterns} rows="2"></textarea>
+      </label>
+
+      <div class="actions">
+        <button type="submit">{t(M['content.contribution_type_manager.save_type'])}</button>
+      </div>
+    </form>
+  </div>
+</section>
+
+<style>
+  .manager,
+  .layout,
+  .list,
+  .editor {
+    display: grid;
+    gap: 1rem;
+  }
+
+  .layout {
+    grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
+  }
+
+  .card,
+  .editor {
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: 0.75rem;
+    padding: 0.9rem;
+    background: var(--smrt-color-surface);
+  }
+
+  .card,
+  .actions,
+  .checkbox-grid,
+  header {
+    display: flex;
+    justify-content: space-between;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+  }
+
+  .editor label {
+    display: grid;
+    gap: 0.35rem;
+  }
+
+  @media (max-width: 720px) {
+    .layout {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>

package/dist/svelte/components/ContentContributionTypeManager.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ContentContributionTypeData } from '../../mock-smrt-client';
+export interface Props {
+    types?: ContentContributionTypeData[];
+    onSave: (type: Partial<ContentContributionTypeData>) => void;
+    onDelete?: (type: ContentContributionTypeData) => void;
+}
+declare const ContentContributionTypeManager: import("svelte").Component<Props, {}, "">;
+type ContentContributionTypeManager = ReturnType<typeof ContentContributionTypeManager>;
+export default ContentContributionTypeManager;
+//# sourceMappingURL=ContentContributionTypeManager.svelte.d.ts.map

package/dist/svelte/components/ContentContributionTypeManager.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContributionTypeManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionTypeManager.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAI1E,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;CACxD;AAoOD,QAAA,MAAM,8BAA8B,2CAAwC,CAAC;AAC7E,KAAK,8BAA8B,GAAG,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC;AACxF,eAAe,8BAA8B,CAAC"}

package/dist/svelte/components/ContentContributorManager.svelte

@@ -0,0 +1,140 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { ContentContributorData } from '../../mock-smrt-client';
+import { M } from '../i18n.contribution.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  contributors?: ContentContributorData[];
+  onSave: (contributor: Partial<ContentContributorData>) => void;
+  onDelete?: (contributor: ContentContributorData) => void;
+}
+
+let { contributors = [], onSave, onDelete = undefined }: Props = $props();
+
+function createDraft(source: Partial<ContentContributorData> = {}) {
+  return {
+    ...source,
+    email: source.email || '',
+    name: source.name || '',
+    trustLevel: source.trustLevel || 'standard',
+  };
+}
+
+let editing = $state<Partial<ContentContributorData> | null>(null);
+let draft = $state(createDraft());
+
+$effect(() => {
+  draft = createDraft(editing || {});
+});
+
+function handleSubmit() {
+  onSave({
+    ...editing,
+    email: draft.email,
+    name: draft.name,
+    trustLevel: draft.trustLevel,
+  });
+}
+</script>
+
+<section class="manager">
+  <header>
+    <div>
+      <h3>Contributors</h3>
+      <p>{t(M['content.contributor_manager.intro'])}</p>
+    </div>
+    <button type="button" onclick={() => (editing = {})}>{t(M['content.contributor_manager.add_contributor'])}</button>
+  </header>
+
+  <div class="layout">
+    <div class="list">
+      {#each contributors as contributor (contributor.id ?? contributor.email)}
+        <article class="card">
+          <div>
+            <strong>{contributor.name || contributor.email}</strong>
+            <div>{contributor.trustLevel || 'standard'}</div>
+          </div>
+          <div class="actions">
+            <button type="button" class="secondary" onclick={() => (editing = contributor)}>Edit</button>
+            {#if onDelete}
+              <button type="button" class="danger" onclick={() => onDelete?.(contributor)}>Delete</button>
+            {/if}
+          </div>
+        </article>
+      {/each}
+    </div>
+
+    <form
+      class="editor"
+      onsubmit={(event) => {
+        event.preventDefault();
+        handleSubmit();
+      }}
+    >
+      <label>
+        Email
+        <input type="email" bind:value={draft.email} required />
+      </label>
+      <label>
+        Name
+        <input type="text" bind:value={draft.name} />
+      </label>
+      <label>
+        {t(M['content.contributor_manager.trust_level'])}
+        <select bind:value={draft.trustLevel}>
+          <option value="standard">standard</option>
+          <option value="trusted">trusted</option>
+          <option value="blocked">blocked</option>
+        </select>
+      </label>
+
+      <div class="actions">
+        <button type="submit">{t(M['content.contributor_manager.save_contributor'])}</button>
+      </div>
+    </form>
+  </div>
+</section>
+
+<style>
+  .manager,
+  .layout,
+  .list,
+  .editor {
+    display: grid;
+    gap: 1rem;
+  }
+
+  .layout {
+    grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
+  }
+
+  .card,
+  .editor {
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: 0.75rem;
+    padding: 0.9rem;
+    background: var(--smrt-color-surface);
+  }
+
+  .card,
+  .actions,
+  header {
+    display: flex;
+    justify-content: space-between;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+  }
+
+  .editor label {
+    display: grid;
+    gap: 0.35rem;
+  }
+
+  @media (max-width: 720px) {
+    .layout {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>

package/dist/svelte/components/ContentContributorManager.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ContentContributorData } from '../../mock-smrt-client';
+export interface Props {
+    contributors?: ContentContributorData[];
+    onSave: (contributor: Partial<ContentContributorData>) => void;
+    onDelete?: (contributor: ContentContributorData) => void;
+}
+declare const ContentContributorManager: import("svelte").Component<Props, {}, "">;
+type ContentContributorManager = ReturnType<typeof ContentContributorManager>;
+export default ContentContributorManager;
+//# sourceMappingURL=ContentContributorManager.svelte.d.ts.map

package/dist/svelte/components/ContentContributorManager.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContributorManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributorManager.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,MAAM,WAAW,KAAK;IACpB,YAAY,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACxC,MAAM,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC1D;AAgGD,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}