npm - @evershop/evershop - Versions diffs - 2.1.0 → 2.1.2 - Mend

@evershop/evershop 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2043) hide show

package/dist/components/frontStore/catalog/DefaultAttributeFilterRender.js CHANGED Viewed

@@ -1,3 +1,6 @@
+import { Button } from '@components/common/ui/Button.js';
+import { Checkbox } from '@components/common/ui/Checkbox.js';
+import { Label } from '@components/common/ui/Label.js';
 import { useProductFilter } from '@components/frontStore/catalog/ProductFilter.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React, { useState } from 'react';
@@ -75,34 +78,31 @@ export const DefaultAttributeFilterRender = ({ availableAttributes, currentFilte
         const selectedCount = getSelectedCount(attribute.attributeCode);
         const filteredOptions = getFilteredOptions(attribute);
         const isCollapsed = collapsedAttributes[attribute.attributeCode];
-        return (React.createElement("div", { key: attribute.attributeCode, className: "attribute__filter__section border-b border-gray-200 pb-2 mb-2" },
+        return (React.createElement("div", { key: attribute.attributeCode, className: "attribute__filter__section border-b border-border pb-2 mb-2" },
             React.createElement("div", { className: "filter__header flex items-center justify-between mb-3" },
-                React.createElement("button", { onClick: () => toggleCollapse(attribute.attributeCode), className: "flex items-center space-x-2 text-left flex-1 hover:text-blue-600 transition-colors" },
+                React.createElement("button", { onClick: () => toggleCollapse(attribute.attributeCode), className: "flex items-center justify-between text-left flex-1 hover:text-primary transition-colors" },
                     React.createElement("span", { className: "font-medium" }, attribute.attributeName),
-                    selectedCount > 0 && (React.createElement("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full" }, selectedCount)),
                     React.createElement("svg", { className: `w-4 h-4 transition-transform ${isCollapsed ? 'rotate-180' : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                         React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
-                selectedCount > 0 && (React.createElement("button", { onClick: () => clearAttributeFilter(attribute.attributeCode), className: "text-gray-400 hover:text-red-500 text-sm transition-colors", title: "Clear all" }, "\u2715"))),
+                selectedCount > 0 && (React.createElement(Button, { variant: 'link', onClick: () => clearAttributeFilter(attribute.attributeCode), className: "hover:text-destructive text-sm transition-colors", title: "Clear all" }, "\u2715"))),
             !isCollapsed && (React.createElement("div", { className: "filter__content" },
                 attribute.options.length > 5 && (React.createElement("div", { className: "mb-3" },
-                    React.createElement("input", { type: "text", placeholder: `Search ${attribute.attributeName.toLowerCase()}...`, value: searchTerms[attribute.attributeCode] || '', onChange: (e) => setSearchTerms((prev) => ({
+                    React.createElement(Checkbox, { value: searchTerms[attribute.attributeCode] || '', onCheckedChange: (checked) => setSearchTerms((prev) => ({
                             ...prev,
-                            [attribute.attributeCode]: e.target.value
-                        })), className: "w-full px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500" }))),
+                            [attribute.attributeCode]: checked
+                                ? checked.toString()
+                                : ''
+                        })) }))),
                 React.createElement("div", { className: "attribute__options space-y-2 max-h-48 overflow-y-auto" }, filteredOptions.length > 0 ? (filteredOptions.map((option) => {
                     const isSelected = isOptionSelected(attribute.attributeCode, option.optionId.toString());
-                    return (React.createElement("label", { key: option.optionId, className: `flex items-center space-x-3 cursor-pointer p-2 rounded hover:bg-gray-50 transition-colors ${isSelected
-                            ? 'bg-blue-50 border border-blue-200'
-                            : ''}` },
-                        React.createElement("input", { type: "checkbox", checked: isSelected, onChange: (e) => handleAttributeChange(attribute.attributeCode, option.optionId.toString(), e.target.checked), className: "form-checkbox h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }),
-                        React.createElement("span", { className: `text-sm ${isSelected
-                                ? 'font-medium text-blue-900'
-                                : 'text-gray-700'}` }, option.optionText)));
-                })) : (React.createElement("div", { className: "text-gray-500 text-sm text-center py-4" }, _('No options found for "${code}"', {
+                    return (React.createElement("div", { key: option.optionId, className: `flex items-center space-x-2 cursor-pointer py-2` },
+                        React.createElement(Checkbox, { checked: isSelected, id: `${attribute.attributeCode}-${option.optionId}`, onCheckedChange: (checked) => handleAttributeChange(attribute.attributeCode, option.optionId.toString(), checked) }),
+                        React.createElement(Label, { htmlFor: `${attribute.attributeCode}-${option.optionId}` }, option.optionText)));
+                })) : (React.createElement("div", { className: "text-muted-foreground text-sm text-center py-4" }, _('No options found for "${code}"', {
                     code: searchTerms[attribute.attributeCode]
                 })))),
                 !searchTerms[attribute.attributeCode] &&
-                    attribute.options.length > 10 && (React.createElement("button", { className: "text-blue-600 text-sm mt-2 hover:underline" }, _('Show all ${count} options', {
+                    attribute.options.length > 10 && (React.createElement(Button, { variant: 'link', className: "text-primary text-sm mt-2 hover:underline" }, _('Show all ${count} options', {
                     count: attribute.options.length.toString()
                 })))))));
     })));

package/dist/components/frontStore/catalog/DefaultAttributeFilterRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultAttributeFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultAttributeFilterRender.tsx"],"names":[],"mappings":"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~~,+DAA+D~~;~~YAGzE~~,6BAAK,SAAS,EAAC,uDAAuD;gBACpE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,aAAa,CAAC,EACtD,SAAS,EAAC,~~oFAAoF~~;~~oBAE9F~~,8BAAM,SAAS,EAAC,aAAa,IAAE,SAAS,CAAC,aAAa,CAAQ;~~oBAC7D~~,~~aAAa,GAAG,CAAC,IAAI,CACpB,8BAAM,SAAS,EAAC,0DAA0D,IACvE,aAAa,CACT,CACR;oBACD,~~6BACE,SAAS,EAAE,gCACT,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,EAAE,EACF,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW;wBAEnB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,gBAAgB,GAClB,CACE,CACC;gBAER,aAAa,GAAG,CAAC,IAAI,CACpB,~~gCACE~~,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAa,CAAC,EAC5D,SAAS,EAAC,~~4DAA4D~~,~~EACtE~~,KAAK,EAAC,WAAW,aAGV,CACV,CACG;YAEL,CAAC,WAAW,IAAI,CACf,6BAAK,SAAS,EAAC,iBAAiB;~~gBAE7B~~,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/B,6BAAK,SAAS,EAAC,MAAM;oBACnB~~,+BACE~~,~~IAAI~~,~~EAAC~~,~~MAAM~~,~~EACX,WAAW,EAAE,UAAU,SAAS,CAAC,aAAa,CAAC,WAAW,EAAE,~~KAAK,~~EACjE,KAAK,~~EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,EACjD,~~QAAQ~~,EAAE,CAAC,~~CAAC~~,EAAE,EAAE,~~CACd~~,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4BACxB,GAAG,IAAI;4BACP,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,~~MAAM~~,CAAC,~~KAAK~~;~~yBAC1C~~,CAAC,CAAC,~~EAEL~~,~~SAAS~~,~~EAAC~~,~~gHAAgH~~,~~GAC1H,~~CACE,CACP;gBAED,6BAAK,SAAS,EAAC,uDAAuD,IACnE,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC7B,MAAM,UAAU,GAAG,gBAAgB,CACjC,SAAS,CAAC,aAAa,EACvB,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAC3B,CAAC;oBACF,OAAO,CACL~~,+BACE~~,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,SAAS,EAAE,~~6FACT,UAAU~~;~~4BACR~~,~~CAAC~~,~~CAAC~~,~~mCAAmC;4BACrC~~,~~CAAC~~,~~CAAC~~,~~EACN~~,EAAE~~;wBAEF,+BACE~~,~~IAAI~~,~~EAAC~~,~~UAAU~~,~~EACf~~,~~OAAO~~,~~EAAE~~,~~UAAU~~,~~EACnB~~,QAAQ,EAAE,~~CAAC~~,CAAC,EAAE,EAAE,~~CACd~~,qBAAqB,CACnB,SAAS,CAAC,aAAa,EACvB,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC1B,~~CAAC,CAAC,MAAM,CAAC,~~OAAO,~~CACjB~~,~~EAEH~~,~~SAAS~~,~~EAAC~~,~~iFAAiF~~,~~GAC3F;wBACF~~,~~8BACE,SAAS,~~EAAE,~~WACT~~,~~UAAU;gCACR~~,CAAC,~~CAAC~~,~~2BAA2B;gCAC7B~~,~~CAAC~~,CAAC,~~eACN~~,EAAE,~~IAED~~,MAAM,CAAC,UAAU,~~CACb~~,~~CACD~~,~~CACT~~,CAAC;gBACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,~~wCAAwC~~,~~IACpD~~,CAAC,CAAC,gCAAgC,EAAE;oBACnC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC;iBAC3C,CAAC,CACE,CACP,CACG;gBAEL,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC;oBACpC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,EAAE,IAAI,CAC/B,~~gCAAQ~~,SAAS,EAAC,~~4CAA4C~~,~~IAC3D~~,CAAC,CAAC,2BAA2B,EAAE;oBAC9B,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE;iBAC3C,CAAC,CACK,CACV,CACC,CACP,CACG,CACP,CAAC;IACJ,CAAC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultAttributeFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultAttributeFilterRender.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/catalog/DefaultCategoryFilterRender.js CHANGED Viewed

@@ -1,3 +1,5 @@
+import { Checkbox } from '@components/common/ui/Checkbox.js';
+import { Label } from '@components/common/ui/Label.js';
 import { useProductFilter } from '@components/frontStore/catalog/ProductFilter.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React, { useState } from 'react';
@@ -6,7 +8,7 @@ export const DefaultCategoryFilterRender = ({ categories, currentFilters }) => {
     const [searchTerm, setSearchTerm] = useState('');
     const [isCollapsed, setIsCollapsed] = useState(false);
     const handleCategoryChange = (categoryId, checked) => {
-        let newFilters = [...currentFilters];
+        let newFilters = currentFilters.map((f) => ({ ...f }));
         const existingFilter = newFilters.find((f) => f.key === 'cat');
         if (checked) {
             if (existingFilter) {
@@ -59,24 +61,19 @@ export const DefaultCategoryFilterRender = ({ categories, currentFilters }) => {
     }
     const selectedCount = getSelectedCount();
     const filteredCategories = getFilteredCategories();
-    return (React.createElement("div", { className: "category__filter__section border-b border-gray-200 pb-2 mb-2" },
+    return (React.createElement("div", { className: "category__filter__section border-b border-border pb-2 mb-2" },
         React.createElement("div", { className: "filter__header flex items-center justify-between mb-3" },
-            React.createElement("button", { onClick: () => setIsCollapsed(!isCollapsed), className: "flex items-center space-x-2 text-left flex-1 hover:text-blue-600 transition-colors" },
+            React.createElement("button", { onClick: () => setIsCollapsed(!isCollapsed), className: "flex items-center justify-between text-left flex-1 hover:text-primary transition-colors" },
                 React.createElement("span", { className: "font-medium" }, "Categories"),
-                selectedCount > 0 && (React.createElement("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full" }, selectedCount)),
                 React.createElement("svg", { className: `w-4 h-4 transition-transform ${isCollapsed ? 'rotate-180' : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                     React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
-            selectedCount > 0 && (React.createElement("button", { onClick: clearCategoryFilter, className: "text-gray-400 hover:text-red-500 text-sm transition-colors", title: "Clear categories" }, "\u2715"))),
+            selectedCount > 0 && (React.createElement("button", { onClick: clearCategoryFilter, className: "text-muted-foreground hover:text-destructive text-sm transition-colors", title: "Clear categories" }, "\u2715"))),
         !isCollapsed && (React.createElement("div", { className: "filter__content" },
-            categories.length > 5 && (React.createElement("div", { className: "mb-3" },
-                React.createElement("input", { type: "text", placeholder: "Search categories...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500" }))),
             React.createElement("div", { className: "category__options space-y-2 max-h-48 overflow-y-auto" }, filteredCategories.length > 0 ? (filteredCategories.map((category) => {
                 const isSelected = isCategorySelected(category.categoryId.toString());
-                return (React.createElement("label", { key: category.categoryId, className: `flex items-center space-x-3 cursor-pointer p-2 rounded hover:bg-gray-50 transition-colors ${isSelected ? 'bg-blue-50 border border-blue-200' : ''}` },
-                    React.createElement("input", { type: "checkbox", checked: isSelected, onChange: (e) => handleCategoryChange(category.categoryId.toString(), e.target.checked), className: "form-checkbox h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }),
-                    React.createElement("span", { className: `text-sm ${isSelected
-                            ? 'font-medium text-blue-900'
-                            : 'text-gray-700'}` }, category.name)));
+                return (React.createElement("div", { key: category.categoryId, className: `flex items-center space-x-3 cursor-pointer py-2` },
+                    React.createElement(Checkbox, { id: `category-${category.categoryId}`, checked: isSelected, onCheckedChange: (checked) => handleCategoryChange(category.categoryId.toString(), checked) }),
+                    React.createElement(Label, { htmlFor: `category-${category.categoryId}` }, category.name)));
             })) : (React.createElement("div", { className: "text-gray-500 text-sm text-center py-4" }, _('No categories found for "${term}"', { term: searchTerm }))))))));
 };
 //# sourceMappingURL=DefaultCategoryFilterRender.js.map

package/dist/components/frontStore/catalog/DefaultCategoryFilterRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultCategoryFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultCategoryFilterRender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,EACjB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,2BAA2B,GAGnC,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IACtC,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,oBAAoB,GAAG,CAAC,UAAkB,EAAE,OAAgB,EAAE,EAAE;QACpE,IAAI,UAAU,GAAG,CAAC,GAAG,~~cAAc~~,CAAC,CAAC;~~QACrC~~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~~8DAA8D~~;~~QAC3E~~,6BAAK,SAAS,EAAC,uDAAuD;YACpE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,SAAS,EAAC,~~oFAAoF~~;~~gBAE9F~~,8BAAM,SAAS,EAAC,aAAa,iBAAkB;~~gBAC9C~~,~~aAAa,GAAG,CAAC,IAAI,CACpB,8BAAM,SAAS,EAAC,0DAA0D,IACvE,aAAa,CACT,CACR;gBACD,~~6BACE,SAAS,EAAE,gCACT,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,EAAE,EACF,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW;oBAEnB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,gBAAgB,GAClB,CACE,CACC;YAER,aAAa,GAAG,CAAC,IAAI,CACpB,gCACE,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAC,~~4DAA4D~~,~~EACtE~~,KAAK,EAAC,kBAAkB,aAGjB,CACV,CACG;QAEL,CAAC,WAAW,IAAI,CACf,6BAAK,SAAS,EAAC,iBAAiB;~~YAC7B~~,~~UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,~~6BAAK,SAAS,EAAC,MAAM;gBACnB,+BACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAC,gHAAgH,GAC1H,CACE,CACP;YAED,6BAAK,SAAS,EAAC,sDAAsD,IAClE,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAClC,MAAM,UAAU,GAAG,kBAAkB,CACnC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,CAC/B,CAAC;gBACF,OAAO,CACL~~,+BACE~~,GAAG,EAAE,QAAQ,CAAC,UAAU,EACxB,SAAS,EAAE,~~6FACT~~,~~UAAU~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~mCAAmC~~,~~CAAC~~,~~CAAC~~,CAAC,~~EACrD~~,EAAE~~;oBAEF,+BACE~~,~~IAAI~~,~~EAAC,UAAU,EACf,~~OAAO,EAAE,UAAU,EACnB,~~QAAQ~~,EAAE,CAAC,~~CAAC~~,EAAE,EAAE,~~CACd~~,oBAAoB,CAClB,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,EAC9B,~~CAAC,CAAC,MAAM,CAAC,~~OAAO,~~CACjB~~,~~EAEH,SAAS,EAAC,iFAAiF,GAC3F~~;oBACF,~~8BACE~~,~~SAAS~~,~~EAAE~~,~~WACT~~,~~UAAU;4BACR~~,~~CAAC~~,~~CAAC~~,~~2BAA2B;4BAC7B,~~CAAC,~~CAAC~~,~~eACN,~~EAAE,~~IAED~~,QAAQ,CAAC,IAAI,~~CACT~~,~~CACD~~,~~CACT~~,CAAC;YACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,wCAAwC,IACpD,CAAC,CAAC,mCAAmC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CACzD,CACP,CACG,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultCategoryFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultCategoryFilterRender.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/catalog/DefaultPriceFilterRender.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import React from 'react';
-import 'react-range-slider-input/dist/style.css';
 import { PriceRange, FilterInput, ProductFilterProps } from '@components/frontStore/catalog/ProductFilter.js';
+import React from 'react';
 export declare const DefaultPriceFilterRender: React.FC<{
     priceRange: PriceRange;
     currentFilters: FilterInput[];

package/dist/components/frontStore/catalog/DefaultPriceFilterRender.js CHANGED Viewed

@@ -1,9 +1,8 @@
+import { Slider } from '@components/common/ui/Slider.js';
+import { DefaultFilterWrapperRender } from '@components/frontStore/catalog/DefaultFilterWrapperRender.js';
+import { useProductFilter } from '@components/frontStore/catalog/ProductFilter.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React, { useState, useMemo } from 'react';
-import RangeSlider from 'react-range-slider-input';
-import 'react-range-slider-input/dist/style.css';
-import { useProductFilter } from '@components/frontStore/catalog/ProductFilter.js';
-import { DefaultFilterWrapperRender } from '@components/frontStore/catalog/DefaultFilterWrapperRender.js';
 export const DefaultPriceFilterRender = ({ priceRange, currentFilters, setting }) => {
     const { updateFilter } = useProductFilter();
     // Initialize from current filters
@@ -55,10 +54,9 @@ export const DefaultPriceFilterRender = ({ priceRange, currentFilters, setting }
     return (React.createElement(DefaultFilterWrapperRender, { title: _('Price') },
         React.createElement("div", { className: "price__filter border-b border-gray-200 pb-2 mb-2" },
             React.createElement("div", { className: "price__slider mb-4" },
-                React.createElement(RangeSlider.default, { min: priceRange.min, max: priceRange.max, value: [localMin, localMax], onInput: handleRangeChange })),
+                React.createElement(Slider, { min: priceRange.min, max: priceRange.max, value: [localMin, localMax], onValueChange: handleRangeChange })),
             React.createElement("div", { className: "flex justify-between text-small text-gray-500 mt-2" },
                 React.createElement("span", null, priceRange.minText),
-                React.createElement("span", null, priceRange.maxText))),
-        React.createElement("style", null, `.range-slider .range-slider__thumb { width: 1rem; height: 1rem} .range-slider {height:6px}`)));
+                React.createElement("span", null, priceRange.maxText)))));
 };
 //# sourceMappingURL=DefaultPriceFilterRender.js.map

package/dist/components/frontStore/catalog/DefaultPriceFilterRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultPriceFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultPriceFilterRender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~CAAC~~,EAAE,MAAM,~~2CAA2C~~,CAAC;~~AAC9D~~,OAAO,~~KAAK,~~EAAE,~~EAAE~~,~~QAAQ,~~EAAE,~~OAAO,EAAE,~~MAAM,~~OAAO~~,CAAC;~~AACjD~~,OAAO,~~WAAW~~,MAAM,~~0BAA0B~~,CAAC;~~AACnD~~,OAAO,~~yCAAyC~~,CAAC~~;AACjD~~,~~OAAO~~,~~EAGL,gBAAgB,EAEjB,~~MAAM,~~iDAAiD~~,CAAC;~~AACzD~~,OAAO,EAAE,~~0BAA0B~~,EAAE,MAAM,~~8DAA8D~~,CAAC;~~AAE1G~~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~~MAAwB~~,EAAE,EAAE;~~QACrD~~,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC;QAC1B,WAAW,CAAC,GAAG,CAAC,CAAC;QACjB,WAAW,CAAC,GAAG,CAAC,CAAC;QACjB,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,0BAA0B,IAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;QAC3C,6BAAK,SAAS,EAAC,kDAAkD;YAC/D,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,oBAAC,~~WAAW~~,~~CAAC~~,~~OAAO,IAClB,~~GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAC3B,~~OAAO~~,EAAE,iBAAiB,~~GAC1B~~,CACE;YAEN,6BAAK,SAAS,EAAC,oDAAoD;gBACjE,kCAAO,UAAU,CAAC,OAAO,CAAQ;gBACjC,kCAAO,UAAU,CAAC,OAAO,CAAQ,CAC7B,CACF~~;QACN~~,~~mCAAQ~~,~~4FAA4F,CAAS,CAClF,~~CAC9B,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultPriceFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultPriceFilterRender.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/catalog/DefaultProductFilterRender.js CHANGED Viewed

@@ -1,4 +1,6 @@
 import Area from '@components/common/Area.js';
+import { Button } from '@components/common/ui/Button.js';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetFooter } from '@components/common/ui/Sheet.js';
 import { DefaultAttributeFilterRender } from '@components/frontStore/catalog/DefaultAttributeFilterRender.js';
 import { DefaultCategoryFilterRender } from '@components/frontStore/catalog/DefaultCategoryFilterRender.js';
 import { DefaultPriceFilterRender as PriceFilterRenderer } from '@components/frontStore/catalog/DefaultPriceFilterRender.js';
@@ -17,7 +19,7 @@ export const DefaultProductFilterRender = ({ renderProps, className = '', title
                 component: { default: PriceFilterRenderer },
                 props: { priceRange, currentFilters, setting },
                 sortOrder: 10,
-                id: 'price-filter'
+                id: 'priceFilter'
             });
         }
         if (categories.length > 0) {
@@ -25,7 +27,7 @@ export const DefaultProductFilterRender = ({ renderProps, className = '', title
                 component: { default: DefaultCategoryFilterRender },
                 props: { categories, currentFilters },
                 sortOrder: 15,
-                id: 'category-filter'
+                id: 'categoryFilter'
             });
         }
         if (availableAttributes.length > 0) {
@@ -33,7 +35,7 @@ export const DefaultProductFilterRender = ({ renderProps, className = '', title
                 component: { default: DefaultAttributeFilterRender },
                 props: { availableAttributes, currentFilters },
                 sortOrder: 20,
-                id: 'attribute-filter'
+                id: 'attributeFilter'
             });
         }
         return components;
@@ -43,29 +45,22 @@ export const DefaultProductFilterRender = ({ renderProps, className = '', title
         React.createElement("button", { onClick: () => setIsMobileFilterOpen(true), className: "md:hidden w-full flex items-center justify-center space-x-2 py-3 px-4 border border-gray-300 rounded-md bg-white hover:bg-gray-50 transition-colors" },
             React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                 React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707v4.586a1 1 0 01-.293.707l-2 2A1 1 0 0111 21v-6.586a1 1 0 00-.293-.707L4.293 7.293A1 1 0 014 6.586V4z" })),
-            React.createElement("span", null, _('Filters')),
-            activeFilterCount > 0 && (React.createElement("span", { className: "bg-blue-500 text-white text-xs px-2 py-1 rounded-full" }, activeFilterCount))),
-        isMobileFilterOpen && (React.createElement("div", { className: "md:hidden fixed inset-0 z-50 bg-black bg-opacity-50 flex items-end" },
-            React.createElement("div", { className: "w-full bg-white rounded-t-lg max-h-[90vh] flex flex-col" },
-                React.createElement("div", { className: "flex items-center justify-between p-4 border-b" },
-                    React.createElement("h3", { className: "font-bold text-lg" }, _('Filters')),
-                    React.createElement("button", { onClick: () => setIsMobileFilterOpen(false), className: "p-2 hover:bg-gray-100 rounded-full" },
-                        React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
-                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))),
-                React.createElement("div", { className: "flex-1 overflow-y-auto p-4" },
+            React.createElement("span", null, _('Filters'))),
+        React.createElement(Sheet, { open: isMobileFilterOpen, onOpenChange: setIsMobileFilterOpen },
+            React.createElement(SheetContent, { side: "bottom", className: "md:hidden max-h-[85vh] border-border" },
+                React.createElement(SheetHeader, null,
+                    React.createElement(SheetTitle, null, _('Filters'))),
+                React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-4" },
                     showFilterSummary && (React.createElement(DefaultProductFilterSummary, { availableAttributes: availableAttributes, currentFilters: currentFilters, priceRange: priceRange, categories: categories })),
                     React.createElement("div", { className: isLoading ? 'opacity-75 pointer-events-none' : '' },
                         React.createElement(Area, { id: "productFilter", noOuter: true, coreComponents: defaultComponents, availableAttributes: availableAttributes, priceRange: priceRange, currentFilters: currentFilters, categories: categories, setting: setting }))),
-                React.createElement("div", { className: "p-4 border-t flex space-x-3" },
-                    React.createElement("button", { onClick: clearAllFilters, disabled: isLoading || activeFilterCount === 0, className: "flex-1 py-2 px-4 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 disabled:opacity-50" }, _('Clear All')),
-                    React.createElement("button", { onClick: () => setIsMobileFilterOpen(false), className: "flex-1 py-2 px-4 bg-blue-600 text-white rounded-md hover:bg-blue-700" }, _('Apply Filters')))))),
-        React.createElement("div", { className: `hidden md:block product-filter ${className}` },
-            React.createElement("div", { className: "filter-header flex items-center justify-between mb-4" },
-                title && (React.createElement("h3", { className: "font-bold text-lg flex items-center" },
-                    title,
-                    activeFilterCount > 0 && (React.createElement("span", { className: "ml-2 bg-blue-100 text-blue-800 text-sm px-2 py-1 rounded-full" }, activeFilterCount)),
-                    isLoading && (React.createElement("div", { className: "ml-2 w-4 h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" })))),
-                activeFilterCount > 0 && (React.createElement("button", { onClick: clearAllFilters, disabled: isLoading, className: "text-sm text-gray-600 hover:text-red-600 transition-colors disabled:opacity-50" }, _('Clear All')))),
+                React.createElement(SheetFooter, { className: "grid grid-cols-2 gap-3" },
+                    React.createElement(Button, { variant: "outline", onClick: clearAllFilters, disabled: isLoading || activeFilterCount === 0, className: "flex-1" }, _('Clear All')),
+                    React.createElement(Button, { variant: "default", onClick: () => setIsMobileFilterOpen(false) }, _('Apply Filters'))))),
+        React.createElement("div", { className: `hidden md:block product__filters ${className}` },
+            React.createElement("div", { className: "product__filters__header flex items-center justify-between mb-4" },
+                title && (React.createElement("h3", { className: "font-bold text-lg flex items-center" }, title)),
+                activeFilterCount > 0 && (React.createElement("button", { onClick: clearAllFilters, disabled: isLoading, className: "text-sm hover:text-destructive transition-colors disabled:opacity-50" }, _('Clear All')))),
             showFilterSummary && (React.createElement(DefaultProductFilterSummary, { availableAttributes: availableAttributes, currentFilters: currentFilters, priceRange: priceRange, categories: categories })),
             React.createElement("div", { className: isLoading ? 'opacity-75 pointer-events-none' : '' },
                 React.createElement(Area, { id: "productFilter", noOuter: true, coreComponents: defaultComponents, availableAttributes: availableAttributes, priceRange: priceRange, currentFilters: currentFilters, categories: categories, setting: setting })))));

package/dist/components/frontStore/catalog/DefaultProductFilterRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultProductFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultProductFilterRender.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gEAAgE,CAAC;AAC9G,OAAO,EAAE,2BAA2B,EAAE,MAAM,+DAA+D,CAAC;AAC5G,OAAO,EAAE,wBAAwB,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC7H,OAAO,EAAE,2BAA2B,EAAE,MAAM,+DAA+D,CAAC;AAC5G,OAAO,EAGL,qBAAqB,EACtB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,0BAA0B,GAKlC,CAAC,EACJ,WAAW,EACX,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAC5B,iBAAiB,GAAG,IAAI,EACzB,EAAE,EAAE;IACH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,EACJ,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,SAAS,EACT,iBAAiB,EAClB,GAAG,WAAW,CAAC;IAEhB,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,UAAU,GAAsB,EAAE,CAAC;QAEzC,IAAI,UAAU,IAAI,UAAU,CAAC,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,CAAC;YACpD,UAAU,CAAC,IAAI,CAAC;gBACd,SAAS,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBAC3C,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE;gBAC9C,SAAS,EAAE,EAAE;gBACb,EAAE,EAAE,~~cAAc~~;~~aACnB~~,CAAC,CAAC;QACL,CAAC;QAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,UAAU,CAAC,IAAI,CAAC;gBACd,SAAS,EAAE,EAAE,OAAO,EAAE,2BAA2B,EAAE;gBACnD,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE;gBACrC,SAAS,EAAE,EAAE;gBACb,EAAE,EAAE,~~iBAAiB~~;~~aACtB~~,CAAC,CAAC;QACL,CAAC;QAED,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnC,UAAU,CAAC,IAAI,CAAC;gBACd,SAAS,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE;gBACpD,KAAK,EAAE,EAAE,mBAAmB,EAAE,cAAc,EAAE;gBAC9C,SAAS,EAAE,EAAE;gBACb,EAAE,EAAE,~~kBAAkB~~;~~aACvB~~,CAAC,CAAC;QACL,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,EACvD,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,CAC9C,CAAC;IAEF,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACjD,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAC1C,SAAS,EAAC,qJAAqJ;YAE/J,6BACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW;gBAEnB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,4LAA4L,GAC9L,CACE;YACN,kCAAO,CAAC,CAAC,SAAS,CAAC,CAAQ;~~YAC1B~~,~~iBAAiB~~,~~GAAG~~,~~CAAC~~,IAAI,~~CACxB~~,~~8BAAM,SAAS,EAAC,uDAAuD,IACpE,iBAAiB,CACb,CACR,CACM;QAER,~~kBAAkB,~~IAAI,CACrB,6BAAK,SAAS,EAAC,oEAAoE;YACjF,6BAAK,SAAS,EAAC,yDAAyD;gBACtE,6BAAK,SAAS,EAAC,gDAAgD;oBAC7D,4BAAI,SAAS,EAAC,mBAAmB,IAAE,CAAC,CAAC,SAAS,CAAC,CAAM;oBACrD,gCACE,OAAO,~~EAAE,~~GAAG~~,EAAE,~~CAAC,~~qBAAqB~~,CAAC,KAAK,CAAC,EAC3C,SAAS,EAAC,oCAAoC~~;~~wBAE9C~~,~~6BACE~~,~~SAAS~~,~~EAAC~~,~~SAAS,EACnB,~~IAAI,EAAC,~~MAAM~~,~~EACX~~,~~MAAM~~,EAAC,~~cAAc~~,~~EACrB~~,~~OAAO,EAAC,~~WAAW;~~4BAEnB~~,~~8BACE~~,~~aAAa~~,~~EAAC~~,~~OAAO~~,~~EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,~~CAAC,~~EACd~~,CAAC,~~EAAC~~,~~sBAAsB,GACxB,CACE,CACC,CACL~~;~~gBAEN~~,6BAAK,SAAS,EAAC,~~4BAA4B~~;~~oBACxC~~,iBAAiB,IAAI,CACpB,oBAAC,2BAA2B,IAC1B,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,GACtB,CACH;oBAED,~~6BACE~~,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE;~~wBAE5D~~,oBAAC,IAAI,IACH,EAAE,EAAC,eAAe,EAClB,OAAO,QACP,cAAc,EAAE,iBAAiB,EACjC,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,GAChB,CACE,CACF;gBAEN,~~6BAAK~~,SAAS,EAAC,~~6BAA6B~~;~~oBAC1C~~,~~gCACE~~,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,SAAS,IAAI,iBAAiB,KAAK,CAAC,EAC9C,SAAS,EAAC,~~uGAAuG~~,~~IAEhH~~,CAAC,CAAC,WAAW,CAAC,CACR;oBACT,~~gCACE~~,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,~~EAC3C~~,~~SAAS,EAAC,sEAAsE,IAE/E,~~CAAC,CAAC,eAAe,CAAC,CACZ,~~CACL~~,~~CACF~~,~~CACF,CACP~~;~~QAED~~,6BAAK,SAAS,EAAE,~~kCAAkC~~,SAAS,EAAE;~~YAC3D~~,6BAAK,SAAS,EAAC,~~sDAAsD~~;~~gBAClE~~,KAAK,IAAI,CACR,4BAAI,SAAS,EAAC,qCAAqC~~;oBAChD~~,KAAK~~;oBACL~~,~~iBAAiB~~,~~GAAG,CAAC,IAAI,CACxB,8BAAM,SAAS,EAAC,+DAA+D,IAC5E,iBAAiB,CACb,CACR~~;~~oBACA,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,sFAAsF,GAAO,CAC7G,CACE,CACN;~~gBAEA,iBAAiB,GAAG,CAAC,IAAI,CACxB,gCACE,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,~~gFAAgF~~,~~IAEzF~~,CAAC,CAAC,WAAW,CAAC,CACR,CACV,CACG;YAEL,iBAAiB,IAAI,CACpB,oBAAC,2BAA2B,IAC1B,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,GACtB,CACH;YAED,6BAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE;gBAC/D,oBAAC,IAAI,IACH,EAAE,EAAC,eAAe,EAClB,OAAO,QACP,cAAc,EAAE,iBAAiB,EACjC,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,GAChB,CACE,CACF,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultProductFilterRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultProductFilterRender.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/catalog/DefaultProductFilterSummary.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { Item, ItemContent, ItemDescription, ItemTitle } from '@components/common/ui/Item.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
 export const formatPrice = (oldFormatted, price) => {
@@ -46,10 +47,10 @@ export const DefaultProductFilterSummary = ({ availableAttributes, currentFilter
     if (filterSummary.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: "active-filters mb-4 p-3 bg-blue-50 rounded-lg" },
-        React.createElement("div", { className: "text-sm font-medium text-blue-900 mb-2" },
-            _('Active Filters'),
-            ":"),
-        React.createElement("div", { className: "space-y-1" }, filterSummary.map((summary, index) => (React.createElement("div", { key: index, className: "text-sm text-blue-800" }, summary))))));
+    return (React.createElement(Item, { variant: 'outline', className: "mb-3" },
+        React.createElement(ItemContent, null,
+            React.createElement(ItemTitle, null, _('Active Filters')),
+            React.createElement(ItemDescription, null,
+                React.createElement("div", { className: "space-y-2" }, filterSummary.map((summary, index) => (React.createElement("div", { key: index, className: "text-sm" }, summary))))))));
 };
 //# sourceMappingURL=DefaultProductFilterSummary.js.map

package/dist/components/frontStore/catalog/DefaultProductFilterSummary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultProductFilterSummary.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultProductFilterSummary.tsx"],"names":[],"mappings":"~~AAMA~~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~~6BAAK~~,SAAS,EAAC~~,+CAA+C~~;~~QAC5D~~,~~6BAAK~~,SAAS,~~EAAC~~,~~wCAAwC;YACpD,~~CAAC,CAAC,gBAAgB,CAAC;~~gBAChB~~;~~QACN~~,6BAAK,SAAS,EAAC,WAAW,IACvB,aAAa,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,~~uBAAuB~~,~~IAC/C~~,OAAO,CACJ,CACP,CAAC,CACE,~~CACF~~,~~CACP~~,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultProductFilterSummary.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultProductFilterSummary.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/catalog/DefaultVariantSelectorRender.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import React from 'react';
-import './VariantSelector.scss';
 import { VariantAttributeGroupProps, VariantOptionItemProps } from '@components/frontStore/catalog/VariantSelector.js';
+import React from 'react';
 declare const DefaultVariantOptionItem: React.FC<VariantOptionItemProps>;
 declare const DefaultVariantAttribute: React.FC<VariantAttributeGroupProps>;
 export { DefaultVariantAttribute, DefaultVariantOptionItem };

package/dist/components/frontStore/catalog/DefaultVariantSelectorRender.js CHANGED Viewed

@@ -1,21 +1,21 @@
+import { Button } from '@components/common/ui/Button.js';
 import React from 'react';
-import './VariantSelector.scss';
 const DefaultVariantOptionItem = ({ option, attribute, isSelected, onSelect }) => {
-    let className = '';
+    let className = 'group ';
     if (isSelected) {
-        className = 'selected';
+        className += 'selected';
     }
     if (option.available === false) {
-        className = 'un-available';
+        className += 'un-available';
     }
     return (React.createElement("li", { key: option.optionId, className: className },
-        React.createElement("a", { href: "#", onClick: async (e) => {
+        React.createElement(Button, { variant: isSelected ? 'default' : 'outline', onClick: async (e) => {
                 e.preventDefault();
                 if (option.available === false) {
                     return;
                 }
                 await onSelect(attribute.attributeCode, option.optionId);
-            } }, option.optionText)));
+            }, className: 'group-[.selected]:border-primary' }, option.optionText)));
 };
 const DefaultVariantAttribute = ({ attribute, options, onSelect, OptionItem = DefaultVariantOptionItem }) => {
     return (React.createElement("div", { key: attribute.attributeCode },

package/dist/components/frontStore/catalog/DefaultVariantSelectorRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultVariantSelectorRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultVariantSelectorRender.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,MAAM,~~OAAO~~,CAAC;~~AAC1B~~,OAAO,~~wBAAwB~~,CAAC;~~AAMhC~~,MAAM,wBAAwB,GAAqC,CAAC,EAClE,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACT,EAAE,EAAE;IACH,IAAI,SAAS,GAAG,~~EAAE~~,CAAC;~~IACnB~~,IAAI,UAAU,EAAE,CAAC;QACf,SAAS,~~GAAG~~,UAAU,CAAC;~~IACzB~~,CAAC;IACD,IAAI,MAAM,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;QAC/B,SAAS,~~GAAG~~,cAAc,CAAC;~~IAC7B~~,CAAC;IAED,OAAO,CACL,4BAAI,GAAG,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS;QAC5C,~~2BACE~~,~~IAAI~~,~~EAAC~~,~~GAAG~~,~~EACR~~,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,MAAM,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;oBAC/B,OAAO;gBACT,CAAC;gBACD,MAAM,QAAQ,CAAC,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC3D,CAAC,~~IAEA~~,MAAM,CAAC,UAAU,~~CAChB~~,~~CACD~~,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAyC,CAAC,EACrE,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,wBAAwB,EACtC,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,GAAG,EAAE,SAAS,CAAC,aAAa;QAC/B,6BAAK,SAAS,EAAC,iCAAiC;YAC9C,kCAAO,SAAS,CAAC,aAAa,CAAQ,CAClC;QACN,4BAAI,SAAS,EAAC,wDAAwD,IACnE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,IACT,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EACR,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,cAAc,KAAK,MAAM,CAAC,QAAQ,EAEpE,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}
1	+ {"version":3,"file":"DefaultVariantSelectorRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/DefaultVariantSelectorRender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAKzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,wBAAwB,GAAqC,CAAC,EAClE,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACT,EAAE,EAAE;IACH,IAAI,SAAS,GAAG,QAAQ,CAAC;IACzB,IAAI,UAAU,EAAE,CAAC;QACf,SAAS,IAAI,UAAU,CAAC;IAC1B,CAAC;IACD,IAAI,MAAM,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;QAC/B,SAAS,IAAI,cAAc,CAAC;IAC9B,CAAC;IAED,OAAO,CACL,4BAAI,GAAG,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS;QAC5C,oBAAC,MAAM,IACL,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,MAAM,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;oBAC/B,OAAO;gBACT,CAAC;gBACD,MAAM,QAAQ,CAAC,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC3D,CAAC,EACD,SAAS,EAAE,kCAAkC,IAE5C,MAAM,CAAC,UAAU,CACX,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAyC,CAAC,EACrE,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,wBAAwB,EACtC,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,GAAG,EAAE,SAAS,CAAC,aAAa;QAC/B,6BAAK,SAAS,EAAC,iCAAiC;YAC9C,kCAAO,SAAS,CAAC,aAAa,CAAQ,CAClC;QACN,4BAAI,SAAS,EAAC,wDAAwD,IACnE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,IACT,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EACR,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,cAAc,KAAK,MAAM,CAAC,QAAQ,EAEpE,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/components/frontStore/catalog/ProductListItemRender.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Image } from '@components/common/Image.js';
 import { ProductNoThumbnail } from '@components/common/ProductNoThumbnail.js';
+import { Button } from '@components/common/ui/Button.js';
 import { AddToCart } from '@components/frontStore/cart/AddToCart.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
@@ -14,7 +15,7 @@ export const ProductListItemRender = ({ product, imageWidth, imageHeight, layout
                     !product.image && (React.createElement(ProductNoThumbnail, { width: imageWidth, height: imageHeight })))),
             React.createElement("div", { className: "product__list__info flex-1 flex flex-col justify-between" },
                 React.createElement("div", null,
-                    React.createElement("h3", { className: "product__list__name text-lg font-medium mb-2" },
+                    React.createElement("h3", { className: "product__list__name h5 mb-2" },
                         React.createElement("a", { href: product.url, className: "hover:text-primary transition-colors" }, product.name)),
                     React.createElement("div", { className: "product__list__sku text-sm text-gray-600 mb-2" }, _('SKU ${sku}', { sku: product.sku })),
                     React.createElement("div", { className: "product__list__price mb-2" }, product.price.special &&
@@ -25,18 +26,7 @@ export const ProductListItemRender = ({ product, imageWidth, imageHeight, layout
                 showAddToCart && (React.createElement("div", { className: "product__list__actions invisible transform translate-y-2 transition-all duration-300 ease-in-out group-hover:visible group-hover:translate-y-0" }, customAddToCartRenderer ? (customAddToCartRenderer(product)) : (React.createElement(AddToCart, { product: {
                         sku: product.sku,
                         isInStock: product.inventory.isInStock
-                    }, qty: 1, onError: (error) => toast.error(error) }, (state, actions) => (React.createElement("button", { className: "product__list__add-to-cart transition-all duration-200 ease-in-out hover:scale-105 hover:shadow-lg rounded-full", style: {
-                        padding: '10px 20px',
-                        backgroundColor: state.isInStock
-                            ? '#3182ce'
-                            : '#a0aec0',
-                        color: 'white',
-                        border: 'none',
-                        cursor: state.canAddToCart ? 'pointer' : 'not-allowed',
-                        opacity: state.isLoading ? 0.7 : 1,
-                        fontSize: '14px',
-                        fontWeight: '500'
-                    }, disabled: !state.canAddToCart || state.isLoading, onClick: (e) => {
+                    }, qty: 1, onError: (error) => toast.error(error) }, (state, actions) => (React.createElement(Button, { disabled: !state.canAddToCart || state.isLoading, onClick: (e) => {
                         e.preventDefault();
                         e.stopPropagation();
                         actions.addToCart();
@@ -49,7 +39,7 @@ export const ProductListItemRender = ({ product, imageWidth, imageHeight, layout
                     , className: "transition-transform duration-500 ease-in-out group-hover:scale-110" })),
                 !product.image && (React.createElement(ProductNoThumbnail, { width: imageWidth, height: imageHeight }))),
             React.createElement("div", { className: "product__list__info mt-3" },
-                React.createElement("h3", { className: "product__list__name text-lg font-medium" }, product.name),
+                React.createElement("h3", { className: "product__list__name h5 font-medium" }, product.name),
                 React.createElement("div", { className: "product__list__price" }, product.price.special &&
                     product.price.regular < product.price.special ? (React.createElement(React.Fragment, null,
                     React.createElement("span", { className: "regular-price" }, product.price.regular.text),
@@ -57,7 +47,7 @@ export const ProductListItemRender = ({ product, imageWidth, imageHeight, layout
         showAddToCart && (React.createElement("div", { className: "product__list__actions p-4 invisible transform translate-y-4 transition-all duration-300 ease-in-out group-hover:visible group-hover:translate-y-0" }, customAddToCartRenderer ? (customAddToCartRenderer(product)) : (React.createElement(AddToCart, { product: {
                 sku: product.sku,
                 isInStock: product.inventory.isInStock
-            }, qty: 1, onError: (error) => toast.error(error) }, (state, actions) => (React.createElement("button", { className: "product__list__add-to-cart bg-primary p-2 text-center text-white w-full rounded-full transition-all duration-200 ease-in-out hover:scale-105 active:scale-95", disabled: !state.canAddToCart || state.isLoading, onClick: (e) => {
+            }, qty: 1, onError: (error) => toast.error(error) }, (state, actions) => (React.createElement(Button, { className: 'w-full', disabled: !state.canAddToCart || state.isLoading, onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 actions.addToCart();

package/dist/components/frontStore/catalog/ProductListItemRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductListItemRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/ProductListItemRender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAErE,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,EACP,UAAU,EACV,WAAW,EACX,MAAM,GAAG,MAAM,EACf,aAAa,GAAG,KAAK,EACrB,uBAAuB,EAQxB,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,CACL,6BAAK,SAAS,EAAC,0EAA0E;YACvF,6BAAK,SAAS,EAAC,oCAAoC;gBACjD,2BAAG,IAAI,EAAE,OAAO,CAAC,GAAG;oBACjB,OAAO,CAAC,KAAK,IAAI,CAChB,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,EACtB,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,EACtC,KAAK,EAAE,UAAU,IAAI,GAAG,EACxB,MAAM,EAAE,WAAW,IAAI,GAAG,EAC1B,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,gCAAgC,CAAC,qCAAqC;0BAC5E,SAAS,EAAC,gFAAgF,GAC1F,CACH;oBACA,CAAC,OAAO,CAAC,KAAK,IAAI,CACjB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,GAAI,CAC/D,CACC,CACA;YAEN,6BAAK,SAAS,EAAC,0DAA0D;gBACvE;oBACE,4BAAI,SAAS,EAAC,~~8CAA8C~~;~~wBAC1D~~,2BACE,IAAI,EAAE,OAAO,CAAC,GAAG,EACjB,SAAS,EAAC,sCAAsC,IAE/C,OAAO,CAAC,IAAI,CACX,CACD;oBAEL,6BAAK,SAAS,EAAC,+CAA+C,IAC3D,CAAC,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAClC;oBAEN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,OAAO,CAAC,KAAK,CAAC,OAAO;wBACtB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,yBAAyB;wBACtC,8BACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,IAEvD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;wBACP,8BACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAE1B,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB,CACH,CACP,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAC,iCAAiC,IAC9C,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB,CACR,CACG;oBAEN,6BAAK,SAAS,EAAC,2BAA2B,IACvC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAC7B,8BAAM,SAAS,EAAC,oCAAoC,IACjD,CAAC,CAAC,UAAU,CAAC,CACT,CACR,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAC,kCAAkC,IAC/C,CAAC,CAAC,cAAc,CAAC,CACb,CACR,CACG,CACF;gBAEL,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAC,gJAAgJ,IAC5J,uBAAuB,CAAC,CAAC,CAAC,CACzB,uBAAuB,CAAC,OAAO,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IACR,OAAO,EAAE;wBACP,GAAG,EAAE,OAAO,CAAC,GAAG;wBAChB,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS;qBACvC,EACD,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAErC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CACnB,~~gCACE~~,~~SAAS,EAAC,iHAAiH,EAC3H,KAAK,EAAE;wBACL,OAAO,EAAE,WAAW;wBACpB,eAAe,EAAE,KAAK,CAAC,SAAS;4BAC9B,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,SAAS;wBACb,KAAK,EAAE,OAAO;wBACd,~~MAAM,~~EAAE~~,~~MAAM;wBACd,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;wBACtD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;wBAClC,~~QAAQ,EAAE,~~MAAM;wBAChB,UAAU,EAAE,KAAK;qBAClB,EACD,QAAQ,EAAE,~~CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;oBACtB,CAAC,IAEA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAC7C,CACV,CACS,CACb,CACG,CACP,CACG,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,kDAAkD;QAC/D,2BAAG,IAAI,EAAE,OAAO,CAAC,GAAG,EAAE,SAAS,EAAC,2BAA2B;YACzD,6BAAK,SAAS,EAAC,iEAAiE;gBAC7E,OAAO,CAAC,KAAK,IAAI,CAChB,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,EACtB,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,EACtC,KAAK,EAAE,UAAU,IAAI,GAAG,EACxB,MAAM,EAAE,WAAW,IAAI,GAAG,EAC1B,KAAK,EAAC,gCAAgC,CAAC,qCAAqC;sBAC5E,SAAS,EAAC,qEAAqE,GAC/E,CACH;gBACA,CAAC,OAAO,CAAC,KAAK,IAAI,CACjB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,GAAI,CAC/D,CACG;YACN,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,4BAAI,SAAS,EAAC,~~yCAAyC~~,~~IACpD~~,OAAO,CAAC,IAAI,~~CACV~~;~~gBACL~~,6BAAK,SAAS,EAAC,sBAAsB,IAClC,OAAO,CAAC,KAAK,CAAC,OAAO;oBACtB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC9C;oBACE,8BAAM,SAAS,EAAC,eAAe,IAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;oBACP,8BAAM,SAAS,EAAC,eAAe,IAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB,CACN,CACJ,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAC,eAAe,IAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB,CACR,CACG,CACF,CACJ;QACH,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAC,oJAAoJ,IAChK,uBAAuB,CAAC,CAAC,CAAC,CACzB,uBAAuB,CAAC,OAAO,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IACR,OAAO,EAAE;gBACP,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS;aACvC,EACD,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAErC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CACnB,~~gCACE~~,SAAS,~~EAAC~~,~~8JAA8J~~,~~EACxK~~,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,CAAC,IAEA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAC7C,CACV,CACS,CACb,CACG,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"ProductListItemRender.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/ProductListItemRender.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/catalog/ProductSingleForm.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import Area from '@components/common/Area.js';
-import Button from '@components/common/Button.js';
 import { Form } from '@components/common/form/Form.js';
+import { NumberField } from '@components/common/form/NumberField.js';
+import { Button } from '@components/common/ui/Button.js';
 import { AddToCart } from '@components/frontStore/cart/AddToCart.js';
 import { useProduct } from '@components/frontStore/catalog/ProductContext.js';
 import { VariantSelector } from '@components/frontStore/catalog/VariantSelector.js';
@@ -11,6 +12,7 @@ import { toast } from 'react-toastify';
 export function ProductSingleForm() {
     const { price, sku, inventory: { isInStock } } = useProduct();
     const form = useForm();
+    const [addingToCart, setAddingToCart] = React.useState(false);
     return (React.createElement(Form, { id: "productForm", method: "POST", submitBtn: false, form: form },
         React.createElement(Area, { id: "productSinglePageForm", coreComponents: [
                 {
@@ -32,19 +34,27 @@ export function ProductSingleForm() {
                         default: (React.createElement(AddToCart, { product: {
                                 sku: sku,
                                 isInStock: isInStock
-                            }, qty: 1, onSuccess: () => {
+                            }, qty: form.watch('qty') || 1, onSuccess: () => {
                                 // To show the mini cart after adding a product to cart
                             }, onError: (errorMessage) => {
                                 toast.error(errorMessage || _('Failed to add product to cart'));
-                            } }, (state, actions) => (React.createElement(React.Fragment, null,
-                            state.isInStock === true && (React.createElement(Button, { title: _('ADD TO CART'), outline: true, isLoading: state.isLoading, onAction: () => {
-                                    form.trigger().then((isValid) => {
-                                        if (isValid) {
-                                            actions.addToCart();
-                                        }
-                                    });
-                                }, className: "w-full py-3 text-lg font-base !rounded-full mt-8" })),
-                            state.isInStock === false && (React.createElement(Button, { title: _('SOLD OUT'), onAction: () => { }, className: "w-full py-3 text-lg font-base !rounded-full" }))))))
+                            } }, (state, actions) => (React.createElement("div", { className: "mt-6 space-y-3" },
+                            state.isInStock === true && (React.createElement(React.Fragment, null,
+                                React.createElement(NumberField, { name: "qty", label: _('Quantity'), className: "w-24", min: 1, required: true, placeholder: _('Quantity'), defaultValue: 1, wrapperClassName: "w-1/2" }),
+                                React.createElement(Button, { variant: 'default', size: 'lg', onClick: () => {
+                                        form
+                                            .trigger()
+                                            .then((isValid) => {
+                                            if (isValid) {
+                                                setAddingToCart(true);
+                                                actions.addToCart();
+                                            }
+                                        })
+                                            .finally(() => {
+                                            setAddingToCart(false);
+                                        });
+                                    }, className: "w-full py-6", isLoading: addingToCart || state.isLoading }, _('ADD TO CART')))),
+                            state.isInStock === false && (React.createElement(Button, { onClick: () => { }, className: "w-full py-6", disabled: true }, _('SOLD OUT')))))))
                     },
                     sortOrder: 30,
                     id: 'addToCartButton'

package/dist/components/frontStore/catalog/ProductSingleForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductSingleForm.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/ProductSingleForm.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,MAAM,MAAM,~~8BAA8B~~,CAAC;~~AAClD~~,OAAO,EAAE,~~IAAI~~,EAAE,MAAM,iCAAiC,CAAC;~~AACvD~~,OAAO,EACL,SAAS,EAGV,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EACJ,KAAK,EACL,GAAG,EACH,SAAS,EAAE,EAAE,SAAS,EAAE,EACzB,GAAG,UAAU,EAAE,CAAC;IACjB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;~~IAEvB~~,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI;QAC/D,oBAAC,IAAI,IACH,EAAE,EAAC,uBAAuB,EAC1B,cAAc,EAAE;gBACd;oBACE,SAAS,EAAE;wBACT,OAAO,EAAE,CACP,6BAAK,SAAS,EAAC,iCAAiC,IAC7C,KAAK,CAAC,OAAO,CAAC,IAAI,CACf,CACP;qBACF;oBACD,SAAS,EAAE,CAAC;oBACZ,EAAE,EAAE,OAAO;iBACZ;gBACD;oBACE,SAAS,EAAE;wBACT,OAAO,EAAE,oBAAC,eAAe,OAAG;qBAC7B;oBACD,SAAS,EAAE,EAAE;oBACb,EAAE,EAAE,iBAAiB;iBACtB;gBACD;oBACE,SAAS,EAAE;wBACT,OAAO,EAAE,CACP,oBAAC,SAAS,IACR,OAAO,EAAE;gCACP,GAAG,EAAE,GAAG;gCACR,SAAS,EAAE,SAAS;6BACrB,EACD,GAAG,EAAE,CAAC,~~EACN~~,SAAS,EAAE,GAAG,EAAE;gCACd,uDAAuD;4BACzD,CAAC,EACD,OAAO,EAAE,CAAC,YAAY,EAAE,EAAE;gCACxB,KAAK,CAAC,KAAK,CACT,YAAY,IAAI,CAAC,CAAC,+BAA+B,CAAC,CACnD,CAAC;4BACJ,CAAC,IAEA,CAAC,KAAqB,EAAE,OAAyB,EAAE,EAAE,CAAC,CACrD;~~4BACG~~,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,CAC3B,oBAAC,~~MAAM~~,~~IACL~~,KAAK,EAAE,CAAC,CAAC,~~aAAa~~,CAAC,~~EACvB~~,~~OAAO~~,~~QACP~~,~~SAAS~~,EAAE,~~KAAK~~,CAAC,~~SAAS~~,EAC1B,~~QAAQ~~,EAAE,~~GAAG~~,~~EAAE~~;~~oCACb~~,IAAI,~~CAAC~~,OAAO,EAAE,~~CAAC~~,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;~~wCAC9B~~,IAAI,OAAO,EAAE,CAAC;~~4CACZ~~,OAAO,CAAC,SAAS,EAAE,CAAC;~~wCACtB~~,CAAC;~~oCACH~~,CAAC,CAAC,CAAC;~~gCACL~~,CAAC,EACD,SAAS,EAAC,~~kDAAkD~~,~~GAC5D~~,~~CACH~~;4BACA,KAAK,CAAC,SAAS,KAAK,KAAK,IAAI,CAC5B,oBAAC,MAAM,IACL,~~KAAK~~,EAAE,~~CAAC~~,~~CAAC~~,~~UAAU~~,CAAC,~~EACpB~~,~~QAAQ~~,~~EAAE~~,~~GAAG~~,~~EAAE~~,~~GAAE~~,CAAC,~~EAClB~~,~~SAAS~~,~~EAAC~~,~~6CAA6C~~,~~GACvD~~,~~CACH~~,~~CACA~~,~~CACJ,~~CACS,CACb;qBACF;oBACD,SAAS,EAAE,EAAE;oBACb,EAAE,EAAE,iBAAiB;iBACtB;aACF,GACD,CACG,CACR,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"ProductSingleForm.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/ProductSingleForm.tsx"],"names":[],"mappings":"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"}