@01.software/sdk 0.2.9-dev.260310.cf511cb → 0.2.9-dev.260311.892250f

package/dist/ui/rich-text.js

@@ -0,0 +1,235 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/ui/RichText/index.tsx
+import React2 from "react";
+import {
+  defaultJSXConverters,
+  LinkJSXConverter,
+  RichText,
+  TextJSXConverter
+} from "@payloadcms/richtext-lexical/react";
+
+// src/ui/RichText/styled.tsx
+import React from "react";
+function createComponentConverters(components, internalDocToHref) {
+  const converters = {};
+  if (components.Heading) {
+    const Heading = components.Heading;
+    converters.heading = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(Heading, { tag: node.tag, node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.Paragraph) {
+    const Paragraph = components.Paragraph;
+    converters.paragraph = ({ node, nodesToJSX }) => {
+      const children = nodesToJSX({ nodes: node.children });
+      return /* @__PURE__ */ React.createElement(Paragraph, { isEmpty: !(children == null ? void 0 : children.length), node }, (children == null ? void 0 : children.length) ? children : /* @__PURE__ */ React.createElement("br", null));
+    };
+  }
+  if (components.Blockquote) {
+    const Blockquote = components.Blockquote;
+    converters.quote = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(Blockquote, { node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.List) {
+    const List = components.List;
+    converters.list = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(List, { tag: node.tag, listType: node.listType, node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.ListItem) {
+    const ListItem = components.ListItem;
+    converters.listitem = ({ node, nodesToJSX }) => {
+      const hasSubLists = node.children.some(
+        (child) => child.type === "list"
+      );
+      return /* @__PURE__ */ React.createElement(
+        ListItem,
+        {
+          hasSubLists,
+          checked: node.checked,
+          value: node.value,
+          node
+        },
+        nodesToJSX({ nodes: node.children })
+      );
+    };
+  }
+  if (components.Link) {
+    const Link = components.Link;
+    const resolveHref = (node) => {
+      var _a;
+      if (node.fields.linkType === "internal") {
+        return internalDocToHref ? internalDocToHref({ linkNode: node }) : "#";
+      }
+      return (_a = node.fields.url) != null ? _a : "";
+    };
+    converters.link = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        href: resolveHref(node),
+        rel: node.fields.newTab ? "noopener noreferrer" : void 0,
+        target: node.fields.newTab ? "_blank" : void 0,
+        node
+      },
+      nodesToJSX({ nodes: node.children })
+    );
+    converters.autolink = ({ node, nodesToJSX }) => {
+      var _a;
+      return /* @__PURE__ */ React.createElement(
+        Link,
+        {
+          href: (_a = node.fields.url) != null ? _a : "",
+          rel: node.fields.newTab ? "noopener noreferrer" : void 0,
+          target: node.fields.newTab ? "_blank" : void 0,
+          node
+        },
+        nodesToJSX({ nodes: node.children })
+      );
+    };
+  }
+  if (components.HorizontalRule) {
+    const HorizontalRule = components.HorizontalRule;
+    converters.horizontalrule = /* @__PURE__ */ React.createElement(HorizontalRule, null);
+  }
+  if (components.Upload) {
+    const Upload = components.Upload;
+    converters.upload = ({ node }) => {
+      var _a;
+      const uploadNode = node;
+      if (typeof uploadNode.value !== "object") return null;
+      const doc = uploadNode.value;
+      return /* @__PURE__ */ React.createElement(
+        Upload,
+        {
+          src: doc.url,
+          alt: ((_a = uploadNode.fields) == null ? void 0 : _a.alt) || (doc == null ? void 0 : doc.alt) || "",
+          width: doc.width,
+          height: doc.height,
+          mimeType: doc.mimeType,
+          filename: doc.filename,
+          sizes: doc.sizes,
+          node
+        }
+      );
+    };
+  }
+  if (components.Table) {
+    const Table = components.Table;
+    converters.table = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(Table, { node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.TableRow) {
+    const TableRow = components.TableRow;
+    converters.tablerow = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(TableRow, { node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.TableCell) {
+    const TableCell = components.TableCell;
+    converters.tablecell = ({ node, nodesToJSX }) => /* @__PURE__ */ React.createElement(
+      TableCell,
+      {
+        tag: node.headerState > 0 ? "th" : "td",
+        colSpan: node.colSpan > 1 ? node.colSpan : void 0,
+        rowSpan: node.rowSpan > 1 ? node.rowSpan : void 0,
+        backgroundColor: node.backgroundColor || void 0,
+        node
+      },
+      nodesToJSX({ nodes: node.children })
+    );
+  }
+  return converters;
+}
+function StyledRichTextContent(_a) {
+  var _b = _a, {
+    components = {},
+    internalDocToHref,
+    blocks,
+    textState
+  } = _b, props = __objRest(_b, [
+    "components",
+    "internalDocToHref",
+    "blocks",
+    "textState"
+  ]);
+  const converters = createComponentConverters(components, internalDocToHref);
+  return /* @__PURE__ */ React.createElement(
+    RichTextContent,
+    __spreadProps(__spreadValues({}, props), {
+      internalDocToHref,
+      converters,
+      blocks,
+      textState
+    })
+  );
+}
+
+// src/ui/RichText/index.tsx
+function hyphenToCamel(str) {
+  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+}
+function createTextStateConverter(state) {
+  const defaultTextConverter = TextJSXConverter.text;
+  return (_a) => {
+    var _b = _a, { node } = _b, rest = __objRest(_b, ["node"]);
+    var _a2, _b2;
+    const base = defaultTextConverter(__spreadValues({ node }, rest));
+    const nodeState = node.$;
+    if (!nodeState || typeof nodeState !== "object") return base;
+    const style = {};
+    for (const stateKey in nodeState) {
+      const stateValue = nodeState[stateKey];
+      if (!stateValue) continue;
+      const css = (_b2 = (_a2 = state[stateKey]) == null ? void 0 : _a2[stateValue]) == null ? void 0 : _b2.css;
+      if (css) {
+        for (const prop in css) {
+          const val = css[prop];
+          if (val) style[hyphenToCamel(prop)] = val;
+        }
+      }
+    }
+    if (Object.keys(style).length === 0) return base;
+    return /* @__PURE__ */ React2.createElement("span", { style }, base);
+  };
+}
+function RichTextContent({
+  data,
+  className,
+  internalDocToHref,
+  converters,
+  blocks,
+  disableDefaultConverters,
+  textState
+}) {
+  const baseConverters = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, disableDefaultConverters ? {} : defaultJSXConverters), LinkJSXConverter({ internalDocToHref })), textState ? { text: createTextStateConverter(textState) } : {}), converters), blocks ? { blocks } : {});
+  return /* @__PURE__ */ React2.createElement(RichText, { data, className, converters: baseConverters });
+}
+export {
+  RichTextContent,
+  StyledRichTextContent
+};
+//# sourceMappingURL=rich-text.js.map

package/dist/ui/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/RichText/index.tsx","../../src/ui/RichText/styled.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport {\n  SerializedBlockNode,\n  SerializedLinkNode,\n} from '@payloadcms/richtext-lexical'\nimport {\n  SerializedEditorState,\n  SerializedLexicalNode,\n} from '@payloadcms/richtext-lexical/lexical'\nimport {\n  defaultJSXConverters,\n  JSXConverter,\n  JSXConverters,\n  LinkJSXConverter,\n  RichText,\n  TextJSXConverter,\n} from '@payloadcms/richtext-lexical/react'\n\nexport type RichTextData = SerializedEditorState<SerializedLexicalNode>\n\nexport type TextStateConfig = {\n  [stateKey: string]: {\n    [stateValue: string]: {\n      css: Record<string, string>\n      label: string\n    }\n  }\n}\n\nexport interface RichTextContentProps {\n  data: RichTextData\n  className?: string\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string\n  converters?: Partial<JSXConverters>\n  blocks?: Record<string, JSXConverter<SerializedBlockNode>>\n  disableDefaultConverters?: boolean\n  textState?: TextStateConfig\n}\n\nexport { StyledRichTextContent } from './styled'\nexport type {\n  RichTextComponents,\n  StyledRichTextContentProps,\n  HeadingSlotProps,\n  ParagraphSlotProps,\n  BlockquoteSlotProps,\n  ListSlotProps,\n  ListItemSlotProps,\n  LinkSlotProps,\n  HorizontalRuleSlotProps,\n  UploadSlotProps,\n  TableSlotProps,\n  TableRowSlotProps,\n  TableCellSlotProps,\n} from './styled'\n\nfunction hyphenToCamel(str: string): string {\n  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase())\n}\n\nfunction createTextStateConverter(\n  state: TextStateConfig,\n): JSXConverters['text'] {\n  const defaultTextConverter = TextJSXConverter.text\n  // eslint-disable-next-line react/display-name\n  return ({ node, ...rest }) => {\n    const base = (\n      defaultTextConverter as (...args: unknown[]) => React.ReactNode\n    )({ node, ...rest })\n    const nodeState = (node as Record<string, unknown>).$ as\n      | Record<string, string>\n      | undefined\n    if (!nodeState || typeof nodeState !== 'object') return base\n\n    const style: Record<string, string> = {}\n    for (const stateKey in nodeState) {\n      const stateValue = nodeState[stateKey]\n      if (!stateValue) continue\n      const css = state[stateKey]?.[stateValue]?.css\n      if (css) {\n        for (const prop in css) {\n          const val = css[prop]\n          if (val) style[hyphenToCamel(prop)] = val\n        }\n      }\n    }\n\n    if (Object.keys(style).length === 0) return base\n    return <span style={style}>{base}</span>\n  }\n}\n\nexport function RichTextContent({\n  data,\n  className,\n  internalDocToHref,\n  converters,\n  blocks,\n  disableDefaultConverters,\n  textState,\n}: RichTextContentProps) {\n  const baseConverters: JSXConverters = {\n    ...(disableDefaultConverters ? {} : defaultJSXConverters),\n    ...LinkJSXConverter({ internalDocToHref }),\n    ...(textState ? { text: createTextStateConverter(textState) } : {}),\n    ...converters,\n    ...(blocks ? { blocks } : {}),\n  }\n\n  return (\n    <RichText data={data} className={className} converters={baseConverters} />\n  )\n}\n","'use client'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react'\nimport { SerializedLinkNode } from '@payloadcms/richtext-lexical'\nimport { JSXConverters } from '@payloadcms/richtext-lexical/react'\nimport { RichTextContent, RichTextContentProps } from './index'\n\n// --- Slot prop types (each slot gets structured data + raw node) ---\n\nexport interface HeadingSlotProps {\n  tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  children: React.ReactNode\n  node: any\n}\n\nexport interface ParagraphSlotProps {\n  children: React.ReactNode\n  isEmpty: boolean\n  node: any\n}\n\nexport interface BlockquoteSlotProps {\n  children: React.ReactNode\n  node: any\n}\n\nexport interface ListSlotProps {\n  tag: 'ul' | 'ol'\n  listType: string\n  children: React.ReactNode\n  node: any\n}\n\nexport interface ListItemSlotProps {\n  children: React.ReactNode\n  hasSubLists: boolean\n  checked?: boolean\n  value?: number\n  node: any\n}\n\nexport interface LinkSlotProps {\n  href: string\n  target?: string\n  rel?: string\n  children: React.ReactNode\n  node: any\n}\n\nexport interface HorizontalRuleSlotProps {\n  node?: any\n}\n\nexport interface UploadSlotProps {\n  src: string\n  alt: string\n  width?: number\n  height?: number\n  mimeType: string\n  filename: string\n  sizes?: Record<string, any>\n  node: any\n}\n\nexport interface TableSlotProps {\n  children: React.ReactNode\n  node: any\n}\n\nexport interface TableRowSlotProps {\n  children: React.ReactNode\n  node: any\n}\n\nexport interface TableCellSlotProps {\n  tag: 'th' | 'td'\n  children: React.ReactNode\n  colSpan?: number\n  rowSpan?: number\n  backgroundColor?: string\n  node: any\n}\n\n// --- Components map ---\n\nexport interface RichTextComponents {\n  Heading?: React.ComponentType<HeadingSlotProps>\n  Paragraph?: React.ComponentType<ParagraphSlotProps>\n  Blockquote?: React.ComponentType<BlockquoteSlotProps>\n  List?: React.ComponentType<ListSlotProps>\n  ListItem?: React.ComponentType<ListItemSlotProps>\n  Link?: React.ComponentType<LinkSlotProps>\n  HorizontalRule?: React.ComponentType<HorizontalRuleSlotProps>\n  Upload?: React.ComponentType<UploadSlotProps>\n  Table?: React.ComponentType<TableSlotProps>\n  TableRow?: React.ComponentType<TableRowSlotProps>\n  TableCell?: React.ComponentType<TableCellSlotProps>\n}\n\nexport interface StyledRichTextContentProps\n  extends Omit<RichTextContentProps, 'converters' | 'disableDefaultConverters'> {\n  components?: RichTextComponents\n}\n\nfunction createComponentConverters(\n  components: RichTextComponents,\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string,\n): Partial<JSXConverters> {\n  const converters: Partial<JSXConverters> = {}\n\n  if (components.Heading) {\n    const Heading = components.Heading\n    converters.heading = ({ node, nodesToJSX }) => (\n      <Heading tag={node.tag} node={node}>\n        {nodesToJSX({ nodes: node.children })}\n      </Heading>\n    )\n  }\n\n  if (components.Paragraph) {\n    const Paragraph = components.Paragraph\n    converters.paragraph = ({ node, nodesToJSX }) => {\n      const children = nodesToJSX({ nodes: node.children })\n      return (\n        <Paragraph isEmpty={!children?.length} node={node}>\n          {children?.length ? children : <br />}\n        </Paragraph>\n      )\n    }\n  }\n\n  if (components.Blockquote) {\n    const Blockquote = components.Blockquote\n    converters.quote = ({ node, nodesToJSX }) => (\n      <Blockquote node={node}>\n        {nodesToJSX({ nodes: node.children })}\n      </Blockquote>\n    )\n  }\n\n  if (components.List) {\n    const List = components.List\n    converters.list = ({ node, nodesToJSX }) => (\n      <List tag={node.tag} listType={node.listType} node={node}>\n        {nodesToJSX({ nodes: node.children })}\n      </List>\n    )\n  }\n\n  if (components.ListItem) {\n    const ListItem = components.ListItem\n    converters.listitem = ({ node, nodesToJSX }) => {\n      const hasSubLists = node.children.some(\n        (child: { type: string }) => child.type === 'list',\n      )\n      return (\n        <ListItem\n          hasSubLists={hasSubLists}\n          checked={node.checked}\n          value={node.value}\n          node={node}\n        >\n          {nodesToJSX({ nodes: node.children })}\n        </ListItem>\n      )\n    }\n  }\n\n  if (components.Link) {\n    const Link = components.Link\n\n    const resolveHref = (node: any): string => {\n      if (node.fields.linkType === 'internal') {\n        return internalDocToHref ? internalDocToHref({ linkNode: node }) : '#'\n      }\n      return node.fields.url ?? ''\n    }\n\n    converters.link = ({ node, nodesToJSX }) => (\n      <Link\n        href={resolveHref(node)}\n        rel={node.fields.newTab ? 'noopener noreferrer' : undefined}\n        target={node.fields.newTab ? '_blank' : undefined}\n        node={node}\n      >\n        {nodesToJSX({ nodes: node.children })}\n      </Link>\n    )\n\n    converters.autolink = ({ node, nodesToJSX }) => (\n      <Link\n        href={node.fields.url ?? ''}\n        rel={node.fields.newTab ? 'noopener noreferrer' : undefined}\n        target={node.fields.newTab ? '_blank' : undefined}\n        node={node}\n      >\n        {nodesToJSX({ nodes: node.children })}\n      </Link>\n    )\n  }\n\n  if (components.HorizontalRule) {\n    const HorizontalRule = components.HorizontalRule\n    converters.horizontalrule = <HorizontalRule />\n  }\n\n  if (components.Upload) {\n    const Upload = components.Upload\n    converters.upload = ({ node }) => {\n      const uploadNode = node as any\n      if (typeof uploadNode.value !== 'object') return null\n      const doc = uploadNode.value\n      return (\n        <Upload\n          src={doc.url}\n          alt={uploadNode.fields?.alt || doc?.alt || ''}\n          width={doc.width}\n          height={doc.height}\n          mimeType={doc.mimeType}\n          filename={doc.filename}\n          sizes={doc.sizes}\n          node={node}\n        />\n      )\n    }\n  }\n\n  if (components.Table) {\n    const Table = components.Table\n    converters.table = ({ node, nodesToJSX }) => (\n      <Table node={node}>{nodesToJSX({ nodes: node.children })}</Table>\n    )\n  }\n\n  if (components.TableRow) {\n    const TableRow = components.TableRow\n    converters.tablerow = ({ node, nodesToJSX }) => (\n      <TableRow node={node}>{nodesToJSX({ nodes: node.children })}</TableRow>\n    )\n  }\n\n  if (components.TableCell) {\n    const TableCell = components.TableCell\n    converters.tablecell = ({ node, nodesToJSX }) => (\n      <TableCell\n        tag={node.headerState > 0 ? 'th' : 'td'}\n        colSpan={node.colSpan > 1 ? node.colSpan : undefined}\n        rowSpan={node.rowSpan > 1 ? node.rowSpan : undefined}\n        backgroundColor={node.backgroundColor || undefined}\n        node={node}\n      >\n        {nodesToJSX({ nodes: node.children })}\n      </TableCell>\n    )\n  }\n\n  return converters\n}\n\nexport function StyledRichTextContent({\n  components = {},\n  internalDocToHref,\n  blocks,\n  textState,\n  ...props\n}: StyledRichTextContentProps) {\n  const converters = createComponentConverters(components, internalDocToHref)\n\n  return (\n    <RichTextContent\n      {...props}\n      internalDocToHref={internalDocToHref}\n      converters={converters}\n      blocks={blocks}\n      textState={textState}\n    />\n  )\n}\n"],"mappings":"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","names":["React","_a","_b","React"]}

package/dist/{webhook-NRdVwXN7.d.cts → webhook-CszIpUKn.d.cts}

@@ -1,4 +1,4 @@
-import { d as Config } from './payload-types-Cq93wqIe.cjs';
+import { d as Config } from './payload-types-BjvBwB8Z.cjs';
 
 /**
  * Collection type derived from Payload Config.
@@ -9,7 +9,7 @@ type Collection = keyof Config['collections'];
  * Array of all public collection names for runtime use (e.g., Zod enum validation).
  * This is the single source of truth for which collections are publicly accessible via SDK.
  */
-declare const COLLECTIONS: readonly ["tenants", "tenant-metadata", "tenant-logos", "tenant-og-images", "products", "product-variants", "product-options", "product-categories", "product-tags", "product-images", "product-collections", "brands", "brand-logos", "orders", "order-products", "returns", "return-products", "exchanges", "exchange-products", "fulfillments", "fulfillment-items", "transactions", "customers", "customer-addresses", "customer-groups", "customer-group-images", "carts", "cart-items", "discounts", "shipping-policies", "documents", "document-categories", "document-types", "document-images", "posts", "post-categories", "post-tags", "post-images", "playlists", "playlist-images", "playlist-categories", "musics", "galleries", "gallery-images", "gallery-categories", "gallery-tags", "flows", "flow-images", "flow-node-types", "flow-edge-types", "flow-tags", "videos", "video-images", "video-categories", "video-tags", "live-streams", "live-stream-images", "forms", "form-submissions", "media"];
+declare const COLLECTIONS: readonly ["tenants", "tenant-metadata", "tenant-logos", "tenant-og-images", "products", "product-variants", "product-options", "product-categories", "product-tags", "product-images", "product-collections", "brands", "brand-logos", "orders", "order-products", "returns", "return-products", "exchanges", "exchange-products", "fulfillments", "fulfillment-items", "transactions", "customers", "customer-addresses", "customer-groups", "customer-group-images", "carts", "cart-items", "discounts", "shipping-policies", "documents", "document-categories", "document-types", "document-images", "posts", "post-categories", "post-tags", "post-images", "playlists", "playlist-images", "playlist-categories", "playlist-tags", "musics", "galleries", "gallery-images", "gallery-categories", "gallery-tags", "flows", "flow-images", "flow-node-types", "flow-edge-types", "flow-categories", "flow-tags", "videos", "video-images", "video-categories", "video-tags", "live-streams", "live-stream-images", "forms", "form-submissions", "media"];
 /**
  * Public collections available for SDK access.
  * Derived from the COLLECTIONS array (single source of truth).

package/dist/{webhook-C_7s0K66.d.ts → webhook-_LdLdjGa.d.ts}

@@ -1,4 +1,4 @@
-import { d as Config } from './payload-types-Cq93wqIe.js';
+import { d as Config } from './payload-types-BjvBwB8Z.js';
 
 /**
  * Collection type derived from Payload Config.
@@ -9,7 +9,7 @@ type Collection = keyof Config['collections'];
  * Array of all public collection names for runtime use (e.g., Zod enum validation).
  * This is the single source of truth for which collections are publicly accessible via SDK.
  */
-declare const COLLECTIONS: readonly ["tenants", "tenant-metadata", "tenant-logos", "tenant-og-images", "products", "product-variants", "product-options", "product-categories", "product-tags", "product-images", "product-collections", "brands", "brand-logos", "orders", "order-products", "returns", "return-products", "exchanges", "exchange-products", "fulfillments", "fulfillment-items", "transactions", "customers", "customer-addresses", "customer-groups", "customer-group-images", "carts", "cart-items", "discounts", "shipping-policies", "documents", "document-categories", "document-types", "document-images", "posts", "post-categories", "post-tags", "post-images", "playlists", "playlist-images", "playlist-categories", "musics", "galleries", "gallery-images", "gallery-categories", "gallery-tags", "flows", "flow-images", "flow-node-types", "flow-edge-types", "flow-tags", "videos", "video-images", "video-categories", "video-tags", "live-streams", "live-stream-images", "forms", "form-submissions", "media"];
+declare const COLLECTIONS: readonly ["tenants", "tenant-metadata", "tenant-logos", "tenant-og-images", "products", "product-variants", "product-options", "product-categories", "product-tags", "product-images", "product-collections", "brands", "brand-logos", "orders", "order-products", "returns", "return-products", "exchanges", "exchange-products", "fulfillments", "fulfillment-items", "transactions", "customers", "customer-addresses", "customer-groups", "customer-group-images", "carts", "cart-items", "discounts", "shipping-policies", "documents", "document-categories", "document-types", "document-images", "posts", "post-categories", "post-tags", "post-images", "playlists", "playlist-images", "playlist-categories", "playlist-tags", "musics", "galleries", "gallery-images", "gallery-categories", "gallery-tags", "flows", "flow-images", "flow-node-types", "flow-edge-types", "flow-categories", "flow-tags", "videos", "video-images", "video-categories", "video-tags", "live-streams", "live-stream-images", "forms", "form-submissions", "media"];
 /**
  * Public collections available for SDK access.
  * Derived from the COLLECTIONS array (single source of truth).

package/dist/webhook.d.cts

@@ -1,2 +1,2 @@
-export { c as WebhookEvent, d as WebhookHandler, W as WebhookOperation, e as WebhookOptions, f as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-NRdVwXN7.cjs';
-import './payload-types-Cq93wqIe.cjs';
+export { c as WebhookEvent, d as WebhookHandler, W as WebhookOperation, e as WebhookOptions, f as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-CszIpUKn.cjs';
+import './payload-types-BjvBwB8Z.cjs';

package/dist/webhook.d.ts

@@ -1,2 +1,2 @@
-export { c as WebhookEvent, d as WebhookHandler, W as WebhookOperation, e as WebhookOptions, f as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-C_7s0K66.js';
-import './payload-types-Cq93wqIe.js';
+export { c as WebhookEvent, d as WebhookHandler, W as WebhookOperation, e as WebhookOptions, f as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-_LdLdjGa.js';
+import './payload-types-BjvBwB8Z.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@01.software/sdk",
-  "version": "0.2.9-dev.260310.cf511cb",
+  "version": "0.2.9-dev.260311.892250f",
   "description": "01.software SDK",
   "author": "<office@01.works>",
   "keywords": [],
@@ -39,24 +39,54 @@
         "default": "./dist/webhook.cjs"
       }
     },
-    "./components": {
+    "./ui/image": {
       "import": {
-        "types": "./dist/components.d.ts",
-        "default": "./dist/components.js"
+        "types": "./dist/ui/image.d.ts",
+        "default": "./dist/ui/image.js"
       },
       "require": {
-        "types": "./dist/components.d.cts",
-        "default": "./dist/components.cjs"
+        "types": "./dist/ui/image.d.cts",
+        "default": "./dist/ui/image.cjs"
       }
     },
-    "./flow": {
+    "./ui/form": {
       "import": {
-        "types": "./dist/flow.d.ts",
-        "default": "./dist/flow.js"
+        "types": "./dist/ui/form.d.ts",
+        "default": "./dist/ui/form.js"
       },
       "require": {
-        "types": "./dist/flow.d.cts",
-        "default": "./dist/flow.cjs"
+        "types": "./dist/ui/form.d.cts",
+        "default": "./dist/ui/form.cjs"
+      }
+    },
+    "./ui/rich-text": {
+      "import": {
+        "types": "./dist/ui/rich-text.d.ts",
+        "default": "./dist/ui/rich-text.js"
+      },
+      "require": {
+        "types": "./dist/ui/rich-text.d.cts",
+        "default": "./dist/ui/rich-text.cjs"
+      }
+    },
+    "./ui/code-block": {
+      "import": {
+        "types": "./dist/ui/code-block.d.ts",
+        "default": "./dist/ui/code-block.js"
+      },
+      "require": {
+        "types": "./dist/ui/code-block.d.cts",
+        "default": "./dist/ui/code-block.cjs"
+      }
+    },
+    "./ui/flow": {
+      "import": {
+        "types": "./dist/ui/flow.d.ts",
+        "default": "./dist/ui/flow.js"
+      },
+      "require": {
+        "types": "./dist/ui/flow.d.cts",
+        "default": "./dist/ui/flow.cjs"
       }
     },
     "./package.json": "./package.json"
@@ -71,10 +101,13 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.3",
     "@tanstack/react-query": "5.90.16",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "16.3.0",
     "@types/node": "^22.15.3",
     "@types/react": "19.2.3",
     "@types/react-dom": "19.2.3",
     "@xyflow/react": "^12.10.1",
+    "jsdom": "26.1.0",
     "next": "15.4.10",
     "publint": "^0.3.16",
     "react": "^19.2.3",
@@ -113,7 +146,9 @@
     "dev": "tsup --watch",
     "clean": "rimraf ./dist ./coverage",
     "lint": "eslint ./src",
-    "test": "vitest",
+    "test": "vitest run",
+    "test:react": "vitest run --config vitest.config.react.ts",
+    "test:all": "vitest run && vitest run --config vitest.config.react.ts",
     "test:watch": "vitest --watch",
     "test:publish": "publint --strict && attw --pack --ignore-rules no-resolution",
     "check-types": "tsc --noEmit",