@alpaca-headless/alpaca-headless-nextjs 1.0.26 → 1.0.128

package/types/editor/ItemNameDialog.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface ItemNameDialogHandle {
+    show: (props: ItemNameDialogProps) => void;
+}
+export type ItemNameDialogProps = {
+    name?: string;
+    accept: (name: string) => void;
+};
+declare const ItemNameDialog: import("react").ForwardRefExoticComponent<import("react").RefAttributes<ItemNameDialogHandle>>;
+export default ItemNameDialog;

package/types/editor/LinkEditorDialog.d.ts

@@ -0,0 +1,15 @@
+export type Link = {
+    url?: string;
+    itemId?: string;
+    queryString?: string;
+    target?: string;
+    customTarget?: string;
+    type: string;
+    targetItemLongId?: string;
+    targetItemName?: string;
+};
+export declare function LinkEditorDialog({ linkValue, onCancel, onOk, }: {
+    linkValue: Link;
+    onOk: (link: Link) => void;
+    onCancel: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/types/editor/MainLayout.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export default function MainLayout({ leftSidebar, content, rightSidebar, }: {
+    leftSidebar?: ReactNode;
+    content: ReactNode;
+    rightSidebar?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/types/editor/MediaSelector.d.ts

@@ -1,5 +1,6 @@
-export declare const MediaSelector: ({ visible, onHide, onMediaSelected, }: {
+export declare const MediaSelector: ({ visible, onHide, onMediaSelected, selectedIdPath, }: {
     visible: boolean;
     onHide: () => void;
     onMediaSelected: (mediaId: string) => void;
+    selectedIdPath?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/types/editor/PictureEditorDialog.d.ts

@@ -0,0 +1,6 @@
+import { PictureField, PictureValue } from "..";
+export declare function PictureEditorDialog({ field, onCancel, onOk, }: {
+    field: PictureField;
+    onOk: (link: PictureValue) => void;
+    onCancel: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/types/editor/SidebarTabs.d.ts

@@ -0,0 +1,8 @@
+import { ComponentData, EditableDictionary, Page } from "..";
+import { Item } from "..";
+export default function SidebarTabs({ selectedComponent, page, dictionary, item, }: {
+    selectedComponent: ComponentData | null;
+    page: Page | null;
+    dictionary: EditableDictionary;
+    item?: Item;
+}): import("react/jsx-runtime").JSX.Element;

package/types/editor/Terminal.d.ts

@@ -1,4 +1,6 @@
-export declare function Terminal({ commandHandler, onReset, }: {
+/// <reference types="react" />
+export declare function Terminal({ commandHandler, onReset, toolbar, }: {
     commandHandler: (text: string, callback: (text: string, finished: boolean) => void) => void;
     onReset: () => void;
+    toolbar?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/types/editor/Utils.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function useEventListenerExt(eventName: string, handler: any, element: HTMLElement | Window): void;
+export declare const useLocalStorage: <T>(storageKey: string, fallbackState: T) => [T, React.Dispatch<React.SetStateAction<T>>];

package/types/editor/Workbox.d.ts

@@ -0,0 +1,6 @@
+import { ItemDescriptor, Workbox } from "..";
+export default function Workbox({ workbox, lockItem, executeWorkflowCommand, }: {
+    workbox: Workbox;
+    lockItem: (item: ItemDescriptor) => void;
+    executeWorkflowCommand: (item: ItemDescriptor, commandId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/types/editor/componentCommands.d.ts

@@ -0,0 +1,4 @@
+import { EditContextType } from "./editContext";
+import { ComponentCommand, ComponentData, PlaceholderData } from "..";
+export declare function getCommands(entities: (PlaceholderData | ComponentData)[], editContext: EditContextType): ComponentCommand[];
+export declare function getComponentCommands(components: ComponentData[], editContext: EditContextType): ComponentCommand[];

package/types/editor/contentService.d.ts

@@ -1,3 +1,5 @@
+import { ItemDescriptor } from ".";
+import { Item } from "..";
 export type ItemTreeNodeData = {
     id: string;
     name: string;
@@ -10,5 +12,9 @@ export type ItemTreeNodeData = {
     resolution?: string;
     format?: string;
     created?: Date;
+    language: string;
+    version: number;
+    hasLayout: boolean;
 };
-export declare function getChildren(itemId: string, sessionId: string, templateIds?: string[]): Promise<ItemTreeNodeData[]>;
+export declare function getChildren(itemId: string, sessionId: string, templateIds: string[] | undefined, includeEmbeddedItems: boolean): Promise<ItemTreeNodeData[]>;
+export declare function getItem(page: ItemDescriptor, item: ItemDescriptor, sessionId: string): Promise<Item | undefined>;

package/types/editor/editContext.d.ts

@@ -1,16 +1,34 @@
 import React from "react";
 import { ToastMessage } from "primereact/toast";
-import { ComponentData, Dictionary, Field } from "../layoutData";
+import { ComponentData, EditableDictionary, Field } from "../layoutData";
+import { Page, PictureRawValue, PictureValue } from "..";
 export type DragObject = {
     type: "template" | "component" | "link-component";
     templateId: string;
-    componentId?: string;
+    component?: ItemDescriptor;
+};
+export type CommandVisibilityScope = "editFrame" | "menu";
+export type ComponentCommand = {
+    name: string;
+    label: string;
+    icon: string;
+    execute: () => void;
+    disabled: boolean;
+    visibilityScopes: CommandVisibilityScope[];
 };
 export type EditContextType = {
-    removeComponent: (id: string, callback: (removed: boolean) => void) => void;
     showToast: (message: ToastMessage | ToastMessage[]) => void;
     sessionId: string;
-    editField: (field: Field, value: string, noRefresh: boolean) => void;
+    getComponentCommands: (component: ComponentData[]) => ComponentCommand[];
+    selectMedia: ({ selectedIdPath, }: {
+        selectedIdPath: string;
+    }) => Promise<string | null>;
+    editField: (props: {
+        field: Field;
+        value?: string;
+        rawValue?: string | null;
+        refresh?: "none" | "immediate" | "delayed" | "waitForQuietPeriod";
+    }) => void;
     currentEditOperation?: EditOperation;
     selection: string[];
     setSelection: React.Dispatch<React.SetStateAction<string[]>>;
@@ -20,27 +38,49 @@ export type EditContextType = {
     dragObject?: DragObject;
     refreshCompletedFlag: boolean;
     updateContentEditingFields: boolean;
-    dictionary: Dictionary;
-    setDictionary: React.Dispatch<React.SetStateAction<Dictionary>>;
+    dictionary: EditableDictionary;
     unresolvedDictionaryKeys: string[];
     setUnresolvedDictionaryKeys: React.Dispatch<React.SetStateAction<string[]>>;
-    openComponentPalette: () => void;
     getComponentById: (id: string) => ComponentData | null;
     droppedInPlaceholder: (placeholderKey: string, index: number) => void;
     getLiveField(field: Field): Field;
+    getLiveFieldIfExists(field: {
+        item: ItemDescriptor;
+        id: string;
+    }): Field | null;
     requestRefresh: (mode?: "immediate" | "delayed" | "waitForQuietPeriod") => void;
+    getPictureFieldValue: (field: Field, rawValue: PictureRawValue) => Promise<PictureValue | null>;
+    page: Page | null;
+    executeEditOperation: (operation: EditOperation) => void;
+    editorContainerRef: React.RefObject<HTMLDivElement>;
+    setScrollIntoView: React.Dispatch<React.SetStateAction<string | undefined>>;
+    scrollIntoView?: string;
+    focusedField?: Field;
+    setFocusedField: React.Dispatch<React.SetStateAction<Field | undefined>>;
+    zoom: number;
+    scroll: number;
+    fullscreen: boolean;
+    undo: (numOperations?: number) => void;
+};
+export type ItemDescriptor = {
+    id: string;
+    language: string;
+    version: number;
+    name?: string;
+};
+export type User = {
+    name: string;
 };
 export type EditOperation = {
-    type: "edit-field" | "remove-component" | "move-component" | "add-component" | "link-component";
+    type: "edit-field" | "remove-component" | "move-component" | "add-component" | "synchronize-components" | "link-component";
     date: Date;
     noRefresh?: boolean;
     refreshAfterQuietPeriod?: boolean;
-    pageItemId: string;
-    pageItemLanguage: string;
-    pageItemVersion: number;
+    pageItem: ItemDescriptor;
     id: string;
-    user?: string;
+    user?: User;
     undone?: boolean;
+    isCommitted?: boolean;
 };
 export type EditFieldOperation = EditOperation & {
     type: "edit-field";
@@ -56,28 +96,59 @@ export type AddComponentOperation = EditOperation & {
     type: "add-component";
     templateId: string;
     language: string;
-    parentItemId: string;
+    parent: ItemDescriptor;
     placeholderName: string;
     placeholderIndex: number;
-    itemName?: string;
-    componentId: string;
+    component: ItemDescriptor;
 };
 export type LinkComponentOperation = EditOperation & {
     type: "link-component";
     itemName?: string;
+    linkedComponentItem: ItemDescriptor;
 };
 export type MoveComponentOperation = EditOperation & {
     type: "move-component";
     language: string;
-    parentItemId: string;
+    parent: ItemDescriptor;
     placeholderName: string;
     placeholderIndex: number;
-    componentId: string;
+    component: ItemDescriptor;
 };
 export type RemoveComponentOperation = EditOperation & {
     type: "remove-component";
-    componentId: string;
-    componentName?: string;
+    components: ItemDescriptor[];
+};
+export type SynchronizeComponentsOperation = EditOperation & {
+    type: "synchronize-components";
+    placeholders: PlaceholderToSynchronize[];
+    delete: boolean;
+    itemsCreated?: ItemDescriptor[];
+};
+export type PlaceholderToSynchronize = {
+    name?: string;
+    item?: ItemDescriptor | null;
 };
 export declare const EditContextProvider: React.Provider<EditContextType | undefined>;
 export declare const useEditContext: () => EditContextType | undefined;
+export type EditFrameButton = {
+    icon: string;
+    onClick: () => void;
+    tooltip: string;
+};
+export type EditFrameContextType = {
+    customButtons: EditFrameButton[];
+    setCustomButtons: React.Dispatch<React.SetStateAction<EditFrameButton[]>>;
+    componentId: string;
+    isSelected: boolean;
+};
+export declare const useEditFrameContext: () => EditFrameContextType | undefined;
+export declare const EditFrameContextProvider: React.Provider<EditFrameContextType | undefined>;
+export type FilterChildFunction = ({ component, index, }: {
+    component: ComponentData;
+    index: number;
+}) => boolean;
+export type EditFilterChildrenContextType = {
+    filterChildCallback?: FilterChildFunction;
+};
+export declare const useEditFilterChildrenContext: () => EditFilterChildrenContextType | undefined;
+export declare const EditFilterChildrenContextProvider: React.Provider<EditFilterChildrenContextType | undefined>;

package/types/editor/editService.d.ts

@@ -1,4 +1,6 @@
 import { EditOperation } from "./editContext";
+import { Field, ItemDescriptor, PictureRawValue } from "..";
+import { ItemTreeNodeData } from "./contentService";
 export declare let currentOperation: EditOperation | undefined;
 export declare function setCurrentOperation(operation: EditOperation): void;
 export type ExecutionResult = {
@@ -6,7 +8,13 @@ export type ExecutionResult = {
     summary?: string;
     details?: string;
 };
+export declare function getPictureValue(field: Field, pictureRawValue: PictureRawValue, site: string, sessionId: string): Promise<any>;
 export declare function executeEditOperation(editOperation: EditOperation, sessionId: string): Promise<EditOperation | ExecutionResult>;
-export declare function executeUndo(sessionId: string): Promise<ExecutionResult>;
+export declare function executeUndo(sessionId: string, numOperations?: number): Promise<ExecutionResult>;
+export declare function lockItem(item: ItemDescriptor): Promise<ExecutionResult>;
+export declare function executeWorkflowCommand(item: ItemDescriptor, commandId: string, comment: string): Promise<ExecutionResult>;
 export declare function executeRedo(sessionId: string): Promise<ExecutionResult>;
 export declare function commitChanges(sessionId: string): Promise<ExecutionResult>;
+export declare function createVersion(page: ItemDescriptor, sessionId: string): Promise<ExecutionResult>;
+export declare function loadInsertOptions(item: ItemDescriptor): Promise<ItemTreeNodeData[]>;
+export declare function createItem(parent: ItemDescriptor, templateId: string, name: string): Promise<ExecutionResult>;

package/types/editor/fieldTypes/CheckboxEditor.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxField } from "../..";
+export declare function CheckboxEditor({ field }: {
+    field: CheckboxField;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/fieldTypes/InternalLinkFieldEditor.d.ts

@@ -0,0 +1,4 @@
+import { InternalLinkField } from "../..";
+export declare function InternalLinkFieldEditor({ field, }: {
+    field: InternalLinkField;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/fieldTypes/LinkFieldEditor.d.ts

@@ -0,0 +1,4 @@
+import { LinkField } from "../..";
+export declare function LinkFieldEditor({ field }: {
+    field: LinkField;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/fieldTypes/MultiLineText.d.ts

@@ -0,0 +1,4 @@
+import { Field } from "../..";
+export declare function MultiLineText({ field }: {
+    field: Field;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/fieldTypes/PictureFieldEditor.d.ts

@@ -0,0 +1,4 @@
+import { PictureField } from "@/fieldTypes";
+export declare function PictureFieldEditor({ field }: {
+    field: PictureField;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/fieldTypes/TreeListEditor.d.ts

@@ -0,0 +1,4 @@
+import { TreeListField } from "../../fieldTypes";
+export default function TreeListEditor({ field }: {
+    field: TreeListField;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/ui/Section.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function Section({ title, children, }: {
+    title: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/types/fieldTypes.d.ts

@@ -8,6 +8,9 @@ export type PictureField = Field & {
 export type LinkField = Field & {
     value: LinkValue;
 };
+export type InternalLinkField = Field & {
+    value: LinkValue;
+};
 export type PictureValue = {
     name: string;
     alt: string;
@@ -17,10 +20,18 @@ export type PictureValue = {
 export type PictureVariant = {
     name: string;
     src: string;
-    videoUrl: string;
+    videoUrl?: string;
     width: number;
-    mediaId: string;
     aspectRatioText?: string;
+    thumbSrc?: string;
+    idPath?: string;
+};
+export type PictureRawValue = {
+    variants: PictureRawVariant[];
+};
+export type PictureRawVariant = {
+    name: string;
+    mediaId: string;
 };
 export type ImageField = Field & {
     value: ImageValue | null;
@@ -31,6 +42,11 @@ export type ImageValue = {
 };
 export type LinkValue = {
     url: string;
+    type: "internal" | "external";
+    target: string;
+    targetItemLongId: string;
+    targetItemName: string;
+    queryString: string;
 };
 export interface KeyValuePair {
     key: string;
@@ -39,27 +55,26 @@ export interface KeyValuePair {
 export type EnhancedNameValueListField = {
     value: KeyValuePair[];
 };
-export interface MediaItemImageFields {
-    alt: string;
-    width: string;
-    height: string;
-}
-export interface EnhancedTreeListFieldItem {
-    url: string;
-    fields: MediaItemImageFields | null;
-}
-export type EnhancedTreeListField = {
-    value: EnhancedTreeListFieldItem[];
+export type ReferencedItem = {
+    id: string;
+    name: string;
+    path: string;
+};
+export type TreeListField = Field & {
+    value: ReferencedItem[];
+    customEditorProperties: {
+        datasources: string[];
+    };
 };
-export type CheckboxField = {
+export type CheckboxField = Field & {
     value: boolean;
 };
-export type DateField = {
+export type DateField = Field & {
     value: DateFieldValue;
 };
-export type DateFieldValue = {
+export type DateFieldValue = Field & {
     date: string;
 };
-export type NumberField = {
+export type NumberField = Field & {
     value: number;
 };

package/types/layoutData.d.ts

@@ -1,22 +1,29 @@
+import { ItemDescriptor } from "./editor";
+import { TextField } from "./fieldTypes";
+export type InsertOption = {
+    id: string;
+    name: string;
+    icon: string;
+    isComponent: boolean;
+    isHidden: any;
+    compatibleTemplates?: string[];
+};
 export type PlaceholderData = {
     name: string;
     key: string;
     components: ComponentData[];
-    insertOptions?: {
-        id: string;
-        name: string;
-        icon: string;
-    }[];
+    insertOptions?: InsertOption[];
+    canSynchronize?: boolean;
+    parentComponent?: ComponentData;
 };
 export type Field = {
     id: string;
     name: string;
-    itemId: string;
-    language: string;
-    version: number;
+    item?: ItemDescriptor;
     path: string;
     type: string;
-    containsFallbackValue?: boolean;
+    isFallback?: boolean;
+    isStandardValue?: boolean;
     value: unknown;
     rawValue?: string;
     jsonValue?: Field;
@@ -27,10 +34,18 @@ export type Field = {
     displayName?: string;
     sortOrder?: number;
     sectionSortOrder?: number;
+    customEditorProperties?: any;
+    canWrite?: boolean;
+    hasLock?: boolean;
+    canLock?: boolean;
+    lockedBy?: string;
 };
 export interface Fields {
     [name: string]: Field;
 }
+export type Message = {
+    text: string;
+};
 export type ComponentData = {
     name: string;
     id: string;
@@ -51,10 +66,17 @@ export type ComponentData = {
         editUrl: string;
     };
     linkedComponentItem: {
+        id: string;
         language: string;
         version: number;
         path: string;
     };
+    isRemoved?: boolean;
+    canSynchronize?: boolean;
+    isInheritedFromMasterLanguage?: boolean;
+    isRemovedFromMasterLanguage?: boolean;
+    visible?: boolean;
+    messages?: Message[];
 };
 export type LanguageVersions = {
     languageCode: string;
@@ -65,3 +87,6 @@ export type LanguageVersions = {
 export type Dictionary = {
     [key: string]: string;
 };
+export type EditableDictionary = {
+    [key: string]: TextField;
+};

package/types/loadRouteData.d.ts

@@ -1,4 +1,5 @@
 import { Fields, PlaceholderData } from "./layoutData";
+import { ItemDescriptor } from "./editor";
 type Response = {
     type: "page" | "redirect" | "error" | "notfound";
 };
@@ -16,7 +17,19 @@ export type Version = {
     updated: Date;
     updatedBy: string;
 };
-export type Page = Response & {
+export type Item = {
+    id: string;
+    language: string;
+    version: number;
+    name: string;
+    fields: any;
+    translations?: string[];
+    masterLanguages?: string[];
+    path: string;
+    templateId: string;
+    templateName: string;
+};
+export type Page = Response & Item & {
     type: "page";
     editing?: boolean;
     placeholders: PlaceholderData[];
@@ -24,10 +37,8 @@ export type Page = Response & {
     version: number;
     languages: Language[];
     versions: Version[];
-    id: string;
-    name: string;
-    path: string;
     idPath: string;
+    previewUrl: string;
     meta: {
         title: string;
         description: string;
@@ -41,7 +52,25 @@ export type Page = Response & {
         "og:image": string;
     };
     fields: Fields;
-    translations: string[];
+    workbox: Workbox;
+};
+export type WorkboxItem = {
+    item: ItemDescriptor;
+    lockedBy: string;
+    canLock: boolean;
+    hasLock: boolean;
+    publishStatus: string;
+    workflowState: string;
+    isFinalState: boolean;
+    isPublishable: boolean;
+    path: string;
+    commands: {
+        name: string;
+        id: string;
+    }[];
+};
+export type Workbox = {
+    items: WorkboxItem[];
 };
 export type Redirect = Response & {
     type: "redirect";

package/types/mediaProtection.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="node" />
 import "url";
 export declare function hashImageUrl(url: string): string;

package/types/middleware/authorization.d.ts

@@ -0,0 +1,2 @@
+import { NextRequest } from "next/server";
+export declare function ensureAuthorized(request: NextRequest): Promise<Response | null>;

package/types/middleware/index.d.ts

@@ -0,0 +1 @@
+export * from "./authorization";

package/dist/cjs/editor/PageInfo.js

@@ -1,12 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageInfo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function PageInfo({ page }) {
-    var _a;
-    if (!(page === null || page === void 0 ? void 0 : page.fields))
-        return;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-p-1", children: [(0, jsx_runtime_1.jsx)("h2", { className: "a-text-xl a-font-bold a-my-2", children: page.path }), (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["ID: ", page.id] }), (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Language: ", page.language] }), (0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Version: ", page.version] }), page.translations && ((0, jsx_runtime_1.jsxs)("div", { className: "a-text-xs", children: ["Languages: ", (_a = page.translations) === null || _a === void 0 ? void 0 : _a.join(", ")] }))] }));
-}
-exports.PageInfo = PageInfo;

package/dist/esm/alpacaContext.js

@@ -1,8 +0,0 @@
-export function useAlpacaContext() {
-    let context = globalThis.alpacaContext;
-    if (!context) {
-        context = {};
-        globalThis.alpacaContext = context;
-    }
-    return context;
-}

package/dist/esm/components/Error.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ErrorFallback() {
-    // Call resetErrorBoundary() to reset the error boundary and retry the render.
-    return (_jsx("div", { role: "alert", children: _jsx("p", { children: "Something went wrong." }) }));
-}
-export function ErrorFallbackWithDetails({ error }) {
-    // Call resetErrorBoundary() to reset the error boundary and retry the render.
-    return (_jsxs("div", { role: "alert", children: [_jsx("p", { children: "Something went wrong:" }), _jsxs("pre", { style: { color: "red" }, children: [error.message, " ", error.stack] })] }));
-}

package/dist/esm/components/Image.js

@@ -1,32 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
-//   if (otherAttrs.class) {
-//     // if any classes are defined properly already
-//     if (otherAttrs.className) {
-//       let className: string = otherAttrs.className as string;
-//       className += ` ${otherAttrs.class}`;
-//       otherAttrs.className = className;
-//     } else {
-//       otherAttrs.className = otherAttrs.class;
-//     }
-//     delete otherAttrs.class;
-//   }
-// };
-export const Image = (_a) => {
-    var { field } = _a, otherProps = __rest(_a, ["field"]);
-    if (!field)
-        return;
-    const attrs = Object.assign(Object.assign({}, field.value), otherProps);
-    return _jsx("img", Object.assign({}, attrs, { alt: "" }));
-};