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

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

@@ -1,12 +1,138 @@
 'use client';
 
-import "../../apollo-client-Bw50r80c.js";
-import "../../product-COu5D1mS.js";
-import "../../product-C3HQUIgX.js";
-import "../../modal-context-02cA-7jy.js";
-import "../../modal-BASYY-YM.js";
-import "../../search-D7Gw7jAk.js";
-import "../../use-search-VX-u8o1D.js";
-import { t as SearchModal } from "../../search-modal-DaXadYWM.js";
+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";
 
-export { SearchModal };
+//#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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/search-modal/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport Image from 'next/image';\nimport { usePathname } from 'next/navigation';\n\nimport DOMPurify from 'isomorphic-dompurify';\n\nimport { PlaceholderImage } from '@gfed-medusa/sf-lib-ui/icons/placeholder-image';\nimport { cn } from '@gfed-medusa/sf-lib-ui/lib/utils';\nimport { Button } from '@medusajs/ui';\n\nimport { useSearch } from '@/lib/hooks/use-search';\nimport { ProductHit } from '@/types/graphql';\n\nimport { Modal } from '../modal';\n\ntype SearchModalProps = {\n  buttonClassName?: string;\n};\n\nfunction SearchModal({ buttonClassName }: SearchModalProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const pathname = usePathname();\n\n  const { query, setQuery, results, loading, error, isTyping } = useSearch();\n\n  useEffect(() => {\n    setIsOpen(false);\n  }, [pathname]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n    }\n  }, [isOpen, setQuery]);\n\n  return (\n    <>\n      <div\n        className={cn(\n          'small:flex hidden h-full items-center gap-x-6',\n          buttonClassName\n        )}\n      >\n        <Button\n          onClick={() => setIsOpen(true)}\n          variant=\"transparent\"\n          className=\"text-small-regular hover:text-ui-fg-base px-0 hover:bg-transparent focus:!bg-transparent\"\n          data-testid=\"search-button\"\n        >\n          Search\n        </Button>\n      </div>\n      <Modal\n        isOpen={isOpen}\n        close={() => setIsOpen(false)}\n        aria-label=\"Search modal\"\n      >\n        <div className=\"flex h-full max-h-[75vh] min-h-0 flex-col\">\n          <div className=\"shrink-0\">\n            <SearchBox query={query} setQuery={setQuery} loading={loading} />\n          </div>\n          <div className=\"mt-4 min-h-0 flex-1 overflow-y-auto\">\n            <SearchResults\n              results={results}\n              loading={loading}\n              error={error}\n              query={query}\n              isTyping={isTyping}\n            />\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nconst SearchBox = ({\n  query,\n  setQuery,\n  loading,\n}: {\n  query: string;\n  setQuery: (query: string) => void;\n  loading: boolean;\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (inputRef.current && document.activeElement !== inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [loading]);\n\n  return (\n    <div className=\"relative w-full\">\n      <input\n        ref={inputRef}\n        type=\"text\"\n        value={query}\n        onChange={(e) => setQuery(e.target.value)}\n        placeholder=\"Search products...\"\n        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\"\n        disabled={loading}\n        autoFocus\n        data-testid=\"search-input\"\n      />\n    </div>\n  );\n};\n\nconst SearchResults = ({\n  results,\n  loading,\n  error,\n  query,\n  isTyping,\n}: {\n  results: { items: ProductHit[] } | null;\n  loading: boolean;\n  error: string | null;\n  query: string;\n  isTyping: boolean;\n}) => {\n  if (loading) {\n    return (\n      <div className=\"flex min-h-full items-center justify-center\">\n        <div className=\"text-center\">\n          <div className=\"mx-auto h-8 w-8 animate-spin rounded-full border-b-2 border-blue-500\"></div>\n          <p className=\"mt-2 text-sm text-gray-500\">Searching...</p>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex min-h-full items-center justify-center text-rose-600\">\n        <p>Error: {error}</p>\n      </div>\n    );\n  }\n\n  if (\n    query.trim() &&\n    !isTyping &&\n    !loading &&\n    (!results || !results.items || results.items.length === 0)\n  ) {\n    return (\n      <div className=\"flex min-h-full items-center justify-center text-gray-500\">\n        <p>No products found</p>\n      </div>\n    );\n  }\n\n  if (!query.trim()) {\n    return null;\n  }\n\n  return (\n    <div>\n      {results?.items?.map((hit: ProductHit) => (\n        <Hit key={hit.id} hit={hit} />\n      ))}\n    </div>\n  );\n};\n\nconst Hit = ({ hit }: { hit: ProductHit }) => {\n  return (\n    <div\n      className=\"relative mt-4 flex flex-row gap-x-2\"\n      data-testid=\"search-hit\"\n    >\n      <div className=\"relative h-[100px] w-[100px] shrink-0 overflow-hidden border border-gray-200\">\n        {hit.thumbnail ? (\n          <Image\n            src={hit.thumbnail}\n            alt={hit.title ?? 'Product Image'}\n            width={100}\n            height={100}\n            className=\"aspect-square object-cover\"\n          />\n        ) : (\n          <div className=\"border-grey-400 flex h-[125px] w-[100px] items-center justify-center self-start border\">\n            <PlaceholderImage size={40} />\n          </div>\n        )}\n      </div>\n      <div className=\"flex flex-col gap-y-1\">\n        <h3>{hit.title}</h3>\n        <p\n          className=\"text-sm text-gray-500\"\n          dangerouslySetInnerHTML={{\n            __html: DOMPurify.sanitize(hit.description ?? ''),\n          }}\n        />\n      </div>\n      <a\n        href={`/products/${hit.handle}`}\n        className=\"absolute top-0 right-0 h-full w-full\"\n        aria-label={`View Product: ${hit.title}`}\n      />\n    </div>\n  );\n};\n\nexport { SearchModal };\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAS,YAAY,EAAE,mBAAqC;CAC1D,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,WAAW,aAAa;CAE9B,MAAM,EAAE,OAAO,UAAU,SAAS,SAAS,OAAO,aAAa,WAAW;AAE1E,iBAAgB;AACd,YAAU,MAAM;IACf,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,CAAC,OACH,UAAS,GAAG;IAEb,CAAC,QAAQ,SAAS,CAAC;AAEtB,QACE,8CACE,oBAAC;EACC,WAAW,GACT,iDACA,gBACD;YAED,oBAAC;GACC,eAAe,UAAU,KAAK;GAC9B,SAAQ;GACR,WAAU;GACV,eAAY;aACb;IAEQ;GACL,EACN,oBAAC;EACS;EACR,aAAa,UAAU,MAAM;EAC7B,cAAW;YAEX,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAI,WAAU;cACb,oBAAC;KAAiB;KAAiB;KAAmB;MAAW;KAC7D,EACN,oBAAC;IAAI,WAAU;cACb,oBAAC;KACU;KACA;KACF;KACA;KACG;MACV;KACE;IACF;GACA,IACP;;AAIP,MAAM,aAAa,EACjB,OACA,UACA,cAKI;CACJ,MAAM,WAAW,OAAyB,KAAK;AAE/C,iBAAgB;AACd,MAAI,SAAS,WAAW,SAAS,kBAAkB,SAAS,QAC1D,UAAS,QAAQ,OAAO;IAEzB,CAAC,QAAQ,CAAC;AAEb,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GACC,KAAK;GACL,MAAK;GACL,OAAO;GACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,aAAY;GACZ,WAAU;GACV,UAAU;GACV;GACA,eAAY;IACZ;GACE;;AAIV,MAAM,iBAAiB,EACrB,SACA,SACA,OACA,OACA,eAOI;AACJ,KAAI,QACF,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;cACb,oBAAC,SAAI,WAAU,yEAA6E,EAC5F,oBAAC;IAAE,WAAU;cAA6B;KAAgB;IACtD;GACF;AAIV,KAAI,MACF,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC,kBAAE,WAAQ,SAAU;GACjB;AAIV,KACE,MAAM,MAAM,IACZ,CAAC,YACD,CAAC,YACA,CAAC,WAAW,CAAC,QAAQ,SAAS,QAAQ,MAAM,WAAW,GAExD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,iBAAE,sBAAqB;GACpB;AAIV,KAAI,CAAC,MAAM,MAAM,CACf,QAAO;AAGT,QACE,oBAAC,mBACE,SAAS,OAAO,KAAK,QACpB,oBAAC,OAAsB,OAAb,IAAI,GAAgB,CAC9B,GACE;;AAIV,MAAM,OAAO,EAAE,UAA+B;AAC5C,QACE,qBAAC;EACC,WAAU;EACV,eAAY;;GAEZ,oBAAC;IAAI,WAAU;cACZ,IAAI,YACH,oBAAC;KACC,KAAK,IAAI;KACT,KAAK,IAAI,SAAS;KAClB,OAAO;KACP,QAAQ;KACR,WAAU;MACV,GAEF,oBAAC;KAAI,WAAU;eACb,oBAAC,oBAAiB,MAAM,KAAM;MAC1B;KAEJ;GACN,qBAAC;IAAI,WAAU;eACb,oBAAC,kBAAI,IAAI,QAAW,EACpB,oBAAC;KACC,WAAU;KACV,yBAAyB,EACvB,QAAQ,UAAU,SAAS,IAAI,eAAe,GAAG,EAClD;MACD;KACE;GACN,oBAAC;IACC,MAAM,aAAa,IAAI;IACvB,WAAU;IACV,cAAY,iBAAiB,IAAI;KACjC;;GACE"}

package/dist/components/side-menu/index.d.ts

@@ -1,12 +1,12 @@
-import { tr as Region } from "../../graphql-CdTGi4Pp.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { Region } from "../../types/graphql.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/side-menu/index.d.ts
 declare const SideMenu: ({
   regions
 }: {
   regions: Region[] | null;
-}) => react_jsx_runtime11.JSX.Element;
+}) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SideMenu };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/side-menu/index.js

@@ -1,16 +1,99 @@
 'use client';
 
-import "../../medusa-TumrpCF2.js";
-import "../../apollo-client-Bw50r80c.js";
-import "../../product-COu5D1mS.js";
-import "../../cart-BNoIGQmw.js";
-import "../../cart-IHaLnQC4.js";
-import "../../cart-DH8urwwT.js";
-import "../../cookies-lksVIe4_.js";
-import "../../regions-r1AvxfT8.js";
-import "../../cart-xkcyWLfU.js";
-import "../../localized-client-link-CthmRcvb.js";
-import "../../layout-country-select-C7Ra-opl.js";
-import { t as SideMenu } from "../../side-menu-B6IjTd5M.js";
+import { LocalizedClientLink } from "../localized-client-link/index.js";
+import { LayoutCountrySelect } from "../layout-country-select/index.js";
+import { Fragment } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Popover, PopoverPanel, Transition } from "@headlessui/react";
+import { Text, clx, useToggleState } from "@medusajs/ui";
+import { ArrowRightMini, XMark } from "@medusajs/icons";
 
-export { SideMenu };
+//#region src/components/side-menu/index.tsx
+const SideMenuItems = {
+	Home: "/",
+	Store: "/store",
+	Account: "/account",
+	Cart: "/cart"
+};
+const SideMenu = ({ regions }) => {
+	const toggleState = useToggleState();
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-full",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex h-full items-center",
+			children: /* @__PURE__ */ jsx(Popover, {
+				className: "flex h-full",
+				children: ({ open, close }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+					className: "relative flex h-full",
+					children: /* @__PURE__ */ jsx(Popover.Button, {
+						"data-testid": "nav-menu-button",
+						className: "hover:text-ui-fg-base relative flex h-full items-center transition-all duration-200 ease-out focus:outline-none",
+						children: "Menu"
+					})
+				}), /* @__PURE__ */ jsx(Transition, {
+					show: open,
+					as: Fragment,
+					enter: "transition ease-out duration-150",
+					enterFrom: "opacity-0",
+					enterTo: "opacity-100 backdrop-blur-2xl",
+					leave: "transition ease-in duration-150",
+					leaveFrom: "opacity-100 backdrop-blur-2xl",
+					leaveTo: "opacity-0",
+					children: /* @__PURE__ */ jsx(PopoverPanel, {
+						className: "text-ui-fg-on-color absolute inset-x-0 z-30 m-2 flex h-[calc(100vh-1rem)] w-full flex-col pr-4 text-sm backdrop-blur-2xl sm:w-1/3 sm:min-w-min sm:pr-0 2xl:w-1/4",
+						children: /* @__PURE__ */ jsxs("div", {
+							"data-testid": "nav-menu-popup",
+							className: "rounded-rounded flex h-full flex-col justify-between bg-[rgba(3,7,18,0.5)] p-6",
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									className: "flex justify-end",
+									id: "xmark",
+									children: /* @__PURE__ */ jsx("button", {
+										"data-testid": "close-menu-button",
+										onClick: close,
+										children: /* @__PURE__ */ jsx(XMark, {})
+									})
+								}),
+								/* @__PURE__ */ jsx("ul", {
+									className: "flex flex-col items-start justify-start gap-6",
+									children: Object.entries(SideMenuItems).map(([name, href]) => {
+										return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(LocalizedClientLink, {
+											href,
+											className: "hover:text-ui-fg-disabled text-3xl leading-10",
+											onClick: close,
+											"data-testid": `${name.toLowerCase()}-link`,
+											children: name
+										}) }, name);
+									})
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col gap-y-6",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "flex justify-between",
+										onMouseEnter: toggleState.open,
+										onMouseLeave: toggleState.close,
+										children: [regions && /* @__PURE__ */ jsx(LayoutCountrySelect, {
+											toggleState,
+											regions
+										}), /* @__PURE__ */ jsx(ArrowRightMini, { className: clx("transition-transform duration-150", toggleState.state ? "-rotate-90" : "") })]
+									}), /* @__PURE__ */ jsxs(Text, {
+										className: "txt-compact-small flex justify-between",
+										children: [
+											"© ",
+											(/* @__PURE__ */ new Date()).getFullYear(),
+											" Medusa Store. All rights reserved."
+										]
+									})]
+								})
+							]
+						})
+					})
+				})] })
+			})
+		})
+	});
+};
+
+//#endregion
+export { SideMenu };
+//# sourceMappingURL=index.js.map

package/dist/components/side-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/side-menu/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { Popover, PopoverPanel, Transition } from '@headlessui/react';\nimport { ArrowRightMini, XMark } from '@medusajs/icons';\nimport { Text, clx, useToggleState } from '@medusajs/ui';\n\nimport { Region } from '@/types/graphql';\n\nimport { LayoutCountrySelect } from '../layout-country-select';\nimport { LocalizedClientLink } from '../localized-client-link';\n\nconst SideMenuItems = {\n  Home: '/',\n  Store: '/store',\n  Account: '/account',\n  Cart: '/cart',\n};\n\nconst SideMenu = ({ regions }: { regions: Region[] | null }) => {\n  const toggleState = useToggleState();\n\n  return (\n    <div className=\"h-full\">\n      <div className=\"flex h-full items-center\">\n        <Popover className=\"flex h-full\">\n          {({ open, close }) => (\n            <>\n              <div className=\"relative flex h-full\">\n                <Popover.Button\n                  data-testid=\"nav-menu-button\"\n                  className=\"hover:text-ui-fg-base relative flex h-full items-center transition-all duration-200 ease-out focus:outline-none\"\n                >\n                  Menu\n                </Popover.Button>\n              </div>\n\n              <Transition\n                show={open}\n                as={Fragment}\n                enter=\"transition ease-out duration-150\"\n                enterFrom=\"opacity-0\"\n                enterTo=\"opacity-100 backdrop-blur-2xl\"\n                leave=\"transition ease-in duration-150\"\n                leaveFrom=\"opacity-100 backdrop-blur-2xl\"\n                leaveTo=\"opacity-0\"\n              >\n                <PopoverPanel className=\"text-ui-fg-on-color absolute inset-x-0 z-30 m-2 flex h-[calc(100vh-1rem)] w-full flex-col pr-4 text-sm backdrop-blur-2xl sm:w-1/3 sm:min-w-min sm:pr-0 2xl:w-1/4\">\n                  <div\n                    data-testid=\"nav-menu-popup\"\n                    className=\"rounded-rounded flex h-full flex-col justify-between bg-[rgba(3,7,18,0.5)] p-6\"\n                  >\n                    <div className=\"flex justify-end\" id=\"xmark\">\n                      <button data-testid=\"close-menu-button\" onClick={close}>\n                        <XMark />\n                      </button>\n                    </div>\n                    <ul className=\"flex flex-col items-start justify-start gap-6\">\n                      {Object.entries(SideMenuItems).map(([name, href]) => {\n                        return (\n                          <li key={name}>\n                            <LocalizedClientLink\n                              href={href}\n                              className=\"hover:text-ui-fg-disabled text-3xl leading-10\"\n                              onClick={close}\n                              data-testid={`${name.toLowerCase()}-link`}\n                            >\n                              {name}\n                            </LocalizedClientLink>\n                          </li>\n                        );\n                      })}\n                    </ul>\n                    <div className=\"flex flex-col gap-y-6\">\n                      <div\n                        className=\"flex justify-between\"\n                        onMouseEnter={toggleState.open}\n                        onMouseLeave={toggleState.close}\n                      >\n                        {regions && (\n                          <LayoutCountrySelect\n                            toggleState={toggleState}\n                            regions={regions}\n                          />\n                        )}\n                        <ArrowRightMini\n                          className={clx(\n                            'transition-transform duration-150',\n                            toggleState.state ? '-rotate-90' : ''\n                          )}\n                        />\n                      </div>\n                      <Text className=\"txt-compact-small flex justify-between\">\n                        © {new Date().getFullYear()} Medusa Store. All rights\n                        reserved.\n                      </Text>\n                    </div>\n                  </div>\n                </PopoverPanel>\n              </Transition>\n            </>\n          )}\n        </Popover>\n      </div>\n    </div>\n  );\n};\n\nexport { SideMenu };\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,gBAAgB;CACpB,MAAM;CACN,OAAO;CACP,SAAS;CACT,MAAM;CACP;AAED,MAAM,YAAY,EAAE,cAA4C;CAC9D,MAAM,cAAc,gBAAgB;AAEpC,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAQ,WAAU;eACf,EAAE,MAAM,YACR,8CACE,oBAAC;KAAI,WAAU;eACb,oBAAC,QAAQ;MACP,eAAY;MACZ,WAAU;gBACX;OAEgB;MACb,EAEN,oBAAC;KACC,MAAM;KACN,IAAI;KACJ,OAAM;KACN,WAAU;KACV,SAAQ;KACR,OAAM;KACN,WAAU;KACV,SAAQ;eAER,oBAAC;MAAa,WAAU;gBACtB,qBAAC;OACC,eAAY;OACZ,WAAU;;QAEV,oBAAC;SAAI,WAAU;SAAmB,IAAG;mBACnC,oBAAC;UAAO,eAAY;UAAoB,SAAS;oBAC/C,oBAAC,UAAQ;WACF;UACL;QACN,oBAAC;SAAG,WAAU;mBACX,OAAO,QAAQ,cAAc,CAAC,KAAK,CAAC,MAAM,UAAU;AACnD,iBACE,oBAAC,kBACC,oBAAC;WACO;WACN,WAAU;WACV,SAAS;WACT,eAAa,GAAG,KAAK,aAAa,CAAC;qBAElC;YACmB,IARf,KASJ;WAEP;UACC;QACL,qBAAC;SAAI,WAAU;oBACb,qBAAC;UACC,WAAU;UACV,cAAc,YAAY;UAC1B,cAAc,YAAY;qBAEzB,WACC,oBAAC;WACc;WACJ;YACT,EAEJ,oBAAC,kBACC,WAAW,IACT,qCACA,YAAY,QAAQ,eAAe,GACpC,GACD;WACE,EACN,qBAAC;UAAK,WAAU;;WAAyC;4BACpD,IAAI,MAAM,EAAC,aAAa;WAAC;;WAEvB;UACH;;QACF;OACO;MACJ,IACZ;KAEG;IACN;GACF"}

package/dist/components/thumbnail/index.js

@@ -1,3 +1,44 @@
-import { t as Thumbnail } from "../../thumbnail-C0TU3rh-.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Container, clx } from "@medusajs/ui";
+import Image from "next/image";
+import { PlaceholderImage } from "@gfed-medusa/sf-lib-ui/icons/placeholder-image";
 
-export { Thumbnail };
+//#region src/components/thumbnail/index.tsx
+const Thumbnail = ({ thumbnail, images, size = "small", isFeatured, className, "data-testid": dataTestid }) => {
+	const initialImage = thumbnail || images?.[0]?.url;
+	return /* @__PURE__ */ jsx(Container, {
+		className: clx("rounded-large bg-ui-bg-subtle shadow-elevation-card-rest group-hover:shadow-elevation-card-hover relative w-full overflow-hidden p-4 transition-shadow duration-150 ease-in-out", className, {
+			"aspect-[11/14]": isFeatured,
+			"aspect-[9/16]": !isFeatured && size !== "square",
+			"aspect-[1/1]": size === "square",
+			"w-[180px]": size === "small",
+			"w-[290px]": size === "medium",
+			"w-[440px]": size === "large",
+			"w-full": size === "full"
+		}),
+		"data-testid": dataTestid,
+		children: /* @__PURE__ */ jsx(ImageOrPlaceholder, {
+			image: initialImage,
+			size
+		})
+	});
+};
+const ImageOrPlaceholder = ({ image, size }) => {
+	return image ? /* @__PURE__ */ jsx(Image, {
+		src: image,
+		alt: "Thumbnail",
+		className: "absolute inset-0 object-cover object-center",
+		draggable: false,
+		quality: 50,
+		sizes: "(max-width: 576px) 280px, (max-width: 768px) 360px, (max-width: 992px) 480px, 800px",
+		fill: true
+	}) : /* @__PURE__ */ jsx("div", {
+		className: "absolute inset-0 flex h-full w-full items-center justify-center",
+		children: /* @__PURE__ */ jsx(PlaceholderImage, { size: size === "small" ? 16 : 24 })
+	});
+};
+
+//#endregion
+export { Thumbnail };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Thumbnail: React.FC<ThumbnailProps>"],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Image from 'next/image';\n\nimport { PlaceholderImage } from '@gfed-medusa/sf-lib-ui/icons/placeholder-image';\nimport { Container, clx } from '@medusajs/ui';\n\ntype ThumbnailProps = {\n  thumbnail?: string | null;\n  // TODO: Fix image typings\n  images?: any[] | null;\n  size?: 'small' | 'medium' | 'large' | 'full' | 'square';\n  isFeatured?: boolean;\n  className?: string;\n  'data-testid'?: string;\n};\n\nconst Thumbnail: React.FC<ThumbnailProps> = ({\n  thumbnail,\n  images,\n  size = 'small',\n  isFeatured,\n  className,\n  'data-testid': dataTestid,\n}) => {\n  const initialImage = thumbnail || images?.[0]?.url;\n\n  return (\n    <Container\n      className={clx(\n        'rounded-large bg-ui-bg-subtle shadow-elevation-card-rest group-hover:shadow-elevation-card-hover relative w-full overflow-hidden p-4 transition-shadow duration-150 ease-in-out',\n        className,\n        {\n          'aspect-[11/14]': isFeatured,\n          'aspect-[9/16]': !isFeatured && size !== 'square',\n          'aspect-[1/1]': size === 'square',\n          'w-[180px]': size === 'small',\n          'w-[290px]': size === 'medium',\n          'w-[440px]': size === 'large',\n          'w-full': size === 'full',\n        }\n      )}\n      data-testid={dataTestid}\n    >\n      <ImageOrPlaceholder image={initialImage} size={size} />\n    </Container>\n  );\n};\n\nconst ImageOrPlaceholder = ({\n  image,\n  size,\n}: Pick<ThumbnailProps, 'size'> & { image?: string }) => {\n  return image ? (\n    <Image\n      src={image}\n      alt=\"Thumbnail\"\n      className=\"absolute inset-0 object-cover object-center\"\n      draggable={false}\n      quality={50}\n      sizes=\"(max-width: 576px) 280px, (max-width: 768px) 360px, (max-width: 992px) 480px, 800px\"\n      fill\n    />\n  ) : (\n    <div className=\"absolute inset-0 flex h-full w-full items-center justify-center\">\n      <PlaceholderImage size={size === 'small' ? 16 : 24} />\n    </div>\n  );\n};\n\nexport { Thumbnail };\n"],"mappings":";;;;;;;AAiBA,MAAMA,aAAuC,EAC3C,WACA,QACA,OAAO,SACP,YACA,WACA,eAAe,iBACX;CACJ,MAAM,eAAe,aAAa,SAAS,IAAI;AAE/C,QACE,oBAAC;EACC,WAAW,IACT,mLACA,WACA;GACE,kBAAkB;GAClB,iBAAiB,CAAC,cAAc,SAAS;GACzC,gBAAgB,SAAS;GACzB,aAAa,SAAS;GACtB,aAAa,SAAS;GACtB,aAAa,SAAS;GACtB,UAAU,SAAS;GACpB,CACF;EACD,eAAa;YAEb,oBAAC;GAAmB,OAAO;GAAoB;IAAQ;GAC7C;;AAIhB,MAAM,sBAAsB,EAC1B,OACA,WACuD;AACvD,QAAO,QACL,oBAAC;EACC,KAAK;EACL,KAAI;EACJ,WAAU;EACV,WAAW;EACX,SAAS;EACT,OAAM;EACN;GACA,GAEF,oBAAC;EAAI,WAAU;YACb,oBAAC,oBAAiB,MAAM,SAAS,UAAU,KAAK,KAAM;GAClD"}

package/dist/lib/config/medusa.js

@@ -1,3 +1,12 @@
-import { t as sdk } from "../../medusa-TumrpCF2.js";
+import Medusa from "@medusajs/js-sdk";
 
-export { sdk };
+//#region src/lib/config/medusa.ts
+const sdk = new Medusa({
+	baseUrl: process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL || "http://localhost:9000",
+	debug: true,
+	publishableKey: process.env.NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY
+});
+
+//#endregion
+export { sdk };
+//# sourceMappingURL=medusa.js.map

package/dist/lib/config/medusa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"medusa.js","names":[],"sources":["../../../src/lib/config/medusa.ts"],"sourcesContent":["import Medusa from '@medusajs/js-sdk';\n\nconst DEFAULT_MEDUSA_BACKEND_URL = 'http://localhost:9000';\n\nconst sdk = new Medusa({\n  baseUrl:\n    process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL || DEFAULT_MEDUSA_BACKEND_URL,\n  debug: process.env.NODE_ENV === 'development',\n  publishableKey: process.env.NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY,\n});\n\nexport { sdk };\n"],"mappings":";;;AAIA,MAAM,MAAM,IAAI,OAAO;CACrB,SACE,QAAQ,IAAI,kCAJmB;CAKjC,OAAO;CACP,gBAAgB,QAAQ,IAAI;CAC7B,CAAC"}

package/dist/lib/context/apollo-context.js

@@ -1,7 +1,6 @@
 'use client';
 
-import "../../apollo-client-Bw50r80c.js";
-import { t as useApollo } from "../../use-apollo-BxAFd1Y5.js";
+import { useApollo } from "../hooks/use-apollo.js";
 import { jsx } from "react/jsx-runtime";
 import { ApolloProvider } from "@apollo/client/react";
 

package/dist/lib/context/apollo-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"apollo-context.js","names":[],"sources":["../../../src/lib/context/apollo-context.tsx"],"sourcesContent":["'use client';\n\nimport { PropsWithChildren } from 'react';\n\nimport { ApolloProvider } from '@apollo/client/react';\n\nimport { useApollo } from '@/lib/hooks/use-apollo';\n\nfunction ApolloClientProvider({ children }: PropsWithChildren) {\n  const storedApolloClient = useApollo();\n\n  return (\n    <ApolloProvider client={storedApolloClient}>{children}</ApolloProvider>\n  );\n}\n\nexport { ApolloClientProvider };\n"],"mappings":";;;;;;;;AAQA,SAAS,qBAAqB,EAAE,YAA+B;AAG7D,QACE,oBAAC;EAAe,QAHS,WAAW;EAGS;GAA0B"}
+{"version":3,"file":"apollo-context.js","names":[],"sources":["../../../src/lib/context/apollo-context.tsx"],"sourcesContent":["'use client';\n\nimport { PropsWithChildren } from 'react';\n\nimport { ApolloProvider } from '@apollo/client/react';\n\nimport { useApollo } from '@/lib/hooks/use-apollo';\n\nfunction ApolloClientProvider({ children }: PropsWithChildren) {\n  const storedApolloClient = useApollo();\n\n  return (\n    <ApolloProvider client={storedApolloClient}>{children}</ApolloProvider>\n  );\n}\n\nexport { ApolloClientProvider };\n"],"mappings":";;;;;;;AAQA,SAAS,qBAAqB,EAAE,YAA+B;AAG7D,QACE,oBAAC;EAAe,QAHS,WAAW;EAGS;GAA0B"}

package/dist/lib/context/modal-context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/lib/context/modal-context.d.ts
 interface ModalContext {
@@ -13,7 +13,7 @@ interface ModalProviderProps {
 declare const ModalProvider: ({
   children,
   close
-}: ModalProviderProps) => react_jsx_runtime15.JSX.Element;
+}: ModalProviderProps) => react_jsx_runtime16.JSX.Element;
 declare const useModal: () => ModalContext;
 //#endregion
 export { ModalProvider, useModal };

package/dist/lib/context/modal-context.js

@@ -1,5 +1,22 @@
 'use client';
 
-import { n as useModal, t as ModalProvider } from "../../modal-context-02cA-7jy.js";
+import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 
-export { ModalProvider, useModal };
+//#region src/lib/context/modal-context.tsx
+const ModalContext = createContext(null);
+const ModalProvider = ({ children, close }) => {
+	return /* @__PURE__ */ jsx(ModalContext.Provider, {
+		value: { close },
+		children
+	});
+};
+const useModal = () => {
+	const context = useContext(ModalContext);
+	if (context === null) throw new Error("useModal must be used within a ModalProvider");
+	return context;
+};
+
+//#endregion
+export { ModalProvider, useModal };
+//# sourceMappingURL=modal-context.js.map

package/dist/lib/context/modal-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-context.js","names":[],"sources":["../../../src/lib/context/modal-context.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useContext } from 'react';\n\ninterface ModalContext {\n  close: () => void;\n}\n\nconst ModalContext = createContext<ModalContext | null>(null);\n\ninterface ModalProviderProps {\n  children?: React.ReactNode;\n  close: () => void;\n}\n\nconst ModalProvider = ({ children, close }: ModalProviderProps) => {\n  return (\n    <ModalContext.Provider\n      value={{\n        close,\n      }}\n    >\n      {children}\n    </ModalContext.Provider>\n  );\n};\n\nconst useModal = () => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModal must be used within a ModalProvider');\n  }\n  return context;\n};\n\nexport { ModalProvider, useModal };\n"],"mappings":";;;;;;AAQA,MAAM,eAAe,cAAmC,KAAK;AAO7D,MAAM,iBAAiB,EAAE,UAAU,YAAgC;AACjE,QACE,oBAAC,aAAa;EACZ,OAAO,EACL,OACD;EAEA;GACqB;;AAI5B,MAAM,iBAAiB;CACrB,MAAM,UAAU,WAAW,aAAa;AACxC,KAAI,YAAY,KACd,OAAM,IAAI,MAAM,+CAA+C;AAEjE,QAAO"}

package/dist/lib/data/cart.d.ts

@@ -1,4 +1,4 @@
-import { K as DeleteLineItemMutation, p as Cart } from "../../graphql-CdTGi4Pp.js";
+import { Cart, DeleteLineItemMutation } from "../../types/graphql.js";
 import { HttpTypes } from "@medusajs/types";
 
 //#region src/lib/data/cart.d.ts

package/dist/lib/data/cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart.d.ts","names":[],"sources":["../../../src/lib/data/cart.ts"],"sourcesContent":[],"mappings":";;;;;;;AAsCA;AA0DA;AA+CA;AAuBsB,cAhIT,YAgIwB,EAUf,CAAA,MAAU,CAAV,EAAU,MAAA,EAAA,GA1IqB,OA0IrB,CA1I6B,IA0I7B,GAVK,IAAA,CAAA;cAtExB,oCAEV,QAAQ;;;;;;iBA6CW,YAAA,4CAAqD;iBAuBrD,eAAA,CAAA,GAAe;oBAUf,SAAA,CAAU"}
+{"version":3,"file":"cart.d.ts","names":[],"sources":["../../../src/lib/data/cart.ts"],"sourcesContent":[],"mappings":";;;;;;;AAsCA;AA0DA;AA+CA;AAuBsB,cAhIT,YA0IS,EAAA,CAAA,MAAU,CAAA,EAAA,MAAA,EAAA,GA1IqB,OA0IrB,CA1I6B,IAgIxB,GAAA,IAAA,CAAA;cAtExB,oCAEV,QAAQ;;;;;;iBA6CW,YAAA,4CAAqD;iBAuBrD,eAAA,CAAA,GAAe;oBAUf,SAAA,CAAU"}

package/dist/lib/data/cart.js

@@ -1,13 +1,105 @@
 'use server';
 
-import "../../medusa-TumrpCF2.js";
-import "../../apollo-client-Bw50r80c.js";
-import "../../product-COu5D1mS.js";
-import "../../cart-BNoIGQmw.js";
-import "../../cart-IHaLnQC4.js";
-import "../../cart-DH8urwwT.js";
-import "../../cookies-lksVIe4_.js";
-import "../../regions-r1AvxfT8.js";
-import { i as updateRegion, n as listCartOptions, r as retrieveCart, t as deleteLineItem } from "../../cart-xkcyWLfU.js";
+import { sdk } from "../config/medusa.js";
+import { graphqlFetch, graphqlMutation } from "../gql/apollo-client.js";
+import { DELETE_LINE_ITEM_MUTATION, UPDATE_CART_MUTATION } from "../gql/mutations/cart.js";
+import { GET_CART_QUERY } from "../gql/queries/cart.js";
+import { medusaError } from "../utils/medusa-error.js";
+import { getAuthHeaders, getCacheOptions, getCacheTag, getCartId } from "./cookies.js";
+import { getRegion } from "./regions.js";
+import { redirect } from "next/navigation";
+import { revalidateTag } from "next/cache";
 
-export { deleteLineItem, listCartOptions, retrieveCart, updateRegion };
+//#region src/lib/data/cart.ts
+/**
+* Retrieves a cart by its ID. If no ID is provided, it will use the cart ID from the cookies.
+* @param cartId - optional - The ID of the cart to retrieve.
+* @returns The cart object if found, or null if not found.
+*/
+const retrieveCart = async (cartId) => {
+	const id = cartId || await getCartId();
+	if (!id) return null;
+	try {
+		return (await graphqlFetch({
+			query: GET_CART_QUERY,
+			variables: { id }
+		}))?.cart ?? null;
+	} catch (error) {
+		console.error("Failed to fetch cart:", error);
+		return null;
+	}
+};
+const updateCart = async (data) => {
+	const cartId = await getCartId();
+	if (!cartId) throw new Error("No existing cart found, please create one before updating");
+	try {
+		const cart = (await graphqlMutation({
+			mutation: UPDATE_CART_MUTATION,
+			variables: {
+				id: cartId,
+				data
+			}
+		}))?.updateCart ?? null;
+		if (cart) {
+			revalidateTag(await getCacheTag("carts"));
+			revalidateTag(await getCacheTag("fulfillment"));
+		}
+		return cart;
+	} catch (err) {
+		medusaError(err);
+	}
+};
+const deleteLineItem = async (lineId) => {
+	if (!lineId) throw new Error("Missing lineItem ID when deleting line item");
+	const cartId = await getCartId();
+	if (!cartId) throw new Error("Missing cart ID when deleting line item");
+	try {
+		const deletedLineItem = (await graphqlMutation({
+			mutation: DELETE_LINE_ITEM_MUTATION,
+			variables: {
+				cartId,
+				lineItemId: lineId
+			}
+		}))?.deleteLineItem ?? null;
+		if (deletedLineItem) {
+			revalidateTag(await getCacheTag("carts"));
+			revalidateTag(await getCacheTag("fulfillment"));
+		}
+		return deletedLineItem;
+	} catch (error) {
+		console.error("GraphQL deleteLineItem error:", error.message);
+		throw error;
+	}
+};
+/**
+* Updates the countrycode param and revalidates the regions cache
+* @param regionId
+* @param countryCode
+*/
+async function updateRegion(countryCode, currentPath) {
+	const cartId = await getCartId();
+	const region = await getRegion(countryCode);
+	if (!region) throw new Error(`Region not found for country code: ${countryCode}`);
+	if (cartId) {
+		await updateCart({ regionId: region.id });
+		revalidateTag(await getCacheTag("carts"));
+	}
+	revalidateTag(await getCacheTag("regions"));
+	revalidateTag(await getCacheTag("products"));
+	redirect(`/${countryCode}${currentPath}`);
+}
+async function listCartOptions() {
+	const cartId = await getCartId();
+	const headers = { ...await getAuthHeaders() };
+	const next = { ...await getCacheOptions("shippingOptions") };
+	return await sdk.client.fetch("/store/shipping-options", {
+		query: { cart_id: cartId },
+		next,
+		headers,
+		cache: "force-cache"
+	});
+}
+
+//#endregion
+export { deleteLineItem, listCartOptions, retrieveCart, updateRegion };
+//# sourceMappingURL=cart.js.map

package/dist/lib/data/cart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart.js","names":["error: any"],"sources":["../../../src/lib/data/cart.ts"],"sourcesContent":["'use server';\n\nimport { revalidateTag } from 'next/cache';\nimport { redirect } from 'next/navigation';\n\nimport { HttpTypes } from '@medusajs/types';\n\nimport { sdk } from '@/lib/config/medusa';\nimport { graphqlFetch, graphqlMutation } from '@/lib/gql/apollo-client';\nimport {\n  DELETE_LINE_ITEM_MUTATION,\n  UPDATE_CART_MUTATION,\n} from '@/lib/gql/mutations/cart';\nimport { GET_CART_QUERY } from '@/lib/gql/queries/cart';\nimport { medusaError } from '@/lib/utils/medusa-error';\nimport {\n  Cart,\n  DeleteLineItemMutation,\n  DeleteLineItemMutationVariables,\n  GetCartQuery,\n  GetCartQueryVariables,\n  UpdateCartMutation,\n  UpdateCartMutationVariables,\n} from '@/types/graphql';\n\nimport {\n  getAuthHeaders,\n  getCacheOptions,\n  getCacheTag,\n  getCartId,\n} from './cookies';\nimport { getRegion } from './regions';\n\n/**\n * Retrieves a cart by its ID. If no ID is provided, it will use the cart ID from the cookies.\n * @param cartId - optional - The ID of the cart to retrieve.\n * @returns The cart object if found, or null if not found.\n */\nexport const retrieveCart = async (cartId?: string): Promise<Cart | null> => {\n  const id = cartId || (await getCartId());\n  if (!id) {\n    return null;\n  }\n\n  try {\n    const data = await graphqlFetch<GetCartQuery, GetCartQueryVariables>({\n      query: GET_CART_QUERY,\n      variables: { id },\n    });\n\n    return data?.cart ?? null;\n  } catch (error) {\n    console.error('Failed to fetch cart:', error);\n    return null;\n  }\n};\n\nconst updateCart = async (\n  data: UpdateCartMutationVariables['data']\n): Promise<UpdateCartMutation['updateCart'] | null> => {\n  const cartId = await getCartId();\n\n  if (!cartId) {\n    throw new Error(\n      'No existing cart found, please create one before updating'\n    );\n  }\n\n  try {\n    const result = await graphqlMutation<\n      UpdateCartMutation,\n      UpdateCartMutationVariables\n    >({\n      mutation: UPDATE_CART_MUTATION,\n      variables: {\n        id: cartId,\n        data,\n      },\n    });\n\n    const cart = result?.updateCart ?? null;\n\n    if (cart) {\n      const cartCacheTag = await getCacheTag('carts');\n      revalidateTag(cartCacheTag);\n\n      const fulfillmentCacheTag = await getCacheTag('fulfillment');\n      revalidateTag(fulfillmentCacheTag);\n    }\n\n    return cart;\n  } catch (err) {\n    medusaError(err);\n  }\n};\n\nexport const deleteLineItem = async (\n  lineId: string\n): Promise<DeleteLineItemMutation['deleteLineItem'] | null> => {\n  if (!lineId) {\n    throw new Error('Missing lineItem ID when deleting line item');\n  }\n\n  const cartId = await getCartId();\n\n  if (!cartId) {\n    throw new Error('Missing cart ID when deleting line item');\n  }\n\n  try {\n    const result = await graphqlMutation<\n      DeleteLineItemMutation,\n      DeleteLineItemMutationVariables\n    >({\n      mutation: DELETE_LINE_ITEM_MUTATION,\n      variables: {\n        cartId,\n        lineItemId: lineId,\n      },\n    });\n\n    const deletedLineItem = result?.deleteLineItem ?? null;\n\n    if (deletedLineItem) {\n      const cartCacheTag = await getCacheTag('carts');\n      revalidateTag(cartCacheTag);\n\n      const fulfillmentCacheTag = await getCacheTag('fulfillment');\n      revalidateTag(fulfillmentCacheTag);\n    }\n\n    return deletedLineItem;\n  } catch (error: any) {\n    console.error('GraphQL deleteLineItem error:', error.message);\n    throw error;\n  }\n};\n\n/**\n * Updates the countrycode param and revalidates the regions cache\n * @param regionId\n * @param countryCode\n */\nexport async function updateRegion(countryCode: string, currentPath: string) {\n  const cartId = await getCartId();\n  const region = await getRegion(countryCode);\n\n  if (!region) {\n    throw new Error(`Region not found for country code: ${countryCode}`);\n  }\n\n  if (cartId) {\n    await updateCart({ regionId: region.id });\n    const cartCacheTag = await getCacheTag('carts');\n    revalidateTag(cartCacheTag);\n  }\n\n  const regionCacheTag = await getCacheTag('regions');\n  revalidateTag(regionCacheTag);\n\n  const productsCacheTag = await getCacheTag('products');\n  revalidateTag(productsCacheTag);\n\n  redirect(`/${countryCode}${currentPath}`);\n}\n\nexport async function listCartOptions() {\n  const cartId = await getCartId();\n  const headers = {\n    ...(await getAuthHeaders()),\n  };\n  const next = {\n    ...(await getCacheOptions('shippingOptions')),\n  };\n\n  return await sdk.client.fetch<{\n    shipping_options: HttpTypes.StoreCartShippingOption[];\n  }>('/store/shipping-options', {\n    query: { cart_id: cartId },\n    next,\n    headers,\n    cache: 'force-cache',\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,MAAa,eAAe,OAAO,WAA0C;CAC3E,MAAM,KAAK,UAAW,MAAM,WAAW;AACvC,KAAI,CAAC,GACH,QAAO;AAGT,KAAI;AAMF,UALa,MAAM,aAAkD;GACnE,OAAO;GACP,WAAW,EAAE,IAAI;GAClB,CAAC,GAEW,QAAQ;UACd,OAAO;AACd,UAAQ,MAAM,yBAAyB,MAAM;AAC7C,SAAO;;;AAIX,MAAM,aAAa,OACjB,SACqD;CACrD,MAAM,SAAS,MAAM,WAAW;AAEhC,KAAI,CAAC,OACH,OAAM,IAAI,MACR,4DACD;AAGH,KAAI;EAYF,MAAM,QAXS,MAAM,gBAGnB;GACA,UAAU;GACV,WAAW;IACT,IAAI;IACJ;IACD;GACF,CAAC,GAEmB,cAAc;AAEnC,MAAI,MAAM;AAER,iBADqB,MAAM,YAAY,QAAQ,CACpB;AAG3B,iBAD4B,MAAM,YAAY,cAAc,CAC1B;;AAGpC,SAAO;UACA,KAAK;AACZ,cAAY,IAAI;;;AAIpB,MAAa,iBAAiB,OAC5B,WAC6D;AAC7D,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,8CAA8C;CAGhE,MAAM,SAAS,MAAM,WAAW;AAEhC,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,0CAA0C;AAG5D,KAAI;EAYF,MAAM,mBAXS,MAAM,gBAGnB;GACA,UAAU;GACV,WAAW;IACT;IACA,YAAY;IACb;GACF,CAAC,GAE8B,kBAAkB;AAElD,MAAI,iBAAiB;AAEnB,iBADqB,MAAM,YAAY,QAAQ,CACpB;AAG3B,iBAD4B,MAAM,YAAY,cAAc,CAC1B;;AAGpC,SAAO;UACAA,OAAY;AACnB,UAAQ,MAAM,iCAAiC,MAAM,QAAQ;AAC7D,QAAM;;;;;;;;AASV,eAAsB,aAAa,aAAqB,aAAqB;CAC3E,MAAM,SAAS,MAAM,WAAW;CAChC,MAAM,SAAS,MAAM,UAAU,YAAY;AAE3C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,sCAAsC,cAAc;AAGtE,KAAI,QAAQ;AACV,QAAM,WAAW,EAAE,UAAU,OAAO,IAAI,CAAC;AAEzC,gBADqB,MAAM,YAAY,QAAQ,CACpB;;AAI7B,eADuB,MAAM,YAAY,UAAU,CACtB;AAG7B,eADyB,MAAM,YAAY,WAAW,CACvB;AAE/B,UAAS,IAAI,cAAc,cAAc;;AAG3C,eAAsB,kBAAkB;CACtC,MAAM,SAAS,MAAM,WAAW;CAChC,MAAM,UAAU,EACd,GAAI,MAAM,gBAAgB,EAC3B;CACD,MAAM,OAAO,EACX,GAAI,MAAM,gBAAgB,kBAAkB,EAC7C;AAED,QAAO,MAAM,IAAI,OAAO,MAErB,2BAA2B;EAC5B,OAAO,EAAE,SAAS,QAAQ;EAC1B;EACA;EACA,OAAO;EACR,CAAC"}

package/dist/lib/data/categories.d.ts

@@ -1,4 +1,4 @@
-import { vn as ProductCategoryFragment } from "../../graphql-CdTGi4Pp.js";
+import { ProductCategoryFragment } from "../../types/graphql.js";
 
 //#region src/lib/data/categories.d.ts
 declare const listCategories: () => Promise<({

package/dist/lib/data/categories.js

@@ -1,6 +1,16 @@
-import "../../apollo-client-Bw50r80c.js";
-import "../../product-COu5D1mS.js";
-import "../../product-C3HQUIgX.js";
-import { t as listCategories } from "../../categories-B-RYCIZ3.js";
+import { graphqlFetch } from "../gql/apollo-client.js";
+import { GET_PRODUCT_CATEGORIES_QUERY } from "../gql/queries/product.js";
 
-export { listCategories };
+//#region src/lib/data/categories.ts
+const listCategories = async () => {
+	try {
+		return (await graphqlFetch({ query: GET_PRODUCT_CATEGORIES_QUERY }))?.productCategories || [];
+	} catch (error) {
+		console.error("Error fetching categories from BFF:", error);
+		return [];
+	}
+};
+
+//#endregion
+export { listCategories };
+//# sourceMappingURL=categories.js.map

package/dist/lib/data/categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.js","names":[],"sources":["../../../src/lib/data/categories.ts"],"sourcesContent":["import { graphqlFetch } from '@/lib/gql/apollo-client';\nimport { GET_PRODUCT_CATEGORIES_QUERY } from '@/lib/gql/queries/product';\nimport {\n  GetProductCategoriesQuery,\n  GetProductCategoriesQueryVariables,\n} from '@/types/graphql';\n\nexport const listCategories = async () => {\n  try {\n    const data = await graphqlFetch<\n      GetProductCategoriesQuery,\n      GetProductCategoriesQueryVariables\n    >({\n      query: GET_PRODUCT_CATEGORIES_QUERY,\n    });\n\n    return data?.productCategories || [];\n  } catch (error) {\n    console.error('Error fetching categories from BFF:', error);\n    return [];\n  }\n};\n"],"mappings":";;;;AAOA,MAAa,iBAAiB,YAAY;AACxC,KAAI;AAQF,UAPa,MAAM,aAGjB,EACA,OAAO,8BACR,CAAC,GAEW,qBAAqB,EAAE;UAC7B,OAAO;AACd,UAAQ,MAAM,uCAAuC,MAAM;AAC3D,SAAO,EAAE"}

package/dist/lib/data/collections.d.ts

@@ -1,4 +1,4 @@
-import { bn as ProductCollectionFragment, y as CollectionProductsFragment } from "../../graphql-CdTGi4Pp.js";
+import { CollectionProductsFragment, ProductCollectionFragment } from "../../types/graphql.js";
 
 //#region src/lib/data/collections.d.ts
 declare const listCollections: (queryParams?: Record<string, string>) => Promise<{