@multiplatform.one/rich-text 6.0.0

package/dist/cjs/toolbar/LinkBubble.cjs

@@ -0,0 +1,195 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var LinkBubble_exports = {};
+__export(LinkBubble_exports, {
+  LinkBubble: () => LinkBubble
+});
+module.exports = __toCommonJS(LinkBubble_exports);
+var import_react = require("react");
+var import_menus = require("@tiptap/react/menus");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ExternalLinkIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
+      points: "15 3 21 3 21 9"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "10",
+      y1: "14",
+      x2: "21",
+      y2: "3"
+    })]
+  });
+}
+function UnlinkIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "2",
+      y1: "2",
+      x2: "22",
+      y2: "22",
+      strokeWidth: "2"
+    })]
+  });
+}
+function EditIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
+    })]
+  });
+}
+function LinkBubble({
+  editor
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [editing, setEditing] = (0, import_react.useState)(false);
+  const [editUrl, setEditUrl] = (0, import_react.useState)("");
+  const handleEdit = (0, import_react.useCallback)(() => {
+    if (!editor) return;
+    const attrs = editor.getAttributes("link");
+    setEditUrl(attrs.href || "");
+    setEditing(true);
+  }, [editor]);
+  const handleSave = (0, import_react.useCallback)(() => {
+    if (!editor) return;
+    const trimmed = editUrl.trim();
+    if (trimmed) {
+      editor.chain().focus().extendMarkRange("link").setLink({
+        href: trimmed
+      }).run();
+    }
+    setEditing(false);
+  }, [editor, editUrl]);
+  const handleUnlink = (0, import_react.useCallback)(() => {
+    if (!editor) return;
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    setEditing(false);
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
+    editor,
+    shouldShow: ({
+      editor: e
+    }) => e.isActive("link"),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1.5",
+      gap: "$1.5",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: editing ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1.5",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$2",
+          placeholder: "https://example.com",
+          value: editUrl,
+          onChangeText: setEditUrl,
+          onSubmitEditing: handleSave,
+          autoFocus: true,
+          minWidth: 220
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$1",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            onPress: () => setEditing(false),
+            "aria-label": "Cancel",
+            children: "Cancel"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSave,
+            "aria-label": "Save link",
+            children: "Save"
+          })]
+        })]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 12,
+          color: "$blue10",
+          maxWidth: 200,
+          numberOfLines: 1,
+          cursor: "pointer",
+          onPress: () => {
+            const href = editor.getAttributes("link").href;
+            if (href) window.open(href, "_blank", "noopener,noreferrer");
+          },
+          children: editor.getAttributes("link").href || "No URL"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+          onPress: () => {
+            const href = editor.getAttributes("link").href;
+            if (href) window.open(href, "_blank", "noopener,noreferrer");
+          },
+          "aria-label": "Open link",
+          tooltip: "Open link",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ExternalLinkIcon, {})
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+          onPress: handleEdit,
+          "aria-label": "Edit link",
+          tooltip: "Edit link",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(EditIcon, {})
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+          onPress: handleUnlink,
+          "aria-label": "Remove link",
+          tooltip: "Unlink",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(UnlinkIcon, {})
+        })]
+      })
+    })
+  });
+}

package/dist/cjs/toolbar/LinkBubble.native.js

@@ -0,0 +1,204 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var LinkBubble_exports = {};
+__export(LinkBubble_exports, {
+  LinkBubble: () => LinkBubble
+});
+module.exports = __toCommonJS(LinkBubble_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_menus = require("@tiptap/react/menus");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+function ExternalLinkIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
+      points: "15 3 21 3 21 9"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "10",
+      y1: "14",
+      x2: "21",
+      y2: "3"
+    })]
+  });
+}
+function UnlinkIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "2",
+      y1: "2",
+      x2: "22",
+      y2: "22",
+      strokeWidth: "2"
+    })]
+  });
+}
+function EditIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
+    })]
+  });
+}
+function LinkBubble(param) {
+  var {
+    editor
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [editing, setEditing] = (0, import_react.useState)(false);
+  var [editUrl, setEditUrl] = (0, import_react.useState)("");
+  var handleEdit = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    var attrs = editor.getAttributes("link");
+    setEditUrl(attrs.href || "");
+    setEditing(true);
+  }, [editor]);
+  var handleSave = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    var trimmed = editUrl.trim();
+    if (trimmed) {
+      editor.chain().focus().extendMarkRange("link").setLink({
+        href: trimmed
+      }).run();
+    }
+    setEditing(false);
+  }, [editor, editUrl]);
+  var handleUnlink = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    setEditing(false);
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
+    editor,
+    shouldShow: function shouldShow(param2) {
+      var {
+        editor: e
+      } = param2;
+      return e.isActive("link");
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1.5",
+      gap: "$1.5",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: editing ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1.5",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$2",
+          placeholder: "https://example.com",
+          value: editUrl,
+          onChangeText: setEditUrl,
+          onSubmitEditing: handleSave,
+          autoFocus: true,
+          minWidth: 220
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$1",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            onPress: function onPress() {
+              return setEditing(false);
+            },
+            "aria-label": "Cancel",
+            children: "Cancel"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSave,
+            "aria-label": "Save link",
+            children: "Save"
+          })]
+        })]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 12,
+          color: "$blue10",
+          maxWidth: 200,
+          numberOfLines: 1,
+          cursor: "pointer",
+          onPress: function onPress() {
+            var href = editor.getAttributes("link").href;
+            if (href) window.open(href, "_blank", "noopener,noreferrer");
+          },
+          children: editor.getAttributes("link").href || "No URL"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+          onPress: function onPress() {
+            var href = editor.getAttributes("link").href;
+            if (href) window.open(href, "_blank", "noopener,noreferrer");
+          },
+          "aria-label": "Open link",
+          tooltip: "Open link",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ExternalLinkIcon, {})
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+          onPress: handleEdit,
+          "aria-label": "Edit link",
+          tooltip: "Edit link",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(EditIcon, {})
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+          onPress: handleUnlink,
+          "aria-label": "Remove link",
+          tooltip: "Unlink",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(UnlinkIcon, {})
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=LinkBubble.native.js.map

package/dist/cjs/toolbar/LinkBubble.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinkBubble_exports","__export","LinkBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_forms","import_ToolbarButton","ExternalLinkIcon","jsxs","width","height","viewBox","fill","stroke","strokeWidth","children","jsx","d","points","x1","y1","x2","y2","UnlinkIcon","EditIcon","param","editor","knobProps","useResolvedKnobs","editing","setEditing","useState","editUrl","setEditUrl","handleEdit","useCallback","attrs","getAttributes","href","handleSave","trimmed","trim","chain","focus","extendMarkRange","setLink","run","handleUnlink","unsetLink","BubbleMenu","shouldShow","param2","e","isActive","XStack","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","YStack","Input","size","placeholder","onChangeText","onSubmitEditing","autoFocus","minWidth","justifyContent","Button","onPress"],"sources":["../../../src/toolbar/LinkBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/LinkDialog.cjs

@@ -0,0 +1,138 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var LinkDialog_exports = {};
+__export(LinkDialog_exports, {
+  LinkDialog: () => LinkDialog,
+  normalizeUrl: () => normalizeUrl
+});
+module.exports = __toCommonJS(LinkDialog_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.cjs");
+var import_icons = require("./icons.cjs");
+var import_shortcuts = require("./shortcuts.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function normalizeUrl(url) {
+  const trimmed = url.trim();
+  if (!trimmed) return trimmed;
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  if (/^mailto:/i.test(trimmed)) return trimmed;
+  if (/^tel:/i.test(trimmed)) return trimmed;
+  return `https://${trimmed}`;
+}
+function LinkDialog({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react.useState)("");
+  const handleSubmit = (0, import_react.useCallback)(() => {
+    const normalized = normalizeUrl(linkUrl);
+    if (normalized) {
+      editorRef.current?.executeCommand("link", {
+        href: normalized
+      });
+    }
+    setLinkUrl("");
+    setOpen(false);
+  }, [linkUrl, editorRef]);
+  const handleRemove = (0, import_react.useCallback)(() => {
+    editorRef.current?.executeCommand("link", {
+      href: null
+    });
+    setOpen(false);
+  }, [editorRef]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        active: state.isLink,
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Link",
+        tooltip: import_shortcuts.SHORTCUTS.link,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.LinkIcon, {})
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      ...knobProps.panelPadding,
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      elevation: knobProps.elevation,
+      enterStyle: {
+        opacity: 0,
+        y: -5
+      },
+      exitStyle: {
+        opacity: 0,
+        y: -5
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        minWidth: 250,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          children: state.isLink ? "Edit Link" : "Add Link"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$3",
+          placeholder: "https://example.com",
+          value: linkUrl,
+          onChangeText: setLinkUrl,
+          onSubmitEditing: handleSubmit,
+          autoFocus: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [state.isLink && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "red",
+            onPress: handleRemove,
+            "aria-label": "Remove link",
+            children: "Remove"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSubmit,
+            disabled: !linkUrl.trim(),
+            "aria-label": state.isLink ? "Update link" : "Add link",
+            children: state.isLink ? "Update" : "Add"
+          })]
+        })]
+      })]
+    })]
+  });
+}