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

package/dist/lib/gql/mutations/cart.d.ts

@@ -1,9 +1,9 @@
-import * as _apollo_client10 from "@apollo/client";
+import * as _apollo_client14 from "@apollo/client";
 
 //#region src/lib/gql/mutations/cart.d.ts
-declare const UPDATE_CART_MUTATION: _apollo_client10.DocumentNode;
-declare const DELETE_LINE_ITEM_MUTATION: _apollo_client10.DocumentNode;
-declare const TRANSFER_CART_MUTATION: _apollo_client10.DocumentNode;
+declare const UPDATE_CART_MUTATION: _apollo_client14.DocumentNode;
+declare const DELETE_LINE_ITEM_MUTATION: _apollo_client14.DocumentNode;
+declare const TRANSFER_CART_MUTATION: _apollo_client14.DocumentNode;
 //#endregion
 export { DELETE_LINE_ITEM_MUTATION, TRANSFER_CART_MUTATION, UPDATE_CART_MUTATION };
 //# sourceMappingURL=cart.d.ts.map

package/dist/lib/gql/queries/cart.d.ts

@@ -1,7 +1,7 @@
-import * as _apollo_client20 from "@apollo/client";
+import * as _apollo_client18 from "@apollo/client";
 
 //#region src/lib/gql/queries/cart.d.ts
-declare const GET_CART_QUERY: _apollo_client20.DocumentNode;
+declare const GET_CART_QUERY: _apollo_client18.DocumentNode;
 //#endregion
 export { GET_CART_QUERY };
 //# sourceMappingURL=cart.d.ts.map

package/dist/lib/gql/queries/collections.d.ts

@@ -1,7 +1,7 @@
-import * as _apollo_client22 from "@apollo/client";
+import * as _apollo_client10 from "@apollo/client";
 
 //#region src/lib/gql/queries/collections.d.ts
-declare const GET_COLLECTIONS_QUERY: _apollo_client22.DocumentNode;
+declare const GET_COLLECTIONS_QUERY: _apollo_client10.DocumentNode;
 //#endregion
 export { GET_COLLECTIONS_QUERY };
 //# sourceMappingURL=collections.d.ts.map

package/dist/lib/gql/queries/customer.d.ts

@@ -1,7 +1,7 @@
-import * as _apollo_client21 from "@apollo/client";
+import * as _apollo_client13 from "@apollo/client";
 
 //#region src/lib/gql/queries/customer.d.ts
-declare const GET_CUSTOMER_QUERY: _apollo_client21.DocumentNode;
+declare const GET_CUSTOMER_QUERY: _apollo_client13.DocumentNode;
 //#endregion
 export { GET_CUSTOMER_QUERY };
 //# sourceMappingURL=customer.d.ts.map

package/dist/lib/gql/queries/footer.d.ts

@@ -1,7 +1,7 @@
-import * as _apollo_client23 from "@apollo/client";
+import * as _apollo_client17 from "@apollo/client";
 
 //#region src/lib/gql/queries/footer.d.ts
-declare const GET_FOOTER_QUERY: _apollo_client23.DocumentNode;
+declare const GET_FOOTER_QUERY: _apollo_client17.DocumentNode;
 //#endregion
 export { GET_FOOTER_QUERY };
 //# sourceMappingURL=footer.d.ts.map

package/dist/lib/gql/queries/product.d.ts

@@ -1,8 +1,8 @@
-import * as _apollo_client24 from "@apollo/client";
+import * as _apollo_client0 from "@apollo/client";
 
 //#region src/lib/gql/queries/product.d.ts
-declare const SEARCH_SUGGESTIONS_QUERY: _apollo_client24.DocumentNode;
-declare const GET_PRODUCT_CATEGORIES_QUERY: _apollo_client24.DocumentNode;
+declare const SEARCH_SUGGESTIONS_QUERY: _apollo_client0.DocumentNode;
+declare const GET_PRODUCT_CATEGORIES_QUERY: _apollo_client0.DocumentNode;
 //#endregion
 export { GET_PRODUCT_CATEGORIES_QUERY, SEARCH_SUGGESTIONS_QUERY };
 //# sourceMappingURL=product.d.ts.map

package/dist/lib/gql/queries/product.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product.d.ts","names":[],"sources":["../../../../src/lib/gql/queries/product.ts"],"sourcesContent":[],"mappings":";;;cAOa,0BASZ,gBAAA,CAToC;cAWxB,8BA4BZ,gBAAA,CA5BwC"}
+{"version":3,"file":"product.d.ts","names":[],"sources":["../../../../src/lib/gql/queries/product.ts"],"sourcesContent":[],"mappings":";;;cAOa,0BASZ,eAAA,CAToC;cAWxB,8BA4BZ,eAAA,CA5BwC"}

package/dist/lib/utils/env.js

@@ -1,6 +1,6 @@
 //#region src/lib/utils/env.ts
 const getBaseURL = () => {
-	return process.env.RENDER_EXTERNAL_URL || process.env.NEXT_PUBLIC_BASE_URL || "https://localhost:8000";
+	return process.env.NEXT_PUBLIC_BASE_URL || process.env.RENDER_EXTERNAL_URL || "https://localhost:8000";
 };
 
 //#endregion

package/dist/lib/utils/env.js.map

@@ -1 +1 @@
-{"version":3,"file":"env.js","names":[],"sources":["../../../src/lib/utils/env.ts"],"sourcesContent":["export const getBaseURL = () => {\n  return (\n    process.env.RENDER_EXTERNAL_URL ||\n    process.env.NEXT_PUBLIC_BASE_URL ||\n    'https://localhost:8000'\n  );\n};\n"],"mappings":";AAAA,MAAa,mBAAmB;AAC9B,QACE,QAAQ,IAAI,uBACZ,QAAQ,IAAI,wBACZ"}
+{"version":3,"file":"env.js","names":[],"sources":["../../../src/lib/utils/env.ts"],"sourcesContent":["export const getBaseURL = () => {\n  return (\n    process.env.NEXT_PUBLIC_BASE_URL ||\n    process.env.RENDER_EXTERNAL_URL ||\n    'https://localhost:8000'\n  );\n};\n"],"mappings":";AAAA,MAAa,mBAAmB;AAC9B,QACE,QAAQ,IAAI,wBACZ,QAAQ,IAAI,uBACZ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gfed-medusa/sf-lib-common",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "private": false,
   "type": "module",
   "license": "MIT",

package/dist/components/cart-button/index.d.ts

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

package/dist/components/cart-button/index.d.ts.map

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

package/dist/components/cart-button/index.js

@@ -1,12 +0,0 @@
-import { retrieveCart } from "../../lib/data/cart.js";
-import { CartDropdown } from "../cart-dropdown/index.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/cart-button/index.tsx
-async function CartButton() {
-	return /* @__PURE__ */ jsx(CartDropdown, { cart: await retrieveCart().catch(() => null) });
-}
-
-//#endregion
-export { CartButton };
-//# sourceMappingURL=index.js.map

package/dist/components/cart-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/cart-button/index.tsx"],"sourcesContent":["import { retrieveCart } from '@/lib/data/cart';\n\nimport { CartDropdown } from '../cart-dropdown';\n\nasync function CartButton() {\n  const cart = await retrieveCart().catch(() => null);\n\n  return <CartDropdown cart={cart} />;\n}\n\nexport { CartButton };\n"],"mappings":";;;;;AAIA,eAAe,aAAa;AAG1B,QAAO,oBAAC,gBAAa,MAFR,MAAM,cAAc,CAAC,YAAY,KAAK,GAEhB"}

package/dist/components/cart-dropdown/index.d.ts

@@ -1,12 +0,0 @@
-import { Cart } from "../../types/graphql.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-
-//#region src/components/cart-dropdown/index.d.ts
-declare const CartDropdown: ({
-  cart: cartState
-}: {
-  cart?: Cart | null;
-}) => react_jsx_runtime2.JSX.Element;
-//#endregion
-export { CartDropdown };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/cart-dropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/cart-dropdown/index.tsx"],"sourcesContent":[],"mappings":";;;;cAuBM;QAAgB;;SAA8B;MAAa,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/cart-dropdown/index.js

@@ -1,196 +0,0 @@
-'use client';
-
-import { convertToLocale } from "../../lib/utils/money.js";
-import { DeleteButton } from "../delete-button/index.js";
-import { LineItemOptions } from "../line-item-options/index.js";
-import { LineItemPrice } from "../line-item-price/index.js";
-import { LocalizedClientLink } from "../localized-client-link/index.js";
-import { Thumbnail } from "../thumbnail/index.js";
-import { Fragment, useEffect, useRef, useState } from "react";
-import { usePathname } from "next/navigation";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Popover, PopoverButton, PopoverPanel, Transition } from "@headlessui/react";
-import { Button } from "@medusajs/ui";
-
-//#region src/components/cart-dropdown/index.tsx
-const CartDropdown = ({ cart: cartState }) => {
-	const [activeTimer, setActiveTimer] = useState(void 0);
-	const [cartDropdownOpen, setCartDropdownOpen] = useState(false);
-	const open = () => setCartDropdownOpen(true);
-	const close = () => setCartDropdownOpen(false);
-	const totalItems = cartState?.items?.reduce((acc, item) => {
-		return acc + item.quantity;
-	}, 0) || 0;
-	const subtotal = cartState?.subtotal ?? 0;
-	const itemRef = useRef(totalItems || 0);
-	const timedOpen = () => {
-		open();
-		setActiveTimer(setTimeout(close, 5e3));
-	};
-	const openAndCancel = () => {
-		if (activeTimer) clearTimeout(activeTimer);
-		open();
-	};
-	useEffect(() => {
-		return () => {
-			if (activeTimer) clearTimeout(activeTimer);
-		};
-	}, [activeTimer]);
-	const pathname = usePathname();
-	useEffect(() => {
-		if (itemRef.current !== totalItems && !pathname.includes("/cart")) timedOpen();
-	}, [totalItems, itemRef.current]);
-	return /* @__PURE__ */ jsx("div", {
-		className: "z-50 h-full",
-		onMouseEnter: openAndCancel,
-		onMouseLeave: close,
-		children: /* @__PURE__ */ jsxs(Popover, {
-			className: "relative h-full",
-			children: [/* @__PURE__ */ jsx(PopoverButton, {
-				className: "h-full",
-				children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-					className: "hover:text-ui-fg-base",
-					href: "/cart",
-					"data-testid": "nav-cart-link",
-					children: `Cart (${totalItems})`
-				})
-			}), /* @__PURE__ */ jsx(Transition, {
-				show: cartDropdownOpen,
-				as: Fragment,
-				enter: "transition ease-out duration-200",
-				enterFrom: "opacity-0 translate-y-1",
-				enterTo: "opacity-100 translate-y-0",
-				leave: "transition ease-in duration-150",
-				leaveFrom: "opacity-100 translate-y-0",
-				leaveTo: "opacity-0 translate-y-1",
-				children: /* @__PURE__ */ jsxs(PopoverPanel, {
-					static: true,
-					className: "text-ui-fg-base small:block absolute top-[calc(100%+1px)] right-0 hidden w-[420px] border-x border-b border-gray-200 bg-white",
-					"data-testid": "nav-cart-dropdown",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "flex items-center justify-center p-4",
-						children: /* @__PURE__ */ jsx("h3", {
-							className: "text-large-semi",
-							children: "Cart"
-						})
-					}), cartState && cartState.items?.length ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-						className: "no-scrollbar grid max-h-[402px] grid-cols-1 gap-y-8 overflow-y-scroll p-px px-4",
-						children: cartState.items.sort((a, b) => {
-							return (a.createdAt ?? "") > (b.createdAt ?? "") ? -1 : 1;
-						}).map((item) => /* @__PURE__ */ jsxs("div", {
-							className: "grid grid-cols-[122px_1fr] gap-x-4",
-							"data-testid": "cart-item",
-							children: [/* @__PURE__ */ jsx(LocalizedClientLink, {
-								href: `/products/${item.productHandle}`,
-								className: "w-24",
-								children: /* @__PURE__ */ jsx(Thumbnail, {
-									thumbnail: item.thumbnail,
-									images: item.variant?.product?.images,
-									size: "square"
-								})
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "flex flex-1 flex-col justify-between",
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "flex flex-1 flex-col",
-									children: /* @__PURE__ */ jsxs("div", {
-										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ jsxs("div", {
-											className: "mr-4 flex w-[180px] flex-col overflow-ellipsis whitespace-nowrap",
-											children: [
-												/* @__PURE__ */ jsx("h3", {
-													className: "text-base-regular overflow-hidden text-ellipsis",
-													children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-														href: `/products/${item.productHandle}`,
-														"data-testid": "product-link",
-														children: item.title
-													})
-												}),
-												/* @__PURE__ */ jsx(LineItemOptions, {
-													variant: item.variant,
-													"data-testid": "cart-item-variant",
-													"data-value": item.variant
-												}),
-												/* @__PURE__ */ jsxs("span", {
-													"data-testid": "cart-item-quantity",
-													"data-value": item.quantity,
-													children: ["Quantity: ", item.quantity]
-												})
-											]
-										}), /* @__PURE__ */ jsx("div", {
-											className: "flex justify-end",
-											children: /* @__PURE__ */ jsx(LineItemPrice, {
-												item,
-												style: "tight",
-												currencyCode: cartState.currencyCode
-											})
-										})]
-									})
-								}), /* @__PURE__ */ jsx(DeleteButton, {
-									id: item.id,
-									className: "mt-1",
-									"data-testid": "cart-item-remove-button",
-									children: "Remove"
-								})]
-							})]
-						}, item.id))
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "text-small-regular flex flex-col gap-y-4 p-4",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ jsxs("span", {
-								className: "text-ui-fg-base font-semibold",
-								children: [
-									"Subtotal",
-									" ",
-									/* @__PURE__ */ jsx("span", {
-										className: "font-normal",
-										children: "(excl. taxes)"
-									})
-								]
-							}), /* @__PURE__ */ jsx("span", {
-								className: "text-large-semi",
-								"data-testid": "cart-subtotal",
-								"data-value": subtotal,
-								children: convertToLocale({
-									amount: subtotal,
-									currency_code: cartState.currencyCode
-								})
-							})]
-						}), /* @__PURE__ */ jsx(LocalizedClientLink, {
-							href: "/cart",
-							children: /* @__PURE__ */ jsx(Button, {
-								className: "w-full",
-								size: "large",
-								"data-testid": "go-to-cart-button",
-								children: "Go to cart"
-							})
-						})]
-					})] }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col items-center justify-center gap-y-4 py-16",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "text-small-regular flex h-6 w-6 items-center justify-center rounded-full bg-gray-900 text-white",
-								children: /* @__PURE__ */ jsx("span", { children: "0" })
-							}),
-							/* @__PURE__ */ jsx("span", { children: "Your shopping bag is empty." }),
-							/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-								href: "/store",
-								children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-									className: "sr-only",
-									children: "Go to all products page"
-								}), /* @__PURE__ */ jsx(Button, {
-									onClick: close,
-									children: "Explore products"
-								})] })
-							}) })
-						]
-					}) })]
-				})
-			})]
-		})
-	});
-};
-
-//#endregion
-export { CartDropdown };
-//# sourceMappingURL=index.js.map

package/dist/components/cart-dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/cart-dropdown/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment, useEffect, useRef, useState } from 'react';\n\nimport { usePathname } from 'next/navigation';\n\nimport {\n  Popover,\n  PopoverButton,\n  PopoverPanel,\n  Transition,\n} from '@headlessui/react';\nimport { Button } from '@medusajs/ui';\n\nimport { convertToLocale } from '@/lib/utils/money';\nimport { Cart } from '@/types/graphql';\n\nimport { DeleteButton } from '../delete-button';\nimport { LineItemOptions } from '../line-item-options';\nimport { LineItemPrice } from '../line-item-price';\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { Thumbnail } from '../thumbnail';\n\nconst CartDropdown = ({ cart: cartState }: { cart?: Cart | null }) => {\n  const [activeTimer, setActiveTimer] = useState<NodeJS.Timeout | undefined>(\n    undefined\n  );\n  const [cartDropdownOpen, setCartDropdownOpen] = useState(false);\n\n  const open = () => setCartDropdownOpen(true);\n  const close = () => setCartDropdownOpen(false);\n\n  const totalItems =\n    cartState?.items?.reduce((acc, item) => {\n      return acc + item.quantity;\n    }, 0) || 0;\n\n  const subtotal = cartState?.subtotal ?? 0;\n  const itemRef = useRef<number>(totalItems || 0);\n\n  const timedOpen = () => {\n    open();\n\n    const timer = setTimeout(close, 5000);\n\n    setActiveTimer(timer);\n  };\n\n  const openAndCancel = () => {\n    if (activeTimer) {\n      clearTimeout(activeTimer);\n    }\n\n    open();\n  };\n\n  // Clean up the timer when the component unmounts\n  useEffect(() => {\n    return () => {\n      if (activeTimer) {\n        clearTimeout(activeTimer);\n      }\n    };\n  }, [activeTimer]);\n\n  const pathname = usePathname();\n\n  // open cart dropdown when modifying the cart items, but only if we're not on the cart page\n  useEffect(() => {\n    if (itemRef.current !== totalItems && !pathname.includes('/cart')) {\n      timedOpen();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [totalItems, itemRef.current]);\n\n  return (\n    <div\n      className=\"z-50 h-full\"\n      onMouseEnter={openAndCancel}\n      onMouseLeave={close}\n    >\n      <Popover className=\"relative h-full\">\n        <PopoverButton className=\"h-full\">\n          <LocalizedClientLink\n            className=\"hover:text-ui-fg-base\"\n            href=\"/cart\"\n            data-testid=\"nav-cart-link\"\n          >{`Cart (${totalItems})`}</LocalizedClientLink>\n        </PopoverButton>\n        <Transition\n          show={cartDropdownOpen}\n          as={Fragment}\n          enter=\"transition ease-out duration-200\"\n          enterFrom=\"opacity-0 translate-y-1\"\n          enterTo=\"opacity-100 translate-y-0\"\n          leave=\"transition ease-in duration-150\"\n          leaveFrom=\"opacity-100 translate-y-0\"\n          leaveTo=\"opacity-0 translate-y-1\"\n        >\n          <PopoverPanel\n            static\n            className=\"text-ui-fg-base small:block absolute top-[calc(100%+1px)] right-0 hidden w-[420px] border-x border-b border-gray-200 bg-white\"\n            data-testid=\"nav-cart-dropdown\"\n          >\n            <div className=\"flex items-center justify-center p-4\">\n              <h3 className=\"text-large-semi\">Cart</h3>\n            </div>\n            {cartState && cartState.items?.length ? (\n              <>\n                <div className=\"no-scrollbar grid max-h-[402px] grid-cols-1 gap-y-8 overflow-y-scroll p-px px-4\">\n                  {cartState.items\n                    .sort((a, b) => {\n                      return (a.createdAt ?? '') > (b.createdAt ?? '') ? -1 : 1;\n                    })\n                    .map((item) => (\n                      <div\n                        className=\"grid grid-cols-[122px_1fr] gap-x-4\"\n                        key={item.id}\n                        data-testid=\"cart-item\"\n                      >\n                        <LocalizedClientLink\n                          href={`/products/${item.productHandle}`}\n                          className=\"w-24\"\n                        >\n                          <Thumbnail\n                            thumbnail={item.thumbnail}\n                            images={item.variant?.product?.images}\n                            size=\"square\"\n                          />\n                        </LocalizedClientLink>\n                        <div className=\"flex flex-1 flex-col justify-between\">\n                          <div className=\"flex flex-1 flex-col\">\n                            <div className=\"flex items-start justify-between\">\n                              <div className=\"mr-4 flex w-[180px] flex-col overflow-ellipsis whitespace-nowrap\">\n                                <h3 className=\"text-base-regular overflow-hidden text-ellipsis\">\n                                  <LocalizedClientLink\n                                    href={`/products/${item.productHandle}`}\n                                    data-testid=\"product-link\"\n                                  >\n                                    {item.title}\n                                  </LocalizedClientLink>\n                                </h3>\n                                <LineItemOptions\n                                  variant={item.variant}\n                                  data-testid=\"cart-item-variant\"\n                                  data-value={item.variant}\n                                />\n                                <span\n                                  data-testid=\"cart-item-quantity\"\n                                  data-value={item.quantity}\n                                >\n                                  Quantity: {item.quantity}\n                                </span>\n                              </div>\n                              <div className=\"flex justify-end\">\n                                <LineItemPrice\n                                  item={item}\n                                  style=\"tight\"\n                                  currencyCode={cartState.currencyCode}\n                                />\n                              </div>\n                            </div>\n                          </div>\n                          <DeleteButton\n                            id={item.id}\n                            className=\"mt-1\"\n                            data-testid=\"cart-item-remove-button\"\n                          >\n                            Remove\n                          </DeleteButton>\n                        </div>\n                      </div>\n                    ))}\n                </div>\n                <div className=\"text-small-regular flex flex-col gap-y-4 p-4\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-ui-fg-base font-semibold\">\n                      Subtotal{' '}\n                      <span className=\"font-normal\">(excl. taxes)</span>\n                    </span>\n                    <span\n                      className=\"text-large-semi\"\n                      data-testid=\"cart-subtotal\"\n                      data-value={subtotal}\n                    >\n                      {convertToLocale({\n                        amount: subtotal,\n                        currency_code: cartState.currencyCode,\n                      })}\n                    </span>\n                  </div>\n                  <LocalizedClientLink href=\"/cart\">\n                    <Button\n                      className=\"w-full\"\n                      size=\"large\"\n                      data-testid=\"go-to-cart-button\"\n                    >\n                      Go to cart\n                    </Button>\n                  </LocalizedClientLink>\n                </div>\n              </>\n            ) : (\n              <div>\n                <div className=\"flex flex-col items-center justify-center gap-y-4 py-16\">\n                  <div className=\"text-small-regular flex h-6 w-6 items-center justify-center rounded-full bg-gray-900 text-white\">\n                    <span>0</span>\n                  </div>\n                  <span>Your shopping bag is empty.</span>\n                  <div>\n                    <LocalizedClientLink href=\"/store\">\n                      <>\n                        <span className=\"sr-only\">Go to all products page</span>\n                        <Button onClick={close}>Explore products</Button>\n                      </>\n                    </LocalizedClientLink>\n                  </div>\n                </div>\n              </div>\n            )}\n          </PopoverPanel>\n        </Transition>\n      </Popover>\n    </div>\n  );\n};\n\nexport { CartDropdown };\n"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/footer/index.tsx"],"sourcesContent":[],"mappings":";;;iBAU8B,MAAA,CAAA,GAAM,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/footer/index.js

@@ -1,110 +0,0 @@
-import { LocalizedClientLink } from "../localized-client-link/index.js";
-import { listCategories } from "../../lib/data/categories.js";
-import { listCollections } from "../../lib/data/collections.js";
-import { getFooterContent } from "../../lib/data/footer.js";
-import { PortableText } from "../portable-text/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Text, clx } from "@medusajs/ui";
-
-//#region src/components/footer/index.tsx
-async function Footer() {
-	const { collections } = await listCollections();
-	const productCategories = await listCategories();
-	const footerContent = await getFooterContent();
-	return /* @__PURE__ */ jsx("footer", {
-		className: "border-ui-border-base w-full border-t",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "content-container flex w-full flex-col",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "xsmall:flex-row flex flex-col items-start justify-between gap-y-6 py-40",
-				children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-					href: "/",
-					className: "txt-compact-xlarge-plus text-ui-fg-subtle hover:text-ui-fg-base uppercase",
-					children: footerContent?.storeName || "Medusa Store"
-				}) }), /* @__PURE__ */ jsxs("div", {
-					className: "text-small-regular grid grid-cols-2 gap-10 sm:grid-cols-3 md:gap-x-16",
-					children: [
-						productCategories && productCategories?.length > 0 && /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-y-2",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "txt-ui-fg-base txt-small-plus",
-								children: "Categories"
-							}), /* @__PURE__ */ jsx("ul", {
-								className: "grid grid-cols-1 gap-2",
-								"data-testid": "footer-categories",
-								children: productCategories?.slice(0, 6).map((c) => {
-									if (c.parentCategory) return;
-									const children = c.categoryChildren?.map((child) => ({
-										name: child.name,
-										handle: child.handle,
-										id: child.id
-									})) || null;
-									return /* @__PURE__ */ jsxs("li", {
-										className: "txt-small text-ui-fg-subtle flex flex-col gap-2",
-										children: [/* @__PURE__ */ jsx(LocalizedClientLink, {
-											className: clx("hover:text-ui-fg-base", children && "txt-small-plus"),
-											href: `/categories/${c.handle}`,
-											"data-testid": "category-link",
-											children: c.name
-										}), children && /* @__PURE__ */ jsx("ul", {
-											className: "ml-3 grid grid-cols-1 gap-2",
-											children: children && children.map((child) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-												className: "hover:text-ui-fg-base",
-												href: `/categories/${child.handle}`,
-												"data-testid": "category-link",
-												children: child.name
-											}) }, child.id))
-										})]
-									}, c.id);
-								})
-							})]
-						}),
-						collections && collections.length > 0 && /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-y-2",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "txt-ui-fg-base txt-small-plus",
-								children: "Collections"
-							}), /* @__PURE__ */ jsx("ul", {
-								className: clx("txt-small text-ui-fg-subtle grid grid-cols-1 gap-2", { "grid-cols-2": (collections?.length || 0) > 3 }),
-								children: collections?.slice(0, 6).map((c) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(LocalizedClientLink, {
-									className: "hover:text-ui-fg-base",
-									href: `/collections/${c.handle}`,
-									children: c.title
-								}) }, c.id))
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-y-2",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "txt-ui-fg-base txt-small-plus",
-								children: "Medusa"
-							}), /* @__PURE__ */ jsx("ul", {
-								className: "txt-small text-ui-fg-subtle grid grid-cols-1 gap-y-2",
-								children: footerContent?.social && footerContent?.social.map((social, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
-									href: social.url,
-									target: "_blank",
-									rel: "noreferrer",
-									className: "hover:text-ui-fg-base capitalize",
-									children: social.text
-								}) }, index))
-							})]
-						})
-					]
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "text-ui-fg-muted mb-16 flex w-full flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ jsxs(Text, {
-					className: "txt-compact-small",
-					children: ["©", `${(/* @__PURE__ */ new Date()).getFullYear()} ${footerContent?.copyright}`]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "flex items-center gap-4",
-					children: footerContent?.poweredByCta && /* @__PURE__ */ jsx(PortableText, { value: footerContent.poweredByCta.text })
-				})]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { Footer as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/footer/index.tsx"],"sourcesContent":["import { Text, clx } from '@medusajs/ui';\n\nimport { listCategories } from '@/lib/data/categories';\nimport { listCollections } from '@/lib/data/collections';\nimport { getFooterContent } from '@/lib/data/footer';\nimport { RichTextBlock } from '@/types/graphql';\n\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { PortableText } from '../portable-text';\n\nexport default async function Footer() {\n  const { collections } = await listCollections();\n  const productCategories = await listCategories();\n  const footerContent = await getFooterContent();\n\n  return (\n    <footer className=\"border-ui-border-base w-full border-t\">\n      <div className=\"content-container flex w-full flex-col\">\n        <div className=\"xsmall:flex-row flex flex-col items-start justify-between gap-y-6 py-40\">\n          <div>\n            <LocalizedClientLink\n              href=\"/\"\n              className=\"txt-compact-xlarge-plus text-ui-fg-subtle hover:text-ui-fg-base uppercase\"\n            >\n              {footerContent?.storeName || 'Medusa Store'}\n            </LocalizedClientLink>\n          </div>\n          <div className=\"text-small-regular grid grid-cols-2 gap-10 sm:grid-cols-3 md:gap-x-16\">\n            {productCategories && productCategories?.length > 0 && (\n              <div className=\"flex flex-col gap-y-2\">\n                <span className=\"txt-ui-fg-base txt-small-plus\">\n                  Categories\n                </span>\n                <ul\n                  className=\"grid grid-cols-1 gap-2\"\n                  data-testid=\"footer-categories\"\n                >\n                  {productCategories?.slice(0, 6).map((c) => {\n                    if (c.parentCategory) {\n                      return;\n                    }\n\n                    const children =\n                      c.categoryChildren?.map((child) => ({\n                        name: child.name,\n                        handle: child.handle,\n                        id: child.id,\n                      })) || null;\n\n                    return (\n                      <li\n                        className=\"txt-small text-ui-fg-subtle flex flex-col gap-2\"\n                        key={c.id}\n                      >\n                        <LocalizedClientLink\n                          className={clx(\n                            'hover:text-ui-fg-base',\n                            children && 'txt-small-plus'\n                          )}\n                          href={`/categories/${c.handle}`}\n                          data-testid=\"category-link\"\n                        >\n                          {c.name}\n                        </LocalizedClientLink>\n                        {children && (\n                          <ul className=\"ml-3 grid grid-cols-1 gap-2\">\n                            {children &&\n                              children.map((child) => (\n                                <li key={child.id}>\n                                  <LocalizedClientLink\n                                    className=\"hover:text-ui-fg-base\"\n                                    href={`/categories/${child.handle}`}\n                                    data-testid=\"category-link\"\n                                  >\n                                    {child.name}\n                                  </LocalizedClientLink>\n                                </li>\n                              ))}\n                          </ul>\n                        )}\n                      </li>\n                    );\n                  })}\n                </ul>\n              </div>\n            )}\n            {collections && collections.length > 0 && (\n              <div className=\"flex flex-col gap-y-2\">\n                <span className=\"txt-ui-fg-base txt-small-plus\">\n                  Collections\n                </span>\n                <ul\n                  className={clx(\n                    'txt-small text-ui-fg-subtle grid grid-cols-1 gap-2',\n                    {\n                      'grid-cols-2': (collections?.length || 0) > 3,\n                    }\n                  )}\n                >\n                  {collections?.slice(0, 6).map((c) => (\n                    <li key={c.id}>\n                      <LocalizedClientLink\n                        className=\"hover:text-ui-fg-base\"\n                        href={`/collections/${c.handle}`}\n                      >\n                        {c.title}\n                      </LocalizedClientLink>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            )}\n            <div className=\"flex flex-col gap-y-2\">\n              <span className=\"txt-ui-fg-base txt-small-plus\">Medusa</span>\n              <ul className=\"txt-small text-ui-fg-subtle grid grid-cols-1 gap-y-2\">\n                {footerContent?.social &&\n                  footerContent?.social.map(\n                    (social: { text: string; url: string }, index: number) => (\n                      <li key={index}>\n                        <a\n                          href={social.url}\n                          target=\"_blank\"\n                          rel=\"noreferrer\"\n                          className=\"hover:text-ui-fg-base capitalize\"\n                        >\n                          {social.text}\n                        </a>\n                      </li>\n                    )\n                  )}\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className=\"text-ui-fg-muted mb-16 flex w-full flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <Text className=\"txt-compact-small\">\n            ©{`${new Date().getFullYear()} ${footerContent?.copyright}`}\n          </Text>\n          <div className=\"flex items-center gap-4\">\n            {footerContent?.poweredByCta && (\n              <PortableText\n                value={footerContent.poweredByCta.text as RichTextBlock[]}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,eAA8B,SAAS;CACrC,MAAM,EAAE,gBAAgB,MAAM,iBAAiB;CAC/C,MAAM,oBAAoB,MAAM,gBAAgB;CAChD,MAAM,gBAAgB,MAAM,kBAAkB;AAE9C,QACE,oBAAC;EAAO,WAAU;YAChB,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACb,oBAAC,mBACC,oBAAC;KACC,MAAK;KACL,WAAU;eAET,eAAe,aAAa;MACT,GAClB,EACN,qBAAC;KAAI,WAAU;;MACZ,qBAAqB,mBAAmB,SAAS,KAChD,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAK,WAAU;kBAAgC;SAEzC,EACP,oBAAC;QACC,WAAU;QACV,eAAY;kBAEX,mBAAmB,MAAM,GAAG,EAAE,CAAC,KAAK,MAAM;AACzC,aAAI,EAAE,eACJ;SAGF,MAAM,WACJ,EAAE,kBAAkB,KAAK,WAAW;UAClC,MAAM,MAAM;UACZ,QAAQ,MAAM;UACd,IAAI,MAAM;UACX,EAAE,IAAI;AAET,gBACE,qBAAC;UACC,WAAU;qBAGV,oBAAC;WACC,WAAW,IACT,yBACA,YAAY,iBACb;WACD,MAAM,eAAe,EAAE;WACvB,eAAY;qBAEX,EAAE;YACiB,EACrB,YACC,oBAAC;WAAG,WAAU;qBACX,YACC,SAAS,KAAK,UACZ,oBAAC,kBACC,oBAAC;YACC,WAAU;YACV,MAAM,eAAe,MAAM;YAC3B,eAAY;sBAEX,MAAM;aACa,IAPf,MAAM,GAQV,CACL;YACD;YA1BF,EAAE,GA4BJ;UAEP;SACC;QACD;MAEP,eAAe,YAAY,SAAS,KACnC,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAK,WAAU;kBAAgC;SAEzC,EACP,oBAAC;QACC,WAAW,IACT,sDACA,EACE,gBAAgB,aAAa,UAAU,KAAK,GAC7C,CACF;kBAEA,aAAa,MAAM,GAAG,EAAE,CAAC,KAAK,MAC7B,oBAAC,kBACC,oBAAC;SACC,WAAU;SACV,MAAM,gBAAgB,EAAE;mBAEvB,EAAE;UACiB,IANf,EAAE,GAON,CACL;SACC;QACD;MAER,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAK,WAAU;kBAAgC;SAAa,EAC7D,oBAAC;QAAG,WAAU;kBACX,eAAe,UACd,eAAe,OAAO,KACnB,QAAuC,UACtC,oBAAC,kBACC,oBAAC;SACC,MAAM,OAAO;SACb,QAAO;SACP,KAAI;SACJ,WAAU;mBAET,OAAO;UACN,IARG,MASJ,CAER;SACA;QACD;;MACF;KACF,EACN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAK,WAAU;gBAAoB,KAChC,oBAAG,IAAI,MAAM,EAAC,aAAa,CAAC,GAAG,eAAe;MAC3C,EACP,oBAAC;KAAI,WAAU;eACZ,eAAe,gBACd,oBAAC,gBACC,OAAO,cAAc,aAAa,OAClC;MAEA;KACF;IACF;GACC"}

package/dist/components/layout-country-select/index.d.ts

@@ -1,16 +0,0 @@
-import { Region } from "../../types/graphql.js";
-import { StateType } from "../../lib/hooks/use-toggle-state.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
-
-//#region src/components/layout-country-select/index.d.ts
-type CountrySelectProps = {
-  toggleState: StateType;
-  regions: Region[];
-};
-declare const LayoutCountrySelect: ({
-  toggleState,
-  regions
-}: CountrySelectProps) => react_jsx_runtime19.JSX.Element;
-//#endregion
-export { LayoutCountrySelect };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/layout-country-select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/layout-country-select/index.tsx"],"sourcesContent":[],"mappings":";;;;;KA0BK,kBAAA;eACU;WACJ;AAV8B,CAAA;AAUxB,cAGX,mBA0GL,EAAA,CAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EA1GsD,kBA0GtD,EAAA,GA1GwE,mBAAA,CAAA,GAAA,CAAA,OA0GxE"}

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

@@ -1,92 +0,0 @@
-'use client';
-
-import { updateRegion } from "../../lib/data/cart.js";
-import { Fragment, useEffect, useMemo, useState } from "react";
-import { useParams, usePathname } from "next/navigation";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition } from "@headlessui/react";
-import ReactCountryFlag from "react-country-flag";
-
-//#region src/components/layout-country-select/index.tsx
-const LayoutCountrySelect = ({ toggleState, regions }) => {
-	const [current, setCurrent] = useState(void 0);
-	const { countryCode } = useParams();
-	const currentPath = usePathname().split(`/${countryCode}`)[1] ?? "gb";
-	const { state, close } = toggleState;
-	const options = useMemo(() => {
-		return regions.map((r) => {
-			return r.countries?.map((c) => ({
-				country: c?.iso2 ?? void 0,
-				region: r.id,
-				label: c?.name ?? void 0
-			}));
-		}).flat().sort((a, b) => (a?.label ?? "").localeCompare(b?.label ?? ""));
-	}, [regions]);
-	useEffect(() => {
-		if (countryCode) {
-			const option = options?.find((o) => o?.country === countryCode);
-			setCurrent(option);
-		}
-	}, [options, countryCode]);
-	const handleChange = (option) => {
-		updateRegion(option.country, currentPath);
-		close();
-	};
-	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Listbox, {
-		as: "span",
-		onChange: handleChange,
-		defaultValue: countryCode ? options?.find((o) => o?.country === countryCode) : void 0,
-		children: [/* @__PURE__ */ jsx(ListboxButton, {
-			className: "w-full py-1",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "txt-compact-small flex items-start gap-x-2",
-				children: [/* @__PURE__ */ jsx("span", { children: "Shipping to:" }), current && /* @__PURE__ */ jsxs("span", {
-					className: "txt-compact-small flex items-center gap-x-2",
-					children: [/* @__PURE__ */ jsx(ReactCountryFlag, {
-						svg: true,
-						style: {
-							width: "16px",
-							height: "16px"
-						},
-						countryCode: current.country ?? ""
-					}), current.label]
-				})]
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: "relative flex w-full min-w-[320px]",
-			children: /* @__PURE__ */ jsx(Transition, {
-				show: state,
-				as: Fragment,
-				leave: "transition ease-in duration-150",
-				leaveFrom: "opacity-100",
-				leaveTo: "opacity-0",
-				children: /* @__PURE__ */ jsx(ListboxOptions, {
-					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",
-					static: true,
-					children: options?.map((o, index) => {
-						return /* @__PURE__ */ jsxs(ListboxOption, {
-							value: o,
-							className: "flex cursor-pointer items-center gap-x-2 px-3 py-2 hover:bg-gray-200",
-							children: [
-								/* @__PURE__ */ jsx(ReactCountryFlag, {
-									svg: true,
-									style: {
-										width: "16px",
-										height: "16px"
-									},
-									countryCode: o?.country ?? ""
-								}),
-								" ",
-								o?.label
-							]
-						}, index);
-					})
-				})
-			})
-		})]
-	}) });
-};
-
-//#endregion
-export { LayoutCountrySelect };
-//# sourceMappingURL=index.js.map