@tapcart/mobile-components 0.11.4 → 0.11.6

package/dist/components/ui/checkbox.d.ts

@@ -12,6 +12,11 @@ export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof Che
     numberAmount?: string;
     subtext?: string;
     onSelect?: React.ReactEventHandler;
+    labelTextColor?: string;
+    labelCountColor?: string;
+    checkedColor?: string;
+    unCheckedColor?: string;
+    disabledColor?: string;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/dist/components/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AA6F5D,QAAA,MAAM,gBAAgB;;mFAUpB,CAAA;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CACnC;AAED,QAAA,MAAM,QAAQ,yFAsFb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAmG5D,QAAA,MAAM,gBAAgB;;mFAUpB,CAAA;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,yFAqGb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/ui/checkbox.js

@@ -16,9 +16,11 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 import { Text } from "./text";
-const Check = ({ className }) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", className: className }, { children: [_jsx("g", Object.assign({ clipPath: "url(#clip0_1465_24)" }, { children: _jsx("path", { d: "M5.667 21H5.66695C4.98414 21 4.32733 20.7382 3.83183 20.2684C3.33941 19.8015 3.04358 19.1646 3.00429 18.4875L3 18.3202V5.667C3 4.24616 4.11102 3.08465 5.51221 3.0043L5.67982 3H18.333C19.7538 3 20.9153 4.11101 20.9957 5.51219L21 5.67983V18.333C21 19.7538 19.889 20.9153 18.4878 20.9957L18.3202 21H5.667ZM16.4141 8.58593L16.414 8.58579C16.0389 8.21085 15.5303 8.00021 15 8.00021C14.4697 8.00021 13.9611 8.21085 13.586 8.58579L10.9998 11.1712L10.4138 10.5856L10.392 10.5638L10.3689 10.5434L10.2749 10.4604L10.2505 10.4388L10.2247 10.4189C9.82271 10.1081 9.31749 9.96192 8.81164 10.0101C8.3058 10.0583 7.83726 10.2972 7.50119 10.6783C7.16512 11.0595 6.98673 11.5542 7.00224 12.0621C7.01775 12.57 7.226 13.053 7.58469 13.4129L7.58589 13.4141L9.58589 15.4141L9.60784 15.4361L9.63111 15.4566L9.72511 15.5396L9.74895 15.5607L9.77407 15.5801C10.1589 15.8786 10.6394 16.0265 11.1254 15.9959C11.6115 15.9654 12.0697 15.7585 12.4141 15.4141L12.4141 15.4141L16.4141 11.4141L16.4361 11.3922L16.4566 11.3689L16.5396 11.2749L16.5607 11.2511L16.5801 11.2259C16.8786 10.8411 17.0265 10.3606 16.9959 9.87457C16.9654 9.38851 16.7585 8.93031 16.4141 8.58593Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "2" }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_1465_24" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
-const Unchecked = ({ className }) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className }, { children: [_jsx("g", Object.assign({ clipPath: "url(#clip0_1465_32)" }, { children: _jsx("path", { d: "M3 5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_1465_32" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
-const DisabledCheckbox = ({ className }) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_1465_43)" }, { children: [_jsx("path", { d: "M8 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V16M19.416 19.412C19.2303 19.5983 19.0096 19.7462 18.7666 19.8471C18.5236 19.948 18.2631 19.9999 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6C4 5.448 4.224 4.948 4.586 4.586", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M3 3L21 21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_1465_43" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
+const Check = ({ className, color }) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", className: className, style: { color: color } }, { children: [_jsx("g", Object.assign({ clipPath: "url(#clip0_1465_24)" }, { children: _jsx("path", { d: "M5.667 21H5.66695C4.98414 21 4.32733 20.7382 3.83183 20.2684C3.33941 19.8015 3.04358 19.1646 3.00429 18.4875L3 18.3202V5.667C3 4.24616 4.11102 3.08465 5.51221 3.0043L5.67982 3H18.333C19.7538 3 20.9153 4.11101 20.9957 5.51219L21 5.67983V18.333C21 19.7538 19.889 20.9153 18.4878 20.9957L18.3202 21H5.667ZM16.4141 8.58593L16.414 8.58579C16.0389 8.21085 15.5303 8.00021 15 8.00021C14.4697 8.00021 13.9611 8.21085 13.586 8.58579L10.9998 11.1712L10.4138 10.5856L10.392 10.5638L10.3689 10.5434L10.2749 10.4604L10.2505 10.4388L10.2247 10.4189C9.82271 10.1081 9.31749 9.96192 8.81164 10.0101C8.3058 10.0583 7.83726 10.2972 7.50119 10.6783C7.16512 11.0595 6.98673 11.5542 7.00224 12.0621C7.01775 12.57 7.226 13.053 7.58469 13.4129L7.58589 13.4141L9.58589 15.4141L9.60784 15.4361L9.63111 15.4566L9.72511 15.5396L9.74895 15.5607L9.77407 15.5801C10.1589 15.8786 10.6394 16.0265 11.1254 15.9959C11.6115 15.9654 12.0697 15.7585 12.4141 15.4141L12.4141 15.4141L16.4141 11.4141L16.4361 11.3922L16.4566 11.3689L16.5396 11.2749L16.5607 11.2511L16.5801 11.2259C16.8786 10.8411 17.0265 10.3606 16.9959 9.87457C16.9654 9.38851 16.7585 8.93031 16.4141 8.58593Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "2" }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_1465_24" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
+const Unchecked = ({ className, color }) => {
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className, style: { color: color } }, { children: [_jsx("g", Object.assign({ clipPath: "url(#clip0_1465_32)" }, { children: _jsx("path", { d: "M3 5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_1465_32" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
+};
+const DisabledCheckbox = ({ className, color }) => (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className, style: { color: color } }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_1465_43)" }, { children: [_jsx("path", { d: "M8 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V16M19.416 19.412C19.2303 19.5983 19.0096 19.7462 18.7666 19.8471C18.5236 19.948 18.2631 19.9999 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6C4 5.448 4.224 4.948 4.586 4.586", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M3 3L21 21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_1465_43" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
 const checkboxVariants = cva("flex flex-col group group-disabled", {
     variants: {
         deactivated: {
@@ -31,8 +33,8 @@ const checkboxVariants = cva("flex flex-col group group-disabled", {
     },
 });
 const Checkbox = React.forwardRef((_a, ref) => {
-    var { id, className, label, numberAmount, subtext, selected = false, onCheck, onSelect, deactivated = false } = _a, props = __rest(_a, ["id", "className", "label", "numberAmount", "subtext", "selected", "onCheck", "onSelect", "deactivated"]);
-    return (_jsx("div", Object.assign({ className: cn(checkboxVariants({ deactivated })) }, { children: _jsx(CheckboxPrimitive.Root, Object.assign({ ref: ref, className: cn("w-full peer h-6 shrink-0 self-start rounded ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 group ", className), id: id, checked: selected, onSelect: onSelect, onCheckedChange: onCheck, disabled: deactivated !== null && deactivated !== void 0 ? deactivated : false }, props, { children: _jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-start group " }, { children: [_jsxs("div", Object.assign({ className: "grid" }, { children: [_jsx(CheckboxPrimitive.Indicator, Object.assign({ className: "flex items-center justify-center text-current col-start-1 row-start-1" }, { children: !deactivated && (_jsx(Check, { className: "col-start-1 row-start-1 items-center z-50 text-coreColors-brandColorPrimary" })) })), _jsxs("div", Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: [!deactivated && !selected && (_jsx(Unchecked, { className: "text-coreColors-secondaryIcon" })), deactivated && (_jsx(DisabledCheckbox, { className: "text-stateColors-disabled" }))] }))] })), _jsxs("div", Object.assign({ className: "flex flex-col gap-2 items-start overflow-x-auto" }, { children: [label && (_jsx("label", Object.assign({ htmlFor: id, className: "max-w-full" }, { children: _jsxs("span", Object.assign({ className: "flex gap-2" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "group-disabled:text-stateColors-disabled text-ellipsis overflow-hidden " }, { children: label })), numberAmount && (_jsxs(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor group-disabled:text-stateColors-disabled inline" }, { children: ["(", numberAmount, ")"] })))] })) }))), subtext && (_jsx(Text, Object.assign({ type: "body-secondary", className: "group-disabled:text-stateColors-disabled" }, { children: subtext })))] }))] })) })) })));
+    var { id, className, label, numberAmount, subtext, selected = false, onCheck, onSelect, deactivated = false, labelTextColor, labelCountColor, checkedColor, unCheckedColor, disabledColor } = _a, props = __rest(_a, ["id", "className", "label", "numberAmount", "subtext", "selected", "onCheck", "onSelect", "deactivated", "labelTextColor", "labelCountColor", "checkedColor", "unCheckedColor", "disabledColor"]);
+    return (_jsx("div", Object.assign({ className: cn(checkboxVariants({ deactivated })) }, { children: _jsx(CheckboxPrimitive.Root, Object.assign({ ref: ref, className: cn("w-full peer h-6 shrink-0 self-start rounded ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 group ", className), id: id, checked: selected, onSelect: onSelect, onCheckedChange: onCheck, disabled: deactivated !== null && deactivated !== void 0 ? deactivated : false }, props, { children: _jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-start group " }, { children: [_jsxs("div", Object.assign({ className: "grid" }, { children: [_jsx(CheckboxPrimitive.Indicator, Object.assign({ className: "flex items-center justify-center text-current col-start-1 row-start-1" }, { children: !deactivated && (_jsx(Check, { className: "col-start-1 row-start-1 items-center z-50 text-coreColors-brandColorPrimary", color: checkedColor })) })), _jsxs("div", Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: [!deactivated && !selected && (_jsx(Unchecked, { className: "text-coreColors-secondaryIcon", color: unCheckedColor })), deactivated && (_jsx(DisabledCheckbox, { className: "text-stateColors-disabled", color: disabledColor }))] }))] })), _jsxs("div", Object.assign({ className: "flex flex-col gap-2 items-start overflow-x-auto" }, { children: [label && (_jsx("label", Object.assign({ htmlFor: id, className: "max-w-full" }, { children: _jsxs("span", Object.assign({ className: "flex gap-2" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "group-disabled:text-stateColors-disabled text-ellipsis overflow-hidden ", fontColor: labelTextColor }, { children: label })), numberAmount && (_jsxs(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor group-disabled:text-stateColors-disabled inline", fontColor: labelCountColor }, { children: ["(", numberAmount, ")"] })))] })) }))), subtext && (_jsx(Text, Object.assign({ type: "body-secondary", className: "group-disabled:text-stateColors-disabled" }, { children: subtext })))] }))] })) })) })));
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 export { Checkbox };

package/dist/components/ui/money.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../components/ui/money.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,aAAa,gGAMjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC7B;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAqB,EACrB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,2CAgCZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../components/ui/money.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,aAAa,gGAMjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC7B;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAqB,EACrB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,2CAiFZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/money.js

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { usePathname } from "next/navigation";
+import { usePathname, useSearchParams } from "next/navigation";
 const moneyVariants = cva("", {
     variants: {},
     defaultVariants: {
@@ -24,15 +24,60 @@ const moneyVariants = cva("", {
 function Money(_a) {
     var _b, _c;
     var { price, locale, currency, hideZeroCents = false, styles } = _a, props = __rest(_a, ["price", "locale", "currency", "hideZeroCents", "styles"]);
-    // Only use routeLocale if it contains a hyphen (e.g., "en-US")
-    const routeLocale = ((_c = (_b = usePathname()) === null || _b === void 0 ? void 0 : _b.split("/")) === null || _c === void 0 ? void 0 : _c.pop()) || "";
-    const isValidLocale = routeLocale && routeLocale.includes("-");
-    let language = isValidLocale ? routeLocale : locale;
-    // Fix for when we want to format in USD in english
-    // but language only contains two letter region
-    if (currency === "USD" && !(locale === null || locale === void 0 ? void 0 : locale.includes("-"))) {
-        language = `en-${locale}`;
-    }
+    const searchParams = useSearchParams();
+    const countryFromParams = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("country")) || undefined;
+    // Derive a candidate locale from the route or prop, then normalize to a valid BCP 47 tag
+    const routeCandidate = ((_c = (_b = usePathname()) === null || _b === void 0 ? void 0 : _b.split("/")) === null || _c === void 0 ? void 0 : _c.pop()) || "";
+    const normalizeLocale = (baseLocale, countryParam) => {
+        const DEFAULT_LOCALE = "en-US";
+        const raw = (baseLocale || "").replace(/_/g, "-").trim();
+        let languageCode = "";
+        let regionCode = "";
+        if (raw.includes("-")) {
+            const [langPart, regionPart] = raw.split("-");
+            if (langPart)
+                languageCode = langPart.toLowerCase();
+            if (regionPart)
+                regionCode = regionPart.toUpperCase();
+        }
+        else if (raw.length === 2) {
+            if (/^[a-z]{2}$/.test(raw)) {
+                // language only (e.g., "en")
+                languageCode = raw.toLowerCase();
+            }
+            else if (/^[A-Z]{2}$/.test(raw)) {
+                // region only (e.g., "US")
+                regionCode = raw.toUpperCase();
+            }
+            else {
+                languageCode = raw.toLowerCase();
+            }
+        }
+        else if (raw) {
+            // fallback: treat as language subtag
+            languageCode = raw.toLowerCase();
+        }
+        // If a country param is present, prefer it as region
+        if (countryParam) {
+            regionCode = countryParam.toUpperCase();
+        }
+        // Ensure we always have a sensible language
+        if (!languageCode) {
+            languageCode = "en";
+        }
+        const candidate = regionCode
+            ? `${languageCode}-${regionCode}`
+            : languageCode;
+        try {
+            // Validate and canonicalize via NumberFormat
+            const formatter = new Intl.NumberFormat(candidate);
+            return formatter.resolvedOptions().locale;
+        }
+        catch (_a) {
+            return DEFAULT_LOCALE;
+        }
+    };
+    const language = normalizeLocale(routeCandidate || locale, countryFromParams);
     const formatter = React.useMemo(() => new Intl.NumberFormat(language, {
         style: "currency",
         currency: currency,

package/dist/components/ui/money.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=money.test.d.ts.map

package/dist/components/ui/money.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.test.d.ts","sourceRoot":"","sources":["../../../components/ui/money.test.tsx"],"names":[],"mappings":""}

package/dist/components/ui/money.test.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Money } from "./money";
+jest.mock("next/navigation", () => ({
+    usePathname: jest.fn(),
+    useSearchParams: jest.fn(),
+}));
+const mockedUsePathname = require("next/navigation").usePathname;
+const mockedUseSearchParams = require("next/navigation")
+    .useSearchParams;
+function makeSearchParams(params) {
+    return {
+        get: (key) => params[key],
+    };
+}
+describe("Money", () => {
+    beforeEach(() => {
+        mockedUsePathname.mockReset();
+        mockedUseSearchParams.mockReset();
+    });
+    it("formats USD with default en-US when no locale provided", () => {
+        mockedUsePathname.mockReturnValue("/");
+        mockedUseSearchParams.mockReturnValue(makeSearchParams({}));
+        render(_jsx(Money, { price: 1234.56, currency: "USD", locale: "" }));
+        expect(screen.getByText(/\$1,234.56/)).toBeTruthy();
+    });
+    it("removes trailing cents when hideZeroCents is true", () => {
+        mockedUsePathname.mockReturnValue("/");
+        mockedUseSearchParams.mockReturnValue(makeSearchParams({}));
+        render(_jsx(Money, { price: 100, currency: "USD", locale: "en-US", hideZeroCents: true }));
+        expect(screen.getByText("$100")).toBeTruthy();
+    });
+    it("uses route locale when valid (e.g., fr-FR)", () => {
+        mockedUsePathname.mockReturnValue("/shop/fr-FR");
+        mockedUseSearchParams.mockReturnValue(makeSearchParams({}));
+        render(_jsx(Money, { price: 1234.56, currency: "EUR", locale: "en-US" }));
+        expect(screen.getByText(/1\s?234,56\s?€/)).toBeTruthy();
+    });
+    it("normalizes underscore and applies country param for region", () => {
+        mockedUsePathname.mockReturnValue("/shop/es_es");
+        mockedUseSearchParams.mockReturnValue(makeSearchParams({ country: "mx" }));
+        render(_jsx(Money, { price: 50, currency: "MXN", locale: "es" }));
+        expect(screen.getByText(/\$\s?50(\.00)?/)).toBeTruthy();
+    });
+    it("avoids malformed tags like en-us-US and falls back safely", () => {
+        mockedUsePathname.mockReturnValue("/en-us-US");
+        mockedUseSearchParams.mockReturnValue(makeSearchParams({}));
+        render(_jsx(Money, { price: 10, currency: "USD", locale: "en-us-US" }));
+        expect(screen.getByText(/\$10(\.00)?/)).toBeTruthy();
+    });
+    it("handles region-only input via country param", () => {
+        mockedUsePathname.mockReturnValue("/US");
+        mockedUseSearchParams.mockReturnValue(makeSearchParams({ country: "US" }));
+        render(_jsx(Money, { price: 20, currency: "USD", locale: "" }));
+        expect(screen.getByText(/\$20(\.00)?/)).toBeTruthy();
+    });
+});

package/dist/components/ui/radio-group.d.ts

@@ -11,12 +11,17 @@ export interface RadioGroupItemProps {
     selected?: boolean;
     value: string;
     onClick?: React.ReactEventHandler;
+    labelTextColor?: string;
+    labelCountColor?: string;
+    selectedColor?: string;
+    unselectedColor?: string;
+    disabledColor?: string;
 }
 declare const radiogroupItemVariants: (props?: ({
     variant?: "default" | "selected" | "deactivated" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const RadioGroupItem: {
-    ({ value, label, subtext, numberAmount, onSelect, onClick, selected, className, variant, ...props }: RadioGroupItemProps & VariantProps<typeof radiogroupItemVariants>): import("react/jsx-runtime").JSX.Element;
+    ({ value, label, subtext, numberAmount, onSelect, onClick, selected, className, variant, labelTextColor, labelCountColor, selectedColor, unselectedColor, disabledColor, ...props }: RadioGroupItemProps & VariantProps<typeof radiogroupItemVariants>): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 export { RadioGroup, RadioGroupItem, radiogroupItemVariants };

package/dist/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAElE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,UAAU,+JAWd,CAAA;AAGF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC;AAED,QAAA,MAAM,sBAAsB;;mFAc3B,CAAA;AAqCD,QAAA,MAAM,cAAc;yGAWjB,mBAAmB,GAAG,aAAa,6BAA6B,CAAC;;CAsEnE,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAElE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,UAAU,+JAWd,CAAA;AAGF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,sBAAsB;;mFAc3B,CAAA;AA2CD,QAAA,MAAM,cAAc;yLAgBjB,mBAAmB,GAAG,aAAa,6BAA6B,CAAC;;CA+EnE,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/ui/radio-group.js

@@ -34,10 +34,10 @@ const radiogroupItemVariants = cva("grid grid-cols-[auto,auto,1fr] gap-2 items-c
         variant: "default",
     },
 });
-const RadioGroupItemLabels = ({ label, numberAmount, subtext, }) => (_jsxs("div", Object.assign({ className: "col-span-2" }, { children: [_jsxs("div", Object.assign({ className: "flex flex-row items-center" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "group-disabled:text-stateColors-disabled mr-2" }, { children: label })), numberAmount ? (_jsx(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor group-disabled:text-stateColors-disabled" }, { children: `(${numberAmount})` }))) : null] })), subtext ? (_jsx(Text, Object.assign({ type: "body-secondary", className: "group-disabled:text-stateColors-disabled mt-1" }, { children: subtext }))) : null] })));
+const RadioGroupItemLabels = ({ label, numberAmount, subtext, labelColor, labelCountColor, }) => (_jsxs("div", Object.assign({ className: "col-span-2" }, { children: [_jsxs("div", Object.assign({ className: "flex flex-row items-center" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "group-disabled:text-stateColors-disabled mr-2", fontColor: labelColor }, { children: label })), numberAmount ? (_jsx(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor group-disabled:text-stateColors-disabled", fontColor: labelCountColor }, { children: `(${numberAmount})` }))) : null] })), subtext ? (_jsx(Text, Object.assign({ type: "body-secondary", className: "group-disabled:text-stateColors-disabled mt-1" }, { children: subtext }))) : null] })));
 const RadioGroupItem = (_a) => {
-    var { value, label = "", subtext, numberAmount = 0, onSelect = () => { }, onClick = () => { }, selected = false, className, variant = "default" } = _a, props = __rest(_a, ["value", "label", "subtext", "numberAmount", "onSelect", "onClick", "selected", "className", "variant"]);
-    return (_jsx("div", Object.assign({ className: cn(radiogroupItemVariants({ variant }), className) }, { children: variant === "deactivated" ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "circle-off", size: "md", className: "text-stateColors-disabled" }), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext })] })) : (_jsx(RadioGroupPrimitive.Item, Object.assign({ value: value, onSelect: onSelect, checked: selected, onClick: onClick, className: cn("flex items-center justify-center cursor-pointer", className) }, props, { children: selected || variant === "selected" ? (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-center group" }, { children: [_jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext })] }))) : (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-center group" }, { children: [_jsxs("div", Object.assign({ className: "grid" }, { children: [_jsx(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }) })), _jsx("div", Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle", size: "md", className: "col-start-1 row-start-1 text-coreColors-secondaryIcon items-center z-1" }) }))] })), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext })] }))) }))) })));
+    var { value, label = "", subtext, numberAmount = 0, onSelect = () => { }, onClick = () => { }, selected = false, className, variant = "default", labelTextColor, labelCountColor, selectedColor, unselectedColor, disabledColor } = _a, props = __rest(_a, ["value", "label", "subtext", "numberAmount", "onSelect", "onClick", "selected", "className", "variant", "labelTextColor", "labelCountColor", "selectedColor", "unselectedColor", "disabledColor"]);
+    return (_jsx("div", Object.assign({ className: cn(radiogroupItemVariants({ variant }), className) }, { children: variant === "deactivated" ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "circle-off", size: "md", className: "text-stateColors-disabled", style: { color: disabledColor } }), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext, labelColor: labelTextColor, labelCountColor: labelCountColor })] })) : (_jsx(RadioGroupPrimitive.Item, Object.assign({ value: value, onSelect: onSelect, checked: selected, onClick: onClick, className: cn("flex items-center justify-center cursor-pointer", className) }, props, { children: selected || variant === "selected" ? (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-center group" }, { children: [_jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10", color: selectedColor }), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext, labelColor: labelTextColor, labelCountColor: labelCountColor })] }))) : (_jsxs("div", Object.assign({ className: "grid grid-cols-[auto,auto,1fr] gap-2 items-center group" }, { children: [_jsxs("div", Object.assign({ className: "grid" }, { children: [_jsx(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle-dot-filled", size: "md", className: "text-coreColors-brandColorPrimary z-10" }) })), _jsx("div", Object.assign({ className: "flex items-center justify-center col-start-1 row-start-1" }, { children: _jsx(Icon, { name: "circle", size: "md", className: "col-start-1 row-start-1 text-coreColors-secondaryIcon items-center z-1", color: unselectedColor }) }))] })), _jsx(RadioGroupItemLabels, { label: label, numberAmount: numberAmount, subtext: subtext, labelColor: labelTextColor, labelCountColor: labelCountColor })] }))) }))) })));
 };
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 export { RadioGroup, RadioGroupItem, radiogroupItemVariants };

package/dist/lib/isVersion20.util.d.ts

@@ -0,0 +1,2 @@
+export declare const isVersion20: (version: string | null | undefined) => boolean;
+//# sourceMappingURL=isVersion20.util.d.ts.map

package/dist/lib/isVersion20.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isVersion20.util.d.ts","sourceRoot":"","sources":["../../lib/isVersion20.util.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,YAAa,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,OAIhE,CAAA"}

package/dist/lib/isVersion20.util.js

@@ -0,0 +1,7 @@
+import { SemVer } from "semver";
+export const isVersion20 = (version) => {
+    if (!version)
+        return false;
+    const currentVersion = new SemVer(version || "0.0.0");
+    return currentVersion.compare("13.20.0") >= 0;
+};

package/dist/lib/utils.wishlist.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.wishlist.test.d.ts.map

package/dist/lib/utils.wishlist.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.wishlist.test.d.ts","sourceRoot":"","sources":["../../lib/utils.wishlist.test.ts"],"names":[],"mappings":""}

package/dist/lib/utils.wishlist.test.js

@@ -0,0 +1,108 @@
+import { findWishlistEntry, getEnabledWishlistIntegration, supportsMultipleWishlists, } from "./utils";
+describe("getEnabledWishlistIntegration", () => {
+    it("returns the first enabled wishlist integration", () => {
+        const integrations = [
+            { name: "tapcart-search", enabled: true },
+            { name: "tapcart-wishlist", enabled: true, multiwishlist: true },
+            { name: "swym", enabled: true },
+        ];
+        const result = getEnabledWishlistIntegration(integrations);
+        expect(result).toEqual({
+            name: "tapcart-wishlist",
+            enabled: true,
+            multiwishlist: true,
+        });
+    });
+    it("returns null when no wishlist integration is enabled", () => {
+        const integrations = [
+            { name: "tapcart-search", enabled: true },
+            { name: "tapcart-wishlist", enabled: false },
+        ];
+        expect(getEnabledWishlistIntegration(integrations)).toBeNull();
+    });
+    it("returns null when integrations is not an array", () => {
+        expect(getEnabledWishlistIntegration(undefined)).toBeNull();
+        expect(getEnabledWishlistIntegration(null)).toBeNull();
+    });
+});
+describe("supportsMultipleWishlists", () => {
+    it("respects explicit multiwishlist flag", () => {
+        expect(supportsMultipleWishlists({
+            name: "tapcart-wishlist",
+            enabled: true,
+            multiwishlist: false,
+        })).toBe(false);
+        expect(supportsMultipleWishlists({
+            name: "tapcart-wishlist",
+            enabled: true,
+            multiwishlist: true,
+        })).toBe(true);
+    });
+    it("defaults to true for known integrations when flag is omitted", () => {
+        expect(supportsMultipleWishlists({
+            name: "tapcart-wishlist-v2",
+            enabled: true,
+        })).toBe(true);
+    });
+    it("returns false for unknown integrations", () => {
+        expect(supportsMultipleWishlists({
+            name: "not-a-wishlist",
+            enabled: true,
+        })).toBe(false);
+    });
+});
+describe("findWishlistEntry", () => {
+    const wishlists = [
+        {
+            id: "wl-1",
+            items: [
+                {
+                    id: "item-1",
+                    productId: "gid://shopify/Product/123",
+                    variantId: "gid://shopify/ProductVariant/456",
+                },
+            ],
+        },
+        {
+            _id: "wl-2",
+            items: [
+                {
+                    id: "item-2",
+                    productId: "789",
+                    variantId: "654",
+                },
+            ],
+        },
+    ];
+    it("finds an entry when product and variant match across gid representations", () => {
+        const match = findWishlistEntry(wishlists, "123", "456");
+        expect(match).toEqual({
+            wishlistId: "wl-1",
+            item: {
+                id: "item-1",
+                productId: "gid://shopify/Product/123",
+                variantId: "gid://shopify/ProductVariant/456",
+            },
+        });
+    });
+    it("falls back to product-only lookup when variant is omitted", () => {
+        const match = findWishlistEntry(wishlists, "789");
+        expect(match).toEqual({
+            wishlistId: "wl-2",
+            item: {
+                id: "item-2",
+                productId: "789",
+                variantId: "654",
+            },
+        });
+    });
+    it("returns null when no matching entry is found", () => {
+        const match = findWishlistEntry(wishlists, "999", "888");
+        expect(match).toBeNull();
+    });
+    it("handles empty or invalid inputs gracefully", () => {
+        expect(findWishlistEntry(undefined, "123")).toBeNull();
+        expect(findWishlistEntry([], "123")).toBeNull();
+        expect(findWishlistEntry(wishlists, undefined)).toBeNull();
+    });
+});

package/dist/styles.css

@@ -778,6 +778,9 @@ video {
 .top-\[50\%\] {
   top: 50%;
 }
+.z-0 {
+  z-index: 0;
+}
 .z-10 {
   z-index: 10;
 }
@@ -886,6 +889,9 @@ video {
 .ml-2 {
   margin-left: 0.5rem;
 }
+.ml-4 {
+  margin-left: 1rem;
+}
 .ml-auto {
   margin-left: auto;
 }

package/dist/tests/addItemToWishlist/addItemToWishlist.wishlistId.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=addItemToWishlist.wishlistId.test.d.ts.map

package/dist/tests/addItemToWishlist/addItemToWishlist.wishlistId.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addItemToWishlist.wishlistId.test.d.ts","sourceRoot":"","sources":["../../../tests/addItemToWishlist/addItemToWishlist.wishlistId.test.ts"],"names":[],"mappings":""}

package/dist/tests/addItemToWishlist/addItemToWishlist.wishlistId.test.js

@@ -0,0 +1,50 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { addItemToWishlist } from "../../lib/utils";
+describe("addItemToWishlist with explicit wishlistId", () => {
+    let mockTapcart;
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockTapcart = {
+            action: jest.fn().mockResolvedValue(true),
+            variables: {
+                customer: { id: "customer-123" },
+                wishlists: [{ id: "wishlist-1" }],
+            },
+        };
+    });
+    it("should use the provided wishlistId without opening the drawer", () => __awaiter(void 0, void 0, void 0, function* () {
+        const integrations = [
+            {
+                name: "tapcart-wishlist",
+                enabled: true,
+                multiwishlist: false,
+            },
+        ];
+        const product = {
+            id: "gid://shopify/Product/123",
+            variants: [{ id: "gid://shopify/ProductVariant/456" }],
+        };
+        const result = yield addItemToWishlist({
+            Tapcart: mockTapcart,
+            integrations,
+            product,
+            selectedVariantId: "gid://shopify/ProductVariant/456",
+            wishlistId: "gid://shopify/Wishlist/789",
+        });
+        expect(result).toBe(true);
+        expect(mockTapcart.action).toHaveBeenCalledTimes(1);
+        expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/add", {
+            productId: "123",
+            variantId: "456",
+            wishlistId: "789",
+        });
+    }));
+});

package/dist/tests/removeItemFromWishlist/removeItemFromWishlist.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=removeItemFromWishlist.test.d.ts.map

package/dist/tests/removeItemFromWishlist/removeItemFromWishlist.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeItemFromWishlist.test.d.ts","sourceRoot":"","sources":["../../../tests/removeItemFromWishlist/removeItemFromWishlist.test.ts"],"names":[],"mappings":""}

package/dist/tests/removeItemFromWishlist/removeItemFromWishlist.test.js

@@ -0,0 +1,268 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { removeItemFromWishlist } from "../../lib/utils";
+describe("removeItemFromWishlist", () => {
+    let mockTapcart;
+    let consoleErrorSpy;
+    let consoleLogSpy;
+    beforeEach(() => {
+        // Reset mocks before each test
+        jest.clearAllMocks();
+        // Spy on console methods
+        consoleErrorSpy = jest.spyOn(console, "error").mockImplementation();
+        consoleLogSpy = jest.spyOn(console, "log").mockImplementation();
+        // Default mock Tapcart instance
+        mockTapcart = {
+            action: jest.fn(),
+            variables: {
+                customer: { id: "customer-123" },
+                wishlists: [
+                    {
+                        id: "wishlist-1",
+                        items: [
+                            {
+                                productId: "gid://shopify/Product/123",
+                                variantId: "gid://shopify/ProductVariant/456",
+                            },
+                        ],
+                    },
+                ],
+            },
+        };
+    });
+    afterEach(() => {
+        consoleErrorSpy.mockRestore();
+        consoleLogSpy.mockRestore();
+    });
+    describe("validation and error handling", () => {
+        it("should return false when Tapcart instance is missing", () => __awaiter(void 0, void 0, void 0, function* () {
+            const result = yield removeItemFromWishlist({
+                Tapcart: null,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Tapcart instance is missing");
+        }));
+        it("should handle errors gracefully and return false", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to throw an error
+            mockTapcart.action = jest.fn().mockImplementation(() => {
+                throw new Error("Test error");
+            });
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Failed to remove from wishlist", expect.any(Error));
+        }));
+    });
+    describe("variant ID handling", () => {
+        it("should return false when variant ID is missing from both wishlist entry and selectedVariantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with no variant ID in wishlist entry
+            mockTapcart.variables.wishlists[0].items[0].variantId = null;
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: null,
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing variant id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should use variant ID from wishlist entry when available", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: null,
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should use selectedVariantId when wishlist entry has no variant ID", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with no variant ID in wishlist entry
+            mockTapcart.variables.wishlists[0].items[0].variantId = null;
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "789",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should prioritize wishlist entry variant ID over selectedVariantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+    });
+    describe("wishlist ID handling", () => {
+        it("should return false when wishlist ID is missing", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with no wishlist ID
+            mockTapcart.variables.wishlists = [];
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing wishlist id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should use wishlist ID from wishlist entry when available", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "wishlist-1", // From wishlist entry
+            });
+        }));
+    });
+    describe("GID handling", () => {
+        it("should extract IDs from GID format", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with GID format
+            mockTapcart.variables.wishlists[0].items[0].productId = "gid://shopify/Product/123?param=value";
+            mockTapcart.variables.wishlists[0].items[0].variantId = "gid://shopify/ProductVariant/456?param=value";
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123?param=value",
+                selectedVariantId: "gid://shopify/ProductVariant/789?param=value",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123?param=value",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should handle plain IDs without GID format", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with plain IDs
+            mockTapcart.variables.wishlists[0].items[0].productId = "123";
+            mockTapcart.variables.wishlists[0].items[0].variantId = "456";
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "123",
+                selectedVariantId: "789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "123",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should use the provided wishlistId when supplied", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists = [];
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+                wishlistId: "gid://shopify/Wishlist/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "789",
+            });
+        }));
+    });
+    describe("edge cases", () => {
+        it("should handle undefined wishlists array", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists = undefined;
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing wishlist id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should handle empty wishlists array", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists = [];
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing wishlist id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should handle wishlist entry with undefined variantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists[0].items[0].variantId = undefined;
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "789",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should handle wishlist entry with null variantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists[0].items[0].variantId = null;
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "789",
+                wishlistId: "wishlist-1",
+            });
+        }));
+    });
+});

package/dist/tests/removeItemFromWishlists/removeItemFromWishlist.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=removeItemFromWishlist.test.d.ts.map

package/dist/tests/removeItemFromWishlists/removeItemFromWishlist.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeItemFromWishlist.test.d.ts","sourceRoot":"","sources":["../../../tests/removeItemFromWishlists/removeItemFromWishlist.test.ts"],"names":[],"mappings":""}

package/dist/tests/removeItemFromWishlists/removeItemFromWishlist.test.js

@@ -0,0 +1,268 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { removeItemFromWishlist } from "../../lib/utils";
+describe("removeItemFromWishlist", () => {
+    let mockTapcart;
+    let consoleErrorSpy;
+    let consoleLogSpy;
+    beforeEach(() => {
+        // Reset mocks before each test
+        jest.clearAllMocks();
+        // Spy on console methods
+        consoleErrorSpy = jest.spyOn(console, "error").mockImplementation();
+        consoleLogSpy = jest.spyOn(console, "log").mockImplementation();
+        // Default mock Tapcart instance
+        mockTapcart = {
+            action: jest.fn(),
+            variables: {
+                customer: { id: "customer-123" },
+                wishlists: [
+                    {
+                        id: "wishlist-1",
+                        items: [
+                            {
+                                productId: "gid://shopify/Product/123",
+                                variantId: "gid://shopify/ProductVariant/456",
+                            },
+                        ],
+                    },
+                ],
+            },
+        };
+    });
+    afterEach(() => {
+        consoleErrorSpy.mockRestore();
+        consoleLogSpy.mockRestore();
+    });
+    describe("validation and error handling", () => {
+        it("should return false when Tapcart instance is missing", () => __awaiter(void 0, void 0, void 0, function* () {
+            const result = yield removeItemFromWishlist({
+                Tapcart: null,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Tapcart instance is missing");
+        }));
+        it("should handle errors gracefully and return false", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to throw an error
+            mockTapcart.action = jest.fn().mockImplementation(() => {
+                throw new Error("Test error");
+            });
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Failed to remove from wishlist", expect.any(Error));
+        }));
+    });
+    describe("variant ID handling", () => {
+        it("should return false when variant ID is missing from both wishlist entry and selectedVariantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with no variant ID in wishlist entry
+            mockTapcart.variables.wishlists[0].items[0].variantId = null;
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: null,
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing variant id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should use variant ID from wishlist entry when available", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: null,
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should use selectedVariantId when wishlist entry has no variant ID", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with no variant ID in wishlist entry
+            mockTapcart.variables.wishlists[0].items[0].variantId = null;
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "789",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should prioritize wishlist entry variant ID over selectedVariantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+    });
+    describe("wishlist ID handling", () => {
+        it("should return false when wishlist ID is missing", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with no wishlist ID
+            mockTapcart.variables.wishlists = [];
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing wishlist id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should use wishlist ID from wishlist entry when available", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "wishlist-1", // From wishlist entry
+            });
+        }));
+    });
+    describe("GID handling", () => {
+        it("should extract IDs from GID format", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with GID format
+            mockTapcart.variables.wishlists[0].items[0].productId = "gid://shopify/Product/123?param=value";
+            mockTapcart.variables.wishlists[0].items[0].variantId = "gid://shopify/ProductVariant/456?param=value";
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123?param=value",
+                selectedVariantId: "gid://shopify/ProductVariant/789?param=value",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123?param=value",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should handle plain IDs without GID format", () => __awaiter(void 0, void 0, void 0, function* () {
+            // Mock Tapcart with plain IDs
+            mockTapcart.variables.wishlists[0].items[0].productId = "123";
+            mockTapcart.variables.wishlists[0].items[0].variantId = "456";
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "123",
+                selectedVariantId: "789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "123",
+                variantId: "456",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should use the provided wishlistId when supplied", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists = [];
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+                wishlistId: "gid://shopify/Wishlist/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "456",
+                wishlistId: "789",
+            });
+        }));
+    });
+    describe("edge cases", () => {
+        it("should handle undefined wishlists array", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists = undefined;
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing wishlist id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should handle empty wishlists array", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists = [];
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/456",
+            });
+            expect(result).toBe(false);
+            expect(consoleErrorSpy).toHaveBeenCalledWith("Missing wishlist id for wishlist removal");
+            expect(mockTapcart.action).not.toHaveBeenCalled();
+        }));
+        it("should handle wishlist entry with undefined variantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists[0].items[0].variantId = undefined;
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "789",
+                wishlistId: "wishlist-1",
+            });
+        }));
+        it("should handle wishlist entry with null variantId", () => __awaiter(void 0, void 0, void 0, function* () {
+            mockTapcart.variables.wishlists[0].items[0].variantId = null;
+            // Mock Tapcart.action to return a success result
+            mockTapcart.action = jest.fn().mockResolvedValue(true);
+            const result = yield removeItemFromWishlist({
+                Tapcart: mockTapcart,
+                productId: "gid://shopify/Product/123",
+                selectedVariantId: "gid://shopify/ProductVariant/789",
+            });
+            expect(result).toBe(true);
+            expect(mockTapcart.action).toHaveBeenCalledWith("wishlist/item/remove", {
+                productId: "gid://shopify/Product/123",
+                variantId: "789",
+                wishlistId: "wishlist-1",
+            });
+        }));
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",