@01.software/sdk 0.2.9-dev.260310.cf511cb → 0.2.9-dev.260311.926a6d4

package/dist/{components.js → components/form.js}

@@ -1,3 +1,4 @@
+"use client";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -17,18 +18,6 @@ var __spreadValues = (a, b) => {
   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;
-};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -50,206 +39,8 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// src/components/RichTextContent/index.tsx
-import React2 from "react";
-import {
-  defaultJSXConverters,
-  LinkJSXConverter,
-  RichText,
-  TextJSXConverter
-} from "@payloadcms/richtext-lexical/react";
-
-// src/components/RichTextContent/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/components/RichTextContent/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 });
-}
-
 // src/components/FormRenderer/index.tsx
-import React3, { useState, useCallback, useEffect, useRef } from "react";
+import React, { useState, useCallback, useEffect, useRef } from "react";
 
 // src/components/FormRenderer/countries.ts
 var COUNTRIES = [
@@ -620,14 +411,14 @@ function FormRenderer({
       value: (_a2 = values[field.name]) != null ? _a2 : "",
       onChange: (v) => handleChange(field.name, v)
     };
-    const el = /* @__PURE__ */ React3.createElement(
+    const el = /* @__PURE__ */ React.createElement(
       "div",
       {
         key: (_b = field.id) != null ? _b : field.name,
         className: fieldClassName,
         style
       },
-      field.label && /* @__PURE__ */ React3.createElement("label", { htmlFor: field.name }, field.label),
+      field.label && /* @__PURE__ */ React.createElement("label", { htmlFor: field.name }, field.label),
       input
     );
     return renderField ? renderField(field, context, el) : el;
@@ -637,7 +428,7 @@ function FormRenderer({
     return wrapField(
       field,
       style,
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React.createElement(
         "select",
         {
           id: field.name,
@@ -646,8 +437,8 @@ function FormRenderer({
           required: (_b = field.required) != null ? _b : false,
           onChange: (e) => handleChange(field.name, e.target.value)
         },
-        /* @__PURE__ */ React3.createElement("option", { value: "" }, placeholder || "Select\u2026"),
-        options.map((opt) => /* @__PURE__ */ React3.createElement("option", { key: opt.value, value: opt.value }, opt.label))
+        /* @__PURE__ */ React.createElement("option", { value: "" }, placeholder || "Select\u2026"),
+        options.map((opt) => /* @__PURE__ */ React.createElement("option", { key: opt.value, value: opt.value }, opt.label))
       )
     );
   };
@@ -659,7 +450,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement(
             "input",
             {
               type: "text",
@@ -676,7 +467,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement(
             "input",
             {
               type: "email",
@@ -692,7 +483,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement(
             "input",
             {
               type: "number",
@@ -713,7 +504,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement(
             "textarea",
             {
               id: field.name,
@@ -729,14 +520,14 @@ function FormRenderer({
           value: (_j = values[field.name]) != null ? _j : false,
           onChange: (v) => handleChange(field.name, v)
         };
-        const el = /* @__PURE__ */ React3.createElement(
+        const el = /* @__PURE__ */ React.createElement(
           "div",
           {
             key: (_k = field.id) != null ? _k : field.name,
             className: fieldClassName,
             style
           },
-          /* @__PURE__ */ React3.createElement("label", { htmlFor: field.name }, /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement("label", { htmlFor: field.name }, /* @__PURE__ */ React.createElement(
             "input",
             {
               type: "checkbox",
@@ -746,7 +537,7 @@ function FormRenderer({
               required: (_l = field.required) != null ? _l : false,
               onChange: (e) => handleChange(field.name, e.target.checked)
             }
-          ), field.label && /* @__PURE__ */ React3.createElement("span", null, field.label))
+          ), field.label && /* @__PURE__ */ React.createElement("span", null, field.label))
         );
         return renderField ? renderField(field, context, el) : el;
       }
@@ -763,7 +554,7 @@ function FormRenderer({
         return renderSelectField(field, style, US_STATES);
       case "message":
         if (renderMessage && field.message) {
-          return /* @__PURE__ */ React3.createElement(React3.Fragment, { key: (_p = (_o = field.id) != null ? _o : field.blockName) != null ? _p : "message" }, renderMessage(field.message));
+          return /* @__PURE__ */ React.createElement(React.Fragment, { key: (_p = (_o = field.id) != null ? _o : field.blockName) != null ? _p : "message" }, renderMessage(field.message));
         }
         return null;
       default:
@@ -771,7 +562,7 @@ function FormRenderer({
     }
   };
   const buttonLabel = form.submitButtonLabel || "Submit";
-  return /* @__PURE__ */ React3.createElement("form", { onSubmit: handleSubmit, className }, (_a = form.fields) == null ? void 0 : _a.map((field) => renderFieldElement(field)), renderButton ? renderButton({ isSubmitting, label: buttonLabel }) : /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className }, (_a = form.fields) == null ? void 0 : _a.map((field) => renderFieldElement(field)), renderButton ? renderButton({ isSubmitting, label: buttonLabel }) : /* @__PURE__ */ React.createElement(
     "button",
     {
       type: "submit",
@@ -781,295 +572,8 @@ function FormRenderer({
     buttonLabel
   ));
 }
-
-// src/components/Image/index.tsx
-import React4, { useCallback as useCallback2, useRef as useRef2, useState as useState2 } from "react";
-
-// src/utils/image.ts
-var IMAGE_SIZES = [384, 768, 1536];
-function getImageSrcSet(image) {
-  const parts = [];
-  const sizes = image.sizes;
-  if (sizes) {
-    for (const size of IMAGE_SIZES) {
-      const entry = sizes[String(size)];
-      if ((entry == null ? void 0 : entry.url) && entry.width) {
-        parts.push(`${entry.url} ${entry.width}w`);
-      }
-    }
-  }
-  if (image.url && image.width) {
-    parts.push(`${image.url} ${image.width}w`);
-  }
-  return parts.join(", ");
-}
-function getImagePlaceholderStyle(image, options) {
-  var _a, _b, _c;
-  const type = (_a = options == null ? void 0 : options.type) != null ? _a : "blur";
-  const paletteColor = (_b = options == null ? void 0 : options.paletteColor) != null ? _b : "muted";
-  if (type === "none") return {};
-  const color = (_c = image.palette) == null ? void 0 : _c[paletteColor];
-  if (type === "blur") {
-    const lqip = image.lqip;
-    if (lqip) {
-      return {
-        backgroundImage: `url(${lqip})`,
-        backgroundSize: "cover",
-        backgroundPosition: "center"
-      };
-    }
-    if (color) {
-      return { backgroundColor: color };
-    }
-    return {};
-  }
-  if (color) {
-    return { backgroundColor: color };
-  }
-  return {};
-}
-
-// src/components/Image/index.tsx
-function Image({
-  image,
-  width,
-  dpr = 1,
-  placeholder: placeholderProp,
-  className,
-  style,
-  imgClassName,
-  imgStyle,
-  sizes,
-  loading: loadingProp,
-  onLoad,
-  objectFit = "cover",
-  priority = false,
-  fill = false,
-  imageRendering
-}) {
-  var _a, _b;
-  const [loaded, setLoaded] = useState2(false);
-  const firedRef = useRef2(false);
-  const isPixelRendering = imageRendering === "pixelated" || imageRendering === "crisp-edges";
-  const placeholder = placeholderProp != null ? placeholderProp : isPixelRendering ? "none" : "blur";
-  const loading = priority ? "eager" : loadingProp != null ? loadingProp : "lazy";
-  const aspectRatio = !fill && image.width && image.height ? `${image.width} / ${image.height}` : void 0;
-  const srcSet = getImageSrcSet(image);
-  const src = (_a = image.url) != null ? _a : void 0;
-  const hasLqip = placeholder === "blur" && !!image.lqip;
-  const placeholderStyle = getImagePlaceholderStyle(image, {
-    type: placeholder
-  });
-  const placeholderColor = !hasLqip && "backgroundColor" in placeholderStyle ? placeholderStyle.backgroundColor : void 0;
-  const fireLoad = useCallback2(() => {
-    if (firedRef.current) return;
-    firedRef.current = true;
-    setLoaded(true);
-    onLoad == null ? void 0 : onLoad();
-  }, [onLoad]);
-  const imgRef = useCallback2(
-    (node) => {
-      if (node && node.complete && node.naturalWidth > 0) {
-        fireLoad();
-      }
-    },
-    [fireLoad]
-  );
-  const containerStyle = __spreadValues(__spreadValues(__spreadValues({
-    position: "relative",
-    overflow: "hidden"
-  }, fill ? { width: "100%", height: "100%" } : {}), aspectRatio ? { aspectRatio } : {}), style);
-  const overlayBase = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    opacity: loaded ? 0 : 1,
-    transition: "opacity 0.3s ease",
-    pointerEvents: "none"
-  };
-  const mainImgStyle = __spreadValues(__spreadProps(__spreadValues({
-    display: "block",
-    width: "100%",
-    height: "100%",
-    objectFit
-  }, imageRendering ? { imageRendering } : {}), {
-    opacity: loaded ? 1 : 0,
-    transition: "opacity 0.3s ease"
-  }), imgStyle);
-  return /* @__PURE__ */ React4.createElement("div", { className, style: containerStyle }, hasLqip && /* @__PURE__ */ React4.createElement(
-    "img",
-    {
-      "aria-hidden": true,
-      alt: "",
-      src: image.lqip,
-      style: __spreadProps(__spreadValues({}, overlayBase), {
-        display: "block",
-        objectFit,
-        filter: "blur(20px)",
-        transform: "scale(1.1)"
-      })
-    }
-  ), placeholderColor && /* @__PURE__ */ React4.createElement(
-    "div",
-    {
-      "aria-hidden": true,
-      style: __spreadProps(__spreadValues({}, overlayBase), {
-        backgroundColor: placeholderColor
-      })
-    }
-  ), /* @__PURE__ */ React4.createElement(
-    "img",
-    {
-      ref: imgRef,
-      alt: (_b = image.alt) != null ? _b : "",
-      src,
-      srcSet: srcSet || void 0,
-      sizes,
-      width: width ? width * dpr : void 0,
-      loading,
-      decoding: "async",
-      fetchPriority: priority ? "high" : void 0,
-      onLoad: fireLoad,
-      className: imgClassName,
-      style: mainImgStyle
-    }
-  ));
-}
-
-// src/components/CodeBlock/index.tsx
-import React5, { useEffect as useEffect2, useState as useState3 } from "react";
-
-// src/components/CodeBlock/highlight.ts
-import { Fragment } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toJsxRuntime } from "hast-util-to-jsx-runtime";
-import { codeToHast } from "shiki";
-var LANGUAGE_ALIASES = {
-  js: "javascript",
-  ts: "typescript",
-  sh: "bash",
-  shell: "bash",
-  yml: "yaml",
-  py: "python",
-  rb: "ruby",
-  plaintext: "text"
-};
-function normalizeLanguage(lang) {
-  return LANGUAGE_ALIASES[lang] || lang;
-}
-function highlight(code, lang, theme = "github-dark") {
-  return __async(this, null, function* () {
-    const normalized = normalizeLanguage(lang);
-    try {
-      const hast = yield codeToHast(code, {
-        lang: normalized,
-        theme
-      });
-      return toJsxRuntime(hast, { Fragment, jsx, jsxs });
-    } catch (e) {
-      const hast = yield codeToHast(code, { lang: "text", theme });
-      return toJsxRuntime(hast, { Fragment, jsx, jsxs });
-    }
-  });
-}
-
-// src/components/CodeBlock/index.tsx
-function CodeBlock({
-  code,
-  language = "typescript",
-  theme = "github-dark",
-  className,
-  initial,
-  showLineNumbers = false,
-  showCopyButton = true
-}) {
-  const [nodes, setNodes] = useState3(initial);
-  const [copied, setCopied] = useState3(false);
-  useEffect2(() => {
-    let cancelled = false;
-    void highlight(code, language, theme).then((el) => {
-      if (!cancelled) setNodes(el);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [code, language, theme]);
-  const handleCopy = () => {
-    void navigator.clipboard.writeText(code).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }, () => {
-    });
-  };
-  return /* @__PURE__ */ React5.createElement("div", { className, style: { position: "relative" } }, showCopyButton && /* @__PURE__ */ React5.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: handleCopy,
-      "aria-label": "Copy code",
-      style: {
-        position: "absolute",
-        top: 8,
-        right: 8,
-        zIndex: 1,
-        padding: "4px 8px",
-        fontSize: 12,
-        lineHeight: 1,
-        border: "1px solid rgba(255,255,255,0.2)",
-        borderRadius: 4,
-        background: "rgba(0,0,0,0.3)",
-        color: "#ccc",
-        cursor: "pointer",
-        opacity: 0.7,
-        transition: "opacity 0.15s"
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.opacity = "1";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.opacity = "0.7";
-      }
-    },
-    copied ? "Copied!" : "Copy"
-  ), showLineNumbers && nodes ? /* @__PURE__ */ React5.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React5.createElement(
-    "div",
-    {
-      "aria-hidden": true,
-      style: {
-        padding: "1em 0.5em 1em 1em",
-        textAlign: "right",
-        userSelect: "none",
-        color: "rgba(255,255,255,0.3)",
-        fontFamily: "monospace",
-        fontSize: 13,
-        lineHeight: 1.5
-      }
-    },
-    code.split("\n").map((_, i) => /* @__PURE__ */ React5.createElement("div", { key: i }, i + 1))
-  ), /* @__PURE__ */ React5.createElement("div", { style: { flex: 1, overflow: "auto" } }, nodes)) : nodes != null ? nodes : /* @__PURE__ */ React5.createElement(
-    "pre",
-    {
-      style: {
-        margin: 0,
-        padding: "1em",
-        overflow: "auto",
-        fontFamily: "monospace",
-        fontSize: 13,
-        lineHeight: 1.5
-      }
-    },
-    /* @__PURE__ */ React5.createElement("code", null, code)
-  ));
-}
 export {
-  CodeBlock,
   FormRenderer,
-  Image,
-  RichTextContent,
-  StyledRichTextContent,
-  highlight,
   toSubmissionData
 };
-//# sourceMappingURL=components.js.map
+//# sourceMappingURL=form.js.map