@gfed-medusa/sf-lib-common 3.3.3 → 3.3.5

package/dist/components/breadcrumbs/index.js

@@ -22,11 +22,15 @@ const createBreadcrumbItems = (segments) => [{
 const isLocaleCode = (segment) => /^[a-zA-Z]{2}(-[a-zA-Z]{2})?$/.test(segment);
 const getPathSegments = (pathname) => {
 	const segments = pathname.split("/").filter(Boolean);
-	if (segments.length > 0 && isLocaleCode(segments[0] ?? "")) segments.shift();
+	if (segments.length > 0 && isLocaleCode(segments[0] ?? "")) {
+		segments.shift();
+	}
 	return segments;
 };
 function Breadcrumbs({ iconClassName, iconSize, separatorIcon }) {
-	const breadcrumbItems = createBreadcrumbItems(getPathSegments(usePathname()));
+	const pathname = usePathname();
+	const pathSegments = getPathSegments(pathname);
+	const breadcrumbItems = createBreadcrumbItems(pathSegments);
 	const SeparatorIcon = separatorIcon ? SEPARATOR_ICONS[separatorIcon] : null;
 	return /* @__PURE__ */ jsx(Breadcrumb, {
 		className: "mt-3",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SEPARATOR_ICONS: Record<\n  string,\n  React.ComponentType<{ size?: number; className?: string }>\n>","segments: string[]"],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { usePathname } from 'next/navigation';\n\nimport { SlashIcon, Tally1 } from 'lucide-react';\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@gfed-medusa/sf-lib-ui/components/breadcrumb';\n\nconst SEPARATOR_ICONS: Record<\n  string,\n  React.ComponentType<{ size?: number; className?: string }>\n> = {\n  verticalLine: Tally1,\n  slash: SlashIcon,\n};\n\ninterface BreadcrumbsProps {\n  separatorIcon?: keyof typeof SEPARATOR_ICONS;\n  iconSize?: number;\n  iconClassName?: string;\n}\n\nconst formatSegmentLabel = (segment: string): string =>\n  segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, ' ');\n\nconst createBreadcrumbItems = (segments: string[]) => [\n  { label: 'Home', href: '/' },\n  ...segments.map((segment, index) => ({\n    href: '/' + segments.slice(0, index + 1).join('/'),\n    label: formatSegmentLabel(segment),\n  })),\n];\n\n// Helper function to check if a string is a locale code (e.g., 'en', 'en-US')\nconst isLocaleCode = (segment: string): boolean =>\n  /^[a-zA-Z]{2}(-[a-zA-Z]{2})?$/.test(segment);\n\nconst getPathSegments = (pathname: string): string[] => {\n  const segments: string[] = pathname.split('/').filter(Boolean);\n\n  if (segments.length > 0 && isLocaleCode(segments[0] ?? '')) {\n    segments.shift();\n  }\n\n  return segments;\n};\n\nfunction Breadcrumbs({\n  iconClassName,\n  iconSize,\n  separatorIcon,\n}: BreadcrumbsProps) {\n  const pathname = usePathname();\n  const pathSegments = getPathSegments(pathname);\n  const breadcrumbItems = createBreadcrumbItems(pathSegments);\n  const SeparatorIcon = separatorIcon ? SEPARATOR_ICONS[separatorIcon] : null;\n\n  return (\n    <Breadcrumb className=\"mt-3\">\n      <BreadcrumbList className=\"lg:gap-6\">\n        {breadcrumbItems.map((item, index) => {\n          const isLast = index === breadcrumbItems.length - 1;\n\n          return (\n            <Fragment key={item.href}>\n              <BreadcrumbItem className=\"text-sm\">\n                {isLast ? (\n                  <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && (\n                <BreadcrumbSeparator>\n                  {SeparatorIcon && (\n                    <SeparatorIcon size={iconSize} className={iconClassName} />\n                  )}\n                </BreadcrumbSeparator>\n              )}\n            </Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\nexport { Breadcrumbs };\n"],"mappings":";;;;;;;;;AAiBA,MAAMA,kBAGF;CACF,cAAc;CACd,OAAO;CACR;AAQD,MAAM,sBAAsB,YAC1B,QAAQ,OAAO,EAAE,CAAC,aAAa,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,MAAM,IAAI;AAEvE,MAAM,yBAAyB,aAAuB,CACpD;CAAE,OAAO;CAAQ,MAAM;CAAK,EAC5B,GAAG,SAAS,KAAK,SAAS,WAAW;CACnC,MAAM,MAAM,SAAS,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;CAClD,OAAO,mBAAmB,QAAQ;CACnC,EAAE,CACJ;AAGD,MAAM,gBAAgB,YACpB,+BAA+B,KAAK,QAAQ;AAE9C,MAAM,mBAAmB,aAA+B;CACtD,MAAMC,WAAqB,SAAS,MAAM,IAAI,CAAC,OAAO,QAAQ;AAE9D,KAAI,SAAS,SAAS,KAAK,aAAa,SAAS,MAAM,GAAG,CACxD,UAAS,OAAO;AAGlB,QAAO;;AAGT,SAAS,YAAY,EACnB,eACA,UACA,iBACmB;CAGnB,MAAM,kBAAkB,sBADH,gBADJ,aAAa,CACgB,CACa;CAC3D,MAAM,gBAAgB,gBAAgB,gBAAgB,iBAAiB;AAEvE,QACE,oBAAC;EAAW,WAAU;YACpB,oBAAC;GAAe,WAAU;aACvB,gBAAgB,KAAK,MAAM,UAAU;IACpC,MAAM,SAAS,UAAU,gBAAgB,SAAS;AAElD,WACE,qBAAC,uBACC,oBAAC;KAAe,WAAU;eACvB,SACC,oBAAC,4BAAgB,KAAK,QAAuB,GAE7C,oBAAC;MAAe,MAAM,KAAK;gBAAO,KAAK;OAAuB;MAEjD,EAChB,CAAC,UACA,oBAAC,iCACE,iBACC,oBAAC;KAAc,MAAM;KAAU,WAAW;MAAiB,GAEzC,KAbX,KAAK,KAeT;KAEb;IACa;GACN"}
+{"version":3,"file":"index.js","names":["SEPARATOR_ICONS: Record<\n  string,\n  React.ComponentType<{ size?: number; className?: string }>\n>","segments: string[]"],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { usePathname } from 'next/navigation';\n\nimport { SlashIcon, Tally1 } from 'lucide-react';\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@gfed-medusa/sf-lib-ui/components/breadcrumb';\n\nconst SEPARATOR_ICONS: Record<\n  string,\n  React.ComponentType<{ size?: number; className?: string }>\n> = {\n  verticalLine: Tally1,\n  slash: SlashIcon,\n};\n\ninterface BreadcrumbsProps {\n  separatorIcon?: keyof typeof SEPARATOR_ICONS;\n  iconSize?: number;\n  iconClassName?: string;\n}\n\nconst formatSegmentLabel = (segment: string): string =>\n  segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, ' ');\n\nconst createBreadcrumbItems = (segments: string[]) => [\n  { label: 'Home', href: '/' },\n  ...segments.map((segment, index) => ({\n    href: '/' + segments.slice(0, index + 1).join('/'),\n    label: formatSegmentLabel(segment),\n  })),\n];\n\n// Helper function to check if a string is a locale code (e.g., 'en', 'en-US')\nconst isLocaleCode = (segment: string): boolean =>\n  /^[a-zA-Z]{2}(-[a-zA-Z]{2})?$/.test(segment);\n\nconst getPathSegments = (pathname: string): string[] => {\n  const segments: string[] = pathname.split('/').filter(Boolean);\n\n  if (segments.length > 0 && isLocaleCode(segments[0] ?? '')) {\n    segments.shift();\n  }\n\n  return segments;\n};\n\nfunction Breadcrumbs({\n  iconClassName,\n  iconSize,\n  separatorIcon,\n}: BreadcrumbsProps) {\n  const pathname = usePathname();\n  const pathSegments = getPathSegments(pathname);\n  const breadcrumbItems = createBreadcrumbItems(pathSegments);\n  const SeparatorIcon = separatorIcon ? SEPARATOR_ICONS[separatorIcon] : null;\n\n  return (\n    <Breadcrumb className=\"mt-3\">\n      <BreadcrumbList className=\"lg:gap-6\">\n        {breadcrumbItems.map((item, index) => {\n          const isLast = index === breadcrumbItems.length - 1;\n\n          return (\n            <Fragment key={item.href}>\n              <BreadcrumbItem className=\"text-sm\">\n                {isLast ? (\n                  <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && (\n                <BreadcrumbSeparator>\n                  {SeparatorIcon && (\n                    <SeparatorIcon size={iconSize} className={iconClassName} />\n                  )}\n                </BreadcrumbSeparator>\n              )}\n            </Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\nexport { Breadcrumbs };\n"],"mappings":";;;;;;;;;AAiBA,MAAMA,kBAGF;CACF,cAAc;CACd,OAAO;CACR;AAQD,MAAM,sBAAsB,YAC1B,QAAQ,OAAO,EAAE,CAAC,aAAa,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,MAAM,IAAI;AAEvE,MAAM,yBAAyB,aAAuB,CACpD;CAAE,OAAO;CAAQ,MAAM;CAAK,EAC5B,GAAG,SAAS,KAAK,SAAS,WAAW;CACnC,MAAM,MAAM,SAAS,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;CAClD,OAAO,mBAAmB,QAAQ;CACnC,EAAE,CACJ;AAGD,MAAM,gBAAgB,YACpB,+BAA+B,KAAK,QAAQ;AAE9C,MAAM,mBAAmB,aAA+B;CACtD,MAAMC,WAAqB,SAAS,MAAM,IAAI,CAAC,OAAO,QAAQ;AAE9D,KAAI,SAAS,SAAS,KAAK,aAAa,SAAS,MAAM,GAAG,EAAE;AAC1D,WAAS,OAAO;;AAGlB,QAAO;;AAGT,SAAS,YAAY,EACnB,eACA,UACA,iBACmB;CACnB,MAAM,WAAW,aAAa;CAC9B,MAAM,eAAe,gBAAgB,SAAS;CAC9C,MAAM,kBAAkB,sBAAsB,aAAa;CAC3D,MAAM,gBAAgB,gBAAgB,gBAAgB,iBAAiB;AAEvE,QACE,oBAAC;EAAW,WAAU;YACpB,oBAAC;GAAe,WAAU;aACvB,gBAAgB,KAAK,MAAM,UAAU;IACpC,MAAM,SAAS,UAAU,gBAAgB,SAAS;AAElD,WACE,qBAAC,uBACC,oBAAC;KAAe,WAAU;eACvB,SACC,oBAAC,4BAAgB,KAAK,QAAuB,GAE7C,oBAAC;MAAe,MAAM,KAAK;gBAAO,KAAK;OAAuB;MAEjD,EAChB,CAAC,UACA,oBAAC,iCACE,iBACC,oBAAC;KAAc,MAAM;KAAU,WAAW;MAAiB,GAEzC,KAbX,KAAK,KAeT;KAEb;IACa;GACN"}

package/dist/components/cart-mismatch-banner/index.d.ts

@@ -1,11 +1,11 @@
 import { Cart, Customer } from "../../types/graphql.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/cart-mismatch-banner/index.d.ts
 declare function CartMismatchBanner(props: {
   customer: Customer;
   cart: Cart;
-}): react_jsx_runtime4.JSX.Element | undefined;
+}): react_jsx_runtime11.JSX.Element | undefined;
 //#endregion
 export { CartMismatchBanner };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/cart-mismatch-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/cart-mismatch-banner/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAYS,kBAAA;YAAsC;EAAtC,IAAA,EAAsD,IAAtD;CAAsC,CAAA,EAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAtB,SAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/cart-mismatch-banner/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAYS,kBAAA;YAAsC;EAAtC,IAAA,EAAsD,IAAtD;CAAsC,CAAA,EAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAtB,SAAA"}

package/dist/components/cart-mismatch-banner/index.js

@@ -12,13 +12,22 @@ function CartMismatchBanner(props) {
 	const { customer, cart } = props;
 	const [isPending, setIsPending] = useState(false);
 	const [actionText, setActionText] = useState("Run transfer again");
+	const [transferComplete, setTransferComplete] = useState(false);
 	const ctx = useStorefrontContext();
-	if (!customer || !!cart.customerId) return;
+	if (!customer || !!cart.customerId || transferComplete) {
+		return;
+	}
 	const handleSubmit = async () => {
 		try {
 			setIsPending(true);
 			setActionText("Transferring..");
-			await transferCart(ctx);
+			const result = await transferCart(ctx);
+			setIsPending(false);
+			if (result?.customerId) {
+				setTransferComplete(true);
+			} else {
+				setActionText("Run transfer again");
+			}
 		} catch {
 			setActionText("Run transfer again");
 			setIsPending(false);

package/dist/components/cart-mismatch-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/cart-mismatch-banner/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { ExclamationCircleSolid } from '@medusajs/icons';\nimport { Button } from '@medusajs/ui';\n\nimport { useStorefrontContext } from '@/lib/data/context';\nimport { transferCart } from '@/lib/data/customer';\nimport { Customer } from '@/types/graphql';\nimport { Cart } from '@/types/graphql';\n\nfunction CartMismatchBanner(props: { customer: Customer; cart: Cart }) {\n  const { customer, cart } = props;\n  const [isPending, setIsPending] = useState(false);\n  const [actionText, setActionText] = useState('Run transfer again');\n  const ctx = useStorefrontContext();\n\n  if (!customer || !!cart.customerId) {\n    return;\n  }\n\n  const handleSubmit = async () => {\n    try {\n      setIsPending(true);\n      setActionText('Transferring..');\n\n      await transferCart(ctx);\n    } catch {\n      setActionText('Run transfer again');\n      setIsPending(false);\n    }\n  };\n\n  return (\n    <div className=\"small:gap-2 small:p-4 mt-2 flex items-center justify-center gap-1 bg-orange-300 p-2 text-center text-sm text-orange-800\">\n      <div className=\"small:flex-row small:gap-2 flex flex-col items-center gap-1\">\n        <span className=\"flex items-center gap-1\">\n          <ExclamationCircleSolid className=\"inline\" />\n          Something went wrong when we tried to transfer your cart\n        </span>\n\n        <span>·</span>\n\n        <Button\n          variant=\"transparent\"\n          className=\"bg-transparent p-0 text-orange-950 hover:bg-transparent focus:bg-transparent active:bg-transparent disabled:text-orange-500\"\n          size=\"base\"\n          disabled={isPending}\n          onClick={handleSubmit}\n        >\n          {actionText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport { CartMismatchBanner };\n"],"mappings":";;;;;;;;;;AAYA,SAAS,mBAAmB,OAA2C;CACrE,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAAS,qBAAqB;CAClE,MAAM,MAAM,sBAAsB;AAElC,KAAI,CAAC,YAAY,CAAC,CAAC,KAAK,WACtB;CAGF,MAAM,eAAe,YAAY;AAC/B,MAAI;AACF,gBAAa,KAAK;AAClB,iBAAc,iBAAiB;AAE/B,SAAM,aAAa,IAAI;UACjB;AACN,iBAAc,qBAAqB;AACnC,gBAAa,MAAM;;;AAIvB,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAK,WAAU;gBACd,oBAAC,0BAAuB,WAAU,WAAW;MAExC;IAEP,oBAAC,oBAAK,MAAQ;IAEd,oBAAC;KACC,SAAQ;KACR,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;eAER;MACM;;IACL;GACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/cart-mismatch-banner/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { ExclamationCircleSolid } from '@medusajs/icons';\nimport { Button } from '@medusajs/ui';\n\nimport { useStorefrontContext } from '@/lib/data/context';\nimport { transferCart } from '@/lib/data/customer';\nimport { Customer } from '@/types/graphql';\nimport { Cart } from '@/types/graphql';\n\nfunction CartMismatchBanner(props: { customer: Customer; cart: Cart }) {\n  const { customer, cart } = props;\n  const [isPending, setIsPending] = useState(false);\n  const [actionText, setActionText] = useState('Run transfer again');\n  const [transferComplete, setTransferComplete] = useState(false);\n  const ctx = useStorefrontContext();\n\n  if (!customer || !!cart.customerId || transferComplete) {\n    return;\n  }\n\n  const handleSubmit = async () => {\n    try {\n      setIsPending(true);\n      setActionText('Transferring..');\n\n      const result = await transferCart(ctx);\n\n      setIsPending(false);\n      if (result?.customerId) {\n        setTransferComplete(true);\n      } else {\n        setActionText('Run transfer again');\n      }\n    } catch {\n      setActionText('Run transfer again');\n      setIsPending(false);\n    }\n  };\n\n  return (\n    <div className=\"small:gap-2 small:p-4 mt-2 flex items-center justify-center gap-1 bg-orange-300 p-2 text-center text-sm text-orange-800\">\n      <div className=\"small:flex-row small:gap-2 flex flex-col items-center gap-1\">\n        <span className=\"flex items-center gap-1\">\n          <ExclamationCircleSolid className=\"inline\" />\n          Something went wrong when we tried to transfer your cart\n        </span>\n\n        <span>·</span>\n\n        <Button\n          variant=\"transparent\"\n          className=\"bg-transparent p-0 text-orange-950 hover:bg-transparent focus:bg-transparent active:bg-transparent disabled:text-orange-500\"\n          size=\"base\"\n          disabled={isPending}\n          onClick={handleSubmit}\n        >\n          {actionText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport { CartMismatchBanner };\n"],"mappings":";;;;;;;;;;AAYA,SAAS,mBAAmB,OAA2C;CACrE,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAAS,qBAAqB;CAClE,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,MAAM,sBAAsB;AAElC,KAAI,CAAC,YAAY,CAAC,CAAC,KAAK,cAAc,kBAAkB;AACtD;;CAGF,MAAM,eAAe,YAAY;AAC/B,MAAI;AACF,gBAAa,KAAK;AAClB,iBAAc,iBAAiB;GAE/B,MAAM,SAAS,MAAM,aAAa,IAAI;AAEtC,gBAAa,MAAM;AACnB,OAAI,QAAQ,YAAY;AACtB,wBAAoB,KAAK;UACpB;AACL,kBAAc,qBAAqB;;UAE/B;AACN,iBAAc,qBAAqB;AACnC,gBAAa,MAAM;;;AAIvB,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAK,WAAU;gBACd,oBAAC,0BAAuB,WAAU,WAAW;MAExC;IAEP,oBAAC,oBAAK,MAAQ;IAEd,oBAAC;KACC,SAAQ;KACR,WAAU;KACV,MAAK;KACL,UAAU;KACV,SAAS;eAER;MACM;;IACL;GACF"}

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

@@ -7,7 +7,9 @@ const CountrySelect = React.forwardRef(({ placeholder = "Country", region, defau
 	const innerRef = useRef(null);
 	useImperativeHandle(ref, () => innerRef.current);
 	const countryOptions = useMemo(() => {
-		if (!region) return [];
+		if (!region) {
+			return [];
+		}
 		return region.countries?.map((country) => ({
 			value: country?.iso2,
 			label: country?.displayName

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/country-select/index.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo, useRef } from 'react';\n\nimport NativeSelect, {\n  NativeSelectProps,\n} from '@gfed-medusa/sf-lib-ui/components/native-select';\n\nimport { Region } from '@/types/graphql';\n\nconst CountrySelect = React.forwardRef<\n  HTMLSelectElement,\n  NativeSelectProps & {\n    region?: Region | null;\n  }\n>(({ placeholder = 'Country', region, defaultValue, ...props }, ref) => {\n  const innerRef = useRef<HTMLSelectElement>(null);\n\n  useImperativeHandle<HTMLSelectElement | null, HTMLSelectElement | null>(\n    ref,\n    () => innerRef.current\n  );\n\n  const countryOptions = useMemo(() => {\n    if (!region) {\n      return [];\n    }\n\n    return region.countries?.map((country) => ({\n      value: country?.iso2,\n      label: country?.displayName,\n    }));\n  }, [region]);\n\n  return (\n    <NativeSelect\n      ref={innerRef}\n      placeholder={placeholder}\n      defaultValue={defaultValue}\n      {...props}\n    >\n      {countryOptions?.map(({ value, label }, index) => (\n        <option key={index} value={value ?? ''}>\n          {label}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n});\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\n"],"mappings":";;;;;AAQA,MAAM,gBAAgB,MAAM,YAKzB,EAAE,cAAc,WAAW,QAAQ,cAAc,GAAG,SAAS,QAAQ;CACtE,MAAM,WAAW,OAA0B,KAAK;AAEhD,qBACE,WACM,SAAS,QAChB;CAED,MAAM,iBAAiB,cAAc;AACnC,MAAI,CAAC,OACH,QAAO,EAAE;AAGX,SAAO,OAAO,WAAW,KAAK,aAAa;GACzC,OAAO,SAAS;GAChB,OAAO,SAAS;GACjB,EAAE;IACF,CAAC,OAAO,CAAC;AAEZ,QACE,oBAAC;EACC,KAAK;EACQ;EACC;EACd,GAAI;YAEH,gBAAgB,KAAK,EAAE,OAAO,SAAS,UACtC,oBAAC;GAAmB,OAAO,SAAS;aACjC;KADU,MAEJ,CACT;GACW;EAEjB;AAEF,cAAc,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/country-select/index.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo, useRef } from 'react';\n\nimport NativeSelect, {\n  NativeSelectProps,\n} from '@gfed-medusa/sf-lib-ui/components/native-select';\n\nimport { Region } from '@/types/graphql';\n\nconst CountrySelect = React.forwardRef<\n  HTMLSelectElement,\n  NativeSelectProps & {\n    region?: Region | null;\n  }\n>(({ placeholder = 'Country', region, defaultValue, ...props }, ref) => {\n  const innerRef = useRef<HTMLSelectElement>(null);\n\n  useImperativeHandle<HTMLSelectElement | null, HTMLSelectElement | null>(\n    ref,\n    () => innerRef.current\n  );\n\n  const countryOptions = useMemo(() => {\n    if (!region) {\n      return [];\n    }\n\n    return region.countries?.map((country) => ({\n      value: country?.iso2,\n      label: country?.displayName,\n    }));\n  }, [region]);\n\n  return (\n    <NativeSelect\n      ref={innerRef}\n      placeholder={placeholder}\n      defaultValue={defaultValue}\n      {...props}\n    >\n      {countryOptions?.map(({ value, label }, index) => (\n        <option key={index} value={value ?? ''}>\n          {label}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n});\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\n"],"mappings":";;;;;AAQA,MAAM,gBAAgB,MAAM,YAKzB,EAAE,cAAc,WAAW,QAAQ,cAAc,GAAG,SAAS,QAAQ;CACtE,MAAM,WAAW,OAA0B,KAAK;AAEhD,qBACE,WACM,SAAS,QAChB;CAED,MAAM,iBAAiB,cAAc;AACnC,MAAI,CAAC,QAAQ;AACX,UAAO,EAAE;;AAGX,SAAO,OAAO,WAAW,KAAK,aAAa;GACzC,OAAO,SAAS;GAChB,OAAO,SAAS;GACjB,EAAE;IACF,CAAC,OAAO,CAAC;AAEZ,QACE,oBAAC;EACC,KAAK;EACQ;EACC;EACd,GAAI;YAEH,gBAAgB,KAAK,EAAE,OAAO,SAAS,UACtC,oBAAC;GAAmB,OAAO,SAAS;aACjC;KADU,MAEJ,CACT;GACW;EAEjB;AAEF,cAAc,cAAc"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/delete-button/index.d.ts
 declare const DeleteButton: ({
@@ -9,7 +9,7 @@ declare const DeleteButton: ({
   id: string;
   children?: React.ReactNode;
   className?: string;
-}) => react_jsx_runtime5.JSX.Element;
+}) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { DeleteButton };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/error-message/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/error-message/index.d.ts
 declare const ErrorMessage: ({
@@ -7,7 +7,7 @@ declare const ErrorMessage: ({
 }: {
   error?: string | null;
   "data-testid"?: string;
-}) => react_jsx_runtime10.JSX.Element | null;
+}) => react_jsx_runtime12.JSX.Element | null;
 //#endregion
 export { ErrorMessage };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/error-message/index.js

@@ -2,7 +2,9 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/error-message/index.tsx
 const ErrorMessage = ({ error, "data-testid": dataTestid }) => {
-	if (!error) return null;
+	if (!error) {
+		return null;
+	}
 	return /* @__PURE__ */ jsx("div", {
 		className: "text-small-regular pt-2 text-rose-600",
 		"data-testid": dataTestid,

package/dist/components/error-message/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/error-message/index.tsx"],"sourcesContent":["const ErrorMessage = ({\n  error,\n  'data-testid': dataTestid,\n}: {\n  error?: string | null;\n  'data-testid'?: string;\n}) => {\n  if (!error) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"text-small-regular pt-2 text-rose-600\"\n      data-testid={dataTestid}\n    >\n      <span>{error}</span>\n    </div>\n  );\n};\n\nexport { ErrorMessage };\n"],"mappings":";;;AAAA,MAAM,gBAAgB,EACpB,OACA,eAAe,iBAIX;AACJ,KAAI,CAAC,MACH,QAAO;AAGT,QACE,oBAAC;EACC,WAAU;EACV,eAAa;YAEb,oBAAC,oBAAM,QAAa;GAChB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/error-message/index.tsx"],"sourcesContent":["const ErrorMessage = ({\n  error,\n  'data-testid': dataTestid,\n}: {\n  error?: string | null;\n  'data-testid'?: string;\n}) => {\n  if (!error) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"text-small-regular pt-2 text-rose-600\"\n      data-testid={dataTestid}\n    >\n      <span>{error}</span>\n    </div>\n  );\n};\n\nexport { ErrorMessage };\n"],"mappings":";;;AAAA,MAAM,gBAAgB,EACpB,OACA,eAAe,iBAIX;AACJ,KAAI,CAAC,OAAO;AACV,SAAO;;AAGT,QACE,oBAAC;EACC,WAAU;EACV,eAAa;YAEb,oBAAC,oBAAM,QAAa;GAChB"}

package/dist/components/free-shipping-price-nudge/index.d.ts

@@ -1,5 +1,5 @@
 import { Cart, ShippingOption } from "../../types/graphql.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/free-shipping-price-nudge/index.d.ts
 declare function ShippingPriceNudge({
@@ -10,7 +10,7 @@ declare function ShippingPriceNudge({
   variant?: 'popup' | 'inline';
   cart: Cart;
   shippingOptions: ShippingOption[];
-}): react_jsx_runtime7.JSX.Element | undefined;
+}): react_jsx_runtime0.JSX.Element | undefined;
 //#endregion
 export { ShippingPriceNudge };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/free-shipping-price-nudge/index.js

@@ -12,47 +12,59 @@ const computeTarget = (cart, price) => {
 	const priceRule = (price.priceRules || []).find((pr) => pr?.attribute === "item_total");
 	const currentAmount = cart.itemTotal;
 	const targetAmount = parseFloat(priceRule.value);
-	if (priceRule.operator === "gt") return {
-		current_amount: currentAmount,
-		target_amount: targetAmount,
-		target_reached: currentAmount > targetAmount,
-		target_remaining: currentAmount > targetAmount ? 0 : targetAmount + 1 - currentAmount,
-		remaining_percentage: currentAmount / targetAmount * 100
-	};
-	else if (priceRule.operator === "gte") return {
-		current_amount: currentAmount,
-		target_amount: targetAmount,
-		target_reached: currentAmount > targetAmount,
-		target_remaining: currentAmount > targetAmount ? 0 : targetAmount - currentAmount,
-		remaining_percentage: currentAmount / targetAmount * 100
-	};
-	else if (priceRule.operator === "lt") return {
-		current_amount: currentAmount,
-		target_amount: targetAmount,
-		target_reached: targetAmount > currentAmount,
-		target_remaining: targetAmount > currentAmount ? 0 : currentAmount + 1 - targetAmount,
-		remaining_percentage: currentAmount / targetAmount * 100
-	};
-	else if (priceRule.operator === "lte") return {
-		current_amount: currentAmount,
-		target_amount: targetAmount,
-		target_reached: targetAmount > currentAmount,
-		target_remaining: targetAmount > currentAmount ? 0 : currentAmount - targetAmount,
-		remaining_percentage: currentAmount / targetAmount * 100
-	};
-	else return {
-		current_amount: currentAmount,
-		target_amount: targetAmount,
-		target_reached: currentAmount === targetAmount,
-		target_remaining: targetAmount > currentAmount ? 0 : targetAmount - currentAmount,
-		remaining_percentage: currentAmount / targetAmount * 100
-	};
+	if (priceRule.operator === "gt") {
+		return {
+			current_amount: currentAmount,
+			target_amount: targetAmount,
+			target_reached: currentAmount > targetAmount,
+			target_remaining: currentAmount > targetAmount ? 0 : targetAmount + 1 - currentAmount,
+			remaining_percentage: currentAmount / targetAmount * 100
+		};
+	} else if (priceRule.operator === "gte") {
+		return {
+			current_amount: currentAmount,
+			target_amount: targetAmount,
+			target_reached: currentAmount > targetAmount,
+			target_remaining: currentAmount > targetAmount ? 0 : targetAmount - currentAmount,
+			remaining_percentage: currentAmount / targetAmount * 100
+		};
+	} else if (priceRule.operator === "lt") {
+		return {
+			current_amount: currentAmount,
+			target_amount: targetAmount,
+			target_reached: targetAmount > currentAmount,
+			target_remaining: targetAmount > currentAmount ? 0 : currentAmount + 1 - targetAmount,
+			remaining_percentage: currentAmount / targetAmount * 100
+		};
+	} else if (priceRule.operator === "lte") {
+		return {
+			current_amount: currentAmount,
+			target_amount: targetAmount,
+			target_reached: targetAmount > currentAmount,
+			target_remaining: targetAmount > currentAmount ? 0 : currentAmount - targetAmount,
+			remaining_percentage: currentAmount / targetAmount * 100
+		};
+	} else {
+		return {
+			current_amount: currentAmount,
+			target_amount: targetAmount,
+			target_reached: currentAmount === targetAmount,
+			target_remaining: targetAmount > currentAmount ? 0 : targetAmount - currentAmount,
+			remaining_percentage: currentAmount / targetAmount * 100
+		};
+	}
 };
 function ShippingPriceNudge({ variant = "inline", cart, shippingOptions }) {
-	if (!cart || !shippingOptions?.length) return;
+	if (!cart || !shippingOptions?.length) {
+		return;
+	}
 	const freeShippingPrice = shippingOptions.map((shippingOption) => {
-		if (!shippingOption.calculatedPrice) return;
-		return (shippingOption.prices ?? []).filter((price) => price !== null && price !== void 0 && price.currencyCode === cart.currencyCode && (price.priceRules || []).some((priceRule) => priceRule?.attribute === "item_total")).map((price) => {
+		const calculatedPrice = shippingOption.calculatedPrice;
+		if (!calculatedPrice) {
+			return;
+		}
+		const validCurrencyPrices = (shippingOption.prices ?? []).filter((price) => price !== null && price !== undefined && price.currencyCode === cart.currencyCode && (price.priceRules || []).some((priceRule) => priceRule?.attribute === "item_total"));
+		return validCurrencyPrices.map((price) => {
 			return {
 				...price,
 				shipping_option_id: shippingOption.id,
@@ -60,15 +72,20 @@ function ShippingPriceNudge({ variant = "inline", cart, shippingOptions }) {
 			};
 		});
 	}).flat(1).filter(Boolean).find((price) => price?.amount === 0);
-	if (!freeShippingPrice) return;
-	if (variant === "popup") return /* @__PURE__ */ jsx(FreeShippingPopup, {
-		cart,
-		price: freeShippingPrice
-	});
-	else return /* @__PURE__ */ jsx(FreeShippingInline, {
-		cart,
-		price: freeShippingPrice
-	});
+	if (!freeShippingPrice) {
+		return;
+	}
+	if (variant === "popup") {
+		return /* @__PURE__ */ jsx(FreeShippingPopup, {
+			cart,
+			price: freeShippingPrice
+		});
+	} else {
+		return /* @__PURE__ */ jsx(FreeShippingInline, {
+			cart,
+			price: freeShippingPrice
+		});
+	}
 }
 function FreeShippingInline({ cart, price }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/free-shipping-price-nudge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/free-shipping-price-nudge/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { CheckCircleSolid, XMark } from '@medusajs/icons';\nimport { Button, clx } from '@medusajs/ui';\n\nimport { convertToLocale } from '@/lib/utils/money';\nimport { Cart, ShippingOption, ShippingOptionPrice } from '@/types/graphql';\nimport { StoreFreeShippingPrice } from '@/types/prices';\n\nimport { LocalizedClientLink } from '../localized-client-link';\n\nconst computeTarget = (cart: Cart, price: ShippingOptionPrice) => {\n  const priceRule = (price.priceRules || []).find(\n    (pr) => pr?.attribute === 'item_total'\n  )!;\n\n  const currentAmount = cart.itemTotal;\n  const targetAmount = parseFloat(priceRule.value);\n\n  if (priceRule.operator === 'gt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount + 1 - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'gte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount + 1 - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount === targetAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  }\n};\n\nfunction ShippingPriceNudge({\n  variant = 'inline',\n  cart,\n  shippingOptions,\n}: {\n  variant?: 'popup' | 'inline';\n  cart: Cart;\n  shippingOptions: ShippingOption[];\n}) {\n  if (!cart || !shippingOptions?.length) {\n    return;\n  }\n\n  // Check if any shipping options have a conditional price based on item_total\n  const freeShippingPrice = shippingOptions\n    .map((shippingOption) => {\n      const calculatedPrice = shippingOption.calculatedPrice;\n\n      if (!calculatedPrice) {\n        return;\n      }\n\n      // Get all prices that are:\n      // 1. Currency code is same as the cart's\n      // 2. Have a rule that is set on item_total\n      const validCurrencyPrices = (shippingOption.prices ?? []).filter(\n        (price): price is NonNullable<typeof price> =>\n          price !== null &&\n          price !== undefined &&\n          price.currencyCode === cart.currencyCode &&\n          (price.priceRules || []).some(\n            (priceRule) => priceRule?.attribute === 'item_total'\n          )\n      );\n\n      return validCurrencyPrices.map((price) => {\n        return {\n          ...price,\n          shipping_option_id: shippingOption.id,\n          ...computeTarget(cart, price),\n        };\n      });\n    })\n    .flat(1)\n    .filter(Boolean)\n    // We focus here entirely on free shipping, but this can be edited to handle multiple layers\n    // of reduced shipping prices.\n    .find((price) => price?.amount === 0);\n\n  if (!freeShippingPrice) {\n    return;\n  }\n\n  if (variant === 'popup') {\n    return <FreeShippingPopup cart={cart} price={freeShippingPrice} />;\n  } else {\n    return <FreeShippingInline cart={cart} price={freeShippingPrice} />;\n  }\n}\n\nfunction FreeShippingInline({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StoreFreeShippingPrice;\n}) {\n  return (\n    <div className=\"rounded-lg border bg-neutral-100 p-2\">\n      <div className=\"space-y-1.5\">\n        <div className=\"flex justify-between text-xs text-neutral-600\">\n          <div>\n            {price.target_reached ? (\n              <div className=\"flex items-center gap-1.5\">\n                <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                Free Shipping unlocked!\n              </div>\n            ) : (\n              `Unlock Free Shipping`\n            )}\n          </div>\n\n          <div\n            className={clx('visible', {\n              'invisible opacity-0': price.target_reached,\n            })}\n          >\n            Only{' '}\n            <span className=\"text-neutral-950\">\n              {convertToLocale({\n                amount: price.target_remaining,\n                currency_code: cart.currencyCode,\n              })}\n            </span>{' '}\n            away\n          </div>\n        </div>\n        <div className=\"flex justify-between gap-1\">\n          <div\n            className={clx(\n              'h-1 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n              {\n                'from-green-400 to-green-500': price.target_reached,\n              }\n            )}\n            style={{ width: `${price.remaining_percentage}%` }}\n          ></div>\n          <div className=\"h-1 w-fit flex-grow rounded-full bg-neutral-300\"></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction FreeShippingPopup({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StoreFreeShippingPrice;\n}) {\n  const [isClosed, setIsClosed] = useState(false);\n\n  return (\n    <div\n      className={clx(\n        'fixed bottom-5 right-5 z-10 flex flex-col items-end gap-2 transition-all duration-500 ease-in-out',\n        {\n          'invisible opacity-0 delay-1000': price.target_reached,\n          'invisible opacity-0': isClosed,\n          'visible opacity-100': !price.target_reached && !isClosed,\n        }\n      )}\n    >\n      <div>\n        <Button\n          className=\"rounded-full border-none bg-neutral-900 p-2 text-[15px] shadow-none outline-none\"\n          onClick={() => setIsClosed(true)}\n        >\n          <XMark />\n        </Button>\n      </div>\n\n      <div className=\"w-[400px] rounded-lg bg-black p-6 text-white\">\n        <div className=\"pb-4\">\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between text-[15px] text-neutral-400\">\n              <div>\n                {price.target_reached ? (\n                  <div className=\"flex items-center gap-1.5\">\n                    <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                    Free Shipping unlocked!\n                  </div>\n                ) : (\n                  `Unlock Free Shipping`\n                )}\n              </div>\n\n              <div\n                className={clx('visible', {\n                  'invisible opacity-0': price.target_reached,\n                })}\n              >\n                Only{' '}\n                <span className=\"text-white\">\n                  {convertToLocale({\n                    amount: price.target_remaining,\n                    currency_code: cart.currencyCode,\n                  })}\n                </span>{' '}\n                away\n              </div>\n            </div>\n            <div className=\"flex justify-between gap-1\">\n              <div\n                className={clx(\n                  'h-1.5 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n                  {\n                    'from-green-400 to-green-500': price.target_reached,\n                  }\n                )}\n                style={{ width: `${price.remaining_percentage}%` }}\n              ></div>\n              <div className=\"h-1.5 w-fit flex-grow rounded-full bg-zinc-600\"></div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex gap-3\">\n          <LocalizedClientLink\n            className=\"rounded-2xl border-[1px] border-white bg-transparent px-4 py-2.5 text-[15px] shadow-none outline-none\"\n            href=\"/cart\"\n          >\n            View cart\n          </LocalizedClientLink>\n\n          <LocalizedClientLink\n            className=\"flex-grow rounded-2xl border-[1px] border-white bg-white px-4 py-2.5 text-center text-[15px] text-neutral-950 shadow-none outline-none\"\n            href=\"/store\"\n          >\n            View products\n          </LocalizedClientLink>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { ShippingPriceNudge };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/free-shipping-price-nudge/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { CheckCircleSolid, XMark } from '@medusajs/icons';\nimport { Button, clx } from '@medusajs/ui';\n\nimport { convertToLocale } from '@/lib/utils/money';\nimport { Cart, ShippingOption, ShippingOptionPrice } from '@/types/graphql';\nimport { StoreFreeShippingPrice } from '@/types/prices';\n\nimport { LocalizedClientLink } from '../localized-client-link';\n\nconst computeTarget = (cart: Cart, price: ShippingOptionPrice) => {\n  const priceRule = (price.priceRules || []).find(\n    (pr) => pr?.attribute === 'item_total'\n  )!;\n\n  const currentAmount = cart.itemTotal;\n  const targetAmount = parseFloat(priceRule.value);\n\n  if (priceRule.operator === 'gt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount + 1 - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'gte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount + 1 - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount === targetAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  }\n};\n\nfunction ShippingPriceNudge({\n  variant = 'inline',\n  cart,\n  shippingOptions,\n}: {\n  variant?: 'popup' | 'inline';\n  cart: Cart;\n  shippingOptions: ShippingOption[];\n}) {\n  if (!cart || !shippingOptions?.length) {\n    return;\n  }\n\n  // Check if any shipping options have a conditional price based on item_total\n  const freeShippingPrice = shippingOptions\n    .map((shippingOption) => {\n      const calculatedPrice = shippingOption.calculatedPrice;\n\n      if (!calculatedPrice) {\n        return;\n      }\n\n      // Get all prices that are:\n      // 1. Currency code is same as the cart's\n      // 2. Have a rule that is set on item_total\n      const validCurrencyPrices = (shippingOption.prices ?? []).filter(\n        (price): price is NonNullable<typeof price> =>\n          price !== null &&\n          price !== undefined &&\n          price.currencyCode === cart.currencyCode &&\n          (price.priceRules || []).some(\n            (priceRule) => priceRule?.attribute === 'item_total'\n          )\n      );\n\n      return validCurrencyPrices.map((price) => {\n        return {\n          ...price,\n          shipping_option_id: shippingOption.id,\n          ...computeTarget(cart, price),\n        };\n      });\n    })\n    .flat(1)\n    .filter(Boolean)\n    // We focus here entirely on free shipping, but this can be edited to handle multiple layers\n    // of reduced shipping prices.\n    .find((price) => price?.amount === 0);\n\n  if (!freeShippingPrice) {\n    return;\n  }\n\n  if (variant === 'popup') {\n    return <FreeShippingPopup cart={cart} price={freeShippingPrice} />;\n  } else {\n    return <FreeShippingInline cart={cart} price={freeShippingPrice} />;\n  }\n}\n\nfunction FreeShippingInline({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StoreFreeShippingPrice;\n}) {\n  return (\n    <div className=\"rounded-lg border bg-neutral-100 p-2\">\n      <div className=\"space-y-1.5\">\n        <div className=\"flex justify-between text-xs text-neutral-600\">\n          <div>\n            {price.target_reached ? (\n              <div className=\"flex items-center gap-1.5\">\n                <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                Free Shipping unlocked!\n              </div>\n            ) : (\n              `Unlock Free Shipping`\n            )}\n          </div>\n\n          <div\n            className={clx('visible', {\n              'invisible opacity-0': price.target_reached,\n            })}\n          >\n            Only{' '}\n            <span className=\"text-neutral-950\">\n              {convertToLocale({\n                amount: price.target_remaining,\n                currency_code: cart.currencyCode,\n              })}\n            </span>{' '}\n            away\n          </div>\n        </div>\n        <div className=\"flex justify-between gap-1\">\n          <div\n            className={clx(\n              'h-1 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n              {\n                'from-green-400 to-green-500': price.target_reached,\n              }\n            )}\n            style={{ width: `${price.remaining_percentage}%` }}\n          ></div>\n          <div className=\"h-1 w-fit flex-grow rounded-full bg-neutral-300\"></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction FreeShippingPopup({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StoreFreeShippingPrice;\n}) {\n  const [isClosed, setIsClosed] = useState(false);\n\n  return (\n    <div\n      className={clx(\n        'fixed bottom-5 right-5 z-10 flex flex-col items-end gap-2 transition-all duration-500 ease-in-out',\n        {\n          'invisible opacity-0 delay-1000': price.target_reached,\n          'invisible opacity-0': isClosed,\n          'visible opacity-100': !price.target_reached && !isClosed,\n        }\n      )}\n    >\n      <div>\n        <Button\n          className=\"rounded-full border-none bg-neutral-900 p-2 text-[15px] shadow-none outline-none\"\n          onClick={() => setIsClosed(true)}\n        >\n          <XMark />\n        </Button>\n      </div>\n\n      <div className=\"w-[400px] rounded-lg bg-black p-6 text-white\">\n        <div className=\"pb-4\">\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between text-[15px] text-neutral-400\">\n              <div>\n                {price.target_reached ? (\n                  <div className=\"flex items-center gap-1.5\">\n                    <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                    Free Shipping unlocked!\n                  </div>\n                ) : (\n                  `Unlock Free Shipping`\n                )}\n              </div>\n\n              <div\n                className={clx('visible', {\n                  'invisible opacity-0': price.target_reached,\n                })}\n              >\n                Only{' '}\n                <span className=\"text-white\">\n                  {convertToLocale({\n                    amount: price.target_remaining,\n                    currency_code: cart.currencyCode,\n                  })}\n                </span>{' '}\n                away\n              </div>\n            </div>\n            <div className=\"flex justify-between gap-1\">\n              <div\n                className={clx(\n                  'h-1.5 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n                  {\n                    'from-green-400 to-green-500': price.target_reached,\n                  }\n                )}\n                style={{ width: `${price.remaining_percentage}%` }}\n              ></div>\n              <div className=\"h-1.5 w-fit flex-grow rounded-full bg-zinc-600\"></div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex gap-3\">\n          <LocalizedClientLink\n            className=\"rounded-2xl border-[1px] border-white bg-transparent px-4 py-2.5 text-[15px] shadow-none outline-none\"\n            href=\"/cart\"\n          >\n            View cart\n          </LocalizedClientLink>\n\n          <LocalizedClientLink\n            className=\"flex-grow rounded-2xl border-[1px] border-white bg-white px-4 py-2.5 text-center text-[15px] text-neutral-950 shadow-none outline-none\"\n            href=\"/store\"\n          >\n            View products\n          </LocalizedClientLink>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { ShippingPriceNudge };\n"],"mappings":"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"}

package/dist/components/interactive-link/index.d.ts

@@ -1,17 +1,20 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { LocalizedClientLink } from "../localized-client-link/index.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/interactive-link/index.d.ts
-type InteractiveLinkProps = {
-  href: string;
-  children?: React.ReactNode;
-  onClick?: () => void;
+type InteractiveLinkProps = React.ComponentPropsWithoutRef<typeof LocalizedClientLink> & {
+  textClassName?: string;
+  iconClassName?: string;
 };
 declare const InteractiveLink: ({
   href,
   children,
   onClick,
+  className,
+  textClassName,
+  iconClassName,
   ...props
-}: InteractiveLinkProps) => react_jsx_runtime0.JSX.Element;
+}: InteractiveLinkProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { InteractiveLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interactive-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":[],"mappings":";;;KAKK,oBAAA;;aAEQ,KAAA,CAAM;EAFd,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAEuB,CAAA;cAItB,eAAmB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKtB,oBALsB,EAAA,GAKF,kBAAA,CAAA,GAAA,CAAA,OALE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,oBAAA,GAAuB,KAAA,CAAM,gCACzB;;;AAHsD,CAAA;AAEL,cAOpD,eA0BL,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,aAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAlBE,oBAkBF,EAAA,GAlBsB,kBAAA,CAAA,GAAA,CAAA,OAkBtB"}

package/dist/components/interactive-link/index.js

@@ -1,21 +1,21 @@
 import { LocalizedClientLink } from "../localized-client-link/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowUpRightMini } from "@medusajs/icons";
-import { Text } from "@medusajs/ui";
+import { Text, clx } from "@medusajs/ui";
 
 //#region src/components/interactive-link/index.tsx
-const InteractiveLink = ({ href, children, onClick, ...props }) => {
+const InteractiveLink = ({ href, children, onClick, className, textClassName, iconClassName, ...props }) => {
 	return /* @__PURE__ */ jsxs(LocalizedClientLink, {
-		className: "group flex items-center gap-x-1",
+		className: clx("text-ui-fg-interactive group flex items-center gap-x-1", className),
 		href,
 		onClick,
 		...props,
 		children: [/* @__PURE__ */ jsx(Text, {
-			className: "text-ui-fg-interactive",
+			className: clx("text-current", textClassName),
 			children
 		}), /* @__PURE__ */ jsx(ArrowUpRightMini, {
-			className: "duration-150 ease-in-out group-hover:rotate-45",
-			color: "var(--fg-interactive)"
+			className: clx("duration-150 ease-in-out group-hover:rotate-45", iconClassName),
+			color: "currentColor"
 		})]
 	});
 };

package/dist/components/interactive-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":["import { ArrowUpRightMini } from '@medusajs/icons';\nimport { Text } from '@medusajs/ui';\n\nimport { LocalizedClientLink } from '../localized-client-link';\n\ntype InteractiveLinkProps = {\n  href: string;\n  children?: React.ReactNode;\n  onClick?: () => void;\n};\n\nconst InteractiveLink = ({\n  href,\n  children,\n  onClick,\n  ...props\n}: InteractiveLinkProps) => {\n  return (\n    <LocalizedClientLink\n      className=\"group flex items-center gap-x-1\"\n      href={href}\n      onClick={onClick}\n      {...props}\n    >\n      <Text className=\"text-ui-fg-interactive\">{children}</Text>\n      <ArrowUpRightMini\n        className=\"duration-150 ease-in-out group-hover:rotate-45\"\n        color=\"var(--fg-interactive)\"\n      />\n    </LocalizedClientLink>\n  );\n};\n\nexport { InteractiveLink };\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,EACvB,MACA,UACA,SACA,GAAG,YACuB;AAC1B,QACE,qBAAC;EACC,WAAU;EACJ;EACG;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;GAA0B;IAAgB,EAC1D,oBAAC;GACC,WAAU;GACV,OAAM;IACN;GACkB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":["import { ArrowUpRightMini } from '@medusajs/icons';\nimport { Text, clx } from '@medusajs/ui';\n\nimport { LocalizedClientLink } from '../localized-client-link';\n\ntype InteractiveLinkProps = React.ComponentPropsWithoutRef<\n  typeof LocalizedClientLink\n> & {\n  textClassName?: string;\n  iconClassName?: string;\n};\n\nconst InteractiveLink = ({\n  href,\n  children,\n  onClick,\n  className,\n  textClassName,\n  iconClassName,\n  ...props\n}: InteractiveLinkProps) => {\n  return (\n    <LocalizedClientLink\n      className={clx('text-ui-fg-interactive group flex items-center gap-x-1', className)}\n      href={href}\n      onClick={onClick}\n      {...props}\n    >\n      <Text className={clx('text-current', textClassName)}>{children}</Text>\n      <ArrowUpRightMini\n        className={clx(\n          'duration-150 ease-in-out group-hover:rotate-45',\n          iconClassName\n        )}\n        color=\"currentColor\"\n      />\n    </LocalizedClientLink>\n  );\n};\n\nexport { InteractiveLink };\n"],"mappings":";;;;;;AAYA,MAAM,mBAAmB,EACvB,MACA,UACA,SACA,WACA,eACA,eACA,GAAG,YACuB;AAC1B,QACE,qBAAC;EACC,WAAW,IAAI,0DAA0D,UAAU;EAC7E;EACG;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAW,IAAI,gBAAgB,cAAc;GAAG;IAAgB,EACtE,oBAAC;GACC,WAAW,IACT,kDACA,cACD;GACD,OAAM;IACN;GACkB"}

package/dist/components/line-item-options/index.d.ts

@@ -1,5 +1,5 @@
 import { Maybe, ProductVariant } from "../../types/graphql.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/line-item-options/index.d.ts
 type LineItemOptionsProps = {
@@ -11,7 +11,7 @@ declare const LineItemOptions: ({
   variant,
   "data-testid": dataTestid,
   "data-value": dataValue
-}: LineItemOptionsProps) => react_jsx_runtime0.JSX.Element;
+}: LineItemOptionsProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { LineItemOptions };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-item-price/index.d.ts

@@ -1,5 +1,5 @@
 import { LineItem } from "../../types/graphql.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/line-item-price/index.d.ts
 type LineItemPriceProps = {
@@ -11,7 +11,7 @@ declare const LineItemPrice: ({
   item,
   style,
   currencyCode
-}: LineItemPriceProps) => react_jsx_runtime11.JSX.Element;
+}: LineItemPriceProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { LineItemPrice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/localized-client-link/index.d.ts

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/localized-client-link/index.d.ts
 type LocalizedClientLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & {
@@ -10,7 +10,7 @@ declare const LocalizedClientLink: ({
   href,
   locale,
   ...props
-}: LocalizedClientLinkProps) => react_jsx_runtime1.JSX.Element;
+}: LocalizedClientLinkProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { LocalizedClientLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/localized-client-link/index.js

@@ -12,7 +12,9 @@ const LocalizedClientLink = ({ children, href, locale, ...props }) => {
 	}, []);
 	const getLocaleFromPathname = (pathname$1) => {
 		const pathLocale = pathname$1.split("/")[1];
-		if (pathLocale && LOCALE_REGEX.test(pathLocale)) return pathLocale;
+		if (pathLocale && LOCALE_REGEX.test(pathLocale)) {
+			return pathLocale;
+		}
 		return "dk";
 	};
 	const activeLocale = locale || getLocaleFromPathname(pathname);
@@ -20,11 +22,13 @@ const LocalizedClientLink = ({ children, href, locale, ...props }) => {
 		if (!href$1) return "";
 		return href$1.startsWith("/") ? href$1 : `/${href$1}`;
 	};
-	if (href?.startsWith("http") || href?.startsWith("//")) return /* @__PURE__ */ jsx("a", {
-		href,
-		...props,
-		children
-	});
+	if (href?.startsWith("http") || href?.startsWith("//")) {
+		return /* @__PURE__ */ jsx("a", {
+			href,
+			...props,
+			children
+		});
+	}
 	return /* @__PURE__ */ jsx("a", {
 		href: `/${activeLocale}${normalizeHref(href)}`,
 		suppressHydrationWarning: true,

package/dist/components/localized-client-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["pathname","href"],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  AnchorHTMLAttributes,\n  DetailedHTMLProps,\n  useEffect,\n  useState,\n} from 'react';\n\nconst LOCALE_REGEX = /^[a-z]{2}(?:-[A-Z]{2})?$/;\n\ntype LocalizedClientLinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> & {\n  locale?: string;\n};\n\nconst LocalizedClientLink = ({\n  children,\n  href,\n  locale,\n  ...props\n}: LocalizedClientLinkProps) => {\n  const [pathname, setPathname] = useState('');\n\n  useEffect(() => {\n    setPathname(window.location.pathname);\n  }, []);\n\n  const getLocaleFromPathname = (pathname: string): string => {\n    const pathLocale = pathname.split('/')[1];\n    if (pathLocale && LOCALE_REGEX.test(pathLocale)) {\n      return pathLocale;\n    }\n    return 'dk';\n  };\n\n  const activeLocale = locale || getLocaleFromPathname(pathname);\n\n  const normalizeHref = (href?: string) => {\n    if (!href) return '';\n    return href.startsWith('/') ? href : `/${href}`;\n  };\n\n  if (href?.startsWith('http') || href?.startsWith('//')) {\n    return (\n      <a href={href} {...props}>\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <a\n      href={`/${activeLocale}${normalizeHref(href)}`}\n      suppressHydrationWarning\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\nexport { LocalizedClientLink };\n"],"mappings":";;;;;;AASA,MAAM,eAAe;AASrB,MAAM,uBAAuB,EAC3B,UACA,MACA,QACA,GAAG,YAC2B;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;AAE5C,iBAAgB;AACd,cAAY,OAAO,SAAS,SAAS;IACpC,EAAE,CAAC;CAEN,MAAM,yBAAyB,eAA6B;EAC1D,MAAM,aAAaA,WAAS,MAAM,IAAI,CAAC;AACvC,MAAI,cAAc,aAAa,KAAK,WAAW,CAC7C,QAAO;AAET,SAAO;;CAGT,MAAM,eAAe,UAAU,sBAAsB,SAAS;CAE9D,MAAM,iBAAiB,WAAkB;AACvC,MAAI,CAACC,OAAM,QAAO;AAClB,SAAOA,OAAK,WAAW,IAAI,GAAGA,SAAO,IAAIA;;AAG3C,KAAI,MAAM,WAAW,OAAO,IAAI,MAAM,WAAW,KAAK,CACpD,QACE,oBAAC;EAAQ;EAAM,GAAI;EAChB;GACC;AAIR,QACE,oBAAC;EACC,MAAM,IAAI,eAAe,cAAc,KAAK;EAC5C;EACA,GAAI;EAEH;GACC"}
+{"version":3,"file":"index.js","names":["pathname","href"],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  AnchorHTMLAttributes,\n  DetailedHTMLProps,\n  useEffect,\n  useState,\n} from 'react';\n\nconst LOCALE_REGEX = /^[a-z]{2}(?:-[A-Z]{2})?$/;\n\ntype LocalizedClientLinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> & {\n  locale?: string;\n};\n\nconst LocalizedClientLink = ({\n  children,\n  href,\n  locale,\n  ...props\n}: LocalizedClientLinkProps) => {\n  const [pathname, setPathname] = useState('');\n\n  useEffect(() => {\n    setPathname(window.location.pathname);\n  }, []);\n\n  const getLocaleFromPathname = (pathname: string): string => {\n    const pathLocale = pathname.split('/')[1];\n    if (pathLocale && LOCALE_REGEX.test(pathLocale)) {\n      return pathLocale;\n    }\n    return 'dk';\n  };\n\n  const activeLocale = locale || getLocaleFromPathname(pathname);\n\n  const normalizeHref = (href?: string) => {\n    if (!href) return '';\n    return href.startsWith('/') ? href : `/${href}`;\n  };\n\n  if (href?.startsWith('http') || href?.startsWith('//')) {\n    return (\n      <a href={href} {...props}>\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <a\n      href={`/${activeLocale}${normalizeHref(href)}`}\n      suppressHydrationWarning\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\nexport { LocalizedClientLink };\n"],"mappings":";;;;;;AASA,MAAM,eAAe;AASrB,MAAM,uBAAuB,EAC3B,UACA,MACA,QACA,GAAG,YAC2B;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;AAE5C,iBAAgB;AACd,cAAY,OAAO,SAAS,SAAS;IACpC,EAAE,CAAC;CAEN,MAAM,yBAAyB,eAA6B;EAC1D,MAAM,aAAaA,WAAS,MAAM,IAAI,CAAC;AACvC,MAAI,cAAc,aAAa,KAAK,WAAW,EAAE;AAC/C,UAAO;;AAET,SAAO;;CAGT,MAAM,eAAe,UAAU,sBAAsB,SAAS;CAE9D,MAAM,iBAAiB,WAAkB;AACvC,MAAI,CAACC,OAAM,QAAO;AAClB,SAAOA,OAAK,WAAW,IAAI,GAAGA,SAAO,IAAIA;;AAG3C,KAAI,MAAM,WAAW,OAAO,IAAI,MAAM,WAAW,KAAK,EAAE;AACtD,SACE,oBAAC;GAAQ;GAAM,GAAI;GAChB;IACC;;AAIR,QACE,oBAAC;EACC,MAAM,IAAI,eAAe,cAAc,KAAK;EAC5C;EACA,GAAI;EAEH;GACC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/modal/index.d.ts
 type ModalProps = {
@@ -20,7 +20,7 @@ declare const Modal: {
     children,
     "data-testid": dataTestId,
     "aria-label": ariaLabel
-  }: ModalProps): react_jsx_runtime3.JSX.Element;
+  }: ModalProps): react_jsx_runtime4.JSX.Element;
   Title: React.FC<{
     children: React.ReactNode;
   }>;

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

@@ -1,12 +1,12 @@
 import { VariantPrice } from "../../types/prices.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/preview-price/index.d.ts
 declare function PreviewPrice({
   price
 }: {
   price: VariantPrice;
-}): react_jsx_runtime6.JSX.Element | null;
+}): react_jsx_runtime5.JSX.Element | null;
 //#endregion
 export { PreviewPrice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/preview-price/index.js

@@ -3,7 +3,9 @@ import { Text, clx } from "@medusajs/ui";
 
 //#region src/components/preview-price/index.tsx
 function PreviewPrice({ price }) {
-	if (!price) return null;
+	if (!price) {
+		return null;
+	}
 	return /* @__PURE__ */ jsxs(Fragment, { children: [price.price_type === "sale" && /* @__PURE__ */ jsx(Text, {
 		className: "text-ui-fg-muted line-through",
 		"data-testid": "original-price",

package/dist/components/preview-price/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/preview-price/index.tsx"],"sourcesContent":["import { Text, clx } from '@medusajs/ui';\n\nimport { VariantPrice } from '@/types/prices';\n\nfunction PreviewPrice({ price }: { price: VariantPrice }) {\n  if (!price) {\n    return null;\n  }\n\n  return (\n    <>\n      {price.price_type === 'sale' && (\n        <Text\n          className=\"text-ui-fg-muted line-through\"\n          data-testid=\"original-price\"\n        >\n          {price.original_price}\n        </Text>\n      )}\n      <Text\n        className={clx('text-ui-fg-muted', {\n          'text-ui-fg-interactive': price.price_type === 'sale',\n        })}\n        data-testid=\"price\"\n      >\n        {price.calculated_price}\n      </Text>\n    </>\n  );\n}\n\nexport { PreviewPrice };\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,SAAkC;AACxD,KAAI,CAAC,MACH,QAAO;AAGT,QACE,4CACG,MAAM,eAAe,UACpB,oBAAC;EACC,WAAU;EACV,eAAY;YAEX,MAAM;GACF,EAET,oBAAC;EACC,WAAW,IAAI,oBAAoB,EACjC,0BAA0B,MAAM,eAAe,QAChD,CAAC;EACF,eAAY;YAEX,MAAM;GACF,IACN"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/preview-price/index.tsx"],"sourcesContent":["import { Text, clx } from '@medusajs/ui';\n\nimport { VariantPrice } from '@/types/prices';\n\nfunction PreviewPrice({ price }: { price: VariantPrice }) {\n  if (!price) {\n    return null;\n  }\n\n  return (\n    <>\n      {price.price_type === 'sale' && (\n        <Text\n          className=\"text-ui-fg-muted line-through\"\n          data-testid=\"original-price\"\n        >\n          {price.original_price}\n        </Text>\n      )}\n      <Text\n        className={clx('text-ui-fg-muted', {\n          'text-ui-fg-interactive': price.price_type === 'sale',\n        })}\n        data-testid=\"price\"\n      >\n        {price.calculated_price}\n      </Text>\n    </>\n  );\n}\n\nexport { PreviewPrice };\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,SAAkC;AACxD,KAAI,CAAC,OAAO;AACV,SAAO;;AAGT,QACE,4CACG,MAAM,eAAe,UACpB,oBAAC;EACC,WAAU;EACV,eAAY;YAEX,MAAM;GACF,EAET,oBAAC;EACC,WAAW,IAAI,oBAAoB,EACjC,0BAA0B,MAAM,eAAe,QAChD,CAAC;EACF,eAAY;YAEX,MAAM;GACF,IACN"}