@opinly/next 0.1.13 → 0.1.14

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

@@ -1 +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\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React 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          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\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={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\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={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\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) {\n    console.log(\"no nodes\");\n    return [];\n  }\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      } else {\n        console.log(\"child\", child);\n\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":[]}
+{"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\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React 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          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\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                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\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={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\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) {\n    console.log(\"no nodes\");\n    return [];\n  }\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      } else {\n        console.log(\"child\", child);\n\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":["import_react","Image","Link","React"]}

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

@@ -0,0 +1,126 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils/merge";
+import Link from "next/link";
+import Image from "next/image";
+import { opinlyConfig } from "../../../utils/sdk-config";
+import React from "react";
+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":
+        const fileKey = node.attrs?.fileKey;
+        if (!fileKey) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative w-full max-w-[800px] my-6",
+              classNames.image
+            ),
+            style: { aspectRatio: "2 / 1" },
+            children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                unoptimized: opinlyConfig.unoptimizedImages,
+                src: `${opinlyConfig.imagesPrefix}/${fileKey}`,
+                title: node.attrs?.title || "",
+                alt: node.attrs?.alt || "",
+                fill: true,
+                className: "object-contain rounded-lg",
+                sizes: "(max-width: 800px) 100vw, 800px"
+              }
+            )
+          },
+          index
+        );
+      case "bulletList":
+        return /* @__PURE__ */ jsx(
+          "ul",
+          {
+            className: cn("list-disc pl-6 my-4", classNames.bulletList),
+            children: renderTiptapContent(node, classNames)
+          },
+          index
+        );
+      case "orderedList":
+        return /* @__PURE__ */ jsx(
+          "ol",
+          {
+            className: cn("list-decimal pl-6 my-4", classNames.orderedList),
+            children: renderTiptapContent(node, classNames)
+          },
+          index
+        );
+      case "listItem":
+        if (node.content && node.content.length === 1 && node.content[0].type === "paragraph") {
+          return /* @__PURE__ */ jsx("li", { className: cn("my-1", classNames.listItem), children: renderChildren(node.content[0].content, classNames) }, index);
+        }
+        return /* @__PURE__ */ jsx("li", { className: cn("my-1", classNames.listItem), 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) {
+    console.log("no 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);
+    } else {
+      console.log("child", child);
+      return /* @__PURE__ */ jsx(React.Fragment, { children: renderTiptapContent(
+        { ...child, content: child.content },
+        classNames
+      ) }, idx);
+    }
+  }).filter(Boolean);
+}
+export {
+  Content
+};
+//# sourceMappingURL=content.mjs.map

package/dist/components/blog-post/_components/content.mjs.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\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React 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          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\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                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\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={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\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) {\n    console.log(\"no nodes\");\n    return [];\n  }\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      } else {\n        console.log(\"child\", child);\n\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":[]}

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

@@ -1,15 +1,39 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+"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__ */ 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 })
+  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)) })
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   FAQS
-};
+});
 //# sourceMappingURL=faq.js.map

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

@@ -1 +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":[]}
+{"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.mjs

@@ -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.mjs.map

package/dist/components/blog-post/_components/{faq.cjs.map → faq.mjs.map}

@@ -1 +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":[]}
+{"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.js

@@ -1,25 +1,58 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Facebook, Linkedin, Mail, Twitter } from "lucide-react";
-import Link from "next/link";
-import { opinlyConfig } from "../../../utils/sdk-config";
+"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("../../../utils/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,
+  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__ */ jsx("span", { className: "sr-only", children: "Share on LinkedIn" }),
-          /* @__PURE__ */ jsx(Linkedin, { className: "w-4 h-4" })
+          /* @__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__ */ jsxs(
-      Link,
+    /* @__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}`
@@ -28,39 +61,40 @@ const Share = ({ post }) => {
         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__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Share on Twitter" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Twitter, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(
-      Link,
+    /* @__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__ */ jsx("span", { className: "sr-only", children: "Share on Facebook" }),
-          /* @__PURE__ */ jsx(Facebook, {})
+          /* @__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__ */ jsxs(
-      Link,
+    /* @__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__ */ jsx("span", { className: "sr-only", children: "Share via Email" }),
-          /* @__PURE__ */ jsx(Mail, { className: "w-4 h-4" })
+          /* @__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" })
         ]
       }
     )
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Share
-};
+});
 //# sourceMappingURL=share.js.map

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

@@ -1 +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 \"../../../utils/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":[]}
+{"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 \"../../../utils/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.mjs

@@ -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 "../../../utils/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.mjs.map

package/dist/components/blog-post/_components/{share.cjs.map → share.mjs.map}

@@ -1 +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 \"../../../utils/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"]}
+{"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 \"../../../utils/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.js

@@ -1,47 +1,82 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../utils/merge";
-import Image from "next/image";
-import { opinlyConfig } from "../../../utils/sdk-config";
-import { extractHeadings } from "../_helpers/extract-headings";
-import { Share } from "./share";
-import Link from "next/link";
+"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("../../../utils/sdk-config");
+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__ */ 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,
+  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: `${opinlyConfig.imagesPrefix}/${author.fileKey}`,
+          unoptimized: import_sdk_config.opinlyConfig.unoptimizedImages,
+          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${author.fileKey}`,
           alt: author.name,
           width: 48,
           height: 48,
           className: "rounded-full"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          Link,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
           {
-            href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
+            href: `${import_sdk_config.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__ */ (0, import_jsx_runtime.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)) })
+    /* @__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)) })
     ] })
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   TableOfContents
-};
+});
 //# sourceMappingURL=table-of-contents.js.map