@gfed-medusa/sf-lib-common 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 goodfrontend
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# GFED Medusa Storefront Common Library
+
+This is the common library for the GFED Medusa Storefront stack. It contains shared components, utilities, types, and other resources.
+
+## Installation
+
+Install the package from npm:
+
+```bash
+pnpm add @gfed-medusa/sf-lib-common
+```
+
+For monorepo or local development, you can use the workspace directive to ensure installation of the latest version locally:
+
+```json
+{
+  "dependencies": {
+    "@gfed-medusa/sf-lib-common": "workspace:*"
+  }
+}
+```
+
+## Usage
+
+Import components and other resources into your application:
+
+```tsx
+import { Breadcrumbs } from '@gfed-medusa/sf-lib-common/components/breadcrumbs';
+import { useToggleState } from '@gfed-medusa/sf-lib-common/lib/hooks/use-toggle-state';
+```
+
+## Codegen
+
+To generate GraphQL types, ensure that `BFF_URL` is defined in your `.env` file and then run:
+
+```bash
+pnpm codegen
+```

package/dist/apollo-client-BuznVAE4.js

@@ -0,0 +1,66 @@
+import { ApolloClient, ApolloLink, HttpLink, InMemoryCache } from "@apollo/client";
+
+//#region src/lib/gql/apollo-client.ts
+const isServer = () => typeof window === "undefined";
+const httpLink = new HttpLink({
+	uri: isServer() ? `${process.env.NEXT_PUBLIC_BASE_URL}/api/graphql` : "/api/graphql",
+	credentials: "include"
+});
+const apolloClient = new ApolloClient({
+	link: httpLink,
+	cache: new InMemoryCache({}),
+	defaultOptions: { watchQuery: { notifyOnNetworkStatusChange: true } }
+});
+/**
+* When requests are sent from the server, cookies need to be manually attached.
+*
+* @param cookieHeader Cookies string to forward
+* @returns Server-side Apollo client
+*/
+function createServerApolloClient(cookieHeader) {
+	return new ApolloClient({
+		link: new ApolloLink((operation, forward) => {
+			if (cookieHeader) operation.setContext(({ headers = {} }) => ({ headers: {
+				...headers,
+				Cookie: cookieHeader
+			} }));
+			return forward(operation);
+		}).concat(httpLink),
+		cache: new InMemoryCache({}),
+		defaultOptions: { watchQuery: { notifyOnNetworkStatusChange: true } }
+	});
+}
+function initializeApollo(req = null) {
+	if (isServer()) {
+		const cookieHeader = req?.headers.cookie;
+		return createServerApolloClient(cookieHeader);
+	}
+	return apolloClient;
+}
+async function graphqlFetch(options, apolloClientOverride) {
+	try {
+		const { data } = await (apolloClientOverride || apolloClient).query({
+			...options,
+			fetchPolicy: "network-only"
+		});
+		return data;
+	} catch (error) {
+		throw new Error(error.message || "GraphQL error");
+	}
+}
+async function graphqlMutation(options, apolloClientOverride) {
+	try {
+		const { data } = await (apolloClientOverride || apolloClient).mutate({
+			...options,
+			fetchPolicy: "network-only"
+		});
+		return data;
+	} catch (error) {
+		throw new Error(error.message || "GraphQL error");
+	}
+}
+var apollo_client_default = apolloClient;
+
+//#endregion
+export { initializeApollo as a, graphqlMutation as i, createServerApolloClient as n, graphqlFetch as r, apollo_client_default as t };
+//# sourceMappingURL=apollo-client-BuznVAE4.js.map

package/dist/apollo-client-BuznVAE4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apollo-client-BuznVAE4.js","names":["error: any"],"sources":["../src/lib/gql/apollo-client.ts"],"sourcesContent":["import { IncomingMessage } from 'http';\n\nimport { ApolloLink } from '@apollo/client';\nimport {\n  ApolloClient,\n  HttpLink,\n  InMemoryCache,\n  OperationVariables,\n} from '@apollo/client';\n\nconst isServer = () => typeof window === 'undefined';\n\nconst httpLink = new HttpLink({\n  uri: isServer()\n    ? `${process.env.NEXT_PUBLIC_BASE_URL}/api/graphql`\n    : '/api/graphql',\n  credentials: 'include',\n});\n\nconst apolloClient = new ApolloClient({\n  link: httpLink,\n  cache: new InMemoryCache({}),\n  defaultOptions: {\n    watchQuery: {\n      notifyOnNetworkStatusChange: true,\n    },\n  },\n});\n\n/**\n * When requests are sent from the server, cookies need to be manually attached.\n *\n * @param cookieHeader Cookies string to forward\n * @returns Server-side Apollo client\n */\nexport function createServerApolloClient(cookieHeader?: string) {\n  const authLink = new ApolloLink((operation, forward) => {\n    if (cookieHeader) {\n      operation.setContext(({ headers = {} }) => ({\n        headers: {\n          ...headers,\n          Cookie: cookieHeader,\n        },\n      }));\n    }\n    return forward(operation);\n  });\n\n  return new ApolloClient({\n    link: authLink.concat(httpLink),\n    cache: new InMemoryCache({}),\n    defaultOptions: {\n      watchQuery: {\n        notifyOnNetworkStatusChange: true,\n      },\n    },\n  });\n}\n\nexport function initializeApollo(req: IncomingMessage | null = null) {\n  if (isServer()) {\n    const cookieHeader = req?.headers.cookie;\n    return createServerApolloClient(cookieHeader);\n  }\n\n  return apolloClient;\n}\n\nexport async function graphqlFetch<\n  TResult,\n  TVariables extends OperationVariables,\n>(\n  options: ApolloClient.QueryOptions<TResult, TVariables>,\n  apolloClientOverride?: ApolloClient\n): Promise<TResult | undefined> {\n  try {\n    const client = apolloClientOverride || apolloClient;\n\n    const { data } = await client.query<TResult, TVariables>({\n      ...options,\n      fetchPolicy: 'network-only',\n    });\n\n    return data;\n  } catch (error: any) {\n    // TODO - Better error handling\n    throw new Error(error.message || 'GraphQL error');\n  }\n}\n\nexport async function graphqlMutation<\n  TResult,\n  TVariables extends OperationVariables,\n>(\n  options: ApolloClient.MutateOptions<TResult, TVariables>,\n  apolloClientOverride?: ApolloClient\n): Promise<TResult | undefined> {\n  try {\n    const client = apolloClientOverride || apolloClient;\n\n    const { data } = await client.mutate<TResult, TVariables>({\n      ...options,\n      fetchPolicy: 'network-only',\n    });\n\n    return data;\n  } catch (error: any) {\n    // TODO - Better error handling\n    throw new Error(error.message || 'GraphQL error');\n  }\n}\nexport default apolloClient;\n"],"mappings":";;;AAUA,MAAM,iBAAiB,OAAO,WAAW;AAEzC,MAAM,WAAW,IAAI,SAAS;CAC5B,KAAK,UAAU,GACX,GAAG,QAAQ,IAAI,qBAAqB,gBACpC;CACJ,aAAa;CACd,CAAC;AAEF,MAAM,eAAe,IAAI,aAAa;CACpC,MAAM;CACN,OAAO,IAAI,cAAc,EAAE,CAAC;CAC5B,gBAAgB,EACd,YAAY,EACV,6BAA6B,MAC9B,EACF;CACF,CAAC;;;;;;;AAQF,SAAgB,yBAAyB,cAAuB;AAa9D,QAAO,IAAI,aAAa;EACtB,MAbe,IAAI,YAAY,WAAW,YAAY;AACtD,OAAI,aACF,WAAU,YAAY,EAAE,UAAU,EAAE,QAAQ,EAC1C,SAAS;IACP,GAAG;IACH,QAAQ;IACT,EACF,EAAE;AAEL,UAAO,QAAQ,UAAU;IACzB,CAGe,OAAO,SAAS;EAC/B,OAAO,IAAI,cAAc,EAAE,CAAC;EAC5B,gBAAgB,EACd,YAAY,EACV,6BAA6B,MAC9B,EACF;EACF,CAAC;;AAGJ,SAAgB,iBAAiB,MAA8B,MAAM;AACnE,KAAI,UAAU,EAAE;EACd,MAAM,eAAe,KAAK,QAAQ;AAClC,SAAO,yBAAyB,aAAa;;AAG/C,QAAO;;AAGT,eAAsB,aAIpB,SACA,sBAC8B;AAC9B,KAAI;EAGF,MAAM,EAAE,SAAS,OAFF,wBAAwB,cAET,MAA2B;GACvD,GAAG;GACH,aAAa;GACd,CAAC;AAEF,SAAO;UACAA,OAAY;AAEnB,QAAM,IAAI,MAAM,MAAM,WAAW,gBAAgB;;;AAIrD,eAAsB,gBAIpB,SACA,sBAC8B;AAC9B,KAAI;EAGF,MAAM,EAAE,SAAS,OAFF,wBAAwB,cAET,OAA4B;GACxD,GAAG;GACH,aAAa;GACd,CAAC;AAEF,SAAO;UACAA,OAAY;AAEnB,QAAM,IAAI,MAAM,MAAM,WAAW,gBAAgB;;;AAGrD,4BAAe"}

package/dist/cart-CLJvIUQC.js

@@ -0,0 +1,103 @@
+import { t as sdk } from "./medusa-C1jfAM1B.js";
+import { i as graphqlMutation, r as graphqlFetch } from "./apollo-client-BuznVAE4.js";
+import { r as UPDATE_CART_MUTATION, t as DELETE_LINE_ITEM_MUTATION } from "./cart-XQIczSA1.js";
+import { t as GET_CART_QUERY } from "./cart-D99u8SUJ.js";
+import { t as medusaError } from "./medusa-error-Cf_eEPhR.js";
+import { i as getCartId, n as getCacheOptions, r as getCacheTag, t as getAuthHeaders } from "./cookies-DANAjt8U.js";
+import { t as getRegion } from "./regions-CF6DH579.js";
+import { redirect } from "next/navigation";
+import { revalidateTag } from "next/cache";
+
+//#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 { updateRegion as i, listCartOptions as n, retrieveCart as r, deleteLineItem as t };
+//# sourceMappingURL=cart-CLJvIUQC.js.map

package/dist/cart-CLJvIUQC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-CLJvIUQC.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/cart-D99u8SUJ.js

@@ -0,0 +1,16 @@
+import { n as CART_FRAGMENT } from "./cart-p3ffQQ5R.js";
+import { gql } from "@apollo/client";
+
+//#region src/lib/gql/queries/cart.ts
+const GET_CART_QUERY = gql`
+  query GetCart($id: ID!) {
+    cart(id: $id) {
+      ...CartFields
+    }
+  }
+  ${CART_FRAGMENT}
+`;
+
+//#endregion
+export { GET_CART_QUERY as t };
+//# sourceMappingURL=cart-D99u8SUJ.js.map

package/dist/cart-D99u8SUJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-D99u8SUJ.js","names":[],"sources":["../src/lib/gql/queries/cart.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nimport { CART_FRAGMENT } from '../fragments/cart';\n\nexport const GET_CART_QUERY = gql`\n  query GetCart($id: ID!) {\n    cart(id: $id) {\n      ...CartFields\n    }\n  }\n  ${CART_FRAGMENT}\n`;\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,GAAG;;;;;;IAM7B,cAAc"}

package/dist/cart-XQIczSA1.js

@@ -0,0 +1,42 @@
+import { n as CART_FRAGMENT, t as ADDRESS_FRAGMENT } from "./cart-p3ffQQ5R.js";
+import { gql } from "@apollo/client";
+
+//#region src/lib/gql/mutations/cart.ts
+const UPDATE_CART_MUTATION = gql`
+  mutation UpdateCart($id: ID!, $data: UpdateCartInput!) {
+    updateCart(id: $id, data: $data) {
+      ...CartFields
+      regionId
+      currencyCode
+      shippingAddress {
+        ...AddressFields
+      }
+      billingAddress {
+        ...AddressFields
+      }
+    }
+  }
+  ${CART_FRAGMENT}
+  ${ADDRESS_FRAGMENT}
+`;
+const DELETE_LINE_ITEM_MUTATION = gql`
+  mutation DeleteLineItem($cartId: ID!, $lineItemId: ID!) {
+    deleteLineItem(cartId: $cartId, lineItemId: $lineItemId) {
+      id
+      object
+      deleted
+    }
+  }
+`;
+const TRANSFER_CART_MUTATION = gql`
+  mutation TransferCart($cartId: ID!) {
+    transferCart(cartId: $cartId) {
+      ...CartFields
+    }
+  }
+  ${CART_FRAGMENT}
+`;
+
+//#endregion
+export { TRANSFER_CART_MUTATION as n, UPDATE_CART_MUTATION as r, DELETE_LINE_ITEM_MUTATION as t };
+//# sourceMappingURL=cart-XQIczSA1.js.map

package/dist/cart-XQIczSA1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-XQIczSA1.js","names":[],"sources":["../src/lib/gql/mutations/cart.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nimport { ADDRESS_FRAGMENT, CART_FRAGMENT } from '../fragments/cart';\n\nexport const UPDATE_CART_MUTATION = gql`\n  mutation UpdateCart($id: ID!, $data: UpdateCartInput!) {\n    updateCart(id: $id, data: $data) {\n      ...CartFields\n      regionId\n      currencyCode\n      shippingAddress {\n        ...AddressFields\n      }\n      billingAddress {\n        ...AddressFields\n      }\n    }\n  }\n  ${CART_FRAGMENT}\n  ${ADDRESS_FRAGMENT}\n`;\n\nexport const DELETE_LINE_ITEM_MUTATION = gql`\n  mutation DeleteLineItem($cartId: ID!, $lineItemId: ID!) {\n    deleteLineItem(cartId: $cartId, lineItemId: $lineItemId) {\n      id\n      object\n      deleted\n    }\n  }\n`;\n\nexport const TRANSFER_CART_MUTATION = gql`\n  mutation TransferCart($cartId: ID!) {\n    transferCart(cartId: $cartId) {\n      ...CartFields\n    }\n  }\n  ${CART_FRAGMENT}\n`;\n"],"mappings":";;;;AAIA,MAAa,uBAAuB,GAAG;;;;;;;;;;;;;;IAcnC,cAAc;IACd,iBAAiB;;AAGrB,MAAa,4BAA4B,GAAG;;;;;;;;;AAU5C,MAAa,yBAAyB,GAAG;;;;;;IAMrC,cAAc"}

package/dist/cart-button-NgoZb9LI.js

@@ -0,0 +1,12 @@
+import { r as retrieveCart } from "./cart-CLJvIUQC.js";
+import { t as CartDropdown } from "./cart-dropdown-_ZpvhX--.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 as t };
+//# sourceMappingURL=cart-button-NgoZb9LI.js.map

package/dist/cart-button-NgoZb9LI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-button-NgoZb9LI.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/cart-dropdown-_ZpvhX--.js

@@ -0,0 +1,195 @@
+import { t as convertToLocale } from "./money-BrwiFQUW.js";
+import { t as DeleteButton } from "./delete-button-Bfog7z-I.js";
+import { t as LineItemOptions } from "./line-item-options-B3rbud31.js";
+import { t as LineItemPrice } from "./line-item-price-BBlC_T8m.js";
+import { t as LocalizedClientLink } from "./localized-client-link-C3mE37Ub.js";
+import { t as Thumbnail } from "./thumbnail-CXIliWAD.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",
+							passHref: true,
+							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 as t };
+//# sourceMappingURL=cart-dropdown-_ZpvhX--.js.map

package/dist/cart-dropdown-_ZpvhX--.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-dropdown-_ZpvhX--.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\" passHref>\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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"}