@akinon/projectzero 1.45.0-rc.5 → 1.46.0

package/app-template/src/app/[commerce]/[locale]/[currency]/[...prettyurl]/page.tsx

@@ -1,8 +0,0 @@
-import Page, {
-  dynamic,
-  revalidate,
-  generateMetadata
-} from '@akinon/next/routes/pretty-url';
-
-export { dynamic, revalidate, generateMetadata };
-export default Page;

package/app-template/src/views/category/filters/filter-item.tsx

@@ -1,131 +0,0 @@
-import clsx from 'clsx';
-import { useAppDispatch } from '@akinon/next/redux/hooks';
-import { Facet, FacetChoice } from '@akinon/next/types';
-import { Accordion, Radio, Checkbox } from '../../../components';
-import { WIDGET_TYPE } from '../../../types';
-import { SizeFilter } from './size-filter';
-import { toggleFacet } from '@theme/redux/reducers/category';
-import { commonProductAttributes } from '@theme/settings';
-import { useRouter } from '@akinon/next/hooks';
-
-const COMPONENT_TYPES = {
-  [WIDGET_TYPE.category]: Radio,
-  [WIDGET_TYPE.multiselect]: Checkbox
-};
-
-const sizeKey = commonProductAttributes.find(
-  (item) => item.translationKey === 'size'
-).key;
-
-interface Props {
-  facet: Facet;
-}
-
-const sortByPredefinedOrder = (
-  aLabel: string,
-  bLabel: string,
-  order: string[]
-) => {
-  const aIndex = order.indexOf(aLabel);
-  const bIndex = order.indexOf(bLabel);
-
-  if (aIndex !== -1 && bIndex !== -1) return aIndex - bIndex;
-  if (aIndex !== -1) return -1;
-  if (bIndex !== -1) return 1;
-
-  return null;
-};
-
-const sortByNumericValue = (aLabel: string, bLabel: string) => {
-  const aNum = parseInt(aLabel, 10);
-  const bNum = parseInt(bLabel, 10);
-
-  if (!isNaN(aNum) && !isNaN(bNum)) return aNum - bNum;
-  if (!isNaN(aNum)) return -1;
-  if (!isNaN(bNum)) return 1;
-
-  return null;
-};
-
-const sortChoices = (
-  facetKey: string,
-  choices: FacetChoice[]
-): FacetChoice[] => {
-  if (facetKey === sizeKey) {
-    const order = ['xs', 's', 'm', 'l', 'xl'];
-
-    return choices.sort((a, b) => {
-      const aLabel = a.label.toLowerCase();
-      const bLabel = b.label.toLowerCase();
-
-      const orderComparison = sortByPredefinedOrder(aLabel, bLabel, order);
-      if (orderComparison !== null) return orderComparison;
-
-      const numericComparison = sortByNumericValue(aLabel, bLabel);
-      if (numericComparison !== null) return numericComparison;
-
-      return aLabel.localeCompare(bLabel);
-    });
-  }
-
-  return choices;
-};
-
-const getComponentByWidgetType = (widgetType: string, facetKey: string) => {
-  if (facetKey === sizeKey) {
-    return SizeFilter;
-  }
-  return COMPONENT_TYPES[widgetType] || COMPONENT_TYPES[WIDGET_TYPE.category];
-};
-
-export const FilterItem = ({ facet }: Props) => {
-  const dispatch = useAppDispatch();
-  const router = useRouter();
-
-  const handleSelectFilter = (choice: FacetChoice) => {
-    if (facet.key === 'category_ids') {
-      router.push(choice.url);
-    } else {
-      dispatch(toggleFacet({ facet, choice }));
-    }
-  };
-
-  const Component = getComponentByWidgetType(facet.widget_type, facet.key);
-  const choices = sortChoices(facet.key, [...facet.data.choices]);
-
-  return (
-    <Accordion
-      key={facet.key}
-      title={facet.name}
-      isCollapse={choices.some((choice) => choice.is_selected)}
-      dataTestId={`filter-${facet.name}`}
-    >
-      <div
-        className={clsx('flex gap-4', {
-          'flex-wrap flex-row': facet.key === sizeKey,
-          'flex-col': facet.key !== sizeKey
-        })}
-      >
-        {choices.map((choice, index) => (
-          <Component
-            key={choice.label}
-            data={choice}
-            name={facet.key}
-            onChange={() => facet.key !== sizeKey && handleSelectFilter(choice)}
-            onClick={() => facet.key === sizeKey && handleSelectFilter(choice)}
-            checked={choice.is_selected}
-            data-testid={`${choice.label.trim()}`}
-          >
-            {choice.label} (
-            <span
-              data-testid={`filter-count-${facet.name.toLowerCase()}-${index}`}
-            >
-              {choice.quantity}
-            </span>
-            )
-          </Component>
-        ))}
-      </div>
-    </Accordion>
-  );
-};