@tapcart/mobile-components 0.11.0 → 0.11.2

package/dist/components/hooks/use-block-conditional-rendering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-block-conditional-rendering.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditional-rendering.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAczB,eAAO,MAAM,4BAA4B,WAC/B;IACN,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,GAAG,CAAA;IACpB,iBAAiB,EAAE,GAAG,CAAA;CACvB,UACO,YAAY;;;CA8NrB,CAAA"}
+{"version":3,"file":"use-block-conditional-rendering.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditional-rendering.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAczB,eAAO,MAAM,4BAA4B,WAC/B;IACN,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,GAAG,CAAA;IACpB,iBAAiB,EAAE,GAAG,CAAA;CACvB,UACO,YAAY;;;CAqPrB,CAAA"}

package/dist/components/hooks/use-block-conditional-rendering.js

@@ -16,12 +16,10 @@ import { useCollection } from "./use-collection";
 import { useSearchParams } from "next/navigation";
 import { gidFromId, countNumberOfTagsInState, getEnvState, shouldShowBlock, evaluateConditions, } from "../../lib/utils";
 export const useBlockConditionalRendering = (_props, _block) => {
-    var _a, _b, _c, _d, _e;
-    const _f = ((_a = _block === null || _block === void 0 ? void 0 : _block.visibilityConditions) === null || _a === void 0 ? void 0 : _a.conditions) || {}, { enabled: conditionalsV1IsEnabled = false, exclude: isInverse = false } = _f, restOfProps = __rest(_f, ["enabled", "exclude"]);
+    var _a, _b, _c, _d, _e, _f;
+    const _g = ((_a = _block === null || _block === void 0 ? void 0 : _block.visibilityConditions) === null || _a === void 0 ? void 0 : _a.conditions) || {}, { enabled: conditionalsV1IsEnabled = false, exclude: isInverse = false } = _g, restOfProps = __rest(_g, ["enabled", "exclude"]);
     const { _version = 1, conditions, enabled: conditionalsV2IsEnabled = false, } = (_block === null || _block === void 0 ? void 0 : _block.visibilityConditions) || {};
-    if (!conditionalsV1IsEnabled && !conditionalsV2IsEnabled) {
-        return { shouldShow: true, isLoading: false };
-    }
+    const isConditionalsEnabled = conditionalsV1IsEnabled || conditionalsV2IsEnabled;
     const blockState = restOfProps;
     const { appId = "", apiUrl = "", deviceVariables, customerVariables } = _props;
     const searchParams = useSearchParams();
@@ -29,6 +27,7 @@ export const useBlockConditionalRendering = (_props, _block) => {
     const [language = "en", country = "US"] = ((_b = deviceVariables === null || deviceVariables === void 0 ? void 0 : deviceVariables.locale) === null || _b === void 0 ? void 0 : _b.split("_")) || [];
     const { id: deviceId = "" } = deviceVariables || {};
     const productId = (_c = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("productId")) !== null && _c !== void 0 ? _c : undefined;
+    const productHandle = (_d = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("productHandle")) !== null && _d !== void 0 ? _d : undefined;
     const location = {
         country,
         language,
@@ -36,6 +35,9 @@ export const useBlockConditionalRendering = (_props, _block) => {
     };
     const productMetafieldsQuery = useMemo(() => {
         var _a;
+        if (!isConditionalsEnabled) {
+            return [];
+        }
         if (conditionalsV1IsEnabled && (blockState === null || blockState === void 0 ? void 0 : blockState.productMetafield)) {
             return blockState.productMetafield;
         }
@@ -60,20 +62,26 @@ export const useBlockConditionalRendering = (_props, _block) => {
         conditionalsV1IsEnabled,
         conditionalsV2IsEnabled,
         _block === null || _block === void 0 ? void 0 : _block.visibilityConditions,
+        isConditionalsEnabled,
     ]);
-    // Fetch product if productId is present
-    const { products, error: useProductsError, isLoading: isProductsLoading, } = useProducts({
-        productIds: productId !== undefined ? [gidFromId(productId)] : [],
-        baseURL: apiUrl,
-        productHandles: [],
-        metafields: productMetafieldsQuery,
-        queryVariables: {
-            language,
-            country,
-        },
-    });
+    const shouldFetchProduct = isConditionalsEnabled && (productId || productHandle);
+    const { products, error: useProductsError, isLoading: isProductsLoading, } = useProducts(shouldFetchProduct
+        ? {
+            productIds: productId ? [gidFromId(productId)] : [],
+            baseURL: apiUrl,
+            productHandles: productHandle ? [productHandle] : [],
+            metafields: productMetafieldsQuery,
+            queryVariables: {
+                language,
+                country,
+            },
+        }
+        : null);
     const blockCollectionMetafields = useMemo(() => {
         var _a;
+        if (!isConditionalsEnabled) {
+            return [];
+        }
         if (conditionalsV1IsEnabled && (blockState === null || blockState === void 0 ? void 0 : blockState.collectionMetafield)) {
             return blockState.collectionMetafield;
         }
@@ -98,35 +106,47 @@ export const useBlockConditionalRendering = (_props, _block) => {
         conditionalsV1IsEnabled,
         conditionalsV2IsEnabled,
         _block === null || _block === void 0 ? void 0 : _block.visibilityConditions,
+        isConditionalsEnabled,
     ]);
-    const collectionMetafieldsQuery = useMemo(() => blockCollectionMetafields.map((item) => {
-        // these are the fields used in the query.
-        return {
-            namespace: item.namespace,
-            key: item.key,
-        };
-    }), [blockCollectionMetafields]);
-    const memoizedMetafields = useMemo(() => collectionMetafieldsQuery
-        ? collectionMetafieldsQuery
+    const collectionMetafieldsQuery = useMemo(() => {
+        if (!blockCollectionMetafields.length) {
+            return [];
+        }
+        return blockCollectionMetafields.map((item) => {
+            // these are the fields used in the query.
+            return {
+                namespace: item.namespace,
+                key: item.key,
+            };
+        });
+    }, [blockCollectionMetafields]);
+    const memoizedMetafields = useMemo(() => {
+        if (!isConditionalsEnabled || !collectionMetafieldsQuery.length) {
+            return undefined;
+        }
+        return collectionMetafieldsQuery
             .map((m) => `${m.namespace}.${m.key}`)
-            .join(",")
-        : undefined, [collectionMetafieldsQuery]);
-    const collectionId = (_d = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("collectionId")) !== null && _d !== void 0 ? _d : undefined;
-    const collectionHandle = (_e = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("collectionHandle")) !== null && _e !== void 0 ? _e : undefined;
+            .join(",");
+    }, [collectionMetafieldsQuery, isConditionalsEnabled]);
+    const collectionId = (_e = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("collectionId")) !== null && _e !== void 0 ? _e : undefined;
+    const collectionHandle = (_f = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("collectionHandle")) !== null && _f !== void 0 ? _f : undefined;
+    const shouldFetchCollection = isConditionalsEnabled && (collectionId || collectionHandle);
     const { specificCollection = {}, error: useCollectionError, loading: isCollectionLoading, } = useCollection({
         appId,
         apiUrl,
-        collectionId,
-        collectionHandle,
+        collectionId: shouldFetchCollection ? collectionId : undefined,
+        collectionHandle: shouldFetchCollection ? collectionHandle : undefined,
         language: location === null || location === void 0 ? void 0 : location.language,
-        metafields: memoizedMetafields,
+        metafields: shouldFetchCollection ? memoizedMetafields : undefined,
     });
     const isLoading = isProductsLoading || isCollectionLoading;
     if (useProductsError || useCollectionError) {
         console.error("Unable to load products in conditional block rendering hook: ", useProductsError !== null && useProductsError !== void 0 ? useProductsError : useCollectionError);
     }
+    if (!isConditionalsEnabled) {
+        return { shouldShow: true, isLoading: false };
+    }
     let shouldShow = true;
-    const blockConditionalsIsEnabled = conditionalsV1IsEnabled || conditionalsV2IsEnabled;
     const blockHasTags = countNumberOfTagsInState(blockState) > 0;
     const product = products.length === 1 ? products[0] : undefined;
     const envState = getEnvState({
@@ -150,7 +170,7 @@ export const useBlockConditionalRendering = (_props, _block) => {
         return evaluateConditions(conditions, envState);
     };
     try {
-        if (blockConditionalsIsEnabled) {
+        if (isConditionalsEnabled) {
             switch (_version) {
                 case 2:
                     shouldShow = evaluateV2Conditions();

package/dist/components/hooks/use-infinite-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-infinite-scroll.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAmB,MAAM,iBAAiB,CAAA;AAE1E,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,GAAG,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CACxC;AAED,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAGxC,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGpC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,CACb,SAAS,EAAE,MAAM,EACjB,gBAAgB,EAAE,GAAG,GAAG,IAAI,EAC5B,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,GAAG,CAAA;CACT;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAA;IACV,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,oBAAoB,EAAE,GAAG,EAAE,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,sCAAsC,iBACnC,uBAAuB,OAsBtC,CAAA;AAED,QAAA,MAAM,YAAY,WAAY,MAAM,WAGnC,CAAA;AAED,QAAA,MAAM,iBAAiB,kJAepB,sBAAsB,KAAG,uBAkO3B,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"use-infinite-scroll.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAmB,MAAM,iBAAiB,CAAA;AAE1E,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,GAAG,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CACxC;AAED,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAGxC,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGpC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,CACb,SAAS,EAAE,MAAM,EACjB,gBAAgB,EAAE,GAAG,GAAG,IAAI,EAC5B,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,GAAG,CAAA;CACT;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAA;IACV,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,oBAAoB,EAAE,GAAG,EAAE,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,sCAAsC,iBACnC,uBAAuB,OAsBtC,CAAA;AAED,QAAA,MAAM,YAAY,WAAY,MAAM,WAGnC,CAAA;AAED,QAAA,MAAM,iBAAiB,kJAepB,sBAAsB,KAAG,uBAmP3B,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/hooks/use-infinite-scroll.js

@@ -65,12 +65,22 @@ customFetcher, customGetKey, }) => {
         return Boolean((searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("collectionId")) ||
             (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("collectionHandle")) ||
             handle ||
-            id);
-    }, [searchParams, handle, id]);
+            id ||
+            (queryVariableProps === null || queryVariableProps === void 0 ? void 0 : queryVariableProps.collectionId) ||
+            (queryVariableProps === null || queryVariableProps === void 0 ? void 0 : queryVariableProps.collectionHandle));
+    }, [
+        searchParams,
+        handle,
+        id,
+        queryVariableProps === null || queryVariableProps === void 0 ? void 0 : queryVariableProps.collectionId,
+        queryVariableProps === null || queryVariableProps === void 0 ? void 0 : queryVariableProps.collectionHandle,
+    ]);
     const hasQuery = useMemo(() => {
-        return Boolean(searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("searchQuery")) || query;
-    }, [searchParams, query]);
-    const shouldSkipSearchClientFetch = usingSearchClient && !hasCollection && !hasQuery;
+        return (Boolean(searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("searchQuery")) ||
+            query ||
+            (queryVariableProps === null || queryVariableProps === void 0 ? void 0 : queryVariableProps.searchQuery));
+    }, [searchParams, query, queryVariableProps === null || queryVariableProps === void 0 ? void 0 : queryVariableProps.searchQuery]);
+    const shouldSkipFetch = !hasCollection && !hasQuery;
     // Search client approach - getKey and fetcher
     const searchClientGetKey = useMemo(() => customGetKey || (searchClient === null || searchClient === void 0 ? void 0 : searchClient.getKey), [customGetKey, searchClient === null || searchClient === void 0 ? void 0 : searchClient.getKey]);
     const searchClientFetcher = useMemo(() => customFetcher || (searchClient === null || searchClient === void 0 ? void 0 : searchClient.fetcher), [customFetcher, searchClient === null || searchClient === void 0 ? void 0 : searchClient.fetcher]);
@@ -106,17 +116,17 @@ customFetcher, customGetKey, }) => {
     // Determine which approach to use
     const getKey = usingSearchClient
         ? (pageIndex, previousPageData) => {
-            if (shouldSkipSearchClientFetch)
-                return null;
             if (!searchClientGetKey)
                 return null;
             return searchClientGetKey(pageIndex, previousPageData);
         }
-        : (pageIndex, previousPageData) => (customGetKey || apiGetKey)(pageIndex, previousPageData, queryVariables !== null && queryVariables !== void 0 ? queryVariables : {});
+        : (pageIndex, previousPageData) => {
+            return (customGetKey || apiGetKey)(pageIndex, previousPageData, queryVariables !== null && queryVariables !== void 0 ? queryVariables : {});
+        };
     const fetcher = usingSearchClient
         ? (...args) => __awaiter(void 0, void 0, void 0, function* () {
             var _h, _j;
-            if (shouldSkipSearchClientFetch)
+            if (shouldSkipFetch)
                 return null;
             if (!searchClientFetcher)
                 return null;
@@ -124,7 +134,12 @@ customFetcher, customGetKey, }) => {
             productCount.current += (_j = (_h = result === null || result === void 0 ? void 0 : result.products) === null || _h === void 0 ? void 0 : _h.length) !== null && _j !== void 0 ? _j : 0;
             return result;
         })
-        : customFetcher || apiFetcher;
+        : (...args) => __awaiter(void 0, void 0, void 0, function* () {
+            if (shouldSkipFetch)
+                return null;
+            const effectiveFetcher = customFetcher || apiFetcher;
+            return effectiveFetcher(...args);
+        });
     const { data, error, size, setSize, isLoading, isValidating, mutate, } = useSWRInfinite(getKey, fetcher, {
         revalidateFirstPage: false,
         initialSize: 1,
@@ -190,7 +205,7 @@ customFetcher, customGetKey, }) => {
         return data.map((page) => { var _a; return (_a = page === null || page === void 0 ? void 0 : page.integrationResponse) !== null && _a !== void 0 ? _a : null; });
     }, [data, usingSearchClient]);
     // Elegant conditional overrides when skipping
-    const applySkip = (value, override) => shouldSkipSearchClientFetch ? override : value;
+    const applySkip = useCallback((value, override) => (shouldSkipFetch ? override : value), [shouldSkipFetch]);
     return useMemo(() => ({
         data,
         error,
@@ -215,7 +230,7 @@ customFetcher, customGetKey, }) => {
         integrationResponses,
         isLoading,
         isValidating,
-        shouldSkipSearchClientFetch,
+        applySkip,
     ]);
 };
 export { useInfiniteScroll, constructURL };

package/dist/components/ui/loading-spinner.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface LoadingSpinnerProps {
+    iconColor?: string;
+    size?: number;
+    opacity?: number;
+    show?: boolean;
+    showBackground?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const LoadingSpinner: ({ iconColor, size, opacity, show, showBackground, className, style, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=loading-spinner.d.ts.map

package/dist/components/ui/loading-spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.d.ts","sourceRoot":"","sources":["../../../components/ui/loading-spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,cAAc,0EAQxB,mBAAmB,mDAkDrB,CAAA"}

package/dist/components/ui/loading-spinner.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import React from "react";
+export const LoadingSpinner = ({ iconColor = "#000000", size = 16, opacity = 0.7, show = false, showBackground = false, className, style, }) => {
+    const [showLoadingSpinner, setShowLoadingSpinner] = React.useState(show);
+    const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);
+    React.useEffect(() => {
+        if (!show) {
+            setIsAnimatingOut(true);
+            setTimeout(() => {
+                setShowLoadingSpinner(false);
+                setIsAnimatingOut(false);
+            }, 300); // Match animation duration
+        }
+        else {
+            setShowLoadingSpinner(true);
+            setIsAnimatingOut(false);
+        }
+    }, [show]);
+    if (!showLoadingSpinner)
+        return null;
+    return (_jsx("div", Object.assign({ className: cn("absolute inset-0 flex items-center justify-center z-20", isAnimatingOut ? "animate-fadeOut" : "animate-fadeIn", {
+            "bg-white bg-opacity-70 rounded-full": showBackground,
+        }, className), style: style }, { children: _jsx("svg", Object.assign({ width: `${size}pt`, height: `${size}pt`, viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", className: "animate-spin m-2", style: { opacity } }, { children: _jsxs("g", Object.assign({ fill: iconColor }, { children: [_jsx("path", { d: "m49.105 0c-2.8555 0-5.1719 2.3164-5.1719 5.1719v17.242c0 2.8555 2.3164 5.1719 5.1719 5.1719s5.1758-2.3164 5.1758-5.1719v-17.242c0-2.8555-2.3203-5.1719-5.1758-5.1719z" }), _jsx("path", { d: "m49.105 72.414c-2.8555 0-5.1719 2.3164-5.1719 5.1719v17.242c0 2.8555 2.3164 5.1719 5.1719 5.1719s5.1719-2.3164 5.1719-5.1719v-17.242c0.003906-2.8555-2.3164-5.1719-5.1719-5.1719z" }), _jsx("path", { d: "m28.691 31.727l-14.93-8.6211c-2.4766-1.4258-5.6367-0.57812-7.0664 1.8945-1.4258 2.4766-0.58203 5.6406 1.8945 7.0703l14.93 8.6211c2.4727 1.4258 5.6367 0.57812 7.0664-1.8984 1.4297-2.4727 0.57812-5.6367-1.8945-7.0664z" }), _jsx("path", { d: "m91.402 67.934l-14.93-8.6211c-2.4727-1.4258-5.6367-0.57812-7.0664 1.8945-1.4258 2.4766-0.57812 5.6406 1.8945 7.0703l14.93 8.6211c2.4766 1.4258 5.6406 0.57812 7.0703-1.8984 1.4219-2.4727 0.57422-5.6367-1.8984-7.0664z" }), _jsx("path", { d: "m23.52 59.312l-14.93 8.6211c-2.4727 1.4258-3.3203 4.5938-1.8945 7.0664 1.4258 2.4727 4.5938 3.3281 7.0664 1.8945l14.93-8.6172c2.4727-1.4258 3.3203-4.5938 1.8945-7.0703-1.4258-2.4727-4.5938-3.3203-7.0664-1.8945z" }), _jsx("path", { d: "m76.477 40.691l14.93-8.6211c2.4766-1.4297 3.3242-4.5977 1.8945-7.0742-1.4258-2.4727-4.5938-3.3203-7.0703-1.8906l-14.93 8.6211c-2.4727 1.4258-3.3203 4.5898-1.8945 7.0664 1.4297 2.4805 4.5977 3.3281 7.0703 1.8984z" })] })) })) })));
+};

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

@@ -1 +1 @@
-{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../components/ui/money.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,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,2CA6BZ;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,2CAgCZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/money.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -12,6 +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";
 const moneyVariants = cva("", {
     variants: {},
     defaultVariants: {
@@ -21,7 +23,10 @@ const moneyVariants = cva("", {
 });
 function Money(_a) {
     var { price, locale, currency, hideZeroCents = false, styles } = _a, props = __rest(_a, ["price", "locale", "currency", "hideZeroCents", "styles"]);
-    let language = locale;
+    // Only use routeLocale if it contains a hyphen (e.g., "en-US")
+    const routeLocale = usePathname().split("/").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("-"))) {

package/dist/index.d.ts

@@ -43,6 +43,7 @@ export * from "./components/ui/Input/input";
 export * from "./components/ui/label";
 export * from "./components/ui/line-item-text-icons";
 export * from "./components/ui/loading-dots";
+export * from "./components/ui/loading-spinner";
 export * from "./components/ui/money";
 export * from "./components/ui/portal";
 export * from "./components/ui/price";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -43,6 +43,7 @@ export * from "./components/ui/Input/input";
 export * from "./components/ui/label";
 export * from "./components/ui/line-item-text-icons";
 export * from "./components/ui/loading-dots";
+export * from "./components/ui/loading-spinner";
 export * from "./components/ui/money";
 export * from "./components/ui/portal";
 export * from "./components/ui/price";

package/dist/styles.css

@@ -778,9 +778,6 @@ video {
 .top-\[50\%\] {
   top: 50%;
 }
-.z-0 {
-  z-index: 0;
-}
 .z-10 {
   z-index: 10;
 }
@@ -889,9 +886,6 @@ video {
 .ml-2 {
   margin-left: 0.5rem;
 }
-.ml-4 {
-  margin-left: 1rem;
-}
 .ml-auto {
   margin-left: auto;
 }
@@ -973,9 +967,6 @@ video {
 .hidden {
   display: none;
 }
-.aspect-\[2\/3\] {
-  aspect-ratio: 2/3;
-}
 .aspect-productImages {
   aspect-ratio: var(--productImage-aspectRatio);
 }
@@ -1115,9 +1106,6 @@ video {
 .w-1\/2 {
   width: 50%;
 }
-.w-1\/3 {
-  width: 33.333333%;
-}
 .w-1\/4 {
   width: 25%;
 }
@@ -1142,9 +1130,6 @@ video {
 .w-2\/3 {
   width: 66.666667%;
 }
-.w-2\/5 {
-  width: 40%;
-}
 .w-20 {
   width: 5rem;
 }
@@ -2376,6 +2361,10 @@ video {
   --tw-drop-shadow: drop-shadow(0 3px 1px 0 rgba(0,0,0,1));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.grayscale {
+  --tw-grayscale: grayscale(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }

package/package.json

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