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

package/dist/search-modal-DaXadYWM.js

@@ -1,137 +0,0 @@
-import { t as Modal } from "./modal-BASYY-YM.js";
-import { t as useSearch } from "./use-search-VX-u8o1D.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 Link from "next/link";
-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(Link, {
-				href: `/products/${hit.handle}`,
-				className: "absolute top-0 right-0 h-full w-full",
-				"aria-label": `View Product: ${hit.title}`
-			})
-		]
-	});
-};
-
-//#endregion
-export { SearchModal as t };
-//# sourceMappingURL=search-modal-DaXadYWM.js.map

package/dist/search-modal-DaXadYWM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-modal-DaXadYWM.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 Link from 'next/link';\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      <Link\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":";;;;;;;;;;;;;AAuBA,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/side-menu-B6IjTd5M.js

@@ -1,97 +0,0 @@
-import { t as LocalizedClientLink } from "./localized-client-link-CthmRcvb.js";
-import { t as LayoutCountrySelect } from "./layout-country-select-C7Ra-opl.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";
-
-//#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 as t };
-//# sourceMappingURL=side-menu-B6IjTd5M.js.map

package/dist/side-menu-B6IjTd5M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-menu-B6IjTd5M.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/thumbnail-C0TU3rh-.js

@@ -1,44 +0,0 @@
-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";
-
-//#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 as t };
-//# sourceMappingURL=thumbnail-C0TU3rh-.js.map

package/dist/thumbnail-C0TU3rh-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail-C0TU3rh-.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/use-apollo-BxAFd1Y5.js

@@ -1,11 +0,0 @@
-import { a as initializeApollo } from "./apollo-client-Bw50r80c.js";
-import { useMemo } from "react";
-
-//#region src/lib/hooks/use-apollo.tsx
-function useApollo() {
-	return useMemo(initializeApollo, []);
-}
-
-//#endregion
-export { useApollo as t };
-//# sourceMappingURL=use-apollo-BxAFd1Y5.js.map

package/dist/use-apollo-BxAFd1Y5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-apollo-BxAFd1Y5.js","names":[],"sources":["../src/lib/hooks/use-apollo.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { initializeApollo } from '@/lib/gql/apollo-client';\n\nexport function useApollo() {\n  const storedClient = useMemo(initializeApollo, []);\n\n  return storedClient;\n}\n"],"mappings":";;;;AAIA,SAAgB,YAAY;AAG1B,QAFqB,QAAQ,kBAAkB,EAAE,CAAC"}

package/dist/use-search-VX-u8o1D.js

@@ -1,67 +0,0 @@
-import { t as searchSuggestions } from "./search-D7Gw7jAk.js";
-import { useCallback, useEffect, useState } from "react";
-
-//#region src/lib/hooks/use-search.tsx
-const DEBOUNCE_MS = 500;
-const useSearch = () => {
-	const [query, setQuery] = useState("");
-	const [results, setResults] = useState(null);
-	const [loading, setLoading] = useState(false);
-	const [error, setError] = useState(null);
-	const [isTyping, setIsTyping] = useState(false);
-	const [debounceTimer, setDebounceTimer] = useState(null);
-	const performSearch = useCallback(async (searchQuery) => {
-		if (!searchQuery.trim()) {
-			setResults(null);
-			return;
-		}
-		setLoading(true);
-		setError(null);
-		try {
-			setResults(await searchSuggestions({
-				query: searchQuery,
-				hitsPerPage: 20
-			}));
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "Search failed");
-			console.error("Search error:", err);
-		} finally {
-			setLoading(false);
-		}
-	}, []);
-	const search = useCallback(async (searchQuery) => {
-		await performSearch(searchQuery);
-	}, [performSearch]);
-	const handleQueryChange = useCallback((newQuery) => {
-		setQuery(newQuery);
-		if (debounceTimer) clearTimeout(debounceTimer);
-		if (newQuery.trim()) setIsTyping(true);
-		else {
-			setIsTyping(false);
-			setResults(null);
-			return;
-		}
-		setDebounceTimer(setTimeout(() => {
-			setIsTyping(false);
-			performSearch(newQuery);
-		}, DEBOUNCE_MS));
-	}, [debounceTimer, performSearch]);
-	useEffect(() => {
-		return () => {
-			if (debounceTimer) clearTimeout(debounceTimer);
-		};
-	}, [debounceTimer]);
-	return {
-		query,
-		setQuery: handleQueryChange,
-		results,
-		loading,
-		error,
-		search,
-		isTyping
-	};
-};
-
-//#endregion
-export { useSearch as t };
-//# sourceMappingURL=use-search-VX-u8o1D.js.map

package/dist/use-search-VX-u8o1D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-search-VX-u8o1D.js","names":[],"sources":["../src/lib/hooks/use-search.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { searchSuggestions } from '@/lib/data/search';\nimport { ProductHit } from '@/types/graphql';\n\nexport type UseSearchOptions = {\n  hitsPerPage?: number;\n  debounceMs?: number;\n};\n\nexport type SearchResult = {\n  items: ProductHit[];\n};\n\nconst DEBOUNCE_MS = 500;\n\nexport const useSearch = () => {\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<SearchResult | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [isTyping, setIsTyping] = useState(false);\n  const [debounceTimer, setDebounceTimer] = useState<NodeJS.Timeout | null>(\n    null\n  );\n\n  const performSearch = useCallback(async (searchQuery: string) => {\n    if (!searchQuery.trim()) {\n      setResults(null);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const searchParams = {\n        query: searchQuery,\n        hitsPerPage: 20,\n      };\n\n      const searchResults = await searchSuggestions(searchParams);\n      setResults(searchResults);\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Search failed';\n      setError(errorMessage);\n      console.error('Search error:', err);\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  const search = useCallback(\n    async (searchQuery: string) => {\n      await performSearch(searchQuery);\n    },\n    [performSearch]\n  );\n\n  const handleQueryChange = useCallback(\n    (newQuery: string) => {\n      setQuery(newQuery);\n\n      if (debounceTimer) {\n        clearTimeout(debounceTimer);\n      }\n\n      if (newQuery.trim()) {\n        setIsTyping(true);\n      } else {\n        setIsTyping(false);\n        setResults(null);\n        return;\n      }\n\n      const timer = setTimeout(() => {\n        setIsTyping(false);\n        performSearch(newQuery);\n      }, DEBOUNCE_MS);\n\n      setDebounceTimer(timer);\n    },\n    [debounceTimer, performSearch]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (debounceTimer) {\n        clearTimeout(debounceTimer);\n      }\n    };\n  }, [debounceTimer]);\n\n  return {\n    query,\n    setQuery: handleQueryChange,\n    results,\n    loading,\n    error,\n    search,\n    isTyping,\n  };\n};\n"],"mappings":";;;;AAgBA,MAAM,cAAc;AAEpB,MAAa,kBAAkB;CAC7B,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,SAAS,cAAc,SAA8B,KAAK;CACjE,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CACvD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,eAAe,oBAAoB,SACxC,KACD;CAED,MAAM,gBAAgB,YAAY,OAAO,gBAAwB;AAC/D,MAAI,CAAC,YAAY,MAAM,EAAE;AACvB,cAAW,KAAK;AAChB;;AAGF,aAAW,KAAK;AAChB,WAAS,KAAK;AAEd,MAAI;AAOF,cADsB,MAAM,kBALP;IACnB,OAAO;IACP,aAAa;IACd,CAE0D,CAClC;WAClB,KAAK;AAEZ,YADqB,eAAe,QAAQ,IAAI,UAAU,gBACpC;AACtB,WAAQ,MAAM,iBAAiB,IAAI;YAC3B;AACR,cAAW,MAAM;;IAElB,EAAE,CAAC;CAEN,MAAM,SAAS,YACb,OAAO,gBAAwB;AAC7B,QAAM,cAAc,YAAY;IAElC,CAAC,cAAc,CAChB;CAED,MAAM,oBAAoB,aACvB,aAAqB;AACpB,WAAS,SAAS;AAElB,MAAI,cACF,cAAa,cAAc;AAG7B,MAAI,SAAS,MAAM,CACjB,aAAY,KAAK;OACZ;AACL,eAAY,MAAM;AAClB,cAAW,KAAK;AAChB;;AAQF,mBALc,iBAAiB;AAC7B,eAAY,MAAM;AAClB,iBAAc,SAAS;KACtB,YAAY,CAEQ;IAEzB,CAAC,eAAe,cAAc,CAC/B;AAED,iBAAgB;AACd,eAAa;AACX,OAAI,cACF,cAAa,cAAc;;IAG9B,CAAC,cAAc,CAAC;AAEnB,QAAO;EACL;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACD"}

package/dist/use-toggle-state-DI4Gwlfj.d.ts

@@ -1,23 +0,0 @@
-//#region src/lib/hooks/use-toggle-state.d.ts
-type StateType = [boolean, () => void, () => void, () => void] & {
-  state: boolean;
-  open: () => void;
-  close: () => void;
-  toggle: () => void;
-};
-/**
- *
- * @param initialState - boolean
- * @returns An array like object with `state`, `open`, `close`, and `toggle` properties
- *  to allow both object and array destructuring
- *
- * ```
- *  const [showModal, openModal, closeModal, toggleModal] = useToggleState()
- *  // or
- *  const { state, open, close, toggle } = useToggleState()
- * ```
- */
-declare const useToggleState: (initialState?: boolean) => StateType;
-//#endregion
-export { useToggleState as n, StateType as t };
-//# sourceMappingURL=use-toggle-state-DI4Gwlfj.d.ts.map

package/dist/use-toggle-state-DI4Gwlfj.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toggle-state-DI4Gwlfj.d.ts","names":[],"sources":["../src/lib/hooks/use-toggle-state.tsx"],"sourcesContent":[],"mappings":";KAEY,SAAA;EAAA,KAAA,EAAA,OAAS;EAoBf,IAAA,EAAA,GAAA,GAAA,IAAA;;;;;;;;;;;;;;;;cAAA,4CAAsC"}