@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

package/dist/components/order-daily-overview/header-filters/SelectionFilter.js

@@ -0,0 +1,250 @@
+import { jsx as s, Fragment as D, jsxs as m } from "react/jsx-runtime";
+import { useState as Y, useEffect as c } from "react";
+import { Wrapper as Z, FilterRow as ee, LeftColumn as te, FilterColumn as v, Label as I, RightColumn as oe, ApplyButton as ne } from "./Styledfilters.js";
+import { atom as ae, useAtom as re } from "jotai";
+import { useCustomerData as le, useReturnPayload as ie, useClearState as se, useActionTypeOptions as ce, useClientPortal as de, useClientLoading as ue, useFlatCustomerData as pe } from "../../store.js";
+import { filtersReducerAtom as me } from "./filterStore.js";
+import { useSelectedAction as ye, useSelectedLocation as fe, useSelectedClient as he, useLoading as Ce } from "../store/store.js";
+import _e from "styled-components";
+import { Select as Ae } from "antd";
+import { useLocationOptions as Se } from "../../order-view/store.js";
+import { useSearchParams as Le, useNavigate as Ee } from "react-router-dom";
+import { useAxios as ge } from "@bjsdistribution/dms-component-library";
+ae(!1);
+function Ve() {
+  const [h] = le(), [d, w] = ye(), [, o] = re(me), [
+    i,
+    W
+  ] = fe(), [u, C] = he(), [B, F] = Y(!1), [, R] = ie(), [U] = Ce(), [P, N] = se(), [O, _] = ce(), [x, A] = Se(), [k] = Le(), G = Ee(), [j] = de(), [V] = ue(), { data: S, loading: $, fetchData: q } = ge({
+    endpoint: "/v1/return/product/customers/",
+    method: "GET",
+    //@ts-ignore
+    pagination: { is_pagination: !1 }
+  }), [f, z] = pe();
+  c(() => {
+    !j && !V && (!f || f.length === 0) && q();
+  }, [V]), c(() => {
+    S && S?.data && z(S?.data);
+  }, [$]);
+  const a = k.get("customerId"), L = k.get("type"), E = f?.find(
+    (e) => e?.customer_id?.toString() === a
+  )?.account_number, g = h?.find(
+    (e) => e?.customer_id?.toString() === a
+  ), T = () => {
+    let e = a;
+    return g?.children && g?.children?.length > 0 && (e = [
+      a,
+      ...g?.children?.map((n) => n?.customer_id?.toString())
+    ]), e;
+  }, y = [...f || [], ...h || []].filter((e, n, r) => r?.findIndex((t) => t?.customer_id?.toString() === e?.customer_id?.toString()) === n).filter((e) => e?.customer_id != null).map((e) => {
+    const n = String(e?.customer_name || e?.trading_as || "");
+    return {
+      label: n.charAt(0)?.toUpperCase() + n?.slice(1),
+      value: Number(e?.customer_id),
+      actions: e?.actions,
+      return_locations: e?.return_locations,
+      account_number: e?.account_number
+    };
+  }), H = (e, n) => {
+    C(e);
+    const r = y?.find(
+      (t) => t?.value == e
+    );
+    if (r) {
+      const t = Array.isArray(r?.actions) ? r?.actions?.map((l) => ({
+        label: l,
+        value: l
+      })) : [];
+      _(t);
+      const p = Array.isArray(r?.return_locations) ? r.return_locations.filter(
+        (l) => l?.location_name && l?.token
+      ).map((l) => ({
+        label: l.location_name,
+        value: l.token
+      })) : [];
+      A(p);
+    }
+    R((t) => ({
+      ...t,
+      account_number: n?.account_number,
+      customer_id: +e
+    }));
+  };
+  c(() => {
+    a && E && R((e) => ({
+      ...e,
+      account_number: E,
+      customer_id: +a
+    }));
+  }, [E, a]), c(() => {
+    if (a) {
+      const e = y?.find(
+        (n) => n?.value == a
+      );
+      if (e) {
+        const n = Array.isArray(e?.actions) ? e?.actions?.map((t) => ({
+          label: t,
+          value: t
+        })) : [];
+        _(n);
+        const r = Array.isArray(e?.return_locations) ? e.return_locations.filter((t) => {
+          const p = t?.location_name, l = t?.token;
+          return p && p !== "null" && l && l !== "null";
+        }).map((t) => ({
+          label: t?.location_name,
+          value: t?.token
+        })) : [];
+        A(r);
+      }
+    }
+  }, [U]);
+  const J = (e) => {
+    W(e);
+  }, K = (e) => {
+    w(e);
+  }, M = () => {
+    if (u) {
+      const t = new URLSearchParams({
+        customerId: u?.toString()
+      }), p = window.location.search;
+      console.log(p, "currentSearch"), p.includes("filter") || G(`/orders/view/return/filter?${t.toString()}`);
+    }
+    const e = y?.find(
+      (t) => t?.value === u
+    ), n = e?.actions || [], r = e?.return_locations || [];
+    _(
+      Array.isArray(n) ? n?.map((t) => ({
+        label: t,
+        value: t
+      })) : []
+    ), A(
+      Array.isArray(r) ? r?.map((t) => ({
+        label: t?.location_name,
+        value: t?.token
+      })) : []
+    ), a ? (o({
+      type: "SET_CLIENT_FILTER",
+      payload: T()
+    }), o({
+      type: "SET_PAGE",
+      payload: 1
+    })) : o({
+      type: "SET_CLIENT_FILTER",
+      payload: []
+    }), d && (o({
+      type: "SET_ACTIONS_FILTER",
+      payload: d
+    }), o({
+      type: "SET_PAGE",
+      payload: 1
+    })), i && i?.length > 0 && (o({
+      type: "SET_LOCATION_FILTER",
+      payload: i
+    }), o({
+      type: "SET_PAGE",
+      payload: 1
+    }));
+  };
+  c(() => {
+    F(!!(u || d || i));
+  }, [u, d, i]), c(() => {
+  }, [location.pathname]), c(() => {
+    (!d || d === null) && o({ type: "CLEAR_ACTION" }), (!i || Array.isArray(i) && i.length === 0) && o({ type: "CLEAR_LOC" });
+  }, [d, i]);
+  const Q = () => {
+    N(!1), o({ type: "CLEAR_CLIENT" }), N(!0);
+  };
+  c(() => {
+    P && (o({ type: "CLEAR_CLIENT" }), window.location.href = "/orders/view/return/");
+  }, [P]), c(() => {
+    a && L ? (o({
+      type: "SET_CLIENT_FILTER",
+      payload: T()
+    }), C(+a), o({
+      type: "SET_ACTIONS_FILTER",
+      payload: L
+    }), w(L), o({
+      type: "SET_PAGE",
+      payload: 1
+    })) : a && (o({
+      type: "SET_CLIENT_FILTER",
+      payload: T()
+    }), C(+a), o({
+      type: "SET_PAGE",
+      payload: 1
+    }));
+  }, [a, h]);
+  const X = () => {
+    o({ type: "CLEAR_ACTION" });
+    const e = new URLSearchParams(window.location.search);
+    e.delete("type"), G(`?${e.toString()}`, { replace: !0 });
+  };
+  return /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ m(ee, { children: [
+    /* @__PURE__ */ m(te, { children: [
+      /* @__PURE__ */ m(v, { children: [
+        /* @__PURE__ */ s(I, { children: "Clients" }),
+        /* @__PURE__ */ s(
+          b,
+          {
+            options: y,
+            placeholder: "Select Client Name",
+            onChange: H,
+            style: { minWidth: "250px" },
+            value: y?.length > 0 && u || void 0,
+            allowClear: !0,
+            onClear: Q,
+            filterOption: (e, n) => (n?.label ?? "").toLowerCase().includes(e.toLowerCase()),
+            showSearch: !0
+          }
+        )
+      ] }),
+      u && /* @__PURE__ */ m(D, { children: [
+        /* @__PURE__ */ m(v, { children: [
+          /* @__PURE__ */ s(I, { children: "Action Type" }),
+          /* @__PURE__ */ s(
+            b,
+            {
+              options: O,
+              placeholder: "Select Action Type",
+              value: O?.length > 0 && d || void 0,
+              onChange: K,
+              style: { minWidth: "200px" },
+              allowClear: !0,
+              onClear: X
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(v, { children: [
+          /* @__PURE__ */ s(I, { children: "Location " }),
+          /* @__PURE__ */ s(
+            b,
+            {
+              options: x,
+              value: x?.length > 0 && i || void 0,
+              placeholder: "Select Location",
+              onChange: J,
+              style: { minWidth: "200px" },
+              allowClear: !0,
+              mode: "multiple"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(ne, { onClick: M, disabled: !B, children: "Apply" }) })
+  ] }) }) });
+}
+const b = _e(Ae)`
+  .ant-select-selector {
+    /* width: 22vw; */
+    border-radius: 22px;
+  }
+  .ant-select-clear {
+    top: 40% !important;
+    font-size: 18px !important;
+  }
+`;
+export {
+  Ve as default
+};
+//# sourceMappingURL=SelectionFilter.js.map

package/dist/components/order-daily-overview/header-filters/SelectionFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionFilter.js","sources":["../../../../src/components/order-daily-overview/header-filters/SelectionFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  ApplyButton,\n  FilterColumn,\n  FilterRow,\n  Label,\n  LeftColumn,\n  RightColumn,\n  Wrapper,\n} from './Styledfilters';\nimport { atom, useAtom } from 'jotai';\nimport {\n  useActionTypeOptions,\n  useClearState,\n  useClientLoading,\n  useClientPortal,\n  useCustomerData,\n  useReturnPayload,\n  useFlatCustomerData,\n} from '../../store';\nimport { filtersReducerAtom } from './filterStore';\nimport {\n  useSelectedAction,\n  useSelectedClient,\n  useSelectedLocation,\n  useLoading,\n} from '../store/store';\nimport styled from 'styled-components';\nimport { Select } from 'antd';\nimport { useLocationOptions } from '../../order-view/store';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../common/interface';\n\n\nexport const clickedState = atom<boolean>(false);\n\nfunction SelectionFilter() {\n  const [customers] = useCustomerData();\n  const [selectedFilterValue, setSelectedFilterValue] = useSelectedAction();\n  const [, dispatch] = useAtom(filtersReducerAtom);\n  const [\n    selectedLocationValue,\n    setSelectedLocationValue,\n  ] = useSelectedLocation();\n  const [selectedClient, setSelectedClient] = useSelectedClient();\n  const [isButtonEnabled, setIsButtonEnabled] = useState(false);\n  const [, setReturnPayload] = useReturnPayload();\n  const [load] = useLoading();\n  const [clearState, setClear] = useClearState();\n  const [actionTypeOptions, setActionTypeOptions] = useActionTypeOptions();\n  const [locationOptions, setLocationOptions] = useLocationOptions();\n  const [searchParams] = useSearchParams();\n  const navigate = useNavigate();\n  const [clientPortal] = useClientPortal();\n  const [clientLoading] = useClientLoading();\n\n  //API for client data\n  const { data: fetchedCustomerData, loading: loading, fetchData } = useAxios<\n    ApiResponse\n  >({\n    endpoint: `/v1/return/product/customers/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n\n  const [flatCustomers, setFlatCustomers] = useFlatCustomerData();\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      if (!flatCustomers || flatCustomers.length === 0) {\n        fetchData();\n      }\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    if (fetchedCustomerData && fetchedCustomerData?.data) {\n      setFlatCustomers(fetchedCustomerData?.data);\n    }\n  }, [loading]);\n\n  //new codee\n  const urlCustomerId = searchParams.get('customerId');\n  const urlActiontype = searchParams.get('type');\n\n  // Used strictly for getting the account number for the API payload (works for both parent and children)\n  const selectedFlatCustomer = flatCustomers?.find(\n    (customer: any) => customer?.customer_id?.toString() === urlCustomerId\n  );\n  const accountNumber = selectedFlatCustomer?.account_number;\n\n  // Used strictly for retrieving children bundling IDs (only populates if it's a parent)\n  const selectedGroupedCustomer = customers?.find(\n    (customer: any) => customer?.customer_id?.toString() === urlCustomerId\n  );\n\n  const getFilterPayload = () => {\n    let payload: any = urlCustomerId;\n    if (selectedGroupedCustomer?.children && selectedGroupedCustomer?.children?.length > 0) {\n      payload = [\n        urlCustomerId,\n        ...selectedGroupedCustomer?.children?.map((child: any) => child?.customer_id?.toString())\n      ];\n    }\n    return payload;\n  };\n\n  //customer name\n  const clientOptions = [...(flatCustomers || []), ...(customers || [])]\n    .filter((v, i, a) => a?.findIndex((t: any) => t?.customer_id?.toString() === v?.customer_id?.toString()) === i)\n    .filter((option: any) => option?.customer_id != null)\n    .map((option: any) => {\n      const name = String(option?.customer_name || option?.trading_as || '');\n      return {\n        label: name.charAt(0)?.toUpperCase() + name?.slice(1),\n        value: Number(option?.customer_id),\n        actions: option?.actions,\n        return_locations: option?.return_locations,\n        account_number: option?.account_number,\n      };\n    });\n\n  //client change\n  const handleClientChange = (value: any, option: any) => {\n    setSelectedClient(value);\n\n    const filteredClient = clientOptions?.find(\n      (client: any) => client?.value == value\n    );\n\n    if (filteredClient) {\n      const mappedActions = Array.isArray(filteredClient?.actions)\n        ? filteredClient?.actions?.map((action: any) => ({\n          label: action,\n          value: action,\n        }))\n        : [];\n\n      setActionTypeOptions(mappedActions);\n\n      const mappedLocations = Array.isArray(filteredClient?.return_locations)\n        ? filteredClient.return_locations\n          .filter(\n            (location: any) => location?.location_name && location?.token\n          )\n          .map((location: any) => ({\n            label: location.location_name,\n            value: location.token,\n          }))\n        : [];\n\n      setLocationOptions(mappedLocations);\n    }\n\n    //set payload\n    setReturnPayload((prevState: any) => ({\n      ...prevState,\n      account_number: option?.account_number,\n      customer_id: +value,\n    }));\n  };\n\n  useEffect(() => {\n    if (urlCustomerId && accountNumber) {\n      setReturnPayload((prevState: any) => ({\n        ...prevState,\n        account_number: accountNumber,\n        customer_id: +urlCustomerId,\n      }));\n    }\n  }, [accountNumber, urlCustomerId]);\n\n  useEffect(() => {\n    if (urlCustomerId) {\n      const filteredClient = clientOptions?.find(\n        (client: any) => client?.value == urlCustomerId\n      );\n\n      if (filteredClient) {\n        const mappedActions = Array.isArray(filteredClient?.actions)\n          ? filteredClient?.actions?.map((action: any) => ({\n            label: action,\n            value: action,\n          }))\n          : [];\n\n        setActionTypeOptions(mappedActions);\n\n        const mappedLocations = Array.isArray(filteredClient?.return_locations)\n          ? filteredClient.return_locations\n            .filter((location: any) => {\n              const name = location?.location_name;\n              const token = location?.token;\n              return name && name !== 'null' && token && token !== 'null';\n            })\n            .map((location: any) => ({\n              label: location?.location_name,\n              value: location?.token,\n            }))\n          : [];\n\n        setLocationOptions(mappedLocations);\n      }\n    }\n  }, [load]);\n\n  //location change\n  const handleLocationChange = (value: any) => {\n    setSelectedLocationValue(value);\n  };\n\n  //action type\n  const handleActionClick = (value: any) => {\n    setSelectedFilterValue(value);\n  };\n\n  //Apply filters\n  const applyFilters = () => {\n    if (selectedClient) {\n      const queryParams = new URLSearchParams({\n        customerId: selectedClient?.toString(),\n      });\n      const currentSearch = window.location.search;\n      console.log(currentSearch, 'currentSearch');\n\n      if (!currentSearch.includes('filter')) {\n        // for dev\n        navigate(`/orders/view/return/filter?${queryParams.toString()}`);\n\n        // for local\n        //navigate(`/filter?${queryParams.toString()}`);\n      }\n    }\n\n    const selectedClientValue = clientOptions?.find(\n      (client: any) => client?.value === selectedClient\n    );\n\n    const clientActions = selectedClientValue?.actions || [];\n    const clientLocations = selectedClientValue?.return_locations || [];\n\n    setActionTypeOptions(\n      Array.isArray(clientActions)\n        ? clientActions?.map(action => ({\n          label: action,\n          value: action,\n        }))\n        : []\n    );\n\n    setLocationOptions(\n      Array.isArray(clientLocations)\n        ? clientLocations?.map(location => ({\n          label: location?.location_name,\n          value: location?.token,\n        }))\n        : []\n    );\n\n    //client value\n    if (urlCustomerId) {\n      dispatch({\n        type: 'SET_CLIENT_FILTER',\n        payload: getFilterPayload(),\n      });\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    } else {\n      dispatch({\n        type: 'SET_CLIENT_FILTER',\n        payload: [],\n      });\n    }\n    //action value\n    if (selectedFilterValue) {\n      dispatch({\n        type: 'SET_ACTIONS_FILTER',\n        payload: selectedFilterValue,\n      });\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n    //location value\n    if (selectedLocationValue && selectedLocationValue?.length > 0) {\n      dispatch({\n        type: 'SET_LOCATION_FILTER',\n        payload: selectedLocationValue,\n      });\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (selectedClient || selectedFilterValue || selectedLocationValue) {\n      setIsButtonEnabled(true);\n    } else {\n      setIsButtonEnabled(false);\n    }\n  }, [selectedClient, selectedFilterValue, selectedLocationValue]);\n\n  useEffect(() => { }, [location.pathname]);\n\n  useEffect(() => {\n    if (!selectedFilterValue || selectedFilterValue === null) {\n      dispatch({ type: 'CLEAR_ACTION' });\n    }\n    if (\n      !selectedLocationValue ||\n      (Array.isArray(selectedLocationValue) &&\n        selectedLocationValue.length === 0)\n    ) {\n      dispatch({ type: 'CLEAR_LOC' });\n    }\n  }, [selectedFilterValue, selectedLocationValue]);\n\n  const handleClear = () => {\n    setClear(false);\n    dispatch({ type: 'CLEAR_CLIENT' });\n    setClear(true);\n  };\n\n  useEffect(() => {\n    if (clearState) {\n      dispatch({ type: 'CLEAR_CLIENT' });\n      window.location.href = '/orders/view/return/';\n    }\n  }, [clearState]);\n\n  useEffect(() => {\n    if (urlCustomerId && urlActiontype) {\n      dispatch({\n        type: 'SET_CLIENT_FILTER',\n        payload: getFilterPayload(),\n      });\n      setSelectedClient(+urlCustomerId);\n\n      dispatch({\n        type: 'SET_ACTIONS_FILTER',\n        payload: urlActiontype,\n      });\n      setSelectedFilterValue(urlActiontype);\n\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    } else if (urlCustomerId) {\n      dispatch({\n        type: 'SET_CLIENT_FILTER',\n        payload: getFilterPayload(),\n      });\n      setSelectedClient(+urlCustomerId);\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  }, [urlCustomerId, customers]);\n\n  const handleClearAction = () => {\n    dispatch({ type: 'CLEAR_ACTION' });\n\n    const searchParams = new URLSearchParams(window.location.search);\n    searchParams.delete('type');\n\n    navigate(`?${searchParams.toString()}`, { replace: true });\n  };\n\n  return (\n    <>\n      <Wrapper>\n        <FilterRow>\n          <LeftColumn>\n            <FilterColumn>\n              <Label>Clients</Label>\n              <StyledAntSelect\n                options={clientOptions}\n                placeholder=\"Select Client Name\"\n                onChange={handleClientChange}\n                style={{ minWidth: '250px' }}\n                value={clientOptions?.length > 0 ? selectedClient || undefined : undefined}\n                allowClear\n                onClear={handleClear}\n                filterOption={(input: any, option: any) =>\n                  (option?.label ?? '')\n                    .toLowerCase()\n                    .includes(input.toLowerCase())\n                }\n                showSearch\n              />\n            </FilterColumn>\n            {selectedClient && (\n              <>\n                <FilterColumn>\n                  <Label>Action Type</Label>\n                  <StyledAntSelect\n                    options={actionTypeOptions}\n                    placeholder=\"Select Action Type\"\n                    value={actionTypeOptions?.length > 0 ? selectedFilterValue || undefined : undefined}\n                    onChange={handleActionClick}\n                    style={{ minWidth: '200px' }}\n                    allowClear\n                    onClear={handleClearAction}\n                  />\n                </FilterColumn>\n\n                <FilterColumn>\n                  <Label>Location </Label>\n                  <StyledAntSelect\n                    options={locationOptions}\n                    value={locationOptions?.length > 0 ? selectedLocationValue || undefined : undefined}\n                    placeholder=\"Select Location\"\n                    onChange={handleLocationChange}\n                    style={{ minWidth: '200px' }}\n                    allowClear\n                    mode=\"multiple\"\n                  />\n                </FilterColumn>\n              </>\n            )}\n          </LeftColumn>\n          <RightColumn>\n            <ApplyButton onClick={applyFilters} disabled={!isButtonEnabled}>\n              Apply\n            </ApplyButton>\n          </RightColumn>\n        </FilterRow>\n      </Wrapper>\n    </>\n  );\n}\n\nconst StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\n\nexport default SelectionFilter;\n"],"names":["atom","SelectionFilter","customers","useCustomerData","selectedFilterValue","setSelectedFilterValue","useSelectedAction","dispatch","useAtom","filtersReducerAtom","selectedLocationValue","setSelectedLocationValue","useSelectedLocation","selectedClient","setSelectedClient","useSelectedClient","isButtonEnabled","setIsButtonEnabled","useState","setReturnPayload","useReturnPayload","load","useLoading","clearState","setClear","useClearState","actionTypeOptions","setActionTypeOptions","useActionTypeOptions","locationOptions","setLocationOptions","useLocationOptions","searchParams","useSearchParams","navigate","useNavigate","clientPortal","useClientPortal","clientLoading","useClientLoading","fetchedCustomerData","loading","fetchData","useAxios","flatCustomers","setFlatCustomers","useFlatCustomerData","useEffect","urlCustomerId","urlActiontype","accountNumber","customer","selectedGroupedCustomer","getFilterPayload","payload","child","clientOptions","v","i","a","option","name","handleClientChange","value","filteredClient","client","mappedActions","action","mappedLocations","location","prevState","token","handleLocationChange","handleActionClick","applyFilters","queryParams","currentSearch","selectedClientValue","clientActions","clientLocations","handleClear","handleClearAction","jsx","Fragment","Wrapper","jsxs","FilterRow","LeftColumn","FilterColumn","Label","StyledAntSelect","input","RightColumn","ApplyButton","styled","Select"],"mappings":";;;;;;;;;;;;AAmC4BA,GAAc,EAAK;AAE/C,SAASC,KAAkB;AACzB,QAAM,CAACC,CAAS,IAAIC,GAAA,GACd,CAACC,GAAqBC,CAAsB,IAAIC,GAAA,GAChD,GAAGC,CAAQ,IAAIC,GAAQC,EAAkB,GACzC;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,GAAA,GACE,CAACC,GAAgBC,CAAiB,IAAIC,GAAA,GACtC,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAAA,EAAGC,CAAgB,IAAIC,GAAA,GACvB,CAACC,CAAI,IAAIC,GAAA,GACT,CAACC,GAAYC,CAAQ,IAAIC,GAAA,GACzB,CAACC,GAAmBC,CAAoB,IAAIC,GAAA,GAC5C,CAACC,GAAiBC,CAAkB,IAAIC,GAAA,GACxC,CAACC,CAAY,IAAIC,GAAA,GACjBC,IAAWC,GAAA,GACX,CAACC,CAAY,IAAIC,GAAA,GACjB,CAACC,CAAa,IAAIC,GAAA,GAGlB,EAAE,MAAMC,GAAqB,SAAAC,GAAkB,WAAAC,EAAA,IAAcC,GAEjE;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA;AAAA,IAER,YAAY,EAAE,eAAe,GAAA;AAAA,EAAM,CACpC,GAEK,CAACC,GAAeC,CAAgB,IAAIC,GAAA;AAE1C,EAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAgB,CAACE,MAChB,CAACM,KAAiBA,EAAc,WAAW,MAC7CF,EAAA;AAAA,EAGN,GAAG,CAACJ,CAAa,CAAC,GAElBS,EAAU,MAAM;AACd,IAAIP,KAAuBA,GAAqB,QAC9CK,EAAiBL,GAAqB,IAAI;AAAA,EAE9C,GAAG,CAACC,CAAO,CAAC;AAGZ,QAAMO,IAAgBhB,EAAa,IAAI,YAAY,GAC7CiB,IAAgBjB,EAAa,IAAI,MAAM,GAMvCkB,IAHuBN,GAAe;AAAA,IAC1C,CAACO,MAAkBA,GAAU,aAAa,eAAeH;AAAA,EAAA,GAEf,gBAGtCI,IAA0BlD,GAAW;AAAA,IACzC,CAACiD,MAAkBA,GAAU,aAAa,eAAeH;AAAA,EAAA,GAGrDK,IAAmB,MAAM;AAC7B,QAAIC,IAAeN;AACnB,WAAII,GAAyB,YAAYA,GAAyB,UAAU,SAAS,MACnFE,IAAU;AAAA,MACRN;AAAA,MACA,GAAGI,GAAyB,UAAU,IAAI,CAACG,MAAeA,GAAO,aAAa,SAAA,CAAU;AAAA,IAAA,IAGrFD;AAAA,EACT,GAGME,IAAgB,CAAC,GAAIZ,KAAiB,CAAA,GAAK,GAAI1C,KAAa,EAAG,EAClE,OAAO,CAACuD,GAAGC,GAAGC,MAAMA,GAAG,UAAU,CAAC,MAAW,GAAG,aAAa,eAAeF,GAAG,aAAa,SAAA,CAAU,MAAMC,CAAC,EAC7G,OAAO,CAACE,MAAgBA,GAAQ,eAAe,IAAI,EACnD,IAAI,CAACA,MAAgB;AACpB,UAAMC,IAAO,OAAOD,GAAQ,iBAAiBA,GAAQ,cAAc,EAAE;AACrE,WAAO;AAAA,MACL,OAAOC,EAAK,OAAO,CAAC,GAAG,gBAAgBA,GAAM,MAAM,CAAC;AAAA,MACpD,OAAO,OAAOD,GAAQ,WAAW;AAAA,MACjC,SAASA,GAAQ;AAAA,MACjB,kBAAkBA,GAAQ;AAAA,MAC1B,gBAAgBA,GAAQ;AAAA,IAAA;AAAA,EAE5B,CAAC,GAGGE,IAAqB,CAACC,GAAYH,MAAgB;AACtD,IAAA9C,EAAkBiD,CAAK;AAEvB,UAAMC,IAAiBR,GAAe;AAAA,MACpC,CAACS,MAAgBA,GAAQ,SAASF;AAAA,IAAA;AAGpC,QAAIC,GAAgB;AAClB,YAAME,IAAgB,MAAM,QAAQF,GAAgB,OAAO,IACvDA,GAAgB,SAAS,IAAI,CAACG,OAAiB;AAAA,QAC/C,OAAOA;AAAA,QACP,OAAOA;AAAA,MAAA,EACP,IACA,CAAA;AAEJ,MAAAxC,EAAqBuC,CAAa;AAElC,YAAME,IAAkB,MAAM,QAAQJ,GAAgB,gBAAgB,IAClEA,EAAe,iBACd;AAAA,QACC,CAACK,MAAkBA,GAAU,iBAAiBA,GAAU;AAAA,MAAA,EAEzD,IAAI,CAACA,OAAmB;AAAA,QACvB,OAAOA,EAAS;AAAA,QAChB,OAAOA,EAAS;AAAA,MAAA,EAChB,IACF,CAAA;AAEJ,MAAAvC,EAAmBsC,CAAe;AAAA,IACpC;AAGA,IAAAjD,EAAiB,CAACmD,OAAoB;AAAA,MACpC,GAAGA;AAAA,MACH,gBAAgBV,GAAQ;AAAA,MACxB,aAAa,CAACG;AAAA,IAAA,EACd;AAAA,EACJ;AAEA,EAAAhB,EAAU,MAAM;AACd,IAAIC,KAAiBE,KACnB/B,EAAiB,CAACmD,OAAoB;AAAA,MACpC,GAAGA;AAAA,MACH,gBAAgBpB;AAAA,MAChB,aAAa,CAACF;AAAA,IAAA,EACd;AAAA,EAEN,GAAG,CAACE,GAAeF,CAAa,CAAC,GAEjCD,EAAU,MAAM;AACd,QAAIC,GAAe;AACjB,YAAMgB,IAAiBR,GAAe;AAAA,QACpC,CAACS,MAAgBA,GAAQ,SAASjB;AAAA,MAAA;AAGpC,UAAIgB,GAAgB;AAClB,cAAME,IAAgB,MAAM,QAAQF,GAAgB,OAAO,IACvDA,GAAgB,SAAS,IAAI,CAACG,OAAiB;AAAA,UAC/C,OAAOA;AAAA,UACP,OAAOA;AAAA,QAAA,EACP,IACA,CAAA;AAEJ,QAAAxC,EAAqBuC,CAAa;AAElC,cAAME,IAAkB,MAAM,QAAQJ,GAAgB,gBAAgB,IAClEA,EAAe,iBACd,OAAO,CAACK,MAAkB;AACzB,gBAAMR,IAAOQ,GAAU,eACjBE,IAAQF,GAAU;AACxB,iBAAOR,KAAQA,MAAS,UAAUU,KAASA,MAAU;AAAA,QACvD,CAAC,EACA,IAAI,CAACF,OAAmB;AAAA,UACvB,OAAOA,GAAU;AAAA,UACjB,OAAOA,GAAU;AAAA,QAAA,EACjB,IACF,CAAA;AAEJ,QAAAvC,EAAmBsC,CAAe;AAAA,MACpC;AAAA,IACF;AAAA,EACF,GAAG,CAAC/C,CAAI,CAAC;AAGT,QAAMmD,IAAuB,CAACT,MAAe;AAC3C,IAAApD,EAAyBoD,CAAK;AAAA,EAChC,GAGMU,IAAoB,CAACV,MAAe;AACxC,IAAA1D,EAAuB0D,CAAK;AAAA,EAC9B,GAGMW,IAAe,MAAM;AACzB,QAAI7D,GAAgB;AAClB,YAAM8D,IAAc,IAAI,gBAAgB;AAAA,QACtC,YAAY9D,GAAgB,SAAA;AAAA,MAAS,CACtC,GACK+D,IAAgB,OAAO,SAAS;AACtC,cAAQ,IAAIA,GAAe,eAAe,GAErCA,EAAc,SAAS,QAAQ,KAElC1C,EAAS,8BAA8ByC,EAAY,SAAA,CAAU,EAAE;AAAA,IAKnE;AAEA,UAAME,IAAsBrB,GAAe;AAAA,MACzC,CAACS,MAAgBA,GAAQ,UAAUpD;AAAA,IAAA,GAG/BiE,IAAgBD,GAAqB,WAAW,CAAA,GAChDE,IAAkBF,GAAqB,oBAAoB,CAAA;AAEjE,IAAAlD;AAAA,MACE,MAAM,QAAQmD,CAAa,IACvBA,GAAe,IAAI,CAAAX,OAAW;AAAA,QAC9B,OAAOA;AAAA,QACP,OAAOA;AAAA,MAAA,EACP,IACA,CAAA;AAAA,IAAC,GAGPrC;AAAA,MACE,MAAM,QAAQiD,CAAe,IACzBA,GAAiB,IAAI,CAAAV,OAAa;AAAA,QAClC,OAAOA,GAAU;AAAA,QACjB,OAAOA,GAAU;AAAA,MAAA,EACjB,IACA,CAAA;AAAA,IAAC,GAIHrB,KACFzC,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS8C,EAAA;AAAA,IAAiB,CAC3B,GACD9C,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV,KAEDA,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,CAAA;AAAA,IAAC,CACX,GAGCH,MACFG,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASH;AAAA,IAAA,CACV,GACDG,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV,IAGCG,KAAyBA,GAAuB,SAAS,MAC3DH,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASG;AAAA,IAAA,CACV,GACDH,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EAEL;AAEA,EAAAwC,EAAU,MAAM;AACd,IACE9B,EADE,GAAAJ,KAAkBT,KAAuBM,EACpB;AAAA,EAI3B,GAAG,CAACG,GAAgBT,GAAqBM,CAAqB,CAAC,GAE/DqC,EAAU,MAAM;AAAA,EAAE,GAAG,CAAC,SAAS,QAAQ,CAAC,GAExCA,EAAU,MAAM;AACd,KAAI,CAAC3C,KAAuBA,MAAwB,SAClDG,EAAS,EAAE,MAAM,gBAAgB,IAGjC,CAACG,KACA,MAAM,QAAQA,CAAqB,KAClCA,EAAsB,WAAW,MAEnCH,EAAS,EAAE,MAAM,aAAa;AAAA,EAElC,GAAG,CAACH,GAAqBM,CAAqB,CAAC;AAE/C,QAAMsE,IAAc,MAAM;AACxB,IAAAxD,EAAS,EAAK,GACdjB,EAAS,EAAE,MAAM,gBAAgB,GACjCiB,EAAS,EAAI;AAAA,EACf;AAEA,EAAAuB,EAAU,MAAM;AACd,IAAIxB,MACFhB,EAAS,EAAE,MAAM,gBAAgB,GACjC,OAAO,SAAS,OAAO;AAAA,EAE3B,GAAG,CAACgB,CAAU,CAAC,GAEfwB,EAAU,MAAM;AACd,IAAIC,KAAiBC,KACnB1C,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS8C,EAAA;AAAA,IAAiB,CAC3B,GACDvC,EAAkB,CAACkC,CAAa,GAEhCzC,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS0C;AAAA,IAAA,CACV,GACD5C,EAAuB4C,CAAa,GAEpC1C,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV,KACQyC,MACTzC,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS8C,EAAA;AAAA,IAAiB,CAC3B,GACDvC,EAAkB,CAACkC,CAAa,GAChCzC,EAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA,CACV;AAAA,EAEL,GAAG,CAACyC,GAAe9C,CAAS,CAAC;AAE7B,QAAM+E,IAAoB,MAAM;AAC9B,IAAA1E,EAAS,EAAE,MAAM,gBAAgB;AAEjC,UAAMyB,IAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC/DA,IAAAA,EAAa,OAAO,MAAM,GAE1BE,EAAS,IAAIF,EAAa,SAAA,CAAU,IAAI,EAAE,SAAS,IAAM;AAAA,EAC3D;AAEA,SACE,gBAAAkD,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,IAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAN,EAACO,KAAM,UAAA,UAAA,CAAO;AAAA,QACd,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,SAASlC;AAAA,YACT,aAAY;AAAA,YACZ,UAAUM;AAAA,YACV,OAAO,EAAE,UAAU,QAAA;AAAA,YACnB,OAAON,GAAe,SAAS,KAAI3C,KAAkB;AAAA,YACrD,YAAU;AAAA,YACV,SAASmE;AAAA,YACT,cAAc,CAACW,GAAY/B,OACxBA,GAAQ,SAAS,IACf,YAAA,EACA,SAAS+B,EAAM,YAAA,CAAa;AAAA,YAEjC,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,GACF;AAAA,MACC9E,KACC,gBAAAwE,EAAAF,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAE,EAACG,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAN,EAACO,KAAM,UAAA,cAAA,CAAW;AAAA,UAClB,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,SAAShE;AAAA,cACT,aAAY;AAAA,cACZ,OAAOA,GAAmB,SAAS,KAAItB,KAAuB;AAAA,cAC9D,UAAUqE;AAAA,cACV,OAAO,EAAE,UAAU,QAAA;AAAA,cACnB,YAAU;AAAA,cACV,SAASQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,GACF;AAAA,0BAECO,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAN,EAACO,KAAM,UAAA,YAAA,CAAS;AAAA,UAChB,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,SAAS7D;AAAA,cACT,OAAOA,GAAiB,SAAS,KAAInB,KAAyB;AAAA,cAC9D,aAAY;AAAA,cACZ,UAAU8D;AAAA,cACV,OAAO,EAAE,UAAU,QAAA;AAAA,cACnB,YAAU;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACP,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAU,EAACU,IAAA,EACC,UAAA,gBAAAV,EAACW,IAAA,EAAY,SAASnB,GAAc,UAAU,CAAC1D,GAAiB,UAAA,QAAA,CAEhE,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;AAEA,MAAM0E,IAAkBI,GAAOC,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/header-filters/Styledfilters.js

@@ -0,0 +1,209 @@
+import { Select as t } from "antd";
+import e from "styled-components";
+e.div`
+  display: flex;
+  padding: 20px;
+  gap: 10px;
+  border-radius: 0px 0px 30px 30px;
+  background: #313130;
+  height: 151px;
+  background: url(./assets/bgBlack.png) no-repeat;
+  background-size: cover;
+  background-color: #000000d9;
+`;
+e.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`;
+const o = e.div`
+  position: relative;
+  border-radius: 16px;
+  border: 1px solid #e3e3e3;
+  background: #fff;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+  padding: 20px 20px 20px 20px;
+  top: -60px;
+`;
+e.div`
+  border-radius: 40px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  display: flex;
+  padding: 10px 15px;
+  justify-content: space-between;
+  align-items: center;
+  width: 98%;
+  margin: 0 auto;
+  align-items: center;
+  margin-top: -71px;
+  margin-bottom: 3px;
+
+  h2 {
+    color: #3a3630;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 900;
+    line-height: 32px;
+    text-transform: uppercase;
+    margin: 0;
+    padding: 0;
+  }
+  ul {
+    border-radius: 15px;
+    border: 1px solid #d0d5dd;
+    display: flex;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    background: #f7f7f7;
+
+    li {
+      color: #6a7378;
+      text-align: center;
+      font-size: 13px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 16px;
+      border-right: 1px solid #d0d5dd;
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      cursor: pointer;
+
+      &:last-child {
+        border: none;
+      }
+    }
+  }
+`;
+const n = e.div`
+  display: flex;
+  padding: 15px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  flex: 1 0 0;
+  border-radius: 15px;
+  background: #f8fafc;
+`;
+e(t)`
+  .ant-select-selector {
+    /* width: 22vw; */
+    border-radius: 22px;
+  }
+`;
+const a = e.div`
+  color: #8e8a85;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, p = e.div`
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  align-self: stretch;
+  justify-content: space-between;
+`, d = e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  align-self: stretch;
+  margin: 10px;
+`, l = e.div`
+  flex-direction: row;
+  display: flex;
+  gap: 15px;
+`, s = e.div`
+  flex-direction: row;
+  display: flex;
+`;
+e.div`
+  display: flex;
+  padding-right: 10px;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+  border-radius: 20px;
+  border: 1px solid #e0e2e7;
+  background: var(--Neutral-White, #fff);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  min-width: 12vw;
+
+  input[type='text'] {
+    border-radius: 20px;
+    background: var(--Flowkit-White, #fff);
+    border: none;
+    color: #6a7378;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 18px;
+    padding: 8px 0;
+    padding-left: 10px;
+    &:focus-visible {
+      outline: none;
+    }
+  }
+  .react-datepicker-wrapper {
+    background-color: white;
+    border-radius: 66px;
+  }
+
+  .ant-picker-outlined {
+    border-style: none !important;
+  }
+  .ant-btn {
+    background-color: #3348ff !important;
+  }
+`;
+e.div`
+  display: flex;
+  padding: 8px 8px 8px 10px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  border-right: 1px solid #e0e2e7;
+  background: #f0f2f2;
+  border-radius: 20px 0 0 20px;
+  font-size: 14px;
+  white-space: nowrap;
+  color: #8e8a85;
+`;
+const x = e.button`
+  border-radius: 15px;
+  display: flex;
+  padding: 7px 12px;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  font-family: 'Lato', sans-serif;
+  background: transparent;
+  color: #3a3620;
+  border: 1px solid #3a3630;
+  cursor: pointer;
+
+  &:not(:disabled):hover {
+    background: #feba30;
+  }
+
+  &:disabled {
+    background: #ccc;
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+`;
+export {
+  x as ApplyButton,
+  o as CoverPage,
+  d as FilterColumn,
+  p as FilterRow,
+  a as Label,
+  s as LeftColumn,
+  l as RightColumn,
+  n as Wrapper
+};
+//# sourceMappingURL=Styledfilters.js.map

package/dist/components/order-daily-overview/header-filters/Styledfilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 20px 20px 20px 20px;\n  top: -60px;\n`;\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  align-items: center;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 15px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n  align-self: stretch;\n  margin: 10px;\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 7px 12px;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","CoverPage","Wrapper","Select","Label","FilterRow","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;AAI6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAMC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsD3B,MAAME,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAMC,IAAQJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOfK,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBM,IAAeN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAStBO,IAAcP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAKHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/header-filters/filterStore.js

@@ -0,0 +1,126 @@
+import { atom as t } from "jotai";
+import { format as a } from "date-fns";
+t(/* @__PURE__ */ new Date());
+const d = {
+  "x-filters": [{ field: "isdeleted", op: "=", value: 0 }],
+  "x-pagination": { page: 1, per_page: 50 }
+}, o = (e, i) => {
+  switch (i.type) {
+    case "SET_DATE_FILTER":
+      return {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter(
+            (r) => r.field !== "action_date" && r.field !== "status"
+          ),
+          {
+            field: "action_date",
+            op: ">=",
+            value: `${a(
+              new Date(i.payload),
+              "yyyy-MM-dd"
+            )}T00:00:00+00:00`
+          },
+          {
+            field: "action_date",
+            op: "<=",
+            value: `${a(
+              new Date(i.payload),
+              "yyyy-MM-dd"
+            )}T23:59:59+00:00`
+          },
+          { field: "status", op: "count", value: "" }
+        ]
+      };
+    case "SET_CLIENT_FILTER":
+      return {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "customer_id"),
+          {
+            field: "customer_id",
+            op: Array?.isArray(i?.payload) ? "in" : "=",
+            value: i.payload
+          }
+        ]
+      };
+    case "SET_ACTIONS_FILTER":
+      return {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter(
+            (r) => r.field !== "product_return_action_id"
+          ),
+          {
+            field: "product_return_action_id",
+            op: "=",
+            value: i.payload
+          }
+        ]
+      };
+    case "SET_LOCATION_FILTER":
+      return {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "return_location"),
+          {
+            field: "return_location",
+            op: "in",
+            value: i.payload
+          }
+        ]
+      };
+    case "CLEAR_CLIENT":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter((r) => r.field !== "customer_id")
+      };
+    case "CLEAR_ACTION":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "product_return_action_id"
+        )
+      };
+    case "CLEAR_LOC":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "return_location"
+        )
+      };
+    case "CLEAR_FILTERS":
+      return {
+        ...e
+      };
+    case "CLEAR_ALL_FILTER":
+      return {
+        ...e
+      };
+    case "SET_PAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          page: i.payload
+        }
+      };
+    case "SET_PERPAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          per_page: i.payload
+        }
+      };
+    default:
+      return e;
+  }
+}, l = t(d), u = t(
+  (e) => e(l),
+  (e, i, r) => i(l, o(e(l), r))
+);
+export {
+  u as filtersReducerAtom
+};
+//# sourceMappingURL=filterStore.js.map

package/dist/components/order-daily-overview/header-filters/filterStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterStore.js","sources":["../../../../src/components/order-daily-overview/header-filters/filterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n// import { formatDate } from '../shared/utlis';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n  return useAtom(date);\n};\n\ninterface Filter {\n  field: string;\n  op: string;\n  value: any;\n}\n\ninterface Pagination {\n  page: number;\n  per_page: number;\n}\n\ninterface FilterState {\n  'x-filters': Filter[];\n  'x-pagination': Pagination;\n}\n// let todayDate = new Date();\nconst initialState: FilterState = {\n  'x-filters': [{ field: 'isdeleted', op: '=', value: 0 }],\n  'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n  switch (action.type) {\n    case 'SET_DATE_FILTER':\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(\n            f => f.field !== 'action_date' && f.field !== 'status'\n          ),\n          {\n            field: 'action_date',\n            op: '>=',\n            value: `${format(\n              new Date(action.payload),\n              'yyyy-MM-dd'\n            )}T00:00:00+00:00`,\n          },\n          {\n            field: 'action_date',\n            op: '<=',\n            value: `${format(\n              new Date(action.payload),\n              'yyyy-MM-dd'\n            )}T23:59:59+00:00`,\n          },\n          { field: 'status', op: 'count', value: '' },\n        ],\n      };\n\n    case 'SET_CLIENT_FILTER':\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(f => f.field !== 'customer_id'),\n          {\n            field: 'customer_id',\n            op: Array?.isArray(action?.payload) ? 'in' : '=',\n            value: action.payload,\n          },\n        ],\n      };\n\n    case 'SET_ACTIONS_FILTER':\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(\n            f => f.field !== 'product_return_action_id'\n          ),\n          {\n            field: 'product_return_action_id',\n            op: '=',\n            value: action.payload,\n          },\n        ],\n      };\n\n    case 'SET_LOCATION_FILTER':\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(f => f.field !== 'return_location'),\n          {\n            field: 'return_location',\n            op: 'in',\n            value: action.payload,\n          },\n        ],\n      };\n\n    case 'CLEAR_CLIENT':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n      };\n\n    case 'CLEAR_ACTION':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(\n          f => f.field !== 'product_return_action_id'\n        ),\n      };\n\n    case 'CLEAR_LOC':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(\n          f => f.field !== 'return_location'\n        ),\n      };\n    case 'CLEAR_FILTERS':\n      return {\n        ...state,\n      };\n\n    case 'CLEAR_ALL_FILTER':\n      return {\n        ...state,\n      };\n\n    case 'SET_PAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          page: action.payload,\n        },\n      };\n\n    case 'SET_PERPAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          per_page: action.payload,\n        },\n      };\n    default:\n      return state;\n  }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerAtom = atom(\n  get => get(filtersStateAtom),\n  (get, set, action) =>\n    set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","f","format","filtersStateAtom","filtersReducerAtom","get","set"],"mappings":"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"}