@gfed-medusa/sf-lib-common 1.1.0 → 2.0.0

package/dist/components/portable-text/index.js

@@ -1,3 +1,330 @@
-import { t as PortableText } from "../../portable-text-CuI022GH.js";
+import { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading, Text } from "@medusajs/ui";
+import { ArrowUpRightMini } from "@medusajs/icons";
+import Image from "next/image";
+import { PlaceholderImage } from "@gfed-medusa/sf-lib-ui/icons/placeholder-image";
+import { Back } from "@gfed-medusa/sf-lib-ui/icons/back";
+import { Bancontact } from "@gfed-medusa/sf-lib-ui/icons/bancontact";
+import { ChevronDown } from "@gfed-medusa/sf-lib-ui/icons/chevron-down";
+import { Eye } from "@gfed-medusa/sf-lib-ui/icons/eye";
+import { EyeOff } from "@gfed-medusa/sf-lib-ui/icons/eye-off";
+import { FastDelivery } from "@gfed-medusa/sf-lib-ui/icons/fast-delivery";
+import { Ideal } from "@gfed-medusa/sf-lib-ui/icons/ideal";
+import { MapPin } from "@gfed-medusa/sf-lib-ui/icons/map-pin";
+import { Medusa } from "@gfed-medusa/sf-lib-ui/icons/medusa";
+import { NextJs } from "@gfed-medusa/sf-lib-ui/icons/nextjs";
+import { Package } from "@gfed-medusa/sf-lib-ui/icons/package";
+import { PayPal } from "@gfed-medusa/sf-lib-ui/icons/paypal";
+import { Refresh } from "@gfed-medusa/sf-lib-ui/icons/refresh";
+import { Spinner as Spinner$1 } from "@gfed-medusa/sf-lib-ui/icons/spinner";
+import { Trash as Trash$1 } from "@gfed-medusa/sf-lib-ui/icons/trash";
+import { User } from "@gfed-medusa/sf-lib-ui/icons/user";
+import { X } from "@gfed-medusa/sf-lib-ui/icons/x";
 
-export { PortableText };
+//#region src/components/portable-text/index.tsx
+const PortableText = ({ value }) => {
+	if (!value || !Array.isArray(value)) return null;
+	const getBlockType = (block) => {
+		if (block.__typename) {
+			const typename = block.__typename.toLowerCase();
+			if (typename === "textblock") return "block";
+			return typename.replace("block", "");
+		}
+		return "unknown";
+	};
+	const renderSpan = (span, markDefs) => {
+		if (!span.text) return null;
+		let content = span.text;
+		const marks = span.marks || [];
+		marks.forEach((mark) => {
+			if (typeof mark === "string") switch (mark) {
+				case "strong":
+					content = /* @__PURE__ */ jsx("strong", { children: content });
+					break;
+				case "em":
+					content = /* @__PURE__ */ jsx("em", { children: content });
+					break;
+				case "code":
+					content = /* @__PURE__ */ jsx("code", {
+						className: "bg-ui-bg-subtle rounded px-1 py-0.5 font-mono text-sm",
+						children: content
+					});
+					break;
+				case "underline":
+					content = /* @__PURE__ */ jsx("u", { children: content });
+					break;
+				case "superscript":
+					content = /* @__PURE__ */ jsx("sup", { children: content });
+					break;
+				case "subscript":
+					content = /* @__PURE__ */ jsx("sub", { children: content });
+					break;
+			}
+		});
+		const getMarkByKey = (key) => {
+			return markDefs?.find((def) => def._key === key);
+		};
+		const linkMark = marks.find((mark) => {
+			if (typeof mark === "object") return mark;
+			if (typeof mark === "string") {
+				const markDef = getMarkByKey(mark);
+				return markDef && (markDef._type === "link" || markDef.__typename === "LinkMark");
+			}
+			return false;
+		});
+		const iconLinkMark = marks.find((mark) => {
+			if (typeof mark === "object") return mark;
+			if (typeof mark === "string") {
+				const markDef = getMarkByKey(mark);
+				return markDef && (markDef._type === "iconlink" || markDef.__typename === "IconLinkMark");
+			}
+			return false;
+		});
+		const resolvedIconLinkMark = typeof iconLinkMark === "string" ? (() => {
+			const mark = getMarkByKey(iconLinkMark);
+			return mark && (mark.__typename === "IconLinkMark" || mark._type === "iconlink") ? mark : void 0;
+		})() : iconLinkMark ? iconLinkMark : void 0;
+		const resolvedLinkMark = typeof linkMark === "string" ? getMarkByKey(linkMark) : linkMark;
+		if (resolvedIconLinkMark) return renderIconLink(resolvedIconLinkMark, content);
+		if (resolvedLinkMark) return /* @__PURE__ */ jsx("a", {
+			href: resolvedLinkMark.href,
+			target: resolvedLinkMark.target ?? "",
+			className: "text-ui-fg-interactive hover:underline",
+			children: content
+		});
+		return content;
+	};
+	const renderIconLink = (mark, children) => {
+		const renderIcon = () => {
+			switch (mark.iconType) {
+				case "class": return mark.iconClass ? /* @__PURE__ */ jsx("i", { className: mark.iconClass }) : null;
+				case "component": switch (mark.iconComponent) {
+					case "ArrowUpRightMini": return /* @__PURE__ */ jsx(ArrowUpRightMini, {
+						fill: mark.iconFill ?? "",
+						className: "h-4 w-4"
+					});
+					case "Back": return /* @__PURE__ */ jsx(Back, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Bancontact": return /* @__PURE__ */ jsx(Bancontact, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "ChevronDown": return /* @__PURE__ */ jsx(ChevronDown, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Eye": return /* @__PURE__ */ jsx(Eye, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "EyeOff": return /* @__PURE__ */ jsx(EyeOff, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "FastDelivery": return /* @__PURE__ */ jsx(FastDelivery, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Ideal": return /* @__PURE__ */ jsx(Ideal, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "MapPin": return /* @__PURE__ */ jsx(MapPin, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Medusa": return /* @__PURE__ */ jsx(Medusa, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "NextJs": return /* @__PURE__ */ jsx(NextJs, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Package": return /* @__PURE__ */ jsx(Package, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "PayPal": return /* @__PURE__ */ jsx(PayPal, {});
+					case "PlaceholderImage": return /* @__PURE__ */ jsx(PlaceholderImage, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Refresh": return /* @__PURE__ */ jsx(Refresh, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Spinner": return /* @__PURE__ */ jsx(Spinner$1, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "Trash": return /* @__PURE__ */ jsx(Trash$1, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "User": return /* @__PURE__ */ jsx(User, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					case "X": return /* @__PURE__ */ jsx(X, {
+						size: 16,
+						fill: mark.iconFill ?? ""
+					});
+					default: return null;
+				}
+				case "sanity": return mark.iconImage?.asset?.url ? /* @__PURE__ */ jsx(Image, {
+					src: mark.iconImage.asset.url,
+					alt: mark.iconImage.alt || "Icon",
+					width: 16,
+					height: 16,
+					className: "h-4 w-4"
+				}) : null;
+				case "url": return mark.iconUrl ? /* @__PURE__ */ jsx(Image, {
+					src: mark.iconUrl,
+					alt: "Icon",
+					width: 16,
+					height: 16,
+					className: "h-4 w-4"
+				}) : null;
+				default: return null;
+			}
+		};
+		return /* @__PURE__ */ jsxs("a", {
+			href: mark.href,
+			target: mark.target ?? "",
+			className: "text-ui-fg-interactive inline-flex items-center gap-1 hover:underline",
+			children: [children, renderIcon()]
+		});
+	};
+	const renderTextBlock = (block) => {
+		const style = block.style || "normal";
+		const children = block.children || [];
+		const markDefs = block.markDefs || [];
+		const content = children.map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderSpan(child, markDefs) }, child._key || index));
+		switch (style) {
+			case "h1": return /* @__PURE__ */ jsx("h1", {
+				className: "mt-8 mb-6 text-4xl font-bold",
+				children: content
+			});
+			case "h2": return /* @__PURE__ */ jsx(Heading, {
+				level: "h2",
+				className: "mt-6 mb-4 text-3xl font-semibold",
+				children: content
+			});
+			case "h3": return /* @__PURE__ */ jsx(Heading, {
+				level: "h3",
+				className: "mt-6 mb-4 text-2xl font-semibold",
+				children: content
+			});
+			case "h4": return /* @__PURE__ */ jsx("h4", {
+				className: "mt-4 mb-3 text-xl font-semibold",
+				children: content
+			});
+			case "h5": return /* @__PURE__ */ jsx("h5", {
+				className: "mt-4 mb-3 text-lg font-semibold",
+				children: content
+			});
+			case "h6": return /* @__PURE__ */ jsx("h6", {
+				className: "mt-4 mb-2 text-base font-semibold",
+				children: content
+			});
+			case "blockquote": return /* @__PURE__ */ jsx("blockquote", {
+				className: "border-ui-border-base my-4 border-l-4 py-2 pl-4 italic",
+				children: /* @__PURE__ */ jsx(Text, { children: content })
+			});
+			default: return /* @__PURE__ */ jsx(Text, {
+				className: "mb-4 leading-relaxed",
+				children: content
+			});
+		}
+	};
+	const renderImage = (image) => {
+		if (!image.asset?.url) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: "my-6",
+			children: /* @__PURE__ */ jsx(Image, {
+				src: image.asset.url,
+				alt: image.alt || "",
+				width: 800,
+				height: 400,
+				className: "h-auto w-full rounded-lg"
+			})
+		});
+	};
+	const renderFileBlock = (file) => {
+		if (!file.asset?.url) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: "my-6",
+			children: /* @__PURE__ */ jsxs("a", {
+				href: file.asset.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "border-ui-border-base text-ui-fg-interactive hover:bg-ui-bg-subtle inline-flex items-center gap-2 rounded-lg border p-4",
+				children: [
+					/* @__PURE__ */ jsx("span", { children: "📎" }),
+					/* @__PURE__ */ jsx("span", { children: file.asset.originalFilename || "Download file" }),
+					file.asset.size && /* @__PURE__ */ jsxs("span", {
+						className: "text-ui-fg-muted text-sm",
+						children: [
+							"(",
+							Math.round(file.asset.size / 1024),
+							" KB)"
+						]
+					})
+				]
+			})
+		});
+	};
+	const renderList = (items, listType) => {
+		return /* @__PURE__ */ jsx(listType === "bullet" ? "ul" : "ol", {
+			className: listType === "bullet" ? "list-disc pl-6 mb-4 space-y-1" : "list-decimal pl-6 mb-4 space-y-1",
+			children: items.map((item) => {
+				const markDefs = item.markDefs || [];
+				return /* @__PURE__ */ jsx("li", {
+					className: "leading-relaxed",
+					children: item.children?.map((child, childIndex) => /* @__PURE__ */ jsx(Fragment, { children: renderSpan(child, markDefs) }, child._key || childIndex))
+				}, item._key);
+			})
+		});
+	};
+	const renderBlock = (block) => {
+		const blockType = getBlockType(block);
+		if (blockType === "block" || blockType === "textblock" || blockType === "text") return renderTextBlock(block);
+		if (blockType === "image" || blockType === "imageblock") return renderImage(block);
+		if (blockType === "file" || blockType === "fileblock") return renderFileBlock(block);
+		return null;
+	};
+	const processedContent = [];
+	let currentListItems = [];
+	let currentListType = null;
+	value.forEach((block, index) => {
+		if (getBlockType(block) === "block" && block.listItem) {
+			const textBlock = block;
+			const listItem = textBlock.listItem || null;
+			if (currentListType !== listItem) {
+				if (currentListItems.length > 0 && currentListType) processedContent.push(/* @__PURE__ */ jsx(Fragment, { children: renderList(currentListItems, currentListType) }, `list-${index}`));
+				currentListItems = [textBlock];
+				currentListType = listItem;
+			} else currentListItems.push(textBlock);
+		} else {
+			if (currentListItems.length > 0 && currentListType) {
+				processedContent.push(/* @__PURE__ */ jsx(Fragment, { children: renderList(currentListItems, currentListType) }, `list-${index}`));
+				currentListItems = [];
+				currentListType = null;
+			}
+			processedContent.push(/* @__PURE__ */ jsx(Fragment, { children: renderBlock(block) }, block._key || index));
+		}
+	});
+	if (currentListItems.length > 0 && currentListType) processedContent.push(/* @__PURE__ */ jsx(Fragment, { children: renderList(currentListItems, currentListType) }, "final-list"));
+	return /* @__PURE__ */ jsx("div", {
+		className: "prose prose-ui max-w-none",
+		children: processedContent
+	});
+};
+
+//#endregion
+export { PortableText };
+//# sourceMappingURL=index.js.map

package/dist/components/portable-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["content: ReactNode","resolvedIconLinkMark: IconLinkMark | undefined","Spinner","Trash","processedContent: ReactNode[]","currentListItems: TextBlock[]","currentListType: string | null"],"sources":["../../../src/components/portable-text/index.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\n\nimport Image from 'next/image';\n\nimport { Back } from '@gfed-medusa/sf-lib-ui/icons/back';\nimport { Bancontact } from '@gfed-medusa/sf-lib-ui/icons/bancontact';\nimport { ChevronDown } from '@gfed-medusa/sf-lib-ui/icons/chevron-down';\nimport { Eye } from '@gfed-medusa/sf-lib-ui/icons/eye';\nimport { EyeOff } from '@gfed-medusa/sf-lib-ui/icons/eye-off';\nimport { FastDelivery } from '@gfed-medusa/sf-lib-ui/icons/fast-delivery';\nimport { Ideal } from '@gfed-medusa/sf-lib-ui/icons/ideal';\nimport { MapPin } from '@gfed-medusa/sf-lib-ui/icons/map-pin';\nimport { Medusa } from '@gfed-medusa/sf-lib-ui/icons/medusa';\nimport { NextJs } from '@gfed-medusa/sf-lib-ui/icons/nextjs';\nimport { Package } from '@gfed-medusa/sf-lib-ui/icons/package';\nimport { PayPal } from '@gfed-medusa/sf-lib-ui/icons/paypal';\nimport { PlaceholderImage } from '@gfed-medusa/sf-lib-ui/icons/placeholder-image';\nimport { Refresh } from '@gfed-medusa/sf-lib-ui/icons/refresh';\nimport { Spinner } from '@gfed-medusa/sf-lib-ui/icons/spinner';\nimport { Trash } from '@gfed-medusa/sf-lib-ui/icons/trash';\nimport { User } from '@gfed-medusa/sf-lib-ui/icons/user';\nimport { X } from '@gfed-medusa/sf-lib-ui/icons/x';\nimport { ArrowUpRightMini } from '@medusajs/icons';\nimport { Heading, Text } from '@medusajs/ui';\n\nimport {\n  FileBlock,\n  IconLinkMark,\n  ImageBlock,\n  RichTextBlock,\n  Span,\n  TextBlock,\n} from '@/types/graphql';\n\ntype PortableTextProps = {\n  value: RichTextBlock[];\n};\n\nconst PortableText = ({ value }: PortableTextProps) => {\n  if (!value || !Array.isArray(value)) {\n    return null;\n  }\n\n  const getBlockType = (block: RichTextBlock): string => {\n    if (block.__typename) {\n      const typename = block.__typename.toLowerCase();\n      if (typename === 'textblock') return 'block';\n      return typename.replace('block', '');\n    }\n    return 'unknown';\n  };\n\n  const renderSpan = (\n    span: Span,\n    markDefs: TextBlock['markDefs']\n  ): ReactNode => {\n    if (!span.text) return null;\n\n    let content: ReactNode = span.text;\n    const marks = span.marks || [];\n\n    marks.forEach((mark) => {\n      if (typeof mark === 'string') {\n        switch (mark) {\n          case 'strong':\n            content = <strong>{content}</strong>;\n            break;\n          case 'em':\n            content = <em>{content}</em>;\n            break;\n          case 'code':\n            content = (\n              <code className=\"bg-ui-bg-subtle rounded px-1 py-0.5 font-mono text-sm\">\n                {content}\n              </code>\n            );\n            break;\n          case 'underline':\n            content = <u>{content}</u>;\n            break;\n          case 'superscript':\n            content = <sup>{content}</sup>;\n            break;\n          case 'subscript':\n            content = <sub>{content}</sub>;\n            break;\n        }\n      }\n    });\n\n    // Handle marks that reference markDefs by _key\n    const getMarkByKey = (key: string) => {\n      return markDefs?.find((def) => def._key === key);\n    };\n\n    // Find link marks (both direct objects and references)\n    const linkMark = marks.find((mark) => {\n      if (typeof mark === 'object') {\n        return mark;\n      }\n      if (typeof mark === 'string') {\n        const markDef = getMarkByKey(mark);\n        return (\n          markDef &&\n          (markDef._type === 'link' || markDef.__typename === 'LinkMark')\n        );\n      }\n      return false;\n    });\n\n    // Find icon link marks (both direct objects and references)\n    const iconLinkMark = marks.find((mark) => {\n      if (typeof mark === 'object') {\n        return mark;\n      }\n      if (typeof mark === 'string') {\n        const markDef = getMarkByKey(mark);\n        return (\n          markDef &&\n          (markDef._type === 'iconlink' ||\n            markDef.__typename === 'IconLinkMark')\n        );\n      }\n      return false;\n    });\n\n    // Get the actual mark object (either direct or from markDefs)\n    const resolvedIconLinkMark: IconLinkMark | undefined =\n      typeof iconLinkMark === 'string'\n        ? (() => {\n            const mark = getMarkByKey(iconLinkMark);\n            return mark &&\n              (mark.__typename === 'IconLinkMark' || mark._type === 'iconlink')\n              ? (mark as IconLinkMark)\n              : undefined;\n          })()\n        : iconLinkMark\n          ? (iconLinkMark as IconLinkMark)\n          : undefined;\n    const resolvedLinkMark =\n      typeof linkMark === 'string' ? getMarkByKey(linkMark) : linkMark;\n\n    if (resolvedIconLinkMark) {\n      return renderIconLink(resolvedIconLinkMark, content);\n    }\n\n    if (resolvedLinkMark) {\n      return (\n        <a\n          href={resolvedLinkMark.href}\n          target={resolvedLinkMark.target ?? ''}\n          className=\"text-ui-fg-interactive hover:underline\"\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return content;\n  };\n\n  const renderIconLink = (\n    mark: IconLinkMark,\n    children: ReactNode\n  ): ReactNode => {\n    const renderIcon = () => {\n      switch (mark.iconType) {\n        case 'class':\n          return mark.iconClass ? <i className={mark.iconClass} /> : null;\n        case 'component':\n          switch (mark.iconComponent) {\n            case 'ArrowUpRightMini':\n              return (\n                <ArrowUpRightMini\n                  fill={mark.iconFill ?? ''}\n                  className=\"h-4 w-4\"\n                />\n              );\n            case 'Back':\n              return <Back size={16} fill={mark.iconFill ?? ''} />;\n            case 'Bancontact':\n              return <Bancontact size={16} fill={mark.iconFill ?? ''} />;\n            case 'ChevronDown':\n              return <ChevronDown size={16} fill={mark.iconFill ?? ''} />;\n            case 'Eye':\n              return <Eye size={16} fill={mark.iconFill ?? ''} />;\n            case 'EyeOff':\n              return <EyeOff size={16} fill={mark.iconFill ?? ''} />;\n            case 'FastDelivery':\n              return <FastDelivery size={16} fill={mark.iconFill ?? ''} />;\n            case 'Ideal':\n              return <Ideal size={16} fill={mark.iconFill ?? ''} />;\n            case 'MapPin':\n              return <MapPin size={16} fill={mark.iconFill ?? ''} />;\n            case 'Medusa':\n              return <Medusa size={16} fill={mark.iconFill ?? ''} />;\n            case 'NextJs':\n              return <NextJs size={16} fill={mark.iconFill ?? ''} />;\n            case 'Package':\n              return <Package size={16} fill={mark.iconFill ?? ''} />;\n            case 'PayPal':\n              return <PayPal />;\n            case 'PlaceholderImage':\n              return <PlaceholderImage size={16} fill={mark.iconFill ?? ''} />;\n            case 'Refresh':\n              return <Refresh size={16} fill={mark.iconFill ?? ''} />;\n            case 'Spinner':\n              return <Spinner size={16} fill={mark.iconFill ?? ''} />;\n            case 'Trash':\n              return <Trash size={16} fill={mark.iconFill ?? ''} />;\n            case 'User':\n              return <User size={16} fill={mark.iconFill ?? ''} />;\n            case 'X':\n              return <X size={16} fill={mark.iconFill ?? ''} />;\n            default:\n              return null;\n          }\n        case 'sanity':\n          return mark.iconImage?.asset?.url ? (\n            <Image\n              src={mark.iconImage.asset.url}\n              alt={mark.iconImage.alt || 'Icon'}\n              width={16}\n              height={16}\n              className=\"h-4 w-4\"\n            />\n          ) : null;\n        case 'url':\n          return mark.iconUrl ? (\n            <Image\n              src={mark.iconUrl}\n              alt=\"Icon\"\n              width={16}\n              height={16}\n              className=\"h-4 w-4\"\n            />\n          ) : null;\n        default:\n          return null;\n      }\n    };\n\n    return (\n      <a\n        href={mark.href}\n        target={mark.target ?? ''}\n        className=\"text-ui-fg-interactive inline-flex items-center gap-1 hover:underline\"\n      >\n        {children}\n        {renderIcon()}\n      </a>\n    );\n  };\n\n  const renderTextBlock = (block: TextBlock): ReactNode => {\n    const style = block.style || 'normal';\n    const children = block.children || [];\n    const markDefs = block.markDefs || [];\n\n    const content = children.map((child, index) => (\n      <Fragment key={child._key || index}>\n        {renderSpan(child, markDefs)}\n      </Fragment>\n    ));\n\n    switch (style) {\n      case 'h1':\n        return <h1 className=\"mt-8 mb-6 text-4xl font-bold\">{content}</h1>;\n      case 'h2':\n        return (\n          <Heading level=\"h2\" className=\"mt-6 mb-4 text-3xl font-semibold\">\n            {content}\n          </Heading>\n        );\n      case 'h3':\n        return (\n          <Heading level=\"h3\" className=\"mt-6 mb-4 text-2xl font-semibold\">\n            {content}\n          </Heading>\n        );\n      case 'h4':\n        return <h4 className=\"mt-4 mb-3 text-xl font-semibold\">{content}</h4>;\n      case 'h5':\n        return <h5 className=\"mt-4 mb-3 text-lg font-semibold\">{content}</h5>;\n      case 'h6':\n        return <h6 className=\"mt-4 mb-2 text-base font-semibold\">{content}</h6>;\n      case 'blockquote':\n        return (\n          <blockquote className=\"border-ui-border-base my-4 border-l-4 py-2 pl-4 italic\">\n            <Text>{content}</Text>\n          </blockquote>\n        );\n      default:\n        return <Text className=\"mb-4 leading-relaxed\">{content}</Text>;\n    }\n  };\n\n  const renderImage = (image: ImageBlock): ReactNode => {\n    if (!image.asset?.url) return null;\n\n    return (\n      <div className=\"my-6\">\n        <Image\n          src={image.asset.url}\n          alt={image.alt || ''}\n          width={800}\n          height={400}\n          className=\"h-auto w-full rounded-lg\"\n        />\n      </div>\n    );\n  };\n\n  const renderFileBlock = (file: FileBlock): ReactNode => {\n    if (!file.asset?.url) return null;\n\n    return (\n      <div className=\"my-6\">\n        <a\n          href={file.asset.url}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"border-ui-border-base text-ui-fg-interactive hover:bg-ui-bg-subtle inline-flex items-center gap-2 rounded-lg border p-4\"\n        >\n          <span>📎</span>\n          <span>{file.asset.originalFilename || 'Download file'}</span>\n          {file.asset.size && (\n            <span className=\"text-ui-fg-muted text-sm\">\n              ({Math.round(file.asset.size / 1024)} KB)\n            </span>\n          )}\n        </a>\n      </div>\n    );\n  };\n\n  const renderList = (items: TextBlock[], listType: string): ReactNode => {\n    const ListComponent = listType === 'bullet' ? 'ul' : 'ol';\n    const listClass =\n      listType === 'bullet'\n        ? 'list-disc pl-6 mb-4 space-y-1'\n        : 'list-decimal pl-6 mb-4 space-y-1';\n\n    return (\n      <ListComponent className={listClass}>\n        {items.map((item) => {\n          const markDefs = item.markDefs || [];\n          return (\n            <li key={item._key} className=\"leading-relaxed\">\n              {item.children?.map((child, childIndex) => (\n                <Fragment key={child._key || childIndex}>\n                  {renderSpan(child, markDefs)}\n                </Fragment>\n              ))}\n            </li>\n          );\n        })}\n      </ListComponent>\n    );\n  };\n\n  const renderBlock = (block: RichTextBlock): ReactNode => {\n    const blockType = getBlockType(block);\n\n    if (\n      blockType === 'block' ||\n      blockType === 'textblock' ||\n      blockType === 'text'\n    ) {\n      return renderTextBlock(block as TextBlock);\n    }\n\n    if (blockType === 'image' || blockType === 'imageblock') {\n      return renderImage(block as ImageBlock);\n    }\n\n    if (blockType === 'file' || blockType === 'fileblock') {\n      return renderFileBlock(block as FileBlock);\n    }\n\n    return null;\n  };\n\n  // Process blocks and group consecutive list items\n  const processedContent: ReactNode[] = [];\n  let currentListItems: TextBlock[] = [];\n  let currentListType: string | null = null;\n\n  value.forEach((block: RichTextBlock, index: number) => {\n    const blockType = getBlockType(block);\n\n    if (blockType === 'block' && (block as TextBlock).listItem) {\n      const textBlock = block as TextBlock;\n      const listItem = textBlock.listItem || null;\n      if (currentListType !== listItem) {\n        if (currentListItems.length > 0 && currentListType) {\n          processedContent.push(\n            <Fragment key={`list-${index}`}>\n              {renderList(currentListItems, currentListType)}\n            </Fragment>\n          );\n        }\n        currentListItems = [textBlock];\n        currentListType = listItem;\n      } else {\n        currentListItems.push(textBlock);\n      }\n    } else {\n      if (currentListItems.length > 0 && currentListType) {\n        processedContent.push(\n          <Fragment key={`list-${index}`}>\n            {renderList(currentListItems, currentListType)}\n          </Fragment>\n        );\n        currentListItems = [];\n        currentListType = null;\n      }\n      processedContent.push(\n        <Fragment key={block._key || index}>{renderBlock(block)}</Fragment>\n      );\n    }\n  });\n\n  if (currentListItems.length > 0 && currentListType) {\n    processedContent.push(\n      <Fragment key=\"final-list\">\n        {renderList(currentListItems, currentListType)}\n      </Fragment>\n    );\n  }\n\n  return <div className=\"prose prose-ui max-w-none\">{processedContent}</div>;\n};\n\nexport { PortableText };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,gBAAgB,EAAE,YAA+B;AACrD,KAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,MAAM,CACjC,QAAO;CAGT,MAAM,gBAAgB,UAAiC;AACrD,MAAI,MAAM,YAAY;GACpB,MAAM,WAAW,MAAM,WAAW,aAAa;AAC/C,OAAI,aAAa,YAAa,QAAO;AACrC,UAAO,SAAS,QAAQ,SAAS,GAAG;;AAEtC,SAAO;;CAGT,MAAM,cACJ,MACA,aACc;AACd,MAAI,CAAC,KAAK,KAAM,QAAO;EAEvB,IAAIA,UAAqB,KAAK;EAC9B,MAAM,QAAQ,KAAK,SAAS,EAAE;AAE9B,QAAM,SAAS,SAAS;AACtB,OAAI,OAAO,SAAS,SAClB,SAAQ,MAAR;IACE,KAAK;AACH,eAAU,oBAAC,sBAAQ,UAAiB;AACpC;IACF,KAAK;AACH,eAAU,oBAAC,kBAAI,UAAa;AAC5B;IACF,KAAK;AACH,eACE,oBAAC;MAAK,WAAU;gBACb;OACI;AAET;IACF,KAAK;AACH,eAAU,oBAAC,iBAAG,UAAY;AAC1B;IACF,KAAK;AACH,eAAU,oBAAC,mBAAK,UAAc;AAC9B;IACF,KAAK;AACH,eAAU,oBAAC,mBAAK,UAAc;AAC9B;;IAGN;EAGF,MAAM,gBAAgB,QAAgB;AACpC,UAAO,UAAU,MAAM,QAAQ,IAAI,SAAS,IAAI;;EAIlD,MAAM,WAAW,MAAM,MAAM,SAAS;AACpC,OAAI,OAAO,SAAS,SAClB,QAAO;AAET,OAAI,OAAO,SAAS,UAAU;IAC5B,MAAM,UAAU,aAAa,KAAK;AAClC,WACE,YACC,QAAQ,UAAU,UAAU,QAAQ,eAAe;;AAGxD,UAAO;IACP;EAGF,MAAM,eAAe,MAAM,MAAM,SAAS;AACxC,OAAI,OAAO,SAAS,SAClB,QAAO;AAET,OAAI,OAAO,SAAS,UAAU;IAC5B,MAAM,UAAU,aAAa,KAAK;AAClC,WACE,YACC,QAAQ,UAAU,cACjB,QAAQ,eAAe;;AAG7B,UAAO;IACP;EAGF,MAAMC,uBACJ,OAAO,iBAAiB,kBACb;GACL,MAAM,OAAO,aAAa,aAAa;AACvC,UAAO,SACJ,KAAK,eAAe,kBAAkB,KAAK,UAAU,cACnD,OACD;MACF,GACJ,eACG,eACD;EACR,MAAM,mBACJ,OAAO,aAAa,WAAW,aAAa,SAAS,GAAG;AAE1D,MAAI,qBACF,QAAO,eAAe,sBAAsB,QAAQ;AAGtD,MAAI,iBACF,QACE,oBAAC;GACC,MAAM,iBAAiB;GACvB,QAAQ,iBAAiB,UAAU;GACnC,WAAU;aAET;IACC;AAIR,SAAO;;CAGT,MAAM,kBACJ,MACA,aACc;EACd,MAAM,mBAAmB;AACvB,WAAQ,KAAK,UAAb;IACE,KAAK,QACH,QAAO,KAAK,YAAY,oBAAC,OAAE,WAAW,KAAK,YAAa,GAAG;IAC7D,KAAK,YACH,SAAQ,KAAK,eAAb;KACE,KAAK,mBACH,QACE,oBAAC;MACC,MAAM,KAAK,YAAY;MACvB,WAAU;OACV;KAEN,KAAK,OACH,QAAO,oBAAC;MAAK,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACtD,KAAK,aACH,QAAO,oBAAC;MAAW,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KAC5D,KAAK,cACH,QAAO,oBAAC;MAAY,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KAC7D,KAAK,MACH,QAAO,oBAAC;MAAI,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACrD,KAAK,SACH,QAAO,oBAAC;MAAO,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACxD,KAAK,eACH,QAAO,oBAAC;MAAa,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KAC9D,KAAK,QACH,QAAO,oBAAC;MAAM,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACvD,KAAK,SACH,QAAO,oBAAC;MAAO,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACxD,KAAK,SACH,QAAO,oBAAC;MAAO,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACxD,KAAK,SACH,QAAO,oBAAC;MAAO,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACxD,KAAK,UACH,QAAO,oBAAC;MAAQ,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACzD,KAAK,SACH,QAAO,oBAAC,WAAS;KACnB,KAAK,mBACH,QAAO,oBAAC;MAAiB,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KAClE,KAAK,UACH,QAAO,oBAAC;MAAQ,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACzD,KAAK,UACH,QAAO,oBAACC;MAAQ,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACzD,KAAK,QACH,QAAO,oBAACC;MAAM,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACvD,KAAK,OACH,QAAO,oBAAC;MAAK,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACtD,KAAK,IACH,QAAO,oBAAC;MAAE,MAAM;MAAI,MAAM,KAAK,YAAY;OAAM;KACnD,QACE,QAAO;;IAEb,KAAK,SACH,QAAO,KAAK,WAAW,OAAO,MAC5B,oBAAC;KACC,KAAK,KAAK,UAAU,MAAM;KAC1B,KAAK,KAAK,UAAU,OAAO;KAC3B,OAAO;KACP,QAAQ;KACR,WAAU;MACV,GACA;IACN,KAAK,MACH,QAAO,KAAK,UACV,oBAAC;KACC,KAAK,KAAK;KACV,KAAI;KACJ,OAAO;KACP,QAAQ;KACR,WAAU;MACV,GACA;IACN,QACE,QAAO;;;AAIb,SACE,qBAAC;GACC,MAAM,KAAK;GACX,QAAQ,KAAK,UAAU;GACvB,WAAU;cAET,UACA,YAAY;IACX;;CAIR,MAAM,mBAAmB,UAAgC;EACvD,MAAM,QAAQ,MAAM,SAAS;EAC7B,MAAM,WAAW,MAAM,YAAY,EAAE;EACrC,MAAM,WAAW,MAAM,YAAY,EAAE;EAErC,MAAM,UAAU,SAAS,KAAK,OAAO,UACnC,oBAAC,sBACE,WAAW,OAAO,SAAS,IADf,MAAM,QAAQ,MAElB,CACX;AAEF,UAAQ,OAAR;GACE,KAAK,KACH,QAAO,oBAAC;IAAG,WAAU;cAAgC;KAAa;GACpE,KAAK,KACH,QACE,oBAAC;IAAQ,OAAM;IAAK,WAAU;cAC3B;KACO;GAEd,KAAK,KACH,QACE,oBAAC;IAAQ,OAAM;IAAK,WAAU;cAC3B;KACO;GAEd,KAAK,KACH,QAAO,oBAAC;IAAG,WAAU;cAAmC;KAAa;GACvE,KAAK,KACH,QAAO,oBAAC;IAAG,WAAU;cAAmC;KAAa;GACvE,KAAK,KACH,QAAO,oBAAC;IAAG,WAAU;cAAqC;KAAa;GACzE,KAAK,aACH,QACE,oBAAC;IAAW,WAAU;cACpB,oBAAC,kBAAM,UAAe;KACX;GAEjB,QACE,QAAO,oBAAC;IAAK,WAAU;cAAwB;KAAe;;;CAIpE,MAAM,eAAe,UAAiC;AACpD,MAAI,CAAC,MAAM,OAAO,IAAK,QAAO;AAE9B,SACE,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,KAAK,MAAM,MAAM;IACjB,KAAK,MAAM,OAAO;IAClB,OAAO;IACP,QAAQ;IACR,WAAU;KACV;IACE;;CAIV,MAAM,mBAAmB,SAA+B;AACtD,MAAI,CAAC,KAAK,OAAO,IAAK,QAAO;AAE7B,SACE,oBAAC;GAAI,WAAU;aACb,qBAAC;IACC,MAAM,KAAK,MAAM;IACjB,QAAO;IACP,KAAI;IACJ,WAAU;;KAEV,oBAAC,oBAAK,OAAS;KACf,oBAAC,oBAAM,KAAK,MAAM,oBAAoB,kBAAuB;KAC5D,KAAK,MAAM,QACV,qBAAC;MAAK,WAAU;;OAA2B;OACvC,KAAK,MAAM,KAAK,MAAM,OAAO,KAAK;OAAC;;OAChC;;KAEP;IACA;;CAIV,MAAM,cAAc,OAAoB,aAAgC;AAOtE,SACE,oBAPoB,aAAa,WAAW,OAAO;GAOpC,WALf,aAAa,WACT,kCACA;aAID,MAAM,KAAK,SAAS;IACnB,MAAM,WAAW,KAAK,YAAY,EAAE;AACpC,WACE,oBAAC;KAAmB,WAAU;eAC3B,KAAK,UAAU,KAAK,OAAO,eAC1B,oBAAC,sBACE,WAAW,OAAO,SAAS,IADf,MAAM,QAAQ,WAElB,CACX;OALK,KAAK,KAMT;KAEP;IACY;;CAIpB,MAAM,eAAe,UAAoC;EACvD,MAAM,YAAY,aAAa,MAAM;AAErC,MACE,cAAc,WACd,cAAc,eACd,cAAc,OAEd,QAAO,gBAAgB,MAAmB;AAG5C,MAAI,cAAc,WAAW,cAAc,aACzC,QAAO,YAAY,MAAoB;AAGzC,MAAI,cAAc,UAAU,cAAc,YACxC,QAAO,gBAAgB,MAAmB;AAG5C,SAAO;;CAIT,MAAMC,mBAAgC,EAAE;CACxC,IAAIC,mBAAgC,EAAE;CACtC,IAAIC,kBAAiC;AAErC,OAAM,SAAS,OAAsB,UAAkB;AAGrD,MAFkB,aAAa,MAAM,KAEnB,WAAY,MAAoB,UAAU;GAC1D,MAAM,YAAY;GAClB,MAAM,WAAW,UAAU,YAAY;AACvC,OAAI,oBAAoB,UAAU;AAChC,QAAI,iBAAiB,SAAS,KAAK,gBACjC,kBAAiB,KACf,oBAAC,sBACE,WAAW,kBAAkB,gBAAgB,IADjC,QAAQ,QAEZ,CACZ;AAEH,uBAAmB,CAAC,UAAU;AAC9B,sBAAkB;SAElB,kBAAiB,KAAK,UAAU;SAE7B;AACL,OAAI,iBAAiB,SAAS,KAAK,iBAAiB;AAClD,qBAAiB,KACf,oBAAC,sBACE,WAAW,kBAAkB,gBAAgB,IADjC,QAAQ,QAEZ,CACZ;AACD,uBAAmB,EAAE;AACrB,sBAAkB;;AAEpB,oBAAiB,KACf,oBAAC,sBAAoC,YAAY,MAAM,IAAxC,MAAM,QAAQ,MAAsC,CACpE;;GAEH;AAEF,KAAI,iBAAiB,SAAS,KAAK,gBACjC,kBAAiB,KACf,oBAAC,sBACE,WAAW,kBAAkB,gBAAgB,IADlC,aAEH,CACZ;AAGH,QAAO,oBAAC;EAAI,WAAU;YAA6B;GAAuB"}

package/dist/components/preview-price/index.d.ts

@@ -1,4 +1,4 @@
-import { n as VariantPrice } from "../../prices-eO1YBciD.js";
+import { VariantPrice } from "../../types/prices.js";
 import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/preview-price/index.d.ts

package/dist/components/preview-price/index.js

@@ -1,3 +1,20 @@
-import { t as PreviewPrice } from "../../preview-price-_4sxkXQs.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Text, clx } from "@medusajs/ui";
 
-export { PreviewPrice };
+//#region src/components/preview-price/index.tsx
+function PreviewPrice({ price }) {
+	if (!price) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [price.price_type === "sale" && /* @__PURE__ */ jsx(Text, {
+		className: "text-ui-fg-muted line-through",
+		"data-testid": "original-price",
+		children: price.original_price
+	}), /* @__PURE__ */ jsx(Text, {
+		className: clx("text-ui-fg-muted", { "text-ui-fg-interactive": price.price_type === "sale" }),
+		"data-testid": "price",
+		children: price.calculated_price
+	})] });
+}
+
+//#endregion
+export { PreviewPrice };
+//# sourceMappingURL=index.js.map

package/dist/components/preview-price/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/preview-price/index.tsx"],"sourcesContent":["import { Text, clx } from '@medusajs/ui';\n\nimport { VariantPrice } from '@/types/prices';\n\nfunction PreviewPrice({ price }: { price: VariantPrice }) {\n  if (!price) {\n    return null;\n  }\n\n  return (\n    <>\n      {price.price_type === 'sale' && (\n        <Text\n          className=\"text-ui-fg-muted line-through\"\n          data-testid=\"original-price\"\n        >\n          {price.original_price}\n        </Text>\n      )}\n      <Text\n        className={clx('text-ui-fg-muted', {\n          'text-ui-fg-interactive': price.price_type === 'sale',\n        })}\n        data-testid=\"price\"\n      >\n        {price.calculated_price}\n      </Text>\n    </>\n  );\n}\n\nexport { PreviewPrice };\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,SAAkC;AACxD,KAAI,CAAC,MACH,QAAO;AAGT,QACE,4CACG,MAAM,eAAe,UACpB,oBAAC;EACC,WAAU;EACV,eAAY;YAEX,MAAM;GACF,EAET,oBAAC;EACC,WAAW,IAAI,oBAAoB,EACjC,0BAA0B,MAAM,eAAe,QAChD,CAAC;EACF,eAAY;YAEX,MAAM;GACF,IACN"}

package/dist/components/product-card/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -59,7 +59,7 @@ declare function ProductCard({
   variant,
   size,
   className
-}: ProductCardProps): react_jsx_runtime0.JSX.Element;
+}: ProductCardProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ProductCard };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":[],"mappings":";;;;;cAaM;;;IAoBL,+BAAA,CAAA;AA5BiE,UA8BxD,KAAA,CAtBJ;EAsBI,OAAA,EAAK,MAAA;EAKL,GAAA,CAAA,EAAA,MAAO;AAYH;UAZJ,OAAA,CAe6C;EAC5C,EAAA,EAAA,MAAA;EADwB,KAAA,EAAA;IAAY,GAAA,EAAA,MAAA;IAuC/B,GAAA,CAAA,EAAA,MAAW;EACzB,CAAA;EACA,QAAA,CAAA,EAAA;IACA,QAAA,EAAA,MAAA;IACA,MAAA,EAAA,MAAA;EACA,CAAA;EACA,KAAA,EAAA,MAAA;EACA,IAAA,CAAA,EAAA,MAAA;EACC,KAAA,EAlDM,KAkDN;;UA/CO,gBAAA,SAAyB,YA+ChB,CAAA,OA/CoC,mBA+CpC,CAAA,CAAA;WA9CR;;;;;;;;;;;;;;;;;;;;;;;;;iBAsCK,WAAA;;;;;;;;GAQb,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":[],"mappings":";;;;;cAYM;;;IAoBL,+BAAA,CAAA;AA5BiE,UA8BxD,KAAA,CAtBJ;EAsBI,OAAA,EAAK,MAAA;EAKL,GAAA,CAAA,EAAA,MAAO;AAYH;UAZJ,OAAA,CAe6C;EAC5C,EAAA,EAAA,MAAA;EADwB,KAAA,EAAA;IAAY,GAAA,EAAA,MAAA;IAuC/B,GAAA,CAAA,EAAA,MAAW;EACzB,CAAA;EACA,QAAA,CAAA,EAAA;IACA,QAAA,EAAA,MAAA;IACA,MAAA,EAAA,MAAA;EACA,CAAA;EACA,KAAA,EAAA,MAAA;EACA,IAAA,CAAA,EAAA,MAAA;EACC,KAAA,EAlDM,KAkDN;;UA/CO,gBAAA,SAAyB,YA+ChB,CAAA,OA/CoC,mBA+CpC,CAAA,CAAA;WA9CR;;;;;;;;;;;;;;;;;;;;;;;;;iBAsCK,WAAA;;;;;;;;GAQb,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/product-card/index.js

@@ -1,7 +1,6 @@
 'use client';
 
 import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
 import Image from "next/image";
 import { cn } from "@gfed-medusa/sf-lib-ui/lib/utils";
 import { cva } from "class-variance-authority";
@@ -60,7 +59,7 @@ function ProductCard({ product, rating, badge, variants, variant, size, classNam
 					className: "flex items-center justify-between",
 					children: [/* @__PURE__ */ jsx("h3", {
 						className: "truncate text-base font-medium",
-						children: product.href ? /* @__PURE__ */ jsx(Link, {
+						children: product.href ? /* @__PURE__ */ jsx("a", {
 							href: product.href,
 							className: "hover:underline",
 							children: product.title
@@ -89,7 +88,7 @@ function ProductCard({ product, rating, badge, variants, variant, size, classNam
 					height: 500,
 					className: cn("w-full object-cover")
 				}), badge && /* @__PURE__ */ jsx("div", {
-					className: "absolute left-2 top-2",
+					className: "absolute top-2 left-2",
 					children: /* @__PURE__ */ jsx(Badge, {
 						variant: "default",
 						children: badge.label
@@ -100,7 +99,7 @@ function ProductCard({ product, rating, badge, variants, variant, size, classNam
 				children: [
 					/* @__PURE__ */ jsx("h3", {
 						className: "truncate text-base font-medium",
-						children: product.href ? /* @__PURE__ */ jsx(Link, {
+						children: product.href ? /* @__PURE__ */ jsx("a", {
 							href: product.href,
 							className: "hover:underline",
 							children: product.title

package/dist/components/product-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":["'use client';\n\nimport Image from 'next/image';\nimport Link from 'next/link';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Badge } from '@gfed-medusa/sf-lib-ui/components/badge';\nimport { Button } from '@gfed-medusa/sf-lib-ui/components/button';\nimport { RatingCount } from '@gfed-medusa/sf-lib-ui/components/rating-count';\nimport { VariantSelector } from '@gfed-medusa/sf-lib-ui/components/variant-selector';\nimport { cn } from '@gfed-medusa/sf-lib-ui/lib/utils';\n\nconst productCardVariants = cva(\n  'rounded-2xl border overflow-hidden transition',\n  {\n    variants: {\n      variant: {\n        default: 'flex flex-col shadow-sm hover:shadow-md',\n        withAddToCart: 'flex flex-col shadow-sm hover:shadow-md',\n        minimal: 'flex flex-col hover:shadow hover:border-muted-foreground/30',\n      },\n      size: {\n        sm: 'w-48',\n        md: 'w-64',\n        lg: 'w-80',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\ninterface Price {\n  current: string;\n  old?: string;\n}\n\ninterface Product {\n  id: string;\n  image: {\n    src: string;\n    alt?: string;\n  };\n  localize?: {\n    currency: string;\n    locale: string;\n  };\n  title: string;\n  href?: string;\n  price: Price;\n}\n\ninterface ProductCardProps extends VariantProps<typeof productCardVariants> {\n  product: Product;\n  rating?: {\n    average: number;\n    count?: number;\n  };\n  badge?: {\n    label: string;\n    variant?: 'default' | 'sale' | 'new' | 'limited';\n  };\n  variants?: {\n    options: {\n      value: string;\n      label?: string;\n      imageSrc?: string;\n      color?: string;\n    }[];\n    value: string;\n    onChange: (value: string) => void;\n  };\n  quantity?: {\n    value: number;\n    onChange: (value: number) => void;\n  };\n  className?: string;\n}\n\nconst formatPrice = (price: Price, locale = 'en-GB', currency = 'GBP') => {\n  const formatter = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n  });\n\n  return {\n    currentPrice: formatter.format(Number(price.current)),\n    oldPrice: price.old ? formatter.format(Number(price.old)) : undefined,\n  };\n};\n\nexport function ProductCard({\n  product,\n  rating,\n  badge,\n  variants,\n  variant,\n  size,\n  className,\n}: ProductCardProps) {\n  const { currentPrice, oldPrice } = formatPrice(\n    product.price,\n    product.localize?.locale,\n    product.localize?.currency\n  );\n\n  switch (variant) {\n    case 'minimal':\n      return (\n        <div\n          className={cn(\n            productCardVariants({ variant, size }),\n            'w-60 overflow-hidden rounded-2xl border p-0 shadow-sm'\n          )}\n        >\n          <div className=\"h-72 w-full overflow-hidden\">\n            {/* eslint-disable-next-line @next/next/no-img-element -- needed for minimal variant */}\n            <img\n              src={product.image.src}\n              alt={product.image.alt ?? product.title}\n              className=\"h-full w-full object-cover\"\n            />\n          </div>\n\n          <div className=\"flex flex-col gap-1 p-3\">\n            <div className=\"flex items-center justify-between\">\n              <h3 className=\"truncate text-base font-medium\">\n                {product.href ? (\n                  <Link href={product.href} className=\"hover:underline\">\n                    {product.title}\n                  </Link>\n                ) : (\n                  product.title\n                )}\n              </h3>\n              <p className=\"mt-0 text-lg font-semibold text-gray-900\">\n                {currentPrice}\n              </p>\n            </div>\n            <p className=\"text-xs text-gray-500\">7 colors</p>\n          </div>\n        </div>\n      );\n    default:\n      return (\n        <div className={cn(productCardVariants({ variant, size }), className)}>\n          {/* Image */}\n          <div className=\"relative\">\n            <Image\n              src={product.image.src || '/assets/images/missing-img.webp'}\n              alt={product.image.alt ?? product.title}\n              width={500}\n              height={500}\n              className={cn('w-full object-cover')}\n            />\n            {badge && (\n              <div className=\"absolute left-2 top-2\">\n                <Badge variant=\"default\">{badge.label}</Badge>\n              </div>\n            )}\n          </div>\n\n          {/* Content */}\n          <div className=\"flex flex-col gap-2 p-3\">\n            <h3 className=\"truncate text-base font-medium\">\n              {product.href ? (\n                <Link href={product.href} className=\"hover:underline\">\n                  {product.title}\n                </Link>\n              ) : (\n                product.title\n              )}\n            </h3>\n\n            {/* Price */}\n            <div className=\"flex items-center gap-2\">\n              <p className=\"text-lg font-semibold\">{currentPrice}</p>\n              {oldPrice && (\n                <p className=\"text-muted-foreground text-sm line-through\">\n                  {oldPrice}\n                </p>\n              )}\n            </div>\n\n            {/* Rating */}\n            {rating !== undefined && (\n              <div\n                data-testid=\"product-card-rating\"\n                className=\"flex items-center gap-2\"\n              >\n                <RatingCount\n                  average={rating.average}\n                  ratingCount={rating.count}\n                />\n              </div>\n            )}\n\n            {/* Variant Selector */}\n            {variants && (\n              <VariantSelector\n                options={variants.options}\n                value={variants.value ?? ''}\n                onChange={variants.onChange}\n                type=\"color\"\n              />\n            )}\n\n            {/* Add to Cart button */}\n            {variant === 'withAddToCart' && (\n              <Button variant=\"default\" className=\"w-full cursor-pointer\">\n                Add to Cart\n              </Button>\n            )}\n          </div>\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,sBAAsB,IAC1B,iDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,eAAe;GACf,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAiDD,MAAM,eAAe,OAAc,SAAS,SAAS,WAAW,UAAU;CACxE,MAAM,YAAY,IAAI,KAAK,aAAa,QAAQ;EAC9C,OAAO;EACP;EACD,CAAC;AAEF,QAAO;EACL,cAAc,UAAU,OAAO,OAAO,MAAM,QAAQ,CAAC;EACrD,UAAU,MAAM,MAAM,UAAU,OAAO,OAAO,MAAM,IAAI,CAAC,GAAG;EAC7D;;AAGH,SAAgB,YAAY,EAC1B,SACA,QACA,OACA,UACA,SACA,MACA,aACmB;CACnB,MAAM,EAAE,cAAc,aAAa,YACjC,QAAQ,OACR,QAAQ,UAAU,QAClB,QAAQ,UAAU,SACnB;AAED,SAAQ,SAAR;EACE,KAAK,UACH,QACE,qBAAC;GACC,WAAW,GACT,oBAAoB;IAAE;IAAS;IAAM,CAAC,EACtC,wDACD;cAED,oBAAC;IAAI,WAAU;cAEb,oBAAC;KACC,KAAK,QAAQ,MAAM;KACnB,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,WAAU;MACV;KACE,EAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAK,MAAM,QAAQ;OAAM,WAAU;iBACjC,QAAQ;QACJ,GAEP,QAAQ;OAEP,EACL,oBAAC;MAAE,WAAU;gBACV;OACC;MACA,EACN,oBAAC;KAAE,WAAU;eAAwB;MAAY;KAC7C;IACF;EAEV,QACE,QACE,qBAAC;GAAI,WAAW,GAAG,oBAAoB;IAAE;IAAS;IAAM,CAAC,EAAE,UAAU;cAEnE,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,KAAK,QAAQ,MAAM,OAAO;KAC1B,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,OAAO;KACP,QAAQ;KACR,WAAW,GAAG,sBAAsB;MACpC,EACD,SACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAM,SAAQ;gBAAW,MAAM;OAAc;MAC1C;KAEJ,EAGN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAK,MAAM,QAAQ;OAAM,WAAU;iBACjC,QAAQ;QACJ,GAEP,QAAQ;OAEP;KAGL,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAE,WAAU;iBAAyB;QAAiB,EACtD,YACC,oBAAC;OAAE,WAAU;iBACV;QACC;OAEF;KAGL,WAAW,UACV,oBAAC;MACC,eAAY;MACZ,WAAU;gBAEV,oBAAC;OACC,SAAS,OAAO;OAChB,aAAa,OAAO;QACpB;OACE;KAIP,YACC,oBAAC;MACC,SAAS,SAAS;MAClB,OAAO,SAAS,SAAS;MACzB,UAAU,SAAS;MACnB,MAAK;OACL;KAIH,YAAY,mBACX,oBAAC;MAAO,SAAQ;MAAU,WAAU;gBAAwB;OAEnD;;KAEP;IACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":["'use client';\n\nimport Image from 'next/image';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Badge } from '@gfed-medusa/sf-lib-ui/components/badge';\nimport { Button } from '@gfed-medusa/sf-lib-ui/components/button';\nimport { RatingCount } from '@gfed-medusa/sf-lib-ui/components/rating-count';\nimport { VariantSelector } from '@gfed-medusa/sf-lib-ui/components/variant-selector';\nimport { cn } from '@gfed-medusa/sf-lib-ui/lib/utils';\n\nconst productCardVariants = cva(\n  'rounded-2xl border overflow-hidden transition',\n  {\n    variants: {\n      variant: {\n        default: 'flex flex-col shadow-sm hover:shadow-md',\n        withAddToCart: 'flex flex-col shadow-sm hover:shadow-md',\n        minimal: 'flex flex-col hover:shadow hover:border-muted-foreground/30',\n      },\n      size: {\n        sm: 'w-48',\n        md: 'w-64',\n        lg: 'w-80',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\ninterface Price {\n  current: string;\n  old?: string;\n}\n\ninterface Product {\n  id: string;\n  image: {\n    src: string;\n    alt?: string;\n  };\n  localize?: {\n    currency: string;\n    locale: string;\n  };\n  title: string;\n  href?: string;\n  price: Price;\n}\n\ninterface ProductCardProps extends VariantProps<typeof productCardVariants> {\n  product: Product;\n  rating?: {\n    average: number;\n    count?: number;\n  };\n  badge?: {\n    label: string;\n    variant?: 'default' | 'sale' | 'new' | 'limited';\n  };\n  variants?: {\n    options: {\n      value: string;\n      label?: string;\n      imageSrc?: string;\n      color?: string;\n    }[];\n    value: string;\n    onChange: (value: string) => void;\n  };\n  quantity?: {\n    value: number;\n    onChange: (value: number) => void;\n  };\n  className?: string;\n}\n\nconst formatPrice = (price: Price, locale = 'en-GB', currency = 'GBP') => {\n  const formatter = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n  });\n\n  return {\n    currentPrice: formatter.format(Number(price.current)),\n    oldPrice: price.old ? formatter.format(Number(price.old)) : undefined,\n  };\n};\n\nexport function ProductCard({\n  product,\n  rating,\n  badge,\n  variants,\n  variant,\n  size,\n  className,\n}: ProductCardProps) {\n  const { currentPrice, oldPrice } = formatPrice(\n    product.price,\n    product.localize?.locale,\n    product.localize?.currency\n  );\n\n  switch (variant) {\n    case 'minimal':\n      return (\n        <div\n          className={cn(\n            productCardVariants({ variant, size }),\n            'w-60 overflow-hidden rounded-2xl border p-0 shadow-sm'\n          )}\n        >\n          <div className=\"h-72 w-full overflow-hidden\">\n            {/* eslint-disable-next-line @next/next/no-img-element -- needed for minimal variant */}\n            <img\n              src={product.image.src}\n              alt={product.image.alt ?? product.title}\n              className=\"h-full w-full object-cover\"\n            />\n          </div>\n\n          <div className=\"flex flex-col gap-1 p-3\">\n            <div className=\"flex items-center justify-between\">\n              <h3 className=\"truncate text-base font-medium\">\n                {product.href ? (\n                  <a href={product.href} className=\"hover:underline\">\n                    {product.title}\n                  </a>\n                ) : (\n                  product.title\n                )}\n              </h3>\n              <p className=\"mt-0 text-lg font-semibold text-gray-900\">\n                {currentPrice}\n              </p>\n            </div>\n            <p className=\"text-xs text-gray-500\">7 colors</p>\n          </div>\n        </div>\n      );\n    default:\n      return (\n        <div className={cn(productCardVariants({ variant, size }), className)}>\n          {/* Image */}\n          <div className=\"relative\">\n            <Image\n              src={product.image.src || '/assets/images/missing-img.webp'}\n              alt={product.image.alt ?? product.title}\n              width={500}\n              height={500}\n              className={cn('w-full object-cover')}\n            />\n            {badge && (\n              <div className=\"absolute top-2 left-2\">\n                <Badge variant=\"default\">{badge.label}</Badge>\n              </div>\n            )}\n          </div>\n\n          {/* Content */}\n          <div className=\"flex flex-col gap-2 p-3\">\n            <h3 className=\"truncate text-base font-medium\">\n              {product.href ? (\n                <a href={product.href} className=\"hover:underline\">\n                  {product.title}\n                </a>\n              ) : (\n                product.title\n              )}\n            </h3>\n\n            {/* Price */}\n            <div className=\"flex items-center gap-2\">\n              <p className=\"text-lg font-semibold\">{currentPrice}</p>\n              {oldPrice && (\n                <p className=\"text-muted-foreground text-sm line-through\">\n                  {oldPrice}\n                </p>\n              )}\n            </div>\n\n            {/* Rating */}\n            {rating !== undefined && (\n              <div\n                data-testid=\"product-card-rating\"\n                className=\"flex items-center gap-2\"\n              >\n                <RatingCount\n                  average={rating.average}\n                  ratingCount={rating.count}\n                />\n              </div>\n            )}\n\n            {/* Variant Selector */}\n            {variants && (\n              <VariantSelector\n                options={variants.options}\n                value={variants.value ?? ''}\n                onChange={variants.onChange}\n                type=\"color\"\n              />\n            )}\n\n            {/* Add to Cart button */}\n            {variant === 'withAddToCart' && (\n              <Button variant=\"default\" className=\"w-full cursor-pointer\">\n                Add to Cart\n              </Button>\n            )}\n          </div>\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,sBAAsB,IAC1B,iDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,eAAe;GACf,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAiDD,MAAM,eAAe,OAAc,SAAS,SAAS,WAAW,UAAU;CACxE,MAAM,YAAY,IAAI,KAAK,aAAa,QAAQ;EAC9C,OAAO;EACP;EACD,CAAC;AAEF,QAAO;EACL,cAAc,UAAU,OAAO,OAAO,MAAM,QAAQ,CAAC;EACrD,UAAU,MAAM,MAAM,UAAU,OAAO,OAAO,MAAM,IAAI,CAAC,GAAG;EAC7D;;AAGH,SAAgB,YAAY,EAC1B,SACA,QACA,OACA,UACA,SACA,MACA,aACmB;CACnB,MAAM,EAAE,cAAc,aAAa,YACjC,QAAQ,OACR,QAAQ,UAAU,QAClB,QAAQ,UAAU,SACnB;AAED,SAAQ,SAAR;EACE,KAAK,UACH,QACE,qBAAC;GACC,WAAW,GACT,oBAAoB;IAAE;IAAS;IAAM,CAAC,EACtC,wDACD;cAED,oBAAC;IAAI,WAAU;cAEb,oBAAC;KACC,KAAK,QAAQ,MAAM;KACnB,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,WAAU;MACV;KACE,EAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAE,MAAM,QAAQ;OAAM,WAAU;iBAC9B,QAAQ;QACP,GAEJ,QAAQ;OAEP,EACL,oBAAC;MAAE,WAAU;gBACV;OACC;MACA,EACN,oBAAC;KAAE,WAAU;eAAwB;MAAY;KAC7C;IACF;EAEV,QACE,QACE,qBAAC;GAAI,WAAW,GAAG,oBAAoB;IAAE;IAAS;IAAM,CAAC,EAAE,UAAU;cAEnE,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,KAAK,QAAQ,MAAM,OAAO;KAC1B,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,OAAO;KACP,QAAQ;KACR,WAAW,GAAG,sBAAsB;MACpC,EACD,SACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAM,SAAQ;gBAAW,MAAM;OAAc;MAC1C;KAEJ,EAGN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAE,MAAM,QAAQ;OAAM,WAAU;iBAC9B,QAAQ;QACP,GAEJ,QAAQ;OAEP;KAGL,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAE,WAAU;iBAAyB;QAAiB,EACtD,YACC,oBAAC;OAAE,WAAU;iBACV;QACC;OAEF;KAGL,WAAW,UACV,oBAAC;MACC,eAAY;MACZ,WAAU;gBAEV,oBAAC;OACC,SAAS,OAAO;OAChB,aAAa,OAAO;QACpB;OACE;KAIP,YACC,oBAAC;MACC,SAAS,SAAS;MAClB,OAAO,SAAS,SAAS;MACzB,UAAU,SAAS;MACnB,MAAK;OACL;KAIH,YAAY,mBACX,oBAAC;MAAO,SAAQ;MAAU,WAAU;gBAAwB;OAEnD;;KAEP;IACF"}

package/dist/components/product-preview/index.d.ts

@@ -1,5 +1,5 @@
-import { gn as Product } from "../../graphql-CdTGi4Pp.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import { Product } from "../../types/graphql.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/product-preview/index.d.ts
 type ProductPreviewProps = {
@@ -9,7 +9,7 @@ type ProductPreviewProps = {
 declare function ProductPreview({
   product,
   isFeatured
-}: ProductPreviewProps): react_jsx_runtime18.JSX.Element;
+}: ProductPreviewProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { ProductPreview, ProductPreviewProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KASY,mBAAA;WACD;;AADX,CAAA;AAGE,iBAEO,cAAA,CAAc;EAAA,OAAA;EAAA;AAAA,CAAA,EAA0B,mBAA1B,CAAA,EAA6C,mBAAA,CAAA,GAAA,CAAA,OAA7C"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KASY,mBAAA;WACD;;AADX,CAAA;AAGE,iBAEO,cAAA,CAAc;EAAA,OAAA;EAAA;AAAA,CAAA,EAA0B,mBAA1B,CAAA,EAA6C,kBAAA,CAAA,GAAA,CAAA,OAA7C"}

package/dist/components/product-preview/index.js

@@ -1,7 +1,7 @@
-import { t as LocalizedClientLink } from "../../localized-client-link-CthmRcvb.js";
-import { t as Thumbnail } from "../../thumbnail-C0TU3rh-.js";
-import { t as PreviewPrice } from "../../preview-price-_4sxkXQs.js";
-import { n as getProductPrice } from "../../get-product-price-DKWc76ev.js";
+import { LocalizedClientLink } from "../localized-client-link/index.js";
+import { Thumbnail } from "../thumbnail/index.js";
+import { PreviewPrice } from "../preview-price/index.js";
+import { getProductPrice } from "../../lib/utils/get-product-price.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "@medusajs/ui";
 

package/dist/components/search-modal/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/search-modal/index.d.ts
 type SearchModalProps = {
@@ -6,7 +6,7 @@ type SearchModalProps = {
 };
 declare function SearchModal({
   buttonClassName
-}: SearchModalProps): react_jsx_runtime12.JSX.Element;
+}: SearchModalProps): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { SearchModal };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/search-modal/index.tsx"],"sourcesContent":[],"mappings":";;;KAmBK,gBAAA;;;AAIqD,iBAAjD,WAAA,CAJY;EAAA;AAAA,CAAA,EAIqB,gBAJrB,CAAA,EAIqC,mBAAA,CAAA,GAAA,CAAA,OAJrC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/search-modal/index.tsx"],"sourcesContent":[],"mappings":";;;KAkBK,gBAAA;;;AAIqD,iBAAjD,WAAA,CAJY;EAAA;AAAA,CAAA,EAIqB,gBAJrB,CAAA,EAIqC,mBAAA,CAAA,GAAA,CAAA,OAJrC"}