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

package/dist/components/layout-country-select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout-country-select/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { useParams, usePathname } from 'next/navigation';\n\nimport ReactCountryFlag from 'react-country-flag';\n\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOption,\n  ListboxOptions,\n  Transition,\n} from '@headlessui/react';\n\nimport { updateRegion } from '@/lib/data/cart';\nimport { StateType } from '@/lib/hooks/use-toggle-state';\nimport { Region } from '@/types/graphql';\n\ntype CountryOption = {\n  country: string;\n  region: string;\n  label: string;\n};\n\ntype CountrySelectProps = {\n  toggleState: StateType;\n  regions: Region[];\n};\n\nconst LayoutCountrySelect = ({ toggleState, regions }: CountrySelectProps) => {\n  const [current, setCurrent] = useState<\n    | { country: string | undefined; region: string; label: string | undefined }\n    | undefined\n  >(undefined);\n\n  const { countryCode } = useParams();\n  const currentPath = usePathname().split(`/${countryCode}`)[1] ?? 'gb';\n\n  const { state, close } = toggleState;\n\n  const options = useMemo(() => {\n    return regions\n      .map((r) => {\n        return r.countries?.map((c) => ({\n          country: c?.iso2 ?? undefined,\n          region: r.id,\n          label: c?.name ?? undefined,\n        }));\n      })\n      .flat()\n      .sort((a, b) => (a?.label ?? '').localeCompare(b?.label ?? ''));\n  }, [regions]);\n\n  useEffect(() => {\n    if (countryCode) {\n      const option = options?.find((o) => o?.country === countryCode);\n      setCurrent(option);\n    }\n  }, [options, countryCode]);\n\n  const handleChange = (option: CountryOption) => {\n    updateRegion(option.country, currentPath);\n    close();\n  };\n\n  return (\n    <div>\n      <Listbox\n        as=\"span\"\n        onChange={handleChange}\n        defaultValue={\n          countryCode\n            ? options?.find(\n                (o): o is CountryOption => o?.country === countryCode\n              )\n            : undefined\n        }\n      >\n        <ListboxButton className=\"w-full py-1\">\n          <div className=\"txt-compact-small flex items-start gap-x-2\">\n            <span>Shipping to:</span>\n            {current && (\n              <span className=\"txt-compact-small flex items-center gap-x-2\">\n                {/* @ts-ignore */}\n                <ReactCountryFlag\n                  svg\n                  style={{\n                    width: '16px',\n                    height: '16px',\n                  }}\n                  countryCode={current.country ?? ''}\n                />\n                {current.label}\n              </span>\n            )}\n          </div>\n        </ListboxButton>\n        <div className=\"relative flex w-full min-w-[320px]\">\n          <Transition\n            show={state}\n            as={Fragment}\n            leave=\"transition ease-in duration-150\"\n            leaveFrom=\"opacity-100\"\n            leaveTo=\"opacity-0\"\n          >\n            <ListboxOptions\n              className=\"text-small-regular no-scrollbar rounded-rounded xsmall:left-auto xsmall:right-0 absolute -bottom-[calc(100%-36px)] left-0 z-[900] max-h-[442px] w-full overflow-y-scroll bg-white text-black uppercase drop-shadow-md\"\n              static\n            >\n              {options?.map((o, index) => {\n                return (\n                  <ListboxOption\n                    key={index}\n                    value={o}\n                    className=\"flex cursor-pointer items-center gap-x-2 px-3 py-2 hover:bg-gray-200\"\n                  >\n                    {/* @ts-ignore */}\n                    <ReactCountryFlag\n                      svg\n                      style={{\n                        width: '16px',\n                        height: '16px',\n                      }}\n                      countryCode={o?.country ?? ''}\n                    />{' '}\n                    {o?.label}\n                  </ListboxOption>\n                );\n              })}\n            </ListboxOptions>\n          </Transition>\n        </div>\n      </Listbox>\n    </div>\n  );\n};\n\nexport { LayoutCountrySelect };\n"],"mappings":";;;;;;;;;;AA+BA,MAAM,uBAAuB,EAAE,aAAa,cAAkC;CAC5E,MAAM,CAAC,SAAS,cAAc,SAG5B,OAAU;CAEZ,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,cAAc,aAAa,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM;CAEjE,MAAM,EAAE,OAAO,UAAU;CAEzB,MAAM,UAAU,cAAc;AAC5B,SAAO,QACJ,KAAK,MAAM;AACV,UAAO,EAAE,WAAW,KAAK,OAAO;IAC9B,SAAS,GAAG,QAAQ;IACpB,QAAQ,EAAE;IACV,OAAO,GAAG,QAAQ;IACnB,EAAE;IACH,CACD,MAAM,CACN,MAAM,GAAG,OAAO,GAAG,SAAS,IAAI,cAAc,GAAG,SAAS,GAAG,CAAC;IAChE,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACd,MAAI,aAAa;GACf,MAAM,SAAS,SAAS,MAAM,MAAM,GAAG,YAAY,YAAY;AAC/D,cAAW,OAAO;;IAEnB,CAAC,SAAS,YAAY,CAAC;CAE1B,MAAM,gBAAgB,WAA0B;AAC9C,eAAa,OAAO,SAAS,YAAY;AACzC,SAAO;;AAGT,QACE,oBAAC,mBACC,qBAAC;EACC,IAAG;EACH,UAAU;EACV,cACE,cACI,SAAS,MACN,MAA0B,GAAG,YAAY,YAC3C,GACD;aAGN,oBAAC;GAAc,WAAU;aACvB,qBAAC;IAAI,WAAU;eACb,oBAAC,oBAAK,iBAAmB,EACxB,WACC,qBAAC;KAAK,WAAU;gBAEd,oBAAC;MACC;MACA,OAAO;OACL,OAAO;OACP,QAAQ;OACT;MACD,aAAa,QAAQ,WAAW;OAChC,EACD,QAAQ;MACJ;KAEL;IACQ,EAChB,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,MAAM;IACN,IAAI;IACJ,OAAM;IACN,WAAU;IACV,SAAQ;cAER,oBAAC;KACC,WAAU;KACV;eAEC,SAAS,KAAK,GAAG,UAAU;AAC1B,aACE,qBAAC;OAEC,OAAO;OACP,WAAU;;QAGV,oBAAC;SACC;SACA,OAAO;UACL,OAAO;UACP,QAAQ;UACT;SACD,aAAa,GAAG,WAAW;UAC3B;QAAC;QACF,GAAG;;SAbC,MAcS;OAElB;MACa;KACN;IACT;GACE,GACN"}

package/dist/components/nav/index.d.ts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-
-//#region src/components/nav/index.d.ts
-declare function Nav(): Promise<react_jsx_runtime6.JSX.Element>;
-//#endregion
-export { Nav };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/nav/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/nav/index.tsx"],"sourcesContent":[],"mappings":";;;iBAUe,GAAA,CAAA,GAAG,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/nav/index.js

@@ -1,66 +0,0 @@
-import { listRegions } from "../../lib/data/regions.js";
-import { LocalizedClientLink } from "../localized-client-link/index.js";
-import { CartButton } from "../cart-button/index.js";
-import { SearchModal } from "../search-modal/index.js";
-import { SideMenu } from "../side-menu/index.js";
-import { Suspense } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/nav/index.tsx
-async function Nav() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "group sticky inset-x-0 top-0 z-50",
-		children: /* @__PURE__ */ jsx("header", {
-			className: "border-ui-border-base relative mx-auto h-16 border-b bg-white duration-200",
-			children: /* @__PURE__ */ jsxs("nav", {
-				className: "content-container text-small-regular txt-xsmall-plus text-ui-fg-subtle flex h-full w-full items-center justify-between",
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "flex h-full flex-1 basis-0 items-center",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "h-full",
-							children: /* @__PURE__ */ jsx(SideMenu, { regions: await listRegions().then((regions) => regions).catch(() => null) })
-						})
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "flex h-full items-center",
-						children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-							href: "/",
-							className: "txt-compact-xlarge-plus hover:text-ui-fg-base uppercase",
-							"data-testid": "nav-store-link",
-							children: "Medusa Store"
-						})
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex h-full flex-1 basis-0 items-center justify-end gap-x-6",
-						children: [
-							/* @__PURE__ */ jsx(SearchModal, {}),
-							/* @__PURE__ */ jsx("div", {
-								className: "small:flex hidden h-full items-center gap-x-6",
-								children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-									className: "hover:text-ui-fg-base",
-									href: "/account",
-									"data-testid": "nav-account-link",
-									children: "Account"
-								})
-							}),
-							/* @__PURE__ */ jsx(Suspense, {
-								fallback: /* @__PURE__ */ jsx(LocalizedClientLink, {
-									className: "hover:text-ui-fg-base flex gap-2",
-									href: "/cart",
-									"data-testid": "nav-cart-link",
-									children: "Cart (0)"
-								}),
-								children: /* @__PURE__ */ jsx(CartButton, {})
-							})
-						]
-					})
-				]
-			})
-		})
-	});
-}
-
-//#endregion
-export { Nav };
-//# sourceMappingURL=index.js.map

package/dist/components/nav/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import { Suspense } from 'react';\n\nimport { listRegions } from '@/lib/data/regions';\nimport { Region } from '@/types/graphql';\n\nimport { CartButton } from '../cart-button';\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { SearchModal } from '../search-modal';\nimport { SideMenu } from '../side-menu';\n\nasync function Nav() {\n  const regions = await listRegions()\n    .then((regions: Region[]) => regions)\n    .catch(() => null);\n\n  return (\n    <div className=\"group sticky inset-x-0 top-0 z-50\">\n      <header className=\"border-ui-border-base relative mx-auto h-16 border-b bg-white duration-200\">\n        <nav className=\"content-container text-small-regular txt-xsmall-plus text-ui-fg-subtle flex h-full w-full items-center justify-between\">\n          <div className=\"flex h-full flex-1 basis-0 items-center\">\n            <div className=\"h-full\">\n              <SideMenu regions={regions} />\n            </div>\n          </div>\n\n          <div className=\"flex h-full items-center\">\n            <LocalizedClientLink\n              href=\"/\"\n              className=\"txt-compact-xlarge-plus hover:text-ui-fg-base uppercase\"\n              data-testid=\"nav-store-link\"\n            >\n              Medusa Store\n            </LocalizedClientLink>\n          </div>\n\n          <div className=\"flex h-full flex-1 basis-0 items-center justify-end gap-x-6\">\n            <SearchModal />\n            <div className=\"small:flex hidden h-full items-center gap-x-6\">\n              <LocalizedClientLink\n                className=\"hover:text-ui-fg-base\"\n                href=\"/account\"\n                data-testid=\"nav-account-link\"\n              >\n                Account\n              </LocalizedClientLink>\n            </div>\n            <Suspense\n              fallback={\n                <LocalizedClientLink\n                  className=\"hover:text-ui-fg-base flex gap-2\"\n                  href=\"/cart\"\n                  data-testid=\"nav-cart-link\"\n                >\n                  Cart (0)\n                </LocalizedClientLink>\n              }\n            >\n              <CartButton />\n            </Suspense>\n          </div>\n        </nav>\n      </header>\n    </div>\n  );\n}\n\nexport { Nav };\n"],"mappings":";;;;;;;;;AAUA,eAAe,MAAM;AAKnB,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAO,WAAU;aAChB,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAI,WAAU;gBACb,oBAAC;OAAI,WAAU;iBACb,oBAAC,YAAS,SAVN,MAAM,aAAa,CAChC,MAAM,YAAsB,QAAQ,CACpC,YAAY,KAAK,GAQsB;QAC1B;OACF;KAEN,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,MAAK;OACL,WAAU;OACV,eAAY;iBACb;QAEqB;OAClB;KAEN,qBAAC;MAAI,WAAU;;OACb,oBAAC,gBAAc;OACf,oBAAC;QAAI,WAAU;kBACb,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;SAClB;OACN,oBAAC;QACC,UACE,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;kBAGxB,oBAAC,eAAa;SACL;;OACP;;KACF;IACC;GACL"}

package/dist/components/portable-text/index.d.ts

@@ -1,13 +0,0 @@
-import { RichTextBlock } from "../../types/graphql.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-
-//#region src/components/portable-text/index.d.ts
-type PortableTextProps = {
-  value: RichTextBlock[];
-};
-declare const PortableText: ({
-  value
-}: PortableTextProps) => react_jsx_runtime8.JSX.Element | null;
-//#endregion
-export { PortableText };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/portable-text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/portable-text/index.tsx"],"sourcesContent":[],"mappings":";;;;KAkCK,iBAAA;SACI;;AAHgB,cAMnB,YAJgB,EAAA,CAAA;EAAA;AACA,CAAb,EAGwB,iBAHX,EAAA,GAG4B,kBAAA,CAAA,GAAA,CAAA,OAAA,GAH5B,IAAA"}

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

@@ -1,330 +0,0 @@
-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";
-
-//#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

@@ -1 +0,0 @@
-{"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/search-modal/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/search-modal/index.js

@@ -1,138 +0,0 @@
-'use client';
-
-import { Modal } from "../modal/index.js";
-import { useSearch } from "../../lib/hooks/use-search.js";
-import { useEffect, useRef, useState } from "react";
-import { usePathname } from "next/navigation";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@medusajs/ui";
-import Image from "next/image";
-import { PlaceholderImage } from "@gfed-medusa/sf-lib-ui/icons/placeholder-image";
-import DOMPurify from "isomorphic-dompurify";
-import { cn } from "@gfed-medusa/sf-lib-ui/lib/utils";
-
-//#region src/components/search-modal/index.tsx
-function SearchModal({ buttonClassName }) {
-	const [isOpen, setIsOpen] = useState(false);
-	const pathname = usePathname();
-	const { query, setQuery, results, loading, error, isTyping } = useSearch();
-	useEffect(() => {
-		setIsOpen(false);
-	}, [pathname]);
-	useEffect(() => {
-		if (!isOpen) setQuery("");
-	}, [isOpen, setQuery]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: cn("small:flex hidden h-full items-center gap-x-6", buttonClassName),
-		children: /* @__PURE__ */ jsx(Button, {
-			onClick: () => setIsOpen(true),
-			variant: "transparent",
-			className: "text-small-regular hover:text-ui-fg-base px-0 hover:bg-transparent focus:!bg-transparent",
-			"data-testid": "search-button",
-			children: "Search"
-		})
-	}), /* @__PURE__ */ jsx(Modal, {
-		isOpen,
-		close: () => setIsOpen(false),
-		"aria-label": "Search modal",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex h-full max-h-[75vh] min-h-0 flex-col",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "shrink-0",
-				children: /* @__PURE__ */ jsx(SearchBox, {
-					query,
-					setQuery,
-					loading
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: "mt-4 min-h-0 flex-1 overflow-y-auto",
-				children: /* @__PURE__ */ jsx(SearchResults, {
-					results,
-					loading,
-					error,
-					query,
-					isTyping
-				})
-			})]
-		})
-	})] });
-}
-const SearchBox = ({ query, setQuery, loading }) => {
-	const inputRef = useRef(null);
-	useEffect(() => {
-		if (inputRef.current && document.activeElement !== inputRef.current) inputRef.current.focus();
-	}, [loading]);
-	return /* @__PURE__ */ jsx("div", {
-		className: "relative w-full",
-		children: /* @__PURE__ */ jsx("input", {
-			ref: inputRef,
-			type: "text",
-			value: query,
-			onChange: (e) => setQuery(e.target.value),
-			placeholder: "Search products...",
-			className: "w-full rounded-md border border-gray-300 px-4 py-2 focus:outline-none focus-visible:outline-2 focus-visible:outline-blue-500",
-			disabled: loading,
-			autoFocus: true,
-			"data-testid": "search-input"
-		})
-	});
-};
-const SearchResults = ({ results, loading, error, query, isTyping }) => {
-	if (loading) return /* @__PURE__ */ jsx("div", {
-		className: "flex min-h-full items-center justify-center",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "text-center",
-			children: [/* @__PURE__ */ jsx("div", { className: "mx-auto h-8 w-8 animate-spin rounded-full border-b-2 border-blue-500" }), /* @__PURE__ */ jsx("p", {
-				className: "mt-2 text-sm text-gray-500",
-				children: "Searching..."
-			})]
-		})
-	});
-	if (error) return /* @__PURE__ */ jsx("div", {
-		className: "flex min-h-full items-center justify-center text-rose-600",
-		children: /* @__PURE__ */ jsxs("p", { children: ["Error: ", error] })
-	});
-	if (query.trim() && !isTyping && !loading && (!results || !results.items || results.items.length === 0)) return /* @__PURE__ */ jsx("div", {
-		className: "flex min-h-full items-center justify-center text-gray-500",
-		children: /* @__PURE__ */ jsx("p", { children: "No products found" })
-	});
-	if (!query.trim()) return null;
-	return /* @__PURE__ */ jsx("div", { children: results?.items?.map((hit) => /* @__PURE__ */ jsx(Hit, { hit }, hit.id)) });
-};
-const Hit = ({ hit }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative mt-4 flex flex-row gap-x-2",
-		"data-testid": "search-hit",
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "relative h-[100px] w-[100px] shrink-0 overflow-hidden border border-gray-200",
-				children: hit.thumbnail ? /* @__PURE__ */ jsx(Image, {
-					src: hit.thumbnail,
-					alt: hit.title ?? "Product Image",
-					width: 100,
-					height: 100,
-					className: "aspect-square object-cover"
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "border-grey-400 flex h-[125px] w-[100px] items-center justify-center self-start border",
-					children: /* @__PURE__ */ jsx(PlaceholderImage, { size: 40 })
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-y-1",
-				children: [/* @__PURE__ */ jsx("h3", { children: hit.title }), /* @__PURE__ */ jsx("p", {
-					className: "text-sm text-gray-500",
-					dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(hit.description ?? "") }
-				})]
-			}),
-			/* @__PURE__ */ jsx("a", {
-				href: `/products/${hit.handle}`,
-				className: "absolute top-0 right-0 h-full w-full",
-				"aria-label": `View Product: ${hit.title}`
-			})
-		]
-	});
-};
-
-//#endregion
-export { SearchModal };
-//# sourceMappingURL=index.js.map