@happyvertical/smrt-support 0.39.2

package/dist/svelte/components/TargetList.svelte

@@ -0,0 +1,127 @@
+<script lang="ts">
+/**
+ * TargetList — Service Target clocks on a case at a glance (issue #1929):
+ * target type, due time, clock status, and a paused indicator per row.
+ * Presentational: the host loads targets and adapts them with
+ * `toServiceTargetView`.
+ */
+
+import { StatusBadge } from '@happyvertical/smrt-ui';
+import {
+  humanizeStatus,
+  type ServiceTargetView,
+  targetStatusBadgeKey,
+} from '../types.js';
+
+export interface TargetListProps {
+  targets: ServiceTargetView[];
+  emptyMessage?: string;
+}
+
+const { targets, emptyMessage = 'No service targets' }: TargetListProps =
+  $props();
+
+function formatDue(iso: string | null): string {
+  if (!iso) return '';
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return '';
+  return date.toLocaleString(undefined, {
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+}
+</script>
+
+{#if targets.length === 0}
+  <p class="target-list-empty">{emptyMessage}</p>
+{:else}
+  <ul class="target-list">
+    {#each targets as target (target.id)}
+      <li class="target-list-row">
+        <span class="target-list-main">
+          <span class="target-list-type">
+            {humanizeStatus(target.targetType)}
+            {#if target.cycle > 0}
+              <span class="target-list-cycle">cycle {target.cycle}</span>
+            {/if}
+          </span>
+          {#if target.dueAt}
+            <span class="target-list-due">due {formatDue(target.dueAt)}</span>
+          {/if}
+        </span>
+        <span class="target-list-meta">
+          {#if target.paused}
+            <span class="target-list-paused">paused</span>
+          {/if}
+          <StatusBadge
+            status={targetStatusBadgeKey(target.status)}
+            label={humanizeStatus(target.status)}
+            size="sm"
+          />
+        </span>
+      </li>
+    {/each}
+  </ul>
+{/if}
+
+<style>
+  .target-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+  }
+
+  .target-list-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+  }
+
+  .target-list-main {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    min-width: 0;
+  }
+
+  .target-list-type {
+    font-weight: 500;
+    text-transform: capitalize;
+  }
+
+  .target-list-cycle {
+    font-size: 0.75rem;
+    font-weight: 400;
+    text-transform: none;
+    color: var(--smrt-color-on-surface-variant, inherit);
+    margin-left: 0.375rem;
+  }
+
+  .target-list-due,
+  .target-list-paused {
+    font-size: 0.75rem;
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .target-list-paused {
+    font-style: italic;
+  }
+
+  .target-list-meta {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-shrink: 0;
+  }
+
+  .target-list-empty {
+    color: var(--smrt-color-on-surface-variant, inherit);
+    padding: 1rem 0;
+  }
+</style>

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

@@ -0,0 +1,9 @@
+import { type ServiceTargetView } from '../types.js';
+export interface TargetListProps {
+    targets: ServiceTargetView[];
+    emptyMessage?: string;
+}
+declare const TargetList: import("svelte").Component<TargetListProps, {}, "">;
+type TargetList = ReturnType<typeof TargetList>;
+export default TargetList;
+//# sourceMappingURL=TargetList.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TargetList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/TargetList.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EAEvB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAwDD,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/svelte/components/TimeEntryApprovalQueue.svelte

@@ -0,0 +1,226 @@
+<script lang="ts">
+/**
+ * TimeEntryApprovalQueue — reusable Service Time Entry review list (issue
+ * #1930): date, hours, description, worker, status, and the client charge
+ * amount at a glance, with approve/reject actions on `submitted` rows.
+ * Presentational: the host loads entries through `TimeEntryApprovalService`
+ * / `ServiceTimeEntryCollection`, adapts them with `toSupportTimeEntryView`,
+ * and wires `onapprove` / `onreject` to the approval service.
+ */
+
+import { Button, StatusBadge } from '@happyvertical/smrt-ui';
+import { Input } from '@happyvertical/smrt-ui/forms';
+import {
+  humanizeStatus,
+  type SupportTimeEntryView,
+  timeEntryStatusBadgeKey,
+} from '../types.js';
+
+export interface TimeEntryApprovalQueueProps {
+  entries: SupportTimeEntryView[];
+  onapprove?: (id: string) => void;
+  onreject?: (id: string, reason: string) => void;
+  emptyMessage?: string;
+}
+
+const {
+  entries,
+  onapprove,
+  onreject,
+  emptyMessage = 'No time entries',
+}: TimeEntryApprovalQueueProps = $props();
+
+/** The entry currently collecting a rejection reason (one at a time). */
+let rejectingId = $state<string | null>(null);
+let rejectReason = $state('');
+
+function beginReject(id: string): void {
+  rejectingId = id;
+  rejectReason = '';
+}
+
+function cancelReject(): void {
+  rejectingId = null;
+  rejectReason = '';
+}
+
+function confirmReject(id: string): void {
+  const reason = rejectReason.trim();
+  if (!reason) return;
+  onreject?.(id, reason);
+  cancelReject();
+}
+
+function formatHours(hours: number): string {
+  return `${hours.toFixed(1)}h`;
+}
+
+function formatAmount(amount: number): string {
+  return amount.toFixed(2);
+}
+</script>
+
+{#if entries.length === 0}
+  <p class="time-approval-empty">{emptyMessage}</p>
+{:else}
+  <ul class="time-approval-queue">
+    {#each entries as entry (entry.id)}
+      <li class="time-approval-row">
+        <div class="time-approval-line">
+          <span class="time-approval-date">{entry.date}</span>
+          <span class="time-approval-main">
+            <span class="time-approval-description">{entry.description}</span>
+            {#if entry.workerName}
+              <span class="time-approval-worker">{entry.workerName}</span>
+            {/if}
+          </span>
+          <span class="time-approval-meta">
+            <span class="time-approval-hours">{formatHours(entry.hours)}</span>
+            <StatusBadge
+              status={timeEntryStatusBadgeKey(entry.status)}
+              label={humanizeStatus(entry.status)}
+              size="sm"
+            />
+            {#if entry.amount !== undefined}
+              <span class="time-approval-amount">
+                {formatAmount(entry.amount)}
+              </span>
+            {/if}
+          </span>
+        </div>
+        {#if entry.status === 'submitted'}
+          <div class="time-approval-actions">
+            {#if rejectingId === entry.id}
+              <Input
+                bind:value={rejectReason}
+                placeholder="Rejection reason"
+                aria-label={`Rejection reason for: ${entry.description}`}
+              />
+              <Button
+                variant="danger"
+                size="sm"
+                disabled={rejectReason.trim().length === 0}
+                onclick={() => confirmReject(entry.id)}
+                aria-label={`Confirm rejection of: ${entry.description}`}
+              >
+                Confirm reject
+              </Button>
+              <Button
+                variant="ghost"
+                size="sm"
+                onclick={cancelReject}
+                aria-label={`Cancel rejecting: ${entry.description}`}
+              >
+                Cancel
+              </Button>
+            {:else}
+              <Button
+                variant="primary"
+                size="sm"
+                onclick={() => onapprove?.(entry.id)}
+                aria-label={`Approve time entry: ${entry.description}`}
+              >
+                Approve
+              </Button>
+              <Button
+                variant="ghost"
+                size="sm"
+                onclick={() => beginReject(entry.id)}
+                aria-label={`Reject time entry: ${entry.description}`}
+              >
+                Reject
+              </Button>
+            {/if}
+          </div>
+        {/if}
+      </li>
+    {/each}
+  </ul>
+{/if}
+
+<style>
+  .time-approval-queue {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .time-approval-row {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    padding: 0.5rem 0.25rem;
+    border-bottom: 1px solid var(--smrt-color-outline-variant, transparent);
+  }
+
+  .time-approval-row:last-child {
+    border-bottom: none;
+  }
+
+  .time-approval-line {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+    text-align: left;
+  }
+
+  .time-approval-date {
+    flex-shrink: 0;
+    font-size: 0.75rem;
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .time-approval-main {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    min-width: 0;
+    flex: 1;
+  }
+
+  .time-approval-description {
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .time-approval-worker {
+    font-size: 0.75rem;
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .time-approval-meta {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-shrink: 0;
+  }
+
+  .time-approval-hours {
+    font-weight: 500;
+    color: var(--smrt-color-primary, inherit);
+  }
+
+  .time-approval-amount {
+    font-variant-numeric: tabular-nums;
+    font-weight: 500;
+  }
+
+  .time-approval-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    justify-content: flex-end;
+  }
+
+  .time-approval-empty {
+    color: var(--smrt-color-on-surface-variant, inherit);
+    padding: 1rem 0;
+  }
+</style>

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

@@ -0,0 +1,11 @@
+import { type SupportTimeEntryView } from '../types.js';
+export interface TimeEntryApprovalQueueProps {
+    entries: SupportTimeEntryView[];
+    onapprove?: (id: string) => void;
+    onreject?: (id: string, reason: string) => void;
+    emptyMessage?: string;
+}
+declare const TimeEntryApprovalQueue: import("svelte").Component<TimeEntryApprovalQueueProps, {}, "">;
+type TimeEntryApprovalQueue = ReturnType<typeof TimeEntryApprovalQueue>;
+export default TimeEntryApprovalQueue;
+//# sourceMappingURL=TimeEntryApprovalQueue.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEntryApprovalQueue.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/TimeEntryApprovalQueue.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmGD,QAAA,MAAM,sBAAsB,iEAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/svelte/components/__tests__/CaseDetail.test.js

@@ -0,0 +1,86 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for CaseDetail via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it } from 'vitest';
+import CaseDetail from '../CaseDetail.svelte';
+const caseView = {
+    id: 'case-1',
+    caseNumber: 'SUP-9',
+    subject: 'Checkout errors under load',
+    status: 'escalated',
+    priority: 'urgent',
+    severity: 'sev1',
+    channelKind: 'email',
+    clientProfileId: 'client-1',
+    projectId: 'shop-rebuild',
+    assignedSpecialistId: 'spec-2',
+    assignedSpecialistName: 'Grace',
+    reopenCount: 1,
+    createdAt: '2026-07-01T09:00:00.000Z',
+    updatedAt: '2026-07-03T16:00:00.000Z',
+    resolutionSummary: '',
+};
+const timeline = [
+    {
+        kind: 'interaction',
+        occurredAt: '2026-07-01T09:00:00.000Z',
+        actorKind: 'client',
+        summary: 'inbound email',
+        body: 'Checkout is failing for many users.',
+        direction: 'inbound',
+        channelKind: 'email',
+        eventType: null,
+    },
+    {
+        kind: 'event',
+        occurredAt: '2026-07-01T09:05:00.000Z',
+        actorKind: 'system',
+        summary: 'Status new → triaged',
+        body: '',
+        direction: null,
+        channelKind: null,
+        eventType: 'transition',
+    },
+];
+const workLinks = [
+    {
+        id: 'link-1',
+        linkKind: 'development_work_item',
+        targetLabel: 'shop#101: fix checkout race',
+        externalUrl: 'https://github.com/acme/shop/issues/101',
+        status: 'in_progress',
+    },
+];
+describe('CaseDetail', () => {
+    it('renders header, meta, linked work, and the merged timeline', async () => {
+        const { container } = render(CaseDetail, {
+            props: { caseView, timeline, workLinks },
+        });
+        expect(screen.getByText('SUP-9')).toBeInTheDocument();
+        expect(screen.getByText('Checkout errors under load')).toBeInTheDocument();
+        expect(screen.getByText('escalated')).toBeInTheDocument();
+        expect(screen.getByText('reopened ×1')).toBeInTheDocument();
+        expect(screen.getByText('Grace')).toBeInTheDocument();
+        expect(screen.getByText('shop-rebuild')).toBeInTheDocument();
+        expect(screen.getByRole('link', { name: 'shop#101: fix checkout race' })).toHaveAttribute('href', 'https://github.com/acme/shop/issues/101');
+        expect(screen.getByText('Checkout is failing for many users.')).toBeInTheDocument();
+        expect(screen.getByText('Status new → triaged')).toBeInTheDocument();
+        await expectNoA11yViolations(container);
+    });
+    it('shows the empty history state and resolution when present', () => {
+        render(CaseDetail, {
+            props: {
+                caseView: {
+                    ...caseView,
+                    status: 'resolved',
+                    resolutionSummary: 'Scaled the checkout workers.',
+                },
+                timeline: [],
+            },
+        });
+        expect(screen.getByText('No activity yet')).toBeInTheDocument();
+        expect(screen.getByText('Scaled the checkout workers.')).toBeInTheDocument();
+    });
+});

package/dist/svelte/components/__tests__/CaseQueue.test.js

@@ -0,0 +1,67 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for CaseQueue via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import CaseQueue from '../CaseQueue.svelte';
+function caseView(overrides = {}) {
+    return {
+        id: 'case-1',
+        caseNumber: 'SUP-1',
+        subject: 'Login is broken',
+        status: 'in_progress',
+        priority: 'high',
+        severity: 'sev2',
+        channelKind: 'chat',
+        clientProfileId: 'client-1',
+        projectId: 'project-1',
+        assignedSpecialistId: 'spec-1',
+        assignedSpecialistName: 'Ada',
+        reopenCount: 0,
+        createdAt: '2026-07-01T10:00:00.000Z',
+        updatedAt: '2026-07-02T11:30:00.000Z',
+        resolutionSummary: '',
+        ...overrides,
+    };
+}
+describe('CaseQueue', () => {
+    it('renders case number, subject, badges, and assignee', async () => {
+        const { container } = render(CaseQueue, {
+            props: { cases: [caseView()] },
+        });
+        expect(screen.getByText('SUP-1')).toBeInTheDocument();
+        expect(screen.getByText('Login is broken')).toBeInTheDocument();
+        expect(screen.getByText('high')).toBeInTheDocument();
+        expect(screen.getByText('in progress')).toBeInTheDocument();
+        expect(screen.getByText('Ada')).toBeInTheDocument();
+        await expectNoA11yViolations(container);
+    });
+    it('invokes onselect with the case id', async () => {
+        const onselect = vi.fn();
+        render(CaseQueue, { props: { cases: [caseView()], onselect } });
+        await userEvent.click(screen.getByRole('button', {
+            name: 'Open case SUP-1: Login is broken',
+        }));
+        expect(onselect).toHaveBeenCalledWith('case-1');
+    });
+    it('shows the empty message when there are no cases', () => {
+        render(CaseQueue, {
+            props: { cases: [], emptyMessage: 'Queue is clear' },
+        });
+        expect(screen.getByText('Queue is clear')).toBeInTheDocument();
+    });
+    it('falls back to unassigned when no specialist is set', () => {
+        render(CaseQueue, {
+            props: {
+                cases: [
+                    caseView({
+                        assignedSpecialistId: null,
+                        assignedSpecialistName: null,
+                    }),
+                ],
+            },
+        });
+        expect(screen.getByText('unassigned')).toBeInTheDocument();
+    });
+});

package/dist/svelte/components/__tests__/RoutingRationale.test.js

@@ -0,0 +1,69 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for RoutingRationale via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import RoutingRationale from '../RoutingRationale.svelte';
+function rankedView(overrides = {}) {
+    return {
+        specialistId: 'spec-1',
+        displayName: 'Ada Lovelace',
+        score: 45,
+        eligible: true,
+        factors: {
+            status: 'active',
+            projectQualification: 'expert',
+            weeklyAvailable: true,
+            openCases: 2,
+        },
+        ...overrides,
+    };
+}
+describe('RoutingRationale', () => {
+    it('renders name, score, eligibility, and factor chips', async () => {
+        const { container } = render(RoutingRationale, {
+            props: {
+                ranking: [
+                    rankedView(),
+                    rankedView({
+                        specialistId: 'spec-2',
+                        displayName: 'Grace Hopper',
+                        score: 0,
+                        eligible: false,
+                        factors: { status: 'active', projectQualification: 'none' },
+                    }),
+                ],
+            },
+        });
+        expect(screen.getByText('Ada Lovelace')).toBeInTheDocument();
+        expect(screen.getByText('score 45')).toBeInTheDocument();
+        expect(screen.getByText('eligible')).toBeInTheDocument();
+        expect(screen.getByText('ineligible')).toBeInTheDocument();
+        // Boolean-true factors render as bare chips; others as key: value.
+        expect(screen.getByText('weeklyAvailable')).toBeInTheDocument();
+        expect(screen.getByText('projectQualification: expert')).toBeInTheDocument();
+        expect(screen.getByText('projectQualification: none')).toBeInTheDocument();
+        expect(screen.getByText('openCases: 2')).toBeInTheDocument();
+        await expectNoA11yViolations(container);
+    });
+    it('fires onreassign with the specialist id', async () => {
+        const onreassign = vi.fn();
+        const { container } = render(RoutingRationale, {
+            props: { ranking: [rankedView()], onreassign },
+        });
+        await userEvent.click(screen.getByRole('button', { name: 'Reassign to Ada Lovelace' }));
+        expect(onreassign).toHaveBeenCalledWith('spec-1');
+        await expectNoA11yViolations(container);
+    });
+    it('renders no reassign action without an onreassign handler', () => {
+        render(RoutingRationale, { props: { ranking: [rankedView()] } });
+        expect(screen.queryByRole('button')).not.toBeInTheDocument();
+    });
+    it('shows the empty message for an empty ranking', () => {
+        render(RoutingRationale, {
+            props: { ranking: [], emptyMessage: 'Nobody to rank' },
+        });
+        expect(screen.getByText('Nobody to rank')).toBeInTheDocument();
+    });
+});

package/dist/svelte/components/__tests__/TargetList.test.js

@@ -0,0 +1,84 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for TargetList via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it } from 'vitest';
+import TargetList from '../TargetList.svelte';
+function targetView(overrides = {}) {
+    return {
+        id: 'target-1',
+        targetType: 'acknowledgement',
+        cycle: 0,
+        status: 'pending',
+        severity: 'sev2',
+        baseMinutes: 30,
+        startedAt: '2026-01-05T10:00:00.000Z',
+        dueAt: '2026-01-05T10:30:00.000Z',
+        satisfiedAt: null,
+        breachedAt: null,
+        paused: false,
+        ...overrides,
+    };
+}
+describe('TargetList', () => {
+    it('renders target type, due time, and status badge', async () => {
+        const { container } = render(TargetList, {
+            props: {
+                targets: [
+                    targetView(),
+                    targetView({
+                        id: 'target-2',
+                        targetType: 'resolution',
+                        status: 'satisfied',
+                        satisfiedAt: '2026-01-05T11:00:00.000Z',
+                    }),
+                ],
+            },
+        });
+        expect(screen.getByText('acknowledgement')).toBeInTheDocument();
+        expect(screen.getByText('resolution')).toBeInTheDocument();
+        expect(screen.getAllByText(/due /)).toHaveLength(2);
+        expect(screen.getByText('pending')).toBeInTheDocument();
+        expect(screen.getByText('satisfied')).toBeInTheDocument();
+        await expectNoA11yViolations(container);
+    });
+    it('shows the paused indicator and the recurrence cycle', async () => {
+        const { container } = render(TargetList, {
+            props: {
+                targets: [
+                    targetView({
+                        id: 'target-3',
+                        targetType: 'update',
+                        status: 'paused',
+                        paused: true,
+                        cycle: 2,
+                    }),
+                ],
+            },
+        });
+        expect(screen.getByText('paused', { selector: '.target-list-paused' })).toBeInTheDocument();
+        expect(screen.getByText('cycle 2')).toBeInTheDocument();
+        await expectNoA11yViolations(container);
+    });
+    it('renders a breached clock with the error badge label', () => {
+        render(TargetList, {
+            props: {
+                targets: [
+                    targetView({
+                        id: 'target-4',
+                        status: 'breached',
+                        breachedAt: '2026-01-05T11:00:00.000Z',
+                    }),
+                ],
+            },
+        });
+        expect(screen.getByText('breached')).toBeInTheDocument();
+    });
+    it('shows the empty message when there are no targets', () => {
+        render(TargetList, {
+            props: { targets: [], emptyMessage: 'No clocks running' },
+        });
+        expect(screen.getByText('No clocks running')).toBeInTheDocument();
+    });
+});