@gfed-medusa/sf-lib-products 1.6.3 → 1.7.0

package/dist/components/browse-product-preview/index.d.ts

@@ -0,0 +1,19 @@
+import { BrowseProductHitFragment } from "../../types/graphql.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/browse-product-preview/index.d.ts
+type BrowseProductPreviewProps = {
+  product: BrowseProductHitFragment;
+  isFeatured?: boolean;
+  imagePriority?: boolean;
+  imageFetchPriority?: 'auto' | 'high' | 'low';
+};
+declare const BrowseProductPreview: ({
+  product,
+  isFeatured,
+  imagePriority,
+  imageFetchPriority
+}: BrowseProductPreviewProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { BrowseProductPreview };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/browse-product-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/browse-product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KAUK,yBAAA;WACM;;EADN,aAAA,CAAA,EAAA,OAAA;EA0CC,kBAAA,CAAA,EAAA,MAiCL,GAAA,MAAA,GAAA,KAAA;CAjC6B;cAAxB,oBAAwB,EAAA,CAAA;EAAA,OAAA;EAAA,UAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EAK3B,yBAL2B,EAAA,GAKF,kBAAA,CAAA,GAAA,CAAA,OALE"}

package/dist/components/browse-product-preview/index.js

@@ -0,0 +1,61 @@
+import { LocalizedClientLink } from "@gfed-medusa/sf-lib-common/components/localized-client-link";
+import { PreviewPrice } from "@gfed-medusa/sf-lib-common/components/preview-price";
+import { Thumbnail } from "@gfed-medusa/sf-lib-common/components/thumbnail";
+import { getPercentageDiff } from "@gfed-medusa/sf-lib-common/lib/utils/get-percentage-diff";
+import { convertToLocale } from "@gfed-medusa/sf-lib-common/lib/utils/money";
+import { Text } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/browse-product-preview/index.tsx
+const getBrowseProductPrice = (product) => {
+	if (typeof product.priceAmount !== "number" || !product.currencyCode || !product.currencyCode.trim()) return null;
+	const originalPrice = product.originalPriceAmount ?? product.priceAmount;
+	const isSale = typeof originalPrice === "number" && originalPrice > product.priceAmount;
+	return {
+		calculated_price_number: product.priceAmount,
+		calculated_price: convertToLocale({
+			amount: product.priceAmount,
+			currency_code: product.currencyCode
+		}),
+		original_price_number: originalPrice,
+		original_price: convertToLocale({
+			amount: originalPrice,
+			currency_code: product.currencyCode
+		}),
+		currency_code: product.currencyCode,
+		price_type: isSale ? "sale" : "default",
+		percentage_diff: isSale && originalPrice > 0 ? getPercentageDiff(originalPrice, product.priceAmount) : "0"
+	};
+};
+const BrowseProductPreview = ({ product, isFeatured, imagePriority = false, imageFetchPriority }) => {
+	const price = getBrowseProductPrice(product);
+	return /* @__PURE__ */ jsx(LocalizedClientLink, {
+		href: `/products/${product.handle}`,
+		className: "group",
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-testid": "product-wrapper",
+			children: [/* @__PURE__ */ jsx(Thumbnail, {
+				thumbnail: product.thumbnail,
+				images: [],
+				size: "full",
+				isFeatured,
+				imagePriority,
+				imageFetchPriority
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "txt-compact-medium mt-4 flex items-start justify-between gap-x-4",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-ui-fg-subtle flex-1",
+					"data-testid": "product-title",
+					children: product.title
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex shrink-0 items-start gap-x-2",
+					children: price && /* @__PURE__ */ jsx(PreviewPrice, { price })
+				})]
+			})]
+		})
+	});
+};
+
+//#endregion
+export { BrowseProductPreview };
+//# sourceMappingURL=index.js.map

package/dist/components/browse-product-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/browse-product-preview/index.tsx"],"sourcesContent":["import { LocalizedClientLink } from '@gfed-medusa/sf-lib-common/components/localized-client-link';\nimport { PreviewPrice } from '@gfed-medusa/sf-lib-common/components/preview-price';\nimport { Thumbnail } from '@gfed-medusa/sf-lib-common/components/thumbnail';\nimport { getPercentageDiff } from '@gfed-medusa/sf-lib-common/lib/utils/get-percentage-diff';\nimport { convertToLocale } from '@gfed-medusa/sf-lib-common/lib/utils/money';\nimport type { VariantPrice } from '@gfed-medusa/sf-lib-common/types/prices';\nimport { Text } from '@medusajs/ui';\n\nimport type { BrowseProductHitFragment } from '@/types/graphql';\n\ntype BrowseProductPreviewProps = {\n  product: BrowseProductHitFragment;\n  isFeatured?: boolean;\n  imagePriority?: boolean;\n  imageFetchPriority?: 'auto' | 'high' | 'low';\n};\n\nconst getBrowseProductPrice = (\n  product: BrowseProductHitFragment\n): VariantPrice | null => {\n  if (\n    typeof product.priceAmount !== 'number' ||\n    !product.currencyCode ||\n    !product.currencyCode.trim()\n  ) {\n    return null;\n  }\n\n  const originalPrice = product.originalPriceAmount ?? product.priceAmount;\n  const isSale =\n    typeof originalPrice === 'number' && originalPrice > product.priceAmount;\n\n  return {\n    calculated_price_number: product.priceAmount,\n    calculated_price: convertToLocale({\n      amount: product.priceAmount,\n      currency_code: product.currencyCode,\n    }),\n    original_price_number: originalPrice,\n    original_price: convertToLocale({\n      amount: originalPrice,\n      currency_code: product.currencyCode,\n    }),\n    currency_code: product.currencyCode,\n    price_type: isSale ? 'sale' : 'default',\n    percentage_diff:\n      isSale && originalPrice > 0\n        ? getPercentageDiff(originalPrice, product.priceAmount)\n        : '0',\n  };\n};\n\nconst BrowseProductPreview = ({\n  product,\n  isFeatured,\n  imagePriority = false,\n  imageFetchPriority,\n}: BrowseProductPreviewProps) => {\n  const price = getBrowseProductPrice(product);\n\n  return (\n    <LocalizedClientLink href={`/products/${product.handle}`} className=\"group\">\n      <div data-testid=\"product-wrapper\">\n        <Thumbnail\n          thumbnail={product.thumbnail}\n          images={[]}\n          size=\"full\"\n          isFeatured={isFeatured}\n          imagePriority={imagePriority}\n          imageFetchPriority={imageFetchPriority}\n        />\n        <div className=\"txt-compact-medium mt-4 flex items-start justify-between gap-x-4\">\n          <Text\n            className=\"text-ui-fg-subtle flex-1\"\n            data-testid=\"product-title\"\n          >\n            {product.title}\n          </Text>\n          <div className=\"flex shrink-0 items-start gap-x-2\">\n            {price && <PreviewPrice price={price} />}\n          </div>\n        </div>\n      </div>\n    </LocalizedClientLink>\n  );\n};\n\nexport { BrowseProductPreview };\n"],"mappings":";;;;;;;;;AAiBA,MAAM,yBACJ,YACwB;AACxB,KACE,OAAO,QAAQ,gBAAgB,YAC/B,CAAC,QAAQ,gBACT,CAAC,QAAQ,aAAa,MAAM,CAE5B,QAAO;CAGT,MAAM,gBAAgB,QAAQ,uBAAuB,QAAQ;CAC7D,MAAM,SACJ,OAAO,kBAAkB,YAAY,gBAAgB,QAAQ;AAE/D,QAAO;EACL,yBAAyB,QAAQ;EACjC,kBAAkB,gBAAgB;GAChC,QAAQ,QAAQ;GAChB,eAAe,QAAQ;GACxB,CAAC;EACF,uBAAuB;EACvB,gBAAgB,gBAAgB;GAC9B,QAAQ;GACR,eAAe,QAAQ;GACxB,CAAC;EACF,eAAe,QAAQ;EACvB,YAAY,SAAS,SAAS;EAC9B,iBACE,UAAU,gBAAgB,IACtB,kBAAkB,eAAe,QAAQ,YAAY,GACrD;EACP;;AAGH,MAAM,wBAAwB,EAC5B,SACA,YACA,gBAAgB,OAChB,yBAC+B;CAC/B,MAAM,QAAQ,sBAAsB,QAAQ;AAE5C,QACE,oBAAC;EAAoB,MAAM,aAAa,QAAQ;EAAU,WAAU;YAClE,qBAAC;GAAI,eAAY;cACf,oBAAC;IACC,WAAW,QAAQ;IACnB,QAAQ,EAAE;IACV,MAAK;IACO;IACG;IACK;KACpB,EACF,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,WAAU;KACV,eAAY;eAEX,QAAQ;MACJ,EACP,oBAAC;KAAI,WAAU;eACZ,SAAS,oBAAC,gBAAoB,QAAS;MACpC;KACF;IACF;GACc"}

package/dist/components/image-gallery/index.d.ts

@@ -1,5 +1,5 @@
 import { ProductImage } from "../../types/graphql.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/image-gallery/index.d.ts
 type ImageGalleryProps = {
@@ -7,7 +7,7 @@ type ImageGalleryProps = {
 };
 declare const ImageGallery: ({
   images
-}: ImageGalleryProps) => react_jsx_runtime2.JSX.Element;
+}: ImageGalleryProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ImageGallery as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/image-gallery/index.js

@@ -1,6 +1,6 @@
-import Image from "next/image";
 import { Container } from "@medusajs/ui";
 import { jsx } from "react/jsx-runtime";
+import Image from "next/image";
 
 //#region src/components/image-gallery/index.tsx
 const ImageGallery = ({ images }) => {

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/pagination/index.d.ts
 declare function Pagination({
@@ -9,7 +9,7 @@ declare function Pagination({
   page: number;
   totalPages: number;
   'data-testid'?: string;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Pagination };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/pagination/index.tsx"],"sourcesContent":[],"mappings":";;;iBAMgB,UAAA;;;iBAGC;;;;EAHD,aAAU,CAAA,EAAA,MAAA;CACxB,CAAA,EAOD,kBAAA,CAAA,GAAA,CAAA,OAPC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/pagination/index.tsx"],"sourcesContent":[],"mappings":";;;iBAMgB,UAAA;;;iBAGC;;;;EAHD,aAAU,CAAA,EAAA,MAAA;CACxB,CAAA,EAOD,mBAAA,CAAA,GAAA,CAAA,OAPC"}

package/dist/components/product-actions/index.d.ts

@@ -1,5 +1,5 @@
 import { ProductActionsProduct } from "../../types/index.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/product-actions/index.d.ts
 type ProductActionsProps = {
@@ -13,7 +13,7 @@ declare function ProductActions({
   regionId,
   disabled,
   enableMobileActions
-}: ProductActionsProps): react_jsx_runtime4.JSX.Element;
+}: ProductActionsProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { ProductActionsProps, ProductActions as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-actions/index.tsx"],"sourcesContent":[],"mappings":";;;;KAyBY,mBAAA;WACD;;EADC,QAAA,CAAA,EAAA,OAAA;EA2BY,mBAAc,CAAA,EAAA,OAAA;CACpC;AACA,iBAFsB,cAAA,CAEtB;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,mBAHD,CAAA,EAGoB,kBAAA,CAAA,GAAA,CAAA,OAHpB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-actions/index.tsx"],"sourcesContent":[],"mappings":";;;;KAyBY,mBAAA;WACD;;EADC,QAAA,CAAA,EAAA,OAAA;EA2BY,mBAAc,CAAA,EAAA,OAAA;CACpC;AACA,iBAFsB,cAAA,CAEtB;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,mBAHD,CAAA,EAGoB,mBAAA,CAAA,GAAA,CAAA,OAHpB"}

package/dist/components/product-onboarding-cta/index.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/product-onboarding-cta/index.d.ts
-declare function ProductOnboardingCta(): Promise<react_jsx_runtime5.JSX.Element | null>;
+declare function ProductOnboardingCta(): Promise<react_jsx_runtime14.JSX.Element | null>;
 //#endregion
 export { ProductOnboardingCta as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-onboarding-cta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-onboarding-cta/index.tsx"],"sourcesContent":[],"mappings":";;;iBAIe,oBAAA,CAAA,GAAoB,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-onboarding-cta/index.tsx"],"sourcesContent":[],"mappings":";;;iBAIe,oBAAA,CAAA,GAAoB,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/product-price/index.d.ts

@@ -1,6 +1,6 @@
 import { ProductVariant } from "../../types/graphql.js";
 import { ProductActionsProduct } from "../../types/index.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/product-price/index.d.ts
 declare function ProductPrice({
@@ -9,7 +9,7 @@ declare function ProductPrice({
 }: {
   product: ProductActionsProduct;
   variant?: ProductVariant;
-}): react_jsx_runtime6.JSX.Element;
+}): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ProductPrice as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-price/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-price/index.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOwB,YAAA;;;AAFyB;WAMtC;YACC;AAPqC,CAAA,CAAA,EAQhD,kBAAA,CAAA,GAAA,CAAA,OANmC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-price/index.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOwB,YAAA;;;AAFyB;WAMtC;YACC;AAPqC,CAAA,CAAA,EAQhD,mBAAA,CAAA,GAAA,CAAA,OANmC"}

package/dist/components/product-tabs/index.d.ts

@@ -1,5 +1,5 @@
 import { Product } from "../../types/graphql.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/product-tabs/index.d.ts
 type ProductTabsProps = {
@@ -7,7 +7,7 @@ type ProductTabsProps = {
 };
 declare const ProductTabs: ({
   product
-}: ProductTabsProps) => react_jsx_runtime8.JSX.Element;
+}: ProductTabsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ProductTabs as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/refinement-list/index.d.ts

@@ -1,16 +1,18 @@
 import { SortOptions } from "./sort-products/index.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/refinement-list/index.d.ts
 type RefinementListProps = {
   sortBy: SortOptions;
   search?: boolean;
   'data-testid'?: string;
+  className?: string;
 };
 declare const RefinementList: ({
   sortBy,
-  "data-testid": dataTestId
-}: RefinementListProps) => react_jsx_runtime10.JSX.Element;
+  "data-testid": dataTestId,
+  className
+}: RefinementListProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RefinementList as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/refinement-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/refinement-list/index.tsx"],"sourcesContent":[],"mappings":";;;;KAQK,mBAAA;UACK;;EADL,aAAA,CAAA,EAAA,MAAmB;AACH,CAAA;cAKf,cAAkB,EAAA,CAAA;EAAA,MAAA;EAAA,aAAA,EAAA;AAAA,CAAA,EAGrB,mBAHqB,EAAA,GAGF,mBAAA,CAAA,GAAA,CAAA,OAHE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/refinement-list/index.tsx"],"sourcesContent":[],"mappings":";;;;KAUK,mBAAA;UACK;;EADL,aAAA,CAAA,EAAA,MAAmB;EAOlB,SAAA,CAAA,EAAA,MA8CL;CA9CuB;cAAlB,cAAkB,EAAA,CAAA;EAAA,MAAA;EAAA,aAAA,EAAA,UAAA;EAAA;AAAA,CAAA,EAIrB,mBAJqB,EAAA,GAIF,kBAAA,CAAA,GAAA,CAAA,OAJE"}

package/dist/components/refinement-list/index.js

@@ -1,31 +1,44 @@
 'use client';
 
 import sort_products_default from "./sort-products/index.js";
-import { jsx } from "react/jsx-runtime";
+import { clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useCallback } from "react";
 
 //#region src/components/refinement-list/index.tsx
-const RefinementList = ({ sortBy, "data-testid": dataTestId }) => {
+const RefinementList = ({ sortBy, "data-testid": dataTestId, className }) => {
 	const router = useRouter();
 	const pathname = usePathname();
 	const searchParams = useSearchParams();
 	const createQueryString = useCallback((name, value) => {
 		const params = new URLSearchParams(searchParams);
 		params.set(name, value);
+		if (name === "sortBy") params.delete("page");
 		return params.toString();
 	}, [searchParams]);
 	const setQueryParams = (name, value) => {
 		const query = createQueryString(name, value);
 		router.push(`${pathname}?${query}`);
 	};
-	return /* @__PURE__ */ jsx("div", {
-		className: "small:ml-[1.675rem] small:min-w-[250px] small:flex-col small:px-0 mb-8 flex gap-12 py-4 pl-6",
-		children: /* @__PURE__ */ jsx(sort_products_default, {
-			sortBy,
-			setQueryParams,
-			"data-testid": dataTestId
-		})
+	return /* @__PURE__ */ jsxs("div", {
+		className: clx("w-full", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "small:hidden",
+			children: /* @__PURE__ */ jsx(sort_products_default, {
+				sortBy,
+				setQueryParams,
+				"data-testid": dataTestId,
+				variant: "dropdown"
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "small:ml-[1.675rem] small:min-w-[250px] small:flex-col small:px-0 small:py-4 small:pr-6 small:block hidden",
+			children: /* @__PURE__ */ jsx(sort_products_default, {
+				sortBy,
+				setQueryParams,
+				"data-testid": dataTestId
+			})
+		})]
 	});
 };
 var refinement_list_default = RefinementList;

package/dist/components/refinement-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SortProducts"],"sources":["../../../src/components/refinement-list/index.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\n\nimport SortProducts, { SortOptions } from './sort-products';\n\ntype RefinementListProps = {\n  sortBy: SortOptions;\n  search?: boolean;\n  'data-testid'?: string;\n};\n\nconst RefinementList = ({\n  sortBy,\n  'data-testid': dataTestId,\n}: RefinementListProps) => {\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const createQueryString = useCallback(\n    (name: string, value: string) => {\n      const params = new URLSearchParams(searchParams);\n      params.set(name, value);\n\n      return params.toString();\n    },\n    [searchParams]\n  );\n\n  const setQueryParams = (name: string, value: string) => {\n    const query = createQueryString(name, value);\n    router.push(`${pathname}?${query}`);\n  };\n\n  return (\n    <div className=\"small:ml-[1.675rem] small:min-w-[250px] small:flex-col small:px-0 mb-8 flex gap-12 py-4 pl-6\">\n      <SortProducts\n        sortBy={sortBy}\n        setQueryParams={setQueryParams}\n        data-testid={dataTestId}\n      />\n    </div>\n  );\n};\n\nexport default RefinementList;\n"],"mappings":";;;;;;;;AAcA,MAAM,kBAAkB,EACtB,QACA,eAAe,iBACU;CACzB,MAAM,SAAS,WAAW;CAC1B,MAAM,WAAW,aAAa;CAC9B,MAAM,eAAe,iBAAiB;CAEtC,MAAM,oBAAoB,aACvB,MAAc,UAAkB;EAC/B,MAAM,SAAS,IAAI,gBAAgB,aAAa;AAChD,SAAO,IAAI,MAAM,MAAM;AAEvB,SAAO,OAAO,UAAU;IAE1B,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,MAAc,UAAkB;EACtD,MAAM,QAAQ,kBAAkB,MAAM,MAAM;AAC5C,SAAO,KAAK,GAAG,SAAS,GAAG,QAAQ;;AAGrC,QACE,oBAAC;EAAI,WAAU;YACb,oBAACA;GACS;GACQ;GAChB,eAAa;IACb;GACE;;AAIV,8BAAe"}
+{"version":3,"file":"index.js","names":["SortProducts"],"sources":["../../../src/components/refinement-list/index.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\n\nimport { clx } from '@medusajs/ui';\n\nimport SortProducts, { SortOptions } from './sort-products';\n\ntype RefinementListProps = {\n  sortBy: SortOptions;\n  search?: boolean;\n  'data-testid'?: string;\n  className?: string;\n};\n\nconst RefinementList = ({\n  sortBy,\n  'data-testid': dataTestId,\n  className,\n}: RefinementListProps) => {\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const createQueryString = useCallback(\n    (name: string, value: string) => {\n      const params = new URLSearchParams(searchParams);\n      params.set(name, value);\n      if (name === 'sortBy') {\n        params.delete('page');\n      }\n\n      return params.toString();\n    },\n    [searchParams]\n  );\n\n  const setQueryParams = (name: string, value: string) => {\n    const query = createQueryString(name, value);\n    router.push(`${pathname}?${query}`);\n  };\n\n  return (\n    <div className={clx('w-full', className)}>\n      <div className=\"small:hidden\">\n        <SortProducts\n          sortBy={sortBy}\n          setQueryParams={setQueryParams}\n          data-testid={dataTestId}\n          variant=\"dropdown\"\n        />\n      </div>\n      <div className=\"small:ml-[1.675rem] small:min-w-[250px] small:flex-col small:px-0 small:py-4 small:pr-6 small:block hidden\">\n        <SortProducts\n          sortBy={sortBy}\n          setQueryParams={setQueryParams}\n          data-testid={dataTestId}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default RefinementList;\n"],"mappings":";;;;;;;;;AAiBA,MAAM,kBAAkB,EACtB,QACA,eAAe,YACf,gBACyB;CACzB,MAAM,SAAS,WAAW;CAC1B,MAAM,WAAW,aAAa;CAC9B,MAAM,eAAe,iBAAiB;CAEtC,MAAM,oBAAoB,aACvB,MAAc,UAAkB;EAC/B,MAAM,SAAS,IAAI,gBAAgB,aAAa;AAChD,SAAO,IAAI,MAAM,MAAM;AACvB,MAAI,SAAS,SACX,QAAO,OAAO,OAAO;AAGvB,SAAO,OAAO,UAAU;IAE1B,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,MAAc,UAAkB;EACtD,MAAM,QAAQ,kBAAkB,MAAM,MAAM;AAC5C,SAAO,KAAK,GAAG,SAAS,GAAG,QAAQ;;AAGrC,QACE,qBAAC;EAAI,WAAW,IAAI,UAAU,UAAU;aACtC,oBAAC;GAAI,WAAU;aACb,oBAACA;IACS;IACQ;IAChB,eAAa;IACb,SAAQ;KACR;IACE,EACN,oBAAC;GAAI,WAAU;aACb,oBAACA;IACS;IACQ;IAChB,eAAa;KACb;IACE;GACF;;AAIV,8BAAe"}

package/dist/components/refinement-list/sort-products/index.d.ts

@@ -5,12 +5,14 @@ type SortOptions = 'price_asc' | 'price_desc' | 'created_at';
 type SortProductsProps = {
   sortBy: SortOptions;
   setQueryParams: (name: string, value: SortOptions) => void;
+  variant?: 'radio' | 'dropdown';
   'data-testid'?: string;
 };
 declare const SortProducts: ({
   "data-testid": dataTestId,
   sortBy,
-  setQueryParams
+  setQueryParams,
+  variant
 }: SortProductsProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { SortOptions, SortProducts as default };

package/dist/components/refinement-list/sort-products/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/refinement-list/sort-products/index.tsx"],"sourcesContent":[],"mappings":";;;KAIY,WAAA;KAEP,iBAAA;UACK;EAHE,cAAW,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAIiB,WAJjB,EAAA,GAAA,IAAA;EAElB,aAAA,CAAA,EAAA,MAAiB;AAE6B,CAAA;cAmB7C,YAAgB,EAAA,CAAA;EAAA,aAAA,EAAA,UAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAInB,iBAJmB,EAAA,GAIF,mBAAA,CAAA,GAAA,CAAA,OAJE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/refinement-list/sort-products/index.tsx"],"sourcesContent":[],"mappings":";;;KAKY,WAAA;KAEP,iBAAA;UACK;EAHE,cAAW,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAIiB,WAJjB,EAAA,GAAA,IAAA;EAElB,OAAA,CAAA,EAAA,OAAA,GAAiB,UAAA;EAsBhB,aAAA,CAAA,EAwCL,MAAA;CAxCqB;cAAhB,YAAgB,EAAA,CAAA;EAAA,aAAA,EAAA,UAAA;EAAA,MAAA;EAAA,cAAA;EAAA;AAAA,CAAA,EAKnB,iBALmB,EAAA,GAKF,mBAAA,CAAA,GAAA,CAAA,OALE"}

package/dist/components/refinement-list/sort-products/index.js

@@ -2,6 +2,7 @@
 
 import { jsx } from "react/jsx-runtime";
 import { FilterRadioGroup } from "@gfed-medusa/sf-lib-ui/components/filter-radio-group";
+import NativeSelect from "@gfed-medusa/sf-lib-ui/components/native-select";
 
 //#region src/components/refinement-list/sort-products/index.tsx
 const sortOptions = [
@@ -18,10 +19,25 @@ const sortOptions = [
 		label: "Price: High -> Low"
 	}
 ];
-const SortProducts = ({ "data-testid": dataTestId, sortBy, setQueryParams }) => {
+const SortProducts = ({ "data-testid": dataTestId, sortBy, setQueryParams, variant = "radio" }) => {
 	const handleChange = (value) => {
 		setQueryParams("sortBy", value);
 	};
+	if (variant === "dropdown") return /* @__PURE__ */ jsx("div", {
+		className: "w-fit max-w-full",
+		children: /* @__PURE__ */ jsx(NativeSelect, {
+			"aria-label": "Sort products",
+			placeholder: "Sort by",
+			value: sortBy,
+			className: "xsmall:w-[280px] w-[220px] max-w-full",
+			onChange: (event) => handleChange(event.target.value),
+			"data-testid": dataTestId,
+			children: sortOptions.map((option) => /* @__PURE__ */ jsx("option", {
+				value: option.value,
+				children: option.label
+			}, option.value))
+		})
+	});
 	return /* @__PURE__ */ jsx(FilterRadioGroup, {
 		title: "Sort by",
 		items: sortOptions,

package/dist/components/refinement-list/sort-products/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/refinement-list/sort-products/index.tsx"],"sourcesContent":["'use client';\n\nimport { FilterRadioGroup } from '@gfed-medusa/sf-lib-ui/components/filter-radio-group';\n\nexport type SortOptions = 'price_asc' | 'price_desc' | 'created_at';\n\ntype SortProductsProps = {\n  sortBy: SortOptions;\n  setQueryParams: (name: string, value: SortOptions) => void;\n  'data-testid'?: string;\n};\n\nconst sortOptions = [\n  {\n    value: 'created_at',\n    label: 'Latest Arrivals',\n  },\n  {\n    value: 'price_asc',\n    label: 'Price: Low -> High',\n  },\n  {\n    value: 'price_desc',\n    label: 'Price: High -> Low',\n  },\n];\n\nconst SortProducts = ({\n  'data-testid': dataTestId,\n  sortBy,\n  setQueryParams,\n}: SortProductsProps) => {\n  const handleChange = (value: SortOptions) => {\n    setQueryParams('sortBy', value);\n  };\n\n  return (\n    <FilterRadioGroup\n      title=\"Sort by\"\n      items={sortOptions}\n      value={sortBy}\n      handleChange={handleChange}\n      data-testid={dataTestId}\n    />\n  );\n};\n\nexport default SortProducts;\n"],"mappings":";;;;;;AAYA,MAAM,cAAc;CAClB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,MAAM,gBAAgB,EACpB,eAAe,YACf,QACA,qBACuB;CACvB,MAAM,gBAAgB,UAAuB;AAC3C,iBAAe,UAAU,MAAM;;AAGjC,QACE,oBAAC;EACC,OAAM;EACN,OAAO;EACP,OAAO;EACO;EACd,eAAa;GACb;;AAIN,4BAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/refinement-list/sort-products/index.tsx"],"sourcesContent":["'use client';\n\nimport { FilterRadioGroup } from '@gfed-medusa/sf-lib-ui/components/filter-radio-group';\nimport NativeSelect from '@gfed-medusa/sf-lib-ui/components/native-select';\n\nexport type SortOptions = 'price_asc' | 'price_desc' | 'created_at';\n\ntype SortProductsProps = {\n  sortBy: SortOptions;\n  setQueryParams: (name: string, value: SortOptions) => void;\n  variant?: 'radio' | 'dropdown';\n  'data-testid'?: string;\n};\n\nconst sortOptions = [\n  {\n    value: 'created_at',\n    label: 'Latest Arrivals',\n  },\n  {\n    value: 'price_asc',\n    label: 'Price: Low -> High',\n  },\n  {\n    value: 'price_desc',\n    label: 'Price: High -> Low',\n  },\n];\n\nconst SortProducts = ({\n  'data-testid': dataTestId,\n  sortBy,\n  setQueryParams,\n  variant = 'radio',\n}: SortProductsProps) => {\n  const handleChange = (value: SortOptions) => {\n    setQueryParams('sortBy', value);\n  };\n\n  if (variant === 'dropdown') {\n    return (\n      <div className=\"w-fit max-w-full\">\n        <NativeSelect\n          aria-label=\"Sort products\"\n          placeholder=\"Sort by\"\n          value={sortBy}\n          className=\"xsmall:w-[280px] w-[220px] max-w-full\"\n          onChange={(event) => handleChange(event.target.value as SortOptions)}\n          data-testid={dataTestId}\n        >\n          {sortOptions.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </NativeSelect>\n      </div>\n    );\n  }\n\n  return (\n    <FilterRadioGroup\n      title=\"Sort by\"\n      items={sortOptions}\n      value={sortBy}\n      handleChange={handleChange}\n      data-testid={dataTestId}\n    />\n  );\n};\n\nexport default SortProducts;\n"],"mappings":";;;;;;;AAcA,MAAM,cAAc;CAClB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,MAAM,gBAAgB,EACpB,eAAe,YACf,QACA,gBACA,UAAU,cACa;CACvB,MAAM,gBAAgB,UAAuB;AAC3C,iBAAe,UAAU,MAAM;;AAGjC,KAAI,YAAY,WACd,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GACC,cAAW;GACX,aAAY;GACZ,OAAO;GACP,WAAU;GACV,WAAW,UAAU,aAAa,MAAM,OAAO,MAAqB;GACpE,eAAa;aAEZ,YAAY,KAAK,WAChB,oBAAC;IAA0B,OAAO,OAAO;cACtC,OAAO;MADG,OAAO,MAEX,CACT;IACW;GACX;AAIV,QACE,oBAAC;EACC,OAAM;EACN,OAAO;EACP,OAAO;EACO;EACd,eAAa;GACb;;AAIN,4BAAe"}

package/dist/components/related-products/index.d.ts

@@ -1,5 +1,5 @@
 import { Product } from "../../types/graphql.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/related-products/index.d.ts
 type RelatedProductsProps = {
@@ -9,7 +9,7 @@ type RelatedProductsProps = {
 declare function RelatedProducts({
   product,
   countryCode
-}: RelatedProductsProps): Promise<react_jsx_runtime12.JSX.Element | null>;
+}: RelatedProductsProps): Promise<react_jsx_runtime1.JSX.Element | null>;
 //#endregion
 export { RelatedProducts as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/related-products/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/related-products/index.tsx"],"sourcesContent":[],"mappings":";;;;KASK,oBAAA;WACM;;AAHc,CAAA;AAOK,iBAAA,eAAA,CAAe;EAAA,OAAA;EAAA;AAAA,CAAA,EAG1C,oBAH0C,CAAA,EAGtB,OAHsB,CAGtB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAHsB,IAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/related-products/index.tsx"],"sourcesContent":[],"mappings":";;;;KASK,oBAAA;WACM;;AAHc,CAAA;AAOK,iBAAA,eAAA,CAAe;EAAA,OAAA;EAAA;AAAA,CAAA,EAG1C,oBAH0C,CAAA,EAGtB,OAHsB,CAGtB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAHsB,IAAA,CAAA"}

package/dist/components/skeleton-product-grid/index.d.ts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/skeleton-product-grid/index.d.ts
 declare const SkeletonProductGrid: ({
   numberOfProducts
 }: {
   numberOfProducts?: number;
-}) => react_jsx_runtime13.JSX.Element;
+}) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SkeletonProductGrid as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton-product-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/skeleton-product-grid/index.tsx"],"sourcesContent":[],"mappings":";;;cAGM;;;;MAIL,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/skeleton-product-grid/index.tsx"],"sourcesContent":[],"mappings":";;;cAGM;;;;MAIL,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/skeleton-product-preview/index.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/skeleton-product-preview/index.d.ts
-declare const SkeletonProductPreview: () => react_jsx_runtime7.JSX.Element;
+declare const SkeletonProductPreview: () => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { SkeletonProductPreview as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton-related-products/index.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/skeleton-related-products/index.d.ts
-declare const SkeletonRelatedProducts: () => react_jsx_runtime14.JSX.Element;
+declare const SkeletonRelatedProducts: () => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SkeletonRelatedProducts as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton-related-products/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/skeleton-related-products/index.tsx"],"sourcesContent":[],"mappings":";;;cAGM,+BAAuB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/skeleton-related-products/index.tsx"],"sourcesContent":[],"mappings":";;;cAGM,+BAAuB,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,8 +1,15 @@
-import { GetProductsQuery, GetProductsQueryVariables, Product } from "../../types/graphql.js";
+import { BrowseProductHitFragment, GetProductsQuery, GetProductsQueryVariables, Product } from "../../types/graphql.js";
 import { PricingProduct, SortOptions } from "../../types/index.js";
 import { StorefrontContext } from "@gfed-medusa/sf-lib-common/lib/data/context";
 
 //#region src/lib/data/products.d.ts
+type BrowseProductsListItem = BrowseProductHitFragment;
+type BrowseProductsListParams = {
+  limit?: number;
+  collection_id?: string[];
+  category_id?: string[];
+  id?: string[];
+};
 declare const listProducts: ({
   countryCode,
   regionId,
@@ -44,11 +51,6 @@ declare const retrieveProductPricing: ({
   id: string;
   regionId: string;
 }, ctx: StorefrontContext) => Promise<PricingProduct | null>;
-/**
- * Price sorting is still handled locally, so it fetches a larger result set and
- * slices it after sorting. For the default created_at sort, fetch only the
- * requested page to avoid downloading unused products.
- */
 declare const listProductsWithSort: ({
   page,
   queryParams,
@@ -56,17 +58,17 @@ declare const listProductsWithSort: ({
   countryCode
 }: {
   page?: number;
-  queryParams?: GetProductsQueryVariables;
+  queryParams?: BrowseProductsListParams;
   sortBy?: SortOptions;
   countryCode: string;
 }, ctx: StorefrontContext) => Promise<{
   response: {
-    products: Product[];
+    products: BrowseProductsListItem[];
     count: number;
   };
   nextPage: number | null;
-  queryParams?: GetProductsQueryVariables;
+  queryParams?: BrowseProductsListParams;
 }>;
 //#endregion
-export { listProducts, listProductsPreview, listProductsWithSort, retrieveProductPricing };
+export { BrowseProductsListItem, BrowseProductsListParams, listProducts, listProductsPreview, listProductsWithSort, retrieveProductPricing };
 //# sourceMappingURL=products.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"products.d.ts","names":[],"sources":["../../../src/lib/data/products.ts"],"sourcesContent":[],"mappings":";;;;;cA0Ba;;;;;;EAAA,WAAA,CAAA,EAOK,yBA4DjB;EAlEC,WAAA,CAAA,EAAA,MAAA;EAAA,QAAA,CAAA,EAAA,MAAA;CAAA,EAAA,GAAA,EAUK,iBAVL,EAAA,GAWC,OAXD,CAAA;EAMgB,QAAA,EAAA;IAIX,QAAA,EAGO,gBAHP,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,GAAA,EAAA;IAGO,KAAA,EAAA,MAAA;EAIE,CAAA;EANb,QAAA,EAAA,MAAA,GAAA,IAAA;EAAO,WAAA,CAAA,EAMM,yBANN;AAyDV,CAAA,CAAA;AACE,cADW,mBACX,EAAA,CAAA;EAAA,WAAA;EAAA,QAAA;EAAA;CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAMgB,yBANhB;EAMgB,WAAA,CAAA,EAAA,MAAA;EAIX,QAAA,CAAA,EAAA,MAAA;CAGO,EAAA,GAAA,EAHP,iBAGO,EAAA,GAFX,OAEW,CAAA;EAIE,QAAA,EAAA;IANb,QAAA,EAEW,OAFX,EAAA,GAAA,EAAA;IAAO,KAAA,EAAA,MAAA;EAyDG,CAAA;EACX,QAAA,EAAA,MAAA,GAAA,IAAA;EAAA,WAAA,CAAA,EApDc,yBAoDd;CAOK,CAAA;AACI,cATE,sBASF,EAAA,CAAA;EAAA,EAAA;EAAA;AA8BX,CA9BW,EAAA;EAAR,EAAA,EAAA,MAAA;EAAO,QAAA,EAAA,MAAA;AA8BV,CAAA,EAAA,GAAa,EA/BN,iBA+BM,EAiFZ,GA/GE,OA+GF,CA/GU,cA+GV,GAAA,IAAA,CAAA;;;;;;AAxEY,cATA,oBASA,EAAA,CAAA;EAAA,IAAA;EAAA,WAAA;EAAA,MAAA;EAAA;CAAA,EAAA;EAGN,IAAA,CAAA,EAAA,MAAA;EAEiB,WAAA,CAAA,EANN,yBAMM;EAER,MAAA,CAAA,EAPH,WAOG;EAHb,WAAA,EAAA,MAAA;CAAO,EAAA,GAAA,EADH,iBACG,EAAA,GAAP,OAAO,CAAA;;cACc;;;;gBAER"}
+{"version":3,"file":"products.d.ts","names":[],"sources":["../../../src/lib/data/products.ts"],"sourcesContent":[],"mappings":";;;;;KAkCY,sBAAA,GAAyB;KAEzB,wBAAA;EAFA,KAAA,CAAA,EAAA,MAAA;EAEA,aAAA,CAAA,EAAA,MAAA,EAAA;EA6PC,WAAA,CAAA,EAAA,MAmEZ,EAAA;EAlEC,EAAA,CAAA,EAAA,MAAA,EAAA;CAAA;AAAA,cADW,YACX,EAAA,CAAA;EAAA,WAAA;EAAA,QAAA;EAAA;CAAA,EAAA;EAMgB,SAAA,CAAA,EAAA,MAAA;EAIX,WAAA,CAAA,EAJW,yBAIX;EAGO,WAAA,CAAA,EAAA,MAAA;EAIE,QAAA,CAAA,EAAA,MAAA;CANb,EAAA,GAAA,EADI,iBACJ,EAAA,GAAA,OAAA,CAAA;EAAO,QAAA,EAAA;IAyDG,QAAA,EAvDC,gBA0Hb,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,GAAA,EAAA;IAlEC,KAAA,EAAA,MAAA;EAAA,CAAA;EAAA,QAAA,EAAA,MAAA,GAAA,IAAA;EAMgB,WAAA,CAAA,EA1DF,yBA0DE;CAIX,CAAA;AAGO,cAdD,mBAcC,EAAA,CAAA;EAAA,WAAA;EAAA,QAAA;EAAA;CAAA,EAAA;EAIE,SAAA,CAAA,EAAA,MAAA;EANb,WAAA,CAAA,EALe,yBAKf;EAAO,WAAA,CAAA,EAAA,MAAA;EAyDG,QAAA,CAAA,EAAA,MAAA;CACX,EAAA,GAAA,EA3DK,iBA2DL,EAAA,GA1DC,OA0DD,CAAA;EAAA,QAAA,EAAA;IAOK,QAAA,EA/DO,OA+DP,EAAA,GAAA,EAAA;IACI,KAAA,EAAA,MAAA;EAAR,CAAA;EAAO,QAAA,EAAA,MAAA,GAAA,IAAA;EAyBG,WAAA,CAAA,EArFG,yBA2Lf;CArGC,CAAA;AAAA,cAnCW,sBAmCX,EAAA,CAAA;EAAA,EAAA;EAAA;CAAA,EAAA;EAAA,EAAA,EAAA,MAAA;EAAA,QAAA,EAAA,MAAA;CAOgB,EAAA,GAAA,EAlCX,iBAkCW,EAAA,GAjCf,OAiCe,CAjCP,cAiCO,GAAA,IAAA,CAAA;AACL,cATA,oBASA,EAAA,CAAA;EAAA,IAAA;EAAA,WAAA;EAAA,MAAA;EAAA;CAAA,EAAA;EAGN,IAAA,CAAA,EAAA,MAAA;EAEiB,WAAA,CAAA,EANN,wBAMM;EAER,MAAA,CAAA,EAPH,WAOG;EAHb,WAAA,EAAA,MAAA;CAAO,EAAA,GAAA,EADH,iBACG,EAAA,GAAP,OAAO,CAAA;;cACc;;;;gBAER"}