@tapcart/mobile-components 0.12.6 → 0.12.7

package/dist/components/hooks/use-product-options.d.ts

@@ -4,6 +4,10 @@ export declare function useProductOptions(variants: ProductVariant[] | undefined
     selectedOptions: SelectedOptions;
     handleSelect: (optionName: string, optionValue: string) => void;
     selectedVariant: ProductVariant | undefined;
+    productOptions: {
+        name: string;
+        values: string[];
+    }[];
 };
 export {};
 //# sourceMappingURL=use-product-options.d.ts.map

package/dist/components/hooks/use-product-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-product-options.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-product-options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE7C,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,cAAc,EAAE,GAAG,SAAS,GAAG,IAAI,EAC7C,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI;;+BA+DC,MAAM,eAAe,MAAM,KAAG,IAAI;;EAwBrE"}
+{"version":3,"file":"use-product-options.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-product-options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE7C,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,cAAc,EAAE,GAAG,SAAS,GAAG,IAAI,EAC7C,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI;;+BA+DC,MAAM,eAAe,MAAM,KAAG,IAAI;;;;;;EA4CrE"}

package/dist/components/hooks/use-product-options.js

@@ -54,9 +54,27 @@ export function useProductOptions(variants, selectedVariantId) {
         setSelectedOptions(initializeSelectedOptions(selectedVariantId));
     }, [safeVariants, initializeSelectedOptions, selectedVariantId]);
     const selectedVariant = useMemo(() => safeVariants.find((v) => { var _a; return (_a = v.selectedOptions) === null || _a === void 0 ? void 0 : _a.every((o) => selectedOptions[o.name] === o.value); }), [safeVariants, selectedOptions]);
+    const productOptions = useMemo(() => {
+        var _a;
+        const optionsMap = new Map();
+        for (const variant of safeVariants) {
+            for (const { name, value } of (variant === null || variant === void 0 ? void 0 : variant.selectedOptions) || []) {
+                if (!optionsMap.has(name)) {
+                    optionsMap.set(name, new Set());
+                }
+                (_a = optionsMap.get(name)) === null || _a === void 0 ? void 0 : _a.add(value);
+            }
+        }
+        // Convert Map to plain array
+        return Array.from(optionsMap.entries()).map(([name, values]) => ({
+            name,
+            values: Array.from(values),
+        }));
+    }, [safeVariants]);
     return {
         selectedOptions,
         handleSelect,
         selectedVariant,
+        productOptions,
     };
 }

package/dist/components/hooks/use-recommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-recommendations.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAiBD,QAAA,MAAM,kBAAkB,yEASrB,sBAAsB,KAAG,uBAkG3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"use-recommendations.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAmBD,QAAA,MAAM,kBAAkB,yEASrB,sBAAsB,KAAG,uBAmH3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/hooks/use-recommendations.js

@@ -22,6 +22,7 @@ const getCollections = (collections) => {
         : [];
 };
 const recommendationsLocalStorage = new RecommendationsLocalStorage();
+const MIN_QUERY_LENGTH = 3;
 const useRecommendations = ({ 
 // Search client props
 searchClient, query = "", customSearchConfig, 
@@ -33,6 +34,8 @@ queryVariables, apiURL, }) => {
     const recommendation = usingSearchClient
         ? query
         : (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("recommendation")) || "";
+    // Check if resolved recommendation meets minimum length requirement
+    const shouldFetch = recommendation.length >= MIN_QUERY_LENGTH;
     const [cachedRecommendation, setCachedRecommendations] = React.useState(recommendationsLocalStorage.getCacheItem({
         id: `${recommendation}-${queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language}`,
     }));
@@ -59,19 +62,21 @@ queryVariables, apiURL, }) => {
         }
         return data;
     }));
-    // Determine which approach to use
-    const swrKey = usingSearchClient
-        ? {
-            type: "searchClient",
-            query: recommendation,
-            language: queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language,
-            customSearchConfig,
-        }
-        : {
-            appId: queryVariables.appId,
-            query: recommendation,
-            language: queryVariables.language,
-        };
+    // Determine which approach to use (null key prevents fetch)
+    const swrKey = shouldFetch
+        ? usingSearchClient
+            ? {
+                type: "searchClient",
+                query: recommendation,
+                language: queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language,
+                customSearchConfig,
+            }
+            : {
+                appId: queryVariables.appId,
+                query: recommendation,
+                language: queryVariables.language,
+            }
+        : null;
     const fetcher = usingSearchClient ? searchClientFetcher : apiFetcher;
     const { data, error, isLoading } = useSWR(swrKey, usingSearchClient ? fetcher : (body) => apiFetcher(body), {
         revalidateOnFocus: false,
@@ -89,6 +94,17 @@ queryVariables, apiURL, }) => {
             facets: (data === null || data === void 0 ? void 0 : data.facets) || [],
         });
     }, [data, recommendation, queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language]);
+    // Return empty results when recommendation is below minimum length
+    if (!shouldFetch) {
+        return {
+            products: [],
+            collections: [],
+            searches: [],
+            facets: [],
+            isLoading: false,
+            error: null,
+        };
+    }
     return {
         products: cachedRecommendation === null || cachedRecommendation === void 0 ? void 0 : cachedRecommendation.products,
         collections: cachedRecommendation === null || cachedRecommendation === void 0 ? void 0 : cachedRecommendation.collections,

package/dist/styles.css

@@ -648,6 +648,13 @@ video {
   color: hsl(var(--foreground));
     font-feature-settings: "rlig" 1, "calt" 1;
 }
+.\!container {
+  width: 100% !important;
+  margin-right: auto !important;
+  margin-left: auto !important;
+  padding-right: 2rem !important;
+  padding-left: 2rem !important;
+}
 .container {
   width: 100%;
   margin-right: auto;
@@ -657,6 +664,10 @@ video {
 }
 @media (min-width: 1400px) {
 
+  .\!container {
+    max-width: 1400px !important;
+  }
+
   .container {
     max-width: 1400px;
   }
@@ -1791,6 +1802,14 @@ video {
 .bg-foreground {
   background-color: hsl(var(--foreground));
 }
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
@@ -1798,6 +1817,10 @@ video {
 .bg-productBadging-fill {
   background-color: var(--productBadging-fill);
 }
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
 .bg-stateColors-disabled {
   background-color: var(--stateColors-disabled);
 }
@@ -2214,6 +2237,10 @@ video {
 .text-productBadging-text {
   color: var(--productBadging-text);
 }
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .text-red-600 {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
@@ -2266,6 +2293,10 @@ video {
 .text-textColors-strikethroughPriceText {
   color: var(--textColors-strikethroughPriceText);
 }
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -2379,6 +2410,10 @@ video {
   --tw-blur: blur(8px);
   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);
 }
+.drop-shadow {
+  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+  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);
+}
 .drop-shadow-\[0_3px_1px_0_rgba\(0\2c 0\2c 0\2c 1\)\] {
   --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);
@@ -2490,6 +2525,10 @@ video {
 .paused {
   animation-play-state: paused;
 }
+.\!container {
+    padding-right: 16px !important;
+    padding-left: 16px !important;
+  }
 .container {
     padding-right: 16px;
     padding-left: 16px;

package/package.json

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