@opinly/next 0.1.6 → 0.1.7

package/dist/components/blog-post/_components/content.js

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils/merge";
+import Link from "next/link";
+function renderTiptapContent(content, classNames) {
+  if (!content?.content) return [];
+  return content.content.map((node, index) => {
+    switch (node.type) {
+      case "paragraph":
+        return /* @__PURE__ */ jsx("p", { className: classNames.paragraph || "mb-4", children: renderChildren(node.content, classNames) }, index);
+      case "heading": {
+        const text = node.content?.[0]?.text ?? "";
+        const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+        const Tag = `h${node.attrs?.level || 1}`;
+        return /* @__PURE__ */ jsx(
+          Tag,
+          {
+            id: slug,
+            className: classNames.heading || "mt-8 mb-4 font-bold text-gray-800",
+            children: renderChildren(node.content, classNames)
+          },
+          index
+        );
+      }
+      case "image":
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative w-full max-w-[800px] my-6",
+              classNames.image
+            ),
+            style: { aspectRatio: "2 / 1" }
+          },
+          index
+        );
+      case "bulletList":
+        return /* @__PURE__ */ jsx(
+          "ul",
+          {
+            className: classNames.bulletList || "list-disc pl-6 my-4",
+            children: renderChildren(node.content, classNames)
+          },
+          index
+        );
+      case "orderedList":
+        return /* @__PURE__ */ jsx(
+          "ol",
+          {
+            className: classNames.orderedList || "list-decimal pl-6 my-4",
+            children: renderChildren(node.content, classNames)
+          },
+          index
+        );
+      case "listItem":
+        return /* @__PURE__ */ jsx("li", { className: classNames.listItem || "my-1", children: renderChildren(node.content, classNames) }, index);
+      default:
+        return null;
+    }
+  }).filter(Boolean);
+}
+const Content = ({
+  content,
+  classNames
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
+};
+function renderChildren(nodes, classNames) {
+  if (!nodes) return [];
+  return nodes.map((child, idx) => {
+    if (child.type === "text") {
+      let text = child.text;
+      if (child.marks) {
+        child.marks.forEach((mark) => {
+          if (mark.type === "bold") text = /* @__PURE__ */ jsx("strong", { children: text }, idx);
+          if (mark.type === "italic") text = /* @__PURE__ */ jsx("em", { children: text }, idx);
+          if (mark.type === "link")
+            text = /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: mark.attrs?.href,
+                className: classNames.link || "text-blue-600 underline",
+                children: text
+              },
+              idx
+            );
+        });
+      }
+      return /* @__PURE__ */ jsx("span", { children: text }, idx);
+    }
+    return null;
+  }).filter(Boolean);
+}
+export {
+  Content
+};
+//# sourceMappingURL=content.js.map

package/dist/components/blog-post/_components/content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/content.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/core\";\nimport { BlogComponentClassNames } from \"../_types/class-names\";\nimport { cn } from \"../../../utils/merge\";\nimport Link from \"next/link\";\nimport { JSX } from \"react\";\n\nfunction renderTiptapContent(\n  content: JSONContent,\n  classNames: BlogComponentClassNames\n): React.ReactNode[] {\n  if (!content?.content) return [];\n\n  return content.content\n    .map((node, index) => {\n      switch (node.type) {\n        case \"paragraph\":\n          return (\n            <p key={index} className={classNames.paragraph || \"mb-4\"}>\n              {renderChildren(node.content, classNames)}\n            </p>\n          );\n        case \"heading\": {\n          const text = node.content?.[0]?.text ?? \"\";\n          const slug = text\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, \"-\")\n            .replace(/^-+|-+$/g, \"\");\n          const Tag = `h${\n            node.attrs?.level || 1\n          }` as keyof JSX.IntrinsicElements;\n          return (\n            <Tag\n              key={index}\n              id={slug}\n              className={\n                classNames.heading || \"mt-8 mb-4 font-bold text-gray-800\"\n              }\n            >\n              {renderChildren(node.content, classNames)}\n            </Tag>\n          );\n        }\n        case \"image\":\n          return (\n            <div\n              key={index}\n              className={cn(\n                \"relative w-full max-w-[800px] my-6\",\n                classNames.image\n              )}\n              style={{ aspectRatio: \"2 / 1\" }}\n            >\n              {/* <Image\n                src={replaceImageHostname(\n                  node.attrs?.src || \"\",\n                  opinlyConfig.imagesPrefix\n                )}\n                alt={node.attrs?.alt || \"\"}\n                fill\n                className=\"object-contain rounded-lg\"\n                sizes=\"(max-width: 800px) 100vw, 800px\"\n              /> */}\n            </div>\n          );\n        case \"bulletList\":\n          return (\n            <ul\n              key={index}\n              className={classNames.bulletList || \"list-disc pl-6 my-4\"}\n            >\n              {renderChildren(node.content, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={classNames.orderedList || \"list-decimal pl-6 my-4\"}\n            >\n              {renderChildren(node.content, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          return (\n            <li key={index} className={classNames.listItem || \"my-1\"}>\n              {renderChildren(node.content, classNames)}\n            </li>\n          );\n        default:\n          return null;\n      }\n    })\n    .filter(Boolean);\n}\n\nexport const Content = ({\n  content,\n  classNames,\n}: {\n  content: JSONContent;\n  classNames: BlogComponentClassNames;\n}) => {\n  return (\n    <div className=\"prose min-w-full\">\n      {renderTiptapContent(content, classNames)}\n    </div>\n  );\n};\n\nfunction renderChildren(\n  nodes: JSONContent[\"content\"] | undefined,\n  classNames: BlogComponentClassNames\n): JSX.Element[] {\n  if (!nodes) return [];\n\n  return nodes\n    .map((child, idx) => {\n      if (child.type === \"text\") {\n        let text: React.ReactNode = child.text;\n        if (child.marks) {\n          child.marks.forEach((mark) => {\n            if (mark.type === \"bold\") text = <strong key={idx}>{text}</strong>;\n            if (mark.type === \"italic\") text = <em key={idx}>{text}</em>;\n            if (mark.type === \"link\")\n              text = (\n                <Link\n                  key={idx}\n                  href={mark.attrs?.href}\n                  className={classNames.link || \"text-blue-600 underline\"}\n                >\n                  {text}\n                </Link>\n              );\n          });\n        }\n        return <span key={idx}>{text}</span>;\n      }\n      return null;\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"AAiBY;AAfZ,SAAS,UAAU;AACnB,OAAO,UAAU;AAGjB,SAAS,oBACP,SACA,YACmB;AACnB,MAAI,CAAC,SAAS,QAAS,QAAO,CAAC;AAE/B,SAAO,QAAQ,QACZ,IAAI,CAAC,MAAM,UAAU;AACpB,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eACE,oBAAC,OAAc,WAAW,WAAW,aAAa,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADlC,KAER;AAAA,MAEJ,KAAK,WAAW;AACd,cAAM,OAAO,KAAK,UAAU,CAAC,GAAG,QAAQ;AACxC,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AACzB,cAAM,MAAM,IACV,KAAK,OAAO,SAAS,CACvB;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI;AAAA,YACJ,WACE,WAAW,WAAW;AAAA,YAGvB,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UANnC;AAAA,QAOP;AAAA,MAEJ;AAAA,MACA,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,WAAW;AAAA,YACb;AAAA,YACA,OAAO,EAAE,aAAa,QAAQ;AAAA;AAAA,UALzB;AAAA,QAiBP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,WAAW,cAAc;AAAA,YAEnC,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UAHnC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,WAAW,eAAe;AAAA,YAEpC,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UAHnC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE,oBAAC,QAAe,WAAW,WAAW,YAAY,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADjC,KAET;AAAA,MAEJ;AACE,eAAO;AAAA,IACX;AAAA,EACF,CAAC,EACA,OAAO,OAAO;AACnB;AAEO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AACF,MAGM;AACJ,SACE,oBAAC,SAAI,WAAU,oBACZ,8BAAoB,SAAS,UAAU,GAC1C;AAEJ;AAEA,SAAS,eACP,OACA,YACe;AACf,MAAI,CAAC,MAAO,QAAO,CAAC;AAEpB,SAAO,MACJ,IAAI,CAAC,OAAO,QAAQ;AACnB,QAAI,MAAM,SAAS,QAAQ;AACzB,UAAI,OAAwB,MAAM;AAClC,UAAI,MAAM,OAAO;AACf,cAAM,MAAM,QAAQ,CAAC,SAAS;AAC5B,cAAI,KAAK,SAAS,OAAQ,QAAO,oBAAC,YAAkB,kBAAN,GAAW;AACzD,cAAI,KAAK,SAAS,SAAU,QAAO,oBAAC,QAAc,kBAAN,GAAW;AACvD,cAAI,KAAK,SAAS;AAChB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM,KAAK,OAAO;AAAA,gBAClB,WAAW,WAAW,QAAQ;AAAA,gBAE7B;AAAA;AAAA,cAJI;AAAA,YAKP;AAAA,QAEN,CAAC;AAAA,MACH;AACA,aAAO,oBAAC,UAAgB,kBAAN,GAAW;AAAA,IAC/B;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AACnB;","names":[]}

package/dist/components/blog-post/_components/faq.cjs

@@ -0,0 +1,39 @@
+"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 faq_exports = {};
+__export(faq_exports, {
+  FAQS: () => FAQS
+});
+module.exports = __toCommonJS(faq_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const FAQS = ({ faqs }) => {
+  if (!faqs) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: faqs.map((faq) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg font-semibold mb-2", children: faq.question }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-gray-700", children: faq.answer })
+    ] }, faq.question)) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FAQS
+});
+//# sourceMappingURL=faq.cjs.map

package/dist/components/blog-post/_components/faq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/faq.tsx"],"sourcesContent":["import { BlogPostRes } from \"../_types/blog-post\";\n\nexport const FAQS = ({ faqs }: { faqs: BlogPostRes[\"faqs\"] }) => {\n  if (!faqs) return null;\n  return (\n    <div>\n      <h2 className=\"text-lg font-semibold mb-2\">FAQS</h2>\n      <ul>\n        {faqs.map((faq) => (\n          <li key={faq.question}>\n            <h3 className=\"text-lg font-semibold mb-2\">{faq.question}</h3>\n            <p className=\"text-sm text-gray-700\">{faq.answer}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AAJC,MAAM,OAAO,CAAC,EAAE,KAAK,MAAqC;AAC/D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,6CAAC,SACC;AAAA,gDAAC,QAAG,WAAU,8BAA6B,kBAAI;AAAA,IAC/C,4CAAC,QACE,eAAK,IAAI,CAAC,QACT,6CAAC,QACC;AAAA,kDAAC,QAAG,WAAU,8BAA8B,cAAI,UAAS;AAAA,MACzD,4CAAC,OAAE,WAAU,yBAAyB,cAAI,QAAO;AAAA,SAF1C,IAAI,QAGb,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_components/faq.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlogPostRes } from '../_types/blog-post.cjs';
+import '@opinly/backend';
+
+declare const FAQS: ({ faqs }: {
+    faqs: BlogPostRes["faqs"];
+}) => react_jsx_runtime.JSX.Element | null;
+
+export { FAQS };

package/dist/components/blog-post/_components/faq.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlogPostRes } from '../_types/blog-post.js';
+import '@opinly/backend';
+
+declare const FAQS: ({ faqs }: {
+    faqs: BlogPostRes["faqs"];
+}) => react_jsx_runtime.JSX.Element | null;
+
+export { FAQS };

package/dist/components/blog-post/_components/faq.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const FAQS = ({ faqs }) => {
+  if (!faqs) return null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
+    /* @__PURE__ */ jsx("ul", { children: faqs.map((faq) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: faq.question }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700", children: faq.answer })
+    ] }, faq.question)) })
+  ] });
+};
+export {
+  FAQS
+};
+//# sourceMappingURL=faq.js.map

package/dist/components/blog-post/_components/faq.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/faq.tsx"],"sourcesContent":["import { BlogPostRes } from \"../_types/blog-post\";\n\nexport const FAQS = ({ faqs }: { faqs: BlogPostRes[\"faqs\"] }) => {\n  if (!faqs) return null;\n  return (\n    <div>\n      <h2 className=\"text-lg font-semibold mb-2\">FAQS</h2>\n      <ul>\n        {faqs.map((faq) => (\n          <li key={faq.question}>\n            <h3 className=\"text-lg font-semibold mb-2\">{faq.question}</h3>\n            <p className=\"text-sm text-gray-700\">{faq.answer}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":"AAMM,cAGI,YAHJ;AAJC,MAAM,OAAO,CAAC,EAAE,KAAK,MAAqC;AAC/D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,qBAAC,SACC;AAAA,wBAAC,QAAG,WAAU,8BAA6B,kBAAI;AAAA,IAC/C,oBAAC,QACE,eAAK,IAAI,CAAC,QACT,qBAAC,QACC;AAAA,0BAAC,QAAG,WAAU,8BAA8B,cAAI,UAAS;AAAA,MACzD,oBAAC,OAAE,WAAU,yBAAyB,cAAI,QAAO;AAAA,SAF1C,IAAI,QAGb,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_components/share.cjs

@@ -0,0 +1,100 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var share_exports = {};
+__export(share_exports, {
+  Share: () => Share
+});
+module.exports = __toCommonJS(share_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_link = __toESM(require("next/link"), 1);
+var import_sdk_config = require("../../../sdk-config");
+const Share = ({ post }) => {
+  const postUrl = encodeURIComponent(`${import_sdk_config.opinlyConfig.blogUrl}/${post.slug}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2 mb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: `https://linkedin.com/sharing/share-offsite?url=${postUrl}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Share on LinkedIn" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Linkedin, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: `https://twitter.com/intent/tweet?url=${postUrl}&text=${encodeURIComponent(
+          `Check out this article by ${post.author?.name}`
+        )}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Share on Twitter" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Twitter, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: `https://facebook.com/sharer/sharer.php?u=${postUrl}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Share on Facebook" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Facebook, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: `mailto:?body=${encodeURIComponent(`${post.title}
+${postUrl}`)}`,
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Share via Email" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mail, { className: "w-4 h-4" })
+        ]
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Share
+});
+//# sourceMappingURL=share.cjs.map

package/dist/components/blog-post/_components/share.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/share.tsx"],"sourcesContent":["import { Facebook, Linkedin, Mail, Twitter } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { opinlyConfig } from \"../../../sdk-config\";\nimport { BlogPostRes } from \"../_types/blog-post\";\n\nexport const Share = ({ post }: { post: BlogPostRes }) => {\n  const postUrl = encodeURIComponent(`${opinlyConfig.blogUrl}/${post.slug}`);\n  return (\n    <div className=\"flex gap-2 mb-6\">\n      <Link\n        href={`https://linkedin.com/sharing/share-offsite?url=${postUrl}`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share on LinkedIn</span>\n        <Linkedin className=\"w-4 h-4\" />\n      </Link>\n      <Link\n        href={`https://twitter.com/intent/tweet?url=${postUrl}&text=${encodeURIComponent(\n          `Check out this article by ${post.author?.name}`\n        )}`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share on Twitter</span>\n        <Twitter />\n      </Link>\n      <Link\n        href={`https://facebook.com/sharer/sharer.php?u=${postUrl}`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share on Facebook</span>\n        <Facebook />\n      </Link>\n      <Link\n        href={`mailto:?body=${encodeURIComponent(`${post.title}\\n${postUrl}`)}`}\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share via Email</span>\n        <Mail className=\"w-4 h-4\" />\n      </Link>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASM;AATN,0BAAkD;AAClD,kBAAiB;AACjB,wBAA6B;AAGtB,MAAM,QAAQ,CAAC,EAAE,KAAK,MAA6B;AACxD,QAAM,UAAU,mBAAmB,GAAG,+BAAa,OAAO,IAAI,KAAK,IAAI,EAAE;AACzE,SACE,6CAAC,SAAI,WAAU,mBACb;AAAA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM,kDAAkD,OAAO;AAAA,QAC/D,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA,sDAAC,UAAK,WAAU,WAAU,+BAAiB;AAAA,UAC3C,4CAAC,gCAAS,WAAU,WAAU;AAAA;AAAA;AAAA,IAChC;AAAA,IACA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM,wCAAwC,OAAO,SAAS;AAAA,UAC5D,6BAA6B,KAAK,QAAQ,IAAI;AAAA,QAChD,CAAC;AAAA,QACD,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA,sDAAC,UAAK,WAAU,WAAU,8BAAgB;AAAA,UAC1C,4CAAC,+BAAQ;AAAA;AAAA;AAAA,IACX;AAAA,IACA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM,4CAA4C,OAAO;AAAA,QACzD,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA,sDAAC,UAAK,WAAU,WAAU,+BAAiB;AAAA,UAC3C,4CAAC,gCAAS;AAAA;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM,gBAAgB,mBAAmB,GAAG,KAAK,KAAK;AAAA,EAAK,OAAO,EAAE,CAAC;AAAA,QACrE,WAAU;AAAA,QAEV;AAAA,sDAAC,UAAK,WAAU,WAAU,6BAAe;AAAA,UACzC,4CAAC,4BAAK,WAAU,WAAU;AAAA;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/blog-post/_components/share.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlogPostRes } from '../_types/blog-post.cjs';
+import '@opinly/backend';
+
+declare const Share: ({ post }: {
+    post: BlogPostRes;
+}) => react_jsx_runtime.JSX.Element;
+
+export { Share };

package/dist/components/blog-post/_components/share.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlogPostRes } from '../_types/blog-post.js';
+import '@opinly/backend';
+
+declare const Share: ({ post }: {
+    post: BlogPostRes;
+}) => react_jsx_runtime.JSX.Element;
+
+export { Share };

package/dist/components/blog-post/_components/share.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Facebook, Linkedin, Mail, Twitter } from "lucide-react";
+import Link from "next/link";
+import { opinlyConfig } from "../../../sdk-config";
+const Share = ({ post }) => {
+  const postUrl = encodeURIComponent(`${opinlyConfig.blogUrl}/${post.slug}`);
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-6", children: [
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: `https://linkedin.com/sharing/share-offsite?url=${postUrl}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share on LinkedIn" }),
+          /* @__PURE__ */ jsx(Linkedin, { className: "w-4 h-4" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: `https://twitter.com/intent/tweet?url=${postUrl}&text=${encodeURIComponent(
+          `Check out this article by ${post.author?.name}`
+        )}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share on Twitter" }),
+          /* @__PURE__ */ jsx(Twitter, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: `https://facebook.com/sharer/sharer.php?u=${postUrl}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share on Facebook" }),
+          /* @__PURE__ */ jsx(Facebook, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: `mailto:?body=${encodeURIComponent(`${post.title}
+${postUrl}`)}`,
+        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share via Email" }),
+          /* @__PURE__ */ jsx(Mail, { className: "w-4 h-4" })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Share
+};
+//# sourceMappingURL=share.js.map

package/dist/components/blog-post/_components/share.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/share.tsx"],"sourcesContent":["import { Facebook, Linkedin, Mail, Twitter } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { opinlyConfig } from \"../../../sdk-config\";\nimport { BlogPostRes } from \"../_types/blog-post\";\n\nexport const Share = ({ post }: { post: BlogPostRes }) => {\n  const postUrl = encodeURIComponent(`${opinlyConfig.blogUrl}/${post.slug}`);\n  return (\n    <div className=\"flex gap-2 mb-6\">\n      <Link\n        href={`https://linkedin.com/sharing/share-offsite?url=${postUrl}`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share on LinkedIn</span>\n        <Linkedin className=\"w-4 h-4\" />\n      </Link>\n      <Link\n        href={`https://twitter.com/intent/tweet?url=${postUrl}&text=${encodeURIComponent(\n          `Check out this article by ${post.author?.name}`\n        )}`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share on Twitter</span>\n        <Twitter />\n      </Link>\n      <Link\n        href={`https://facebook.com/sharer/sharer.php?u=${postUrl}`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share on Facebook</span>\n        <Facebook />\n      </Link>\n      <Link\n        href={`mailto:?body=${encodeURIComponent(`${post.title}\\n${postUrl}`)}`}\n        className=\"border p-1 rounded flex items-center justify-center w-8 h-8\"\n      >\n        <span className=\"sr-only\">Share via Email</span>\n        <Mail className=\"w-4 h-4\" />\n      </Link>\n    </div>\n  );\n};\n"],"mappings":"AASM,SAME,KANF;AATN,SAAS,UAAU,UAAU,MAAM,eAAe;AAClD,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAGtB,MAAM,QAAQ,CAAC,EAAE,KAAK,MAA6B;AACxD,QAAM,UAAU,mBAAmB,GAAG,aAAa,OAAO,IAAI,KAAK,IAAI,EAAE;AACzE,SACE,qBAAC,SAAI,WAAU,mBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,kDAAkD,OAAO;AAAA,QAC/D,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,WAAU,+BAAiB;AAAA,UAC3C,oBAAC,YAAS,WAAU,WAAU;AAAA;AAAA;AAAA,IAChC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,wCAAwC,OAAO,SAAS;AAAA,UAC5D,6BAA6B,KAAK,QAAQ,IAAI;AAAA,QAChD,CAAC;AAAA,QACD,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,WAAU,8BAAgB;AAAA,UAC1C,oBAAC,WAAQ;AAAA;AAAA;AAAA,IACX;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,4CAA4C,OAAO;AAAA,QACzD,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,WAAU,+BAAiB;AAAA,UAC3C,oBAAC,YAAS;AAAA;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,gBAAgB,mBAAmB,GAAG,KAAK,KAAK;AAAA,EAAK,OAAO,EAAE,CAAC;AAAA,QACrE,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,WAAU,6BAAe;AAAA,UACzC,oBAAC,QAAK,WAAU,WAAU;AAAA;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_components/table-of-contents.cjs

@@ -0,0 +1,82 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var table_of_contents_exports = {};
+__export(table_of_contents_exports, {
+  TableOfContents: () => TableOfContents
+});
+module.exports = __toCommonJS(table_of_contents_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_merge = require("../../../utils/merge");
+var import_image = __toESM(require("next/image"), 1);
+var import_sdk_config = require("../../../sdk-config");
+var import_images = require("../../../utils/images");
+var import_extract_headings = require("../_helpers/extract-headings");
+var import_share = require("./share");
+var import_link = __toESM(require("next/link"), 1);
+const TableOfContents = ({
+  content,
+  author,
+  post
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: (0, import_merge.cn)("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
+    author && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 mb-3", children: [
+      author.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_image.default,
+        {
+          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${(0, import_images.replaceImageNameSpace)(author.fileKey)}`,
+          alt: author.name,
+          width: 48,
+          height: 48,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
+          {
+            href: `${import_sdk_config.opinlyConfig.blogPrefix}/authors/${author.slug}`,
+            className: "text-xs uppercase text-muted-foreground font-medium",
+            children: author.name
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground text-sm", children: author.bio })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share.Share, { post }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "text-sm text-gray-700 space-y-1", children: ((0, import_extract_headings.extractHeadings)(content) || []).map((heading) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableOfContents
+});
+//# sourceMappingURL=table-of-contents.cjs.map

package/dist/components/blog-post/_components/table-of-contents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/table-of-contents.tsx"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { cn } from \"../../../utils/merge\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../sdk-config\";\nimport { replaceImageNameSpace } from \"../../../utils/images\";\nimport { extractHeadings } from \"../_helpers/extract-headings\";\nimport { Share } from \"./share\";\nimport Link from \"next/link\";\n\ntype TableOfContentsProps = {\n  content: JSONContent;\n  author: BlogPostRes[\"author\"] | null;\n  post: BlogPostRes;\n};\n\nexport const TableOfContents = ({\n  content,\n  author,\n  post,\n}: TableOfContentsProps) => {\n  return (\n    <aside className={cn(\"w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start\")}>\n      {author && (\n        <div className=\"w-full mb-6 border p-4 rounded-md text-sm\">\n          <div className=\"flex items-center gap-3 mb-3\">\n            {author.fileKey && (\n              <Image\n                src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.fileKey)}`}\n                alt={author.name}\n                width={48}\n                height={48}\n                className=\"rounded-full\"\n              />\n            )}\n            <div>\n              <Link\n                href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                className=\"text-xs uppercase text-muted-foreground font-medium\"\n              >\n                {author.name}\n              </Link>\n              <div className=\"text-muted-foreground text-sm\">{author.bio}</div>\n            </div>\n          </div>\n        </div>\n      )}\n      <Share post={post} />\n      <div className=\"border-l-4 border-opinlyAccent pl-4 mb-4\">\n        <h2 className=\"text-lg font-semibold mb-2\">TABLE OF CONTENTS</h2>\n        <ul className=\"text-sm text-gray-700 space-y-1\">\n          {(extractHeadings(content) || []).map((heading) => (\n            <li key={heading.slug}>\n              <a href={`#${heading.slug}`} className=\"hover:underline\">\n                {heading.text}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </aside>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Bc;AAzBd,mBAAmB;AACnB,mBAAkB;AAClB,wBAA6B;AAC7B,oBAAsC;AACtC,8BAAgC;AAChC,mBAAsB;AACtB,kBAAiB;AAQV,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,SACE,6CAAC,WAAM,eAAW,iBAAG,mDAAmD,GACrE;AAAA,cACC,4CAAC,SAAI,WAAU,6CACb,uDAAC,SAAI,WAAU,gCACZ;AAAA,aAAO,WACN;AAAA,QAAC,aAAAA;AAAA,QAAA;AAAA,UACC,KAAK,GAAG,+BAAa,YAAY,QAAI,qCAAsB,OAAO,OAAO,CAAC;AAAA,UAC1E,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,6CAAC,SACC;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACC,MAAM,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAAA,YACvD,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,4CAAC,SAAI,WAAU,iCAAiC,iBAAO,KAAI;AAAA,SAC7D;AAAA,OACF,GACF;AAAA,IAEF,4CAAC,sBAAM,MAAY;AAAA,IACnB,6CAAC,SAAI,WAAU,4CACb;AAAA,kDAAC,QAAG,WAAU,8BAA6B,+BAAiB;AAAA,MAC5D,4CAAC,QAAG,WAAU,mCACV,wDAAgB,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,YACrC,4CAAC,QACC,sDAAC,OAAE,MAAM,IAAI,QAAQ,IAAI,IAAI,WAAU,mBACpC,kBAAQ,MACX,KAHO,QAAQ,IAIjB,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Image","Link"]}

package/dist/components/blog-post/_components/table-of-contents.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { JSONContent } from '@tiptap/core';
+import { BlogPostRes } from '../_types/blog-post.cjs';
+import '@opinly/backend';
+
+type TableOfContentsProps = {
+    content: JSONContent;
+    author: BlogPostRes["author"] | null;
+    post: BlogPostRes;
+};
+declare const TableOfContents: ({ content, author, post, }: TableOfContentsProps) => react_jsx_runtime.JSX.Element;
+
+export { TableOfContents };

package/dist/components/blog-post/_components/table-of-contents.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { JSONContent } from '@tiptap/core';
+import { BlogPostRes } from '../_types/blog-post.js';
+import '@opinly/backend';
+
+type TableOfContentsProps = {
+    content: JSONContent;
+    author: BlogPostRes["author"] | null;
+    post: BlogPostRes;
+};
+declare const TableOfContents: ({ content, author, post, }: TableOfContentsProps) => react_jsx_runtime.JSX.Element;
+
+export { TableOfContents };

package/dist/components/blog-post/_components/table-of-contents.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils/merge";
+import Image from "next/image";
+import { opinlyConfig } from "../../../sdk-config";
+import { replaceImageNameSpace } from "../../../utils/images";
+import { extractHeadings } from "../_helpers/extract-headings";
+import { Share } from "./share";
+import Link from "next/link";
+const TableOfContents = ({
+  content,
+  author,
+  post
+}) => {
+  return /* @__PURE__ */ jsxs("aside", { className: cn("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
+    author && /* @__PURE__ */ jsx("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+      author.fileKey && /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.fileKey)}`,
+          alt: author.name,
+          width: 48,
+          height: 48,
+          className: "rounded-full"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
+            className: "text-xs uppercase text-muted-foreground font-medium",
+            children: author.name
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: author.bio })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Share, { post }),
+    /* @__PURE__ */ jsxs("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
+      /* @__PURE__ */ jsx("ul", { className: "text-sm text-gray-700 space-y-1", children: (extractHeadings(content) || []).map((heading) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
+    ] })
+  ] });
+};
+export {
+  TableOfContents
+};
+//# sourceMappingURL=table-of-contents.js.map

package/dist/components/blog-post/_components/table-of-contents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blog-post/_components/table-of-contents.tsx"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { cn } from \"../../../utils/merge\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../sdk-config\";\nimport { replaceImageNameSpace } from \"../../../utils/images\";\nimport { extractHeadings } from \"../_helpers/extract-headings\";\nimport { Share } from \"./share\";\nimport Link from \"next/link\";\n\ntype TableOfContentsProps = {\n  content: JSONContent;\n  author: BlogPostRes[\"author\"] | null;\n  post: BlogPostRes;\n};\n\nexport const TableOfContents = ({\n  content,\n  author,\n  post,\n}: TableOfContentsProps) => {\n  return (\n    <aside className={cn(\"w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start\")}>\n      {author && (\n        <div className=\"w-full mb-6 border p-4 rounded-md text-sm\">\n          <div className=\"flex items-center gap-3 mb-3\">\n            {author.fileKey && (\n              <Image\n                src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.fileKey)}`}\n                alt={author.name}\n                width={48}\n                height={48}\n                className=\"rounded-full\"\n              />\n            )}\n            <div>\n              <Link\n                href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                className=\"text-xs uppercase text-muted-foreground font-medium\"\n              >\n                {author.name}\n              </Link>\n              <div className=\"text-muted-foreground text-sm\">{author.bio}</div>\n            </div>\n          </div>\n        </div>\n      )}\n      <Share post={post} />\n      <div className=\"border-l-4 border-opinlyAccent pl-4 mb-4\">\n        <h2 className=\"text-lg font-semibold mb-2\">TABLE OF CONTENTS</h2>\n        <ul className=\"text-sm text-gray-700 space-y-1\">\n          {(extractHeadings(content) || []).map((heading) => (\n            <li key={heading.slug}>\n              <a href={`#${heading.slug}`} className=\"hover:underline\">\n                {heading.text}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </aside>\n  );\n};\n"],"mappings":"AA2Bc,cAQF,YARE;AAzBd,SAAS,UAAU;AACnB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,OAAO,UAAU;AAQV,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,SACE,qBAAC,WAAM,WAAW,GAAG,mDAAmD,GACrE;AAAA,cACC,oBAAC,SAAI,WAAU,6CACb,+BAAC,SAAI,WAAU,gCACZ;AAAA,aAAO,WACN;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,GAAG,aAAa,YAAY,IAAI,sBAAsB,OAAO,OAAO,CAAC;AAAA,UAC1E,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAAA,YACvD,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,oBAAC,SAAI,WAAU,iCAAiC,iBAAO,KAAI;AAAA,SAC7D;AAAA,OACF,GACF;AAAA,IAEF,oBAAC,SAAM,MAAY;AAAA,IACnB,qBAAC,SAAI,WAAU,4CACb;AAAA,0BAAC,QAAG,WAAU,8BAA6B,+BAAiB;AAAA,MAC5D,oBAAC,QAAG,WAAU,mCACV,2BAAgB,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,YACrC,oBAAC,QACC,8BAAC,OAAE,MAAM,IAAI,QAAQ,IAAI,IAAI,WAAU,mBACpC,kBAAQ,MACX,KAHO,QAAQ,IAIjB,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_helpers/calc-reading-time.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=calc-reading-time.cjs.map

package/dist/components/blog-post/_helpers/calc-reading-time.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/blog-post/_helpers/calc-reading-time.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/components/blog-post/_helpers/calc-reading-time.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/components/blog-post/_helpers/calc-reading-time.js

@@ -0,0 +1 @@
+//# sourceMappingURL=calc-reading-time.js.map

package/dist/components/blog-post/_helpers/calc-reading-time.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}