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

package/dist/components/client-portal/ReturnOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnOverview.js","sources":["../../../src/components/client-portal/ReturnOverview.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport HeaderFilter from '../order-daily-overview/header-filters/HeaderFilter';\nimport styled from 'styled-components';\nimport ReturnFilter from '../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter';\nimport Pagination from '../order-daily-overview/table-view/Pagination';\nimport {\n  useItemsPerPage,\n  useLoading,\n  UsePaginationData,\n  UsePaginationReturnData,\n} from '../order-daily-overview/store/store';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n} from '../store';\nimport { useParams } from 'react-router-dom';\nimport OutstandingTable from './OutstandingTable';\nimport ConfirmedMain from './return-confirm/ConfirmedMain';\nimport ClientRouterHeader from '../order-daily-overview/header/route-header/ClientRouterHeader';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nconst ReturnOverview = () => {\n  const [paginationObj] = UsePaginationData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerPage();\n  const { page, total } = paginationObj;\n  const { status } = useParams();\n  const [clientPortal] = useClientPortal();\n  const [debouncedSearchText] = useSearchAfterText();\n  const [, setReturnPaginationObject] = UsePaginationReturnData();\n  const [\n    returnConfirmedData,\n    setReturnConfirmedData,\n  ] = useReturnConfirmedOrderData();\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const [, setLoading] = useLoading();\n  const { 'x-pagination': pagination } = statePagination;\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  const shouldShowReturnAfterTable =\n    (clientPortal && status === 'scheduled_for_return') ||\n    (clientPortal && status === 'return_completed');\n\n  const validStatuses = [\n    'outstanding_return',\n    'scheduled_for_return',\n    'return_completed',\n  ];\n\n  const {\n    data: fetchedReturnOrderData,\n    loading,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(filters), debouncedSearchText, pagination]);\n\n  useEffect(() => {\n    setLoading(loading);\n\n    if (fetchedReturnOrderData?.data) {\n      setReturnConfirmedData(fetchedReturnOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setReturnPaginationObject(rest);\n        } catch (error) {\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedReturnOrderData, loading]);\n\n  const url =\n    process.env.REACT_APP_API_PATH ||\n    'https://development.dmsbackend.bjshomedelivery.com';\n\n  const payload = useMemo(\n    () => ({\n      file_type: 'import_manifest',\n      url: `${url}/v1/return/orders/`,\n      reference: 'overview_retuen_orders',\n      feature_name: 'client portal',\n      x_filter: JSON.stringify([filters?.length > 0 ? filters : undefined]),\n    }),\n    [pagination]\n  );\n\n  return (\n    <>\n      {clientPortal &&\n        typeof status === 'string' &&\n        validStatuses.includes(status) && <ClientRouterHeader />}\n      <div>\n        <DashBoardWrapper>\n          <div className=\"Tableconatiner\">\n            <HeaderFilter />\n            <Container>\n              <ReturnFilter data={returnConfirmedData} payload={payload} />\n              {clientPortal && status === 'outstanding_return' && (\n                <>\n                  <OutstandingTable />\n                  {total > 0 && (\n                    <Pagination\n                      currentPage={page}\n                      totalItems={total}\n                      itemsPerPage={itemsPerPage}\n                      onPageChange={handlePageChange}\n                      onItemsPerPageChange={handleItemsPerPageChange}\n                    ></Pagination>\n                  )}\n                </>\n              )}\n              {shouldShowReturnAfterTable && (\n                <>\n                  <ConfirmedMain />\n                </>\n              )}\n            </Container>\n          </div>\n        </DashBoardWrapper>\n      </div>\n    </>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  top: -16px;\n`;\n\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\nexport default ReturnOverview;\n"],"names":["ReturnOverview","paginationObj","UsePaginationData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerPage","page","total","status","useParams","clientPortal","useClientPortal","debouncedSearchText","useSearchAfterText","setReturnPaginationObject","UsePaginationReturnData","returnConfirmedData","setReturnConfirmedData","useReturnConfirmedOrderData","statePagination","useAtom","filtersReducerReturnAtom","setLoading","useLoading","pagination","state","dateFilterCPReducer","filters","handlePageChange","handleItemsPerPageChange","shouldShowReturnAfterTable","validStatuses","fetchedReturnOrderData","loading","paginationData","fetchData","useAxios","useEffect","count","rest","notification","url","payload","useMemo","jsxs","Fragment","ClientRouterHeader","jsx","DashBoardWrapper","HeaderFilter","Container","ReturnFilter","OutstandingTable","Pagination","ConfirmedMain","styled"],"mappings":"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"}

package/dist/components/client-portal/ReturnRTFilters.js

@@ -0,0 +1,206 @@
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { useState as E } from "react";
+import d from "styled-components";
+import "../order-view/store.js";
+import { useAxios as l } from "@bjsdistribution/dms-component-library";
+import { useParams as C } from "react-router-dom";
+import { Spin as P, notification as n } from "antd";
+import { useClientOutstandingReturnData as D, useReturnConfirmedOrderData as k, useSelectedClientAfterOrders as O } from "../store.js";
+import { dateFilterCPReducer as T } from "./DateFilterStore.js";
+import { useAtom as A } from "jotai";
+const J = ({ data: o, payload: p }) => {
+  const [u] = D(), [m] = k(), [
+    c,
+    x
+  ] = O(), { status: s } = C(), [g, i] = E(!1), [h] = A(T), { "x-filters": _ } = h, { fetchData: y } = l({
+    endpoint: "/v1/export/generate/",
+    method: "POST"
+  }), { fetchData: v } = l({
+    endpoint: "/v1/export/download/",
+    method: "POST"
+  }), b = (e) => {
+    v({
+      endPointQuery: `${e?.data?.file_reference}`
+    }).then((t) => {
+      t?.data?.url && window.open(t?.data?.url, "_blank"), i(!1);
+    }).catch((t) => {
+      n.error({
+        message: "Failed to download file",
+        description: t
+      }), i(!1);
+    });
+  }, w = () => {
+    let e = null;
+    const t = process.env.REACT_APP_API_PATH || "https://development.dmsbackend.bjshomedelivery.com";
+    s === "outstanding_return" ? e = {
+      isExportedData: u?.length > 0,
+      file_type: "csv",
+      moduleName: "return",
+      filter: [
+        { field: "isdeleted", op: "=", value: 0 },
+        { field: "product_return_action_id", op: "=", value: "RTS" }
+      ],
+      url: `${t}/v1/return/product/pending/`,
+      reference: "return_outstanding_export",
+      feature_name: "return"
+    } : ["scheduled_for_return", "return_completed"].includes(s) && (e = {
+      isExportedData: m?.length > 0,
+      file_type: "csv",
+      moduleName: "return",
+      url: `${t}/v1/return/orders/`,
+      reference: s === "scheduled_for_return" ? "return_scheduled_export" : "return_completed_export",
+      feature_name: "return",
+      filter: _
+    }), e?.isExportedData ? (i(!0), y({
+      payload: {
+        file_type: e?.file_type,
+        url: e?.url,
+        reference: e?.reference,
+        feature_name: e?.feature_name,
+        filter: e?.filter
+      }
+    }).then((r) => {
+      setTimeout(() => b(r), 1e4);
+    }).catch((r) => {
+      n.error({
+        message: "Failed to export csv",
+        description: r
+      }), i(!1);
+    })) : n.warning({ message: "No data to Export" });
+  }, { fetchData: S } = l({
+    endpoint: c?.length === 0 ? "/v1/orders/import/manifest/csv/?fetch_all_orders=true" : "/v1/orders/import/manifest/csv/",
+    method: "POST"
+  });
+  return /* @__PURE__ */ f(R, { className: "dmsBulkFilter", children: [
+    /* @__PURE__ */ a(N, { type: "left", onClick: w, children: /* @__PURE__ */ f("div", { className: "label", children: [
+      "Export CSV ",
+      /* @__PURE__ */ a(P, { spinning: g })
+    ] }) }),
+    /* @__PURE__ */ a(I, { onClick: async () => {
+      if (o && o?.length > 0)
+        try {
+          if (!p) {
+            console.error("Payload is missing");
+            return;
+          }
+          const e = [...c || []], t = e?.length > 0 ? { order_ids: e } : p, r = await S({
+            payload: t
+          });
+          r?.data?.url ? (n.success({
+            message: "Success",
+            description: r?.message || "Export completed."
+          }), r?.data?.url && window.open(r.data.url)) : n.info({
+            message: "Info",
+            description: `${r?.message}`
+          });
+        } catch (e) {
+          console.error("Error during export or download:", e), n.error({
+            message: "Export Failed",
+            description: "Something went wrong during export."
+          });
+        } finally {
+          x([]);
+        }
+      else
+        n.warning({ message: "No data to Export" });
+    }, children: /* @__PURE__ */ a(F, { children: "Export Manifest" }) })
+  ] });
+}, F = d.div`
+  color: #6a7378;
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 18px;
+`, R = d.div`
+  border-radius: 100px;
+  border: 1px solid rgba(208, 213, 221, 0.5);
+  background: #fff;
+  display: flex;
+  min-height: 40px;
+  // gap: 8px;
+`, I = d.div`
+  padding: 6px 12px;
+  display: flex;
+  align-items: center;
+  border-right: 1px solid #d0d5dd;
+  gap: 8px;
+  position: relative;
+  a {
+    text-decoration: none;
+  }
+  &.disabled {
+    /* opacity: 0.5; */
+    width: 150px;
+    cursor: default;
+    a {
+      cursor: default;
+
+      label {
+        cursor: default;
+      }
+    }
+  }
+  &:hover:not(:disabled) {
+    background: #f0f0f0;
+    cursor: pointer;
+  }
+
+  @media screen and (max-width: 1030px) {
+    padding: 6px 4px;
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    box-sizing: border-box;
+    top: 54px;
+  }
+  &:last-child {
+    border-right: none;
+  }
+  &.active svg.arrowDown {
+    transform: rotate(180deg);
+  }
+  label {
+    color: #3a3630;
+    text-align: center;
+    font-family: 'Open Sans';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 18px;
+    cursor: pointer;
+  }
+
+  &.noPadding {
+    padding: 0;
+  }
+`, N = d.div`
+  display: flex;
+  background: #fff;
+  min-height: 40px;
+  padding: 8px 12px;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  border-radius: ${(o) => o?.type === "left" ? "50px 0px 0px 50px" : o?.type === "right" ? " 0px 50px 50px 0px" : ""};
+  border-right: ${(o) => o.type === "right" ? "" : "1px solid #d0d5dd"};
+  .label {
+    color: #6a7378;
+    text-align: center;
+    font-family: Lato;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 18px;
+  }
+`;
+export {
+  N as ExportCSVButton,
+  R as StyledBulkFilterCover,
+  I as StyledBulkItem,
+  J as default
+};
+//# sourceMappingURL=ReturnRTFilters.js.map

package/dist/components/client-portal/ReturnRTFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnRTFilters.js","sources":["../../../src/components/client-portal/ReturnRTFilters.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { useAtom } from '../order-view/store';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { useParams } from 'react-router-dom';\n// import { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { notification, Spin } from 'antd';\nimport {\n  useClientOutstandingReturnData,\n  useReturnConfirmedOrderData,\n  useSelectedClientAfterOrders,\n  // useSelectedClientPortOrders,\n} from '../store';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nconst ReturnRTFilters = ({ data, payload }: { data: any; payload: any }) => {\n  const [outstandingReturnData] = useClientOutstandingReturnData();\n  const [returnConfirmedData] = useReturnConfirmedOrderData();\n  const [\n    selectedOrderIds,\n    setSelectedOrderIds,\n  ] = useSelectedClientAfterOrders();\n  // const [\n  // selectedPendingOrderIds,\n  // setSelectedPendingOrderIds,\n  // ] = useSelectedClientPortOrders();\n  const { status } = useParams<{ status: any }>();\n  const [spinLoading, setSpinLoading] = useState<boolean>(false);\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  //export csv\n  const { fetchData: callExportCSV } = useAxios<{\n    data: any[];\n    message: string;\n  }>({\n    endpoint: `/v1/export/generate/`,\n    method: 'POST',\n  });\n  const { fetchData: downloadFile } = useAxios({\n    endpoint: '/v1/export/download/',\n    method: 'POST',\n  });\n  const download: any = (response: any) => {\n    downloadFile({\n      endPointQuery: `${response?.data?.file_reference}`,\n    })\n      .then((response: any) => {\n        if (response?.data?.url) {\n          window.open(response?.data?.url, '_blank');\n        }\n        setSpinLoading(false);\n      })\n      .catch((err: any) => {\n        notification.error({\n          message: 'Failed to download file',\n          description: err,\n        });\n        setSpinLoading(false);\n      });\n  };\n\n  const handleExportCSV = () => {\n    let moduleInfo: any | null = null;\n    const url =\n      process.env.REACT_APP_API_PATH ||\n      'https://development.dmsbackend.bjshomedelivery.com';\n    if (status === 'outstanding_return') {\n      moduleInfo = {\n        isExportedData: outstandingReturnData?.length > 0,\n        file_type: 'csv',\n        moduleName: 'return',\n        filter: [\n          { field: 'isdeleted', op: '=', value: 0 },\n          { field: 'product_return_action_id', op: '=', value: 'RTS' },\n        ],\n        url: `${url}/v1/return/product/pending/`,\n        reference: 'return_outstanding_export',\n        feature_name: 'return',\n      };\n    } else if (['scheduled_for_return', 'return_completed'].includes(status)) {\n      moduleInfo = {\n        isExportedData: returnConfirmedData?.length > 0,\n        file_type: 'csv',\n        moduleName: 'return',\n        url: `${url}/v1/return/orders/`,\n\n        reference:\n          status === 'scheduled_for_return'\n            ? 'return_scheduled_export'\n            : 'return_completed_export',\n        feature_name: 'return',\n        filter: filters,\n      };\n    }\n\n    if (moduleInfo?.isExportedData) {\n      setSpinLoading(true);\n\n      callExportCSV({\n        payload: {\n          file_type: moduleInfo?.file_type,\n          url: moduleInfo?.url,\n          reference: moduleInfo?.reference,\n          feature_name: moduleInfo?.feature_name,\n          filter: moduleInfo?.filter,\n        },\n      })\n        .then((res: any) => {\n          setTimeout(() => download(res), 10000);\n        })\n        .catch(err => {\n          notification.error({\n            message: 'Failed to export csv',\n            description: err,\n          });\n          setSpinLoading(false);\n        });\n    } else {\n      notification.warning({ message: 'No data to Export' });\n    }\n  };\n\n  const { fetchData: callExportApi } = useAxios<{\n    data: any[];\n    message: string;\n  }>({\n    endpoint:\n      selectedOrderIds?.length === 0\n        ? `/v1/orders/import/manifest/csv/?fetch_all_orders=true`\n        : '/v1/orders/import/manifest/csv/',\n    method: 'POST',\n  });\n\n  // const handleExportManifest = async () => {\n  // const exportOrderIds =\n  //   status === 'outstanding_return'\n  //     ? selectedPendingOrderIds\n  //     : status === 'scheduled_for_return' || status === 'return_completed'\n  //     ? selectedOrderIds\n  //     : [];\n\n  // try {\n  //   const response = (await callExportApi({\n  //     payload: { order_ids: exportOrderIds },\n  //   })) as {\n  //     code: number | null;\n  //     error?: string | null;\n  //     data?: {\n  //       url?: string;\n  //     };\n  //     message?: string;\n  //   };\n\n  //   if (response?.data?.url) {\n  //     notification.success({\n  //       message: 'Success',\n  //       description: response?.message || 'Export completed.',\n  //     });\n  //     window.open(response?.data?.url, '_blank');\n\n  //     if (status === 'outstanding_return') {\n  //       setSelectedPendingOrderIds([]);\n  //     } else if (\n  //       status === 'scheduled_for_return' ||\n  //       status === 'return_completed'\n  //     ) {\n  //       setSelectedOrderIds([]);\n  //     }\n  //   } else {\n  //     notification.error({\n  //       message: 'No File URL',\n  //       description: 'Export succeeded but no download URL was returned.',\n  //     });\n  //   }\n  // } catch (error) {\n  //   console.error('Error during export or download:', error);\n  //   notification.error({\n  //     message: 'Export Failed',\n  //     description: 'Something went wrong during export.',\n  //   });\n\n  //   if (status === 'outstanding_return') {\n  //     setSelectedPendingOrderIds([]);\n  //   } else if (\n  //     status === 'scheduled_for_return' ||\n  //     status === 'return_completed'\n  //   ) {\n  //     setSelectedOrderIds([]);\n  //   }\n  // }\n  // };\n\n  const handleExport = async () => {\n    if (data && data?.length > 0) {\n      try {\n        if (!payload) {\n          console.error('Payload is missing');\n          return;\n        }\n\n        const currentIds = [...(selectedOrderIds || [])];\n\n        const finalPayload =\n          currentIds?.length > 0 ? { order_ids: currentIds } : payload;\n\n        const response = (await callExportApi({\n          payload: finalPayload,\n        })) as {\n          code: number | null;\n          error?: string | null;\n          data?: { url?: string; message?: string };\n          message?: string;\n        };\n\n        if (response?.data?.url) {\n          notification.success({\n            message: 'Success',\n            description: response?.message || 'Export completed.',\n          });\n          if (response?.data?.url) {\n            window.open(response.data.url);\n          }\n        } else {\n          notification.info({\n            message: 'Info',\n            description: `${response?.message}`,\n          });\n        }\n      } catch (error) {\n        console.error('Error during export or download:', error);\n        notification.error({\n          message: 'Export Failed',\n          description: 'Something went wrong during export.',\n        });\n      } finally {\n        setSelectedOrderIds([]);\n      }\n    } else {\n      notification.warning({ message: 'No data to Export' });\n    }\n  };\n\n  return (\n    <StyledBulkFilterCover className=\"dmsBulkFilter\">\n      {/* <ExportButton moduleInfoModule={moduleInfo} /> */}\n      <ExportCSVButton type=\"left\" onClick={handleExportCSV}>\n        <div className=\"label\">\n          Export CSV <Spin spinning={spinLoading} />\n        </div>\n      </ExportCSVButton>\n      <StyledBulkItem onClick={handleExport}>\n        <Text>Export Manifest</Text>\n      </StyledBulkItem>\n    </StyledBulkFilterCover>\n  );\n};\n\nconst Text = styled.div`\n  color: #6a7378;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n`;\nexport const StyledBulkFilterCover = styled.div`\n  border-radius: 100px;\n  border: 1px solid rgba(208, 213, 221, 0.5);\n  background: #fff;\n  display: flex;\n  min-height: 40px;\n  // gap: 8px;\n`;\n\nexport const StyledBulkItem = styled.div`\n  padding: 6px 12px;\n  display: flex;\n  align-items: center;\n  border-right: 1px solid #d0d5dd;\n  gap: 8px;\n  position: relative;\n  a {\n    text-decoration: none;\n  }\n  &.disabled {\n    /* opacity: 0.5; */\n    width: 150px;\n    cursor: default;\n    a {\n      cursor: default;\n\n      label {\n        cursor: default;\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    background: #f0f0f0;\n    cursor: pointer;\n  }\n\n  @media screen and (max-width: 1030px) {\n    padding: 6px 4px;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    box-sizing: border-box;\n    top: 54px;\n  }\n  &:last-child {\n    border-right: none;\n  }\n  &.active svg.arrowDown {\n    transform: rotate(180deg);\n  }\n  label {\n    color: #3a3630;\n    text-align: center;\n    font-family: 'Open Sans';\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n    cursor: pointer;\n  }\n\n  &.noPadding {\n    padding: 0;\n  }\n`;\n\nexport const ExportCSVButton = styled.div<{\n  type: 'left' | 'right' | 'middle';\n}>`\n  display: flex;\n  background: #fff;\n  min-height: 40px;\n  padding: 8px 12px;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  border-radius: ${props =>\n    props?.type === 'left'\n      ? '50px 0px 0px 50px'\n      : props?.type === 'right'\n      ? ' 0px 50px 50px 0px'\n      : ''};\n  border-right: ${props => (props.type === 'right' ? '' : '1px solid #d0d5dd')};\n  .label {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n  }\n`;\nexport default ReturnRTFilters;\n"],"names":["ReturnRTFilters","data","payload","outstandingReturnData","useClientOutstandingReturnData","returnConfirmedData","useReturnConfirmedOrderData","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","status","useParams","spinLoading","setSpinLoading","useState","state","useAtom","dateFilterCPReducer","filters","callExportCSV","useAxios","downloadFile","download","response","err","notification","handleExportCSV","moduleInfo","url","res","callExportApi","jsxs","StyledBulkFilterCover","jsx","ExportCSVButton","Spin","StyledBulkItem","currentIds","finalPayload","error","Text","styled","props"],"mappings":"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"}

package/dist/components/client-portal/ReturnSearchBar.js

@@ -0,0 +1,113 @@
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { useAxios as f, SearchIcon as O, CrossIcon as k } from "@bjsdistribution/dms-component-library";
+import F, { useState as N, useEffect as o } from "react";
+import l from "styled-components";
+import { useSearchText as j, useClientOutstandingReturnData as G, useStatsCPCount as I } from "../store.js";
+import { filtersReducerAtom as A } from "../order-daily-overview/header-filters/filterStore.js";
+import { javascriptStringDumpToJSON as B } from "../utils.js";
+import { UsePaginationData as E } from "../order-daily-overview/store/store.js";
+import { notification as m } from "antd";
+import { dateFilterCPReducer as J } from "./DateFilterStore.js";
+import { useAtom as g } from "jotai";
+function $() {
+  const [n, s] = N(""), [e, x] = j(), [, d] = G(), [, S] = E(), b = (t) => {
+    s(t.target.value);
+  }, [T] = g(J), { "x-filters": v } = T, [C] = g(A), [, h] = I(), { "x-pagination": y } = C, D = [
+    { field: "isdeleted", op: "=", value: 0 },
+    { field: "product_return_action_id", op: "=", value: "RTS" }
+  ], p = v.filter((t) => t.field !== "order_status"), i = [...D, ...p], { paginationData: u, fetchData: P } = f({
+    endpoint: "/v1/return/product/pending/",
+    method: "GET",
+    filters: i,
+    pagination: y
+  });
+  o(() => {
+    const t = e?.trim() || "";
+    t.length > 2 ? P({
+      endPointQuery: `?search_term=${t}`
+    }).then((c) => {
+      if (u) {
+        const a = B(
+          u
+        ), { ...R } = a;
+        S(R);
+      }
+      c?.data?.length > 0 ? d(c.data) : d([]);
+    }) : t.length > 0 && t.length <= 2 && m.warning({
+      message: "Search phrase cannot be less than 2 characters"
+    });
+  }, [e, JSON.stringify(i)]), o(() => {
+    const t = setTimeout(() => {
+      x(n);
+    }, 1e3);
+    return () => {
+      clearTimeout(t);
+    };
+  }, [n]), o(() => {
+    e?.length === 0 && s("");
+  }, [e]);
+  const { fetchData: w } = f({
+    endpoint: "v1/portal/return/stats/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: [...p]
+  });
+  return o(() => {
+    const t = e?.trim() || "";
+    t.length > 2 ? (async () => {
+      const a = await w({
+        endPointQuery: `?search_term=${t}&type=outstanding`
+      });
+      a?.data ? h(a?.data) : h(null);
+    })() : t.length > 0 && t.length <= 2 && m.warning({
+      message: "Search phrase cannot be less than 3 characters"
+    });
+  }, [e, JSON.stringify(i)]), /* @__PURE__ */ _(z, { children: [
+    /* @__PURE__ */ r(O, {}),
+    /* @__PURE__ */ r(
+      U,
+      {
+        type: "text",
+        placeholder: "Search",
+        value: n,
+        onChange: b
+      }
+    ),
+    n ? /* @__PURE__ */ r(Q, { className: "clear", onClick: () => {
+      s("");
+    }, children: /* @__PURE__ */ r(k, {}) }) : null
+  ] });
+}
+const Q = l.button`
+  border: none;
+  background: none;
+  position: relative;
+  border: none;
+  cursor: pointer;
+  padding: 0 4px;
+  font-size: 0;
+  &:hover {
+    color: #000;
+  }
+`, z = l.div`
+  display: flex;
+  padding: 4px 12px;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  border-radius: 20px;
+  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
+  background-color: var(--Flowkit-White, #fff);
+  height: 35px;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+`, U = l.input`
+  border: none;
+  outline: none;
+  flex-grow: 1;
+  width: 100%;
+  background: transparent;
+`, nt = F.memo($);
+export {
+  nt as default
+};
+//# sourceMappingURL=ReturnSearchBar.js.map

package/dist/components/client-portal/ReturnSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnSearchBar.js","sources":["../../../src/components/client-portal/ReturnSearchBar.tsx"],"sourcesContent":["import {\n  CrossIcon,\n  SearchIcon,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n  useAtom,\n  useClientOutstandingReturnData,\n  useSearchText,\n  useStatsCPCount,\n} from '../store';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport { ApiResponse } from '../types';\nimport { javascriptStringDumpToJSON } from '../utils';\nimport { UsePaginationData } from '../order-daily-overview/store/store';\nimport { notification } from 'antd';\nimport { returnCountType } from './ReturnStatus';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nfunction ReturnSearchBar() {\n  const [searchText, setSearchText] = useState('');\n  const [debouncedSearchText, setDebouncedSearchText] = useSearchText();\n  const [, setOutstandingData] = useClientOutstandingReturnData();\n  const [, setPaginationObject] = UsePaginationData();\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchText(event.target.value);\n  };\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const [, setCount] = useStatsCPCount();\n  const { 'x-pagination': pagination } = statePagination;\n\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const { paginationData, fetchData: getPendingData } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: pagination,\n  });\n\n  // Debouncing effect\n  useEffect(() => {\n    const trimmedText = debouncedSearchText?.trim() || '';\n\n    if (trimmedText.length > 2) {\n      getPendingData({\n        endPointQuery: `?search_term=${trimmedText}`,\n      }).then((response: any) => {\n        if (paginationData) {\n          const formattedPagination = javascriptStringDumpToJSON(\n            paginationData\n          );\n          const { ...rest } = formattedPagination;\n          setPaginationObject(rest);\n        }\n\n        if (response?.data?.length > 0) {\n          setOutstandingData(response.data);\n        } else {\n          setOutstandingData([]);\n        }\n      });\n    } else if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 2 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(modifiedFilters)]);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedSearchText(searchText);\n    }, 1000);\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [searchText]);\n\n  useEffect(() => {\n    if (debouncedSearchText?.length === 0) {\n      setSearchText('');\n    }\n  }, [debouncedSearchText]);\n  //\n  const { fetchData: fetchStatsData } = useAxios<{\n    data: returnCountType[];\n  }>({\n    endpoint: `v1/portal/return/stats/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: [...cleanedFilters],\n  });\n\n  useEffect(() => {\n    const trimmedText = debouncedSearchText?.trim() || '';\n\n    if (trimmedText.length > 2) {\n      const fetchStats = async () => {\n        const response = await fetchStatsData({\n          endPointQuery: `?search_term=${trimmedText}&type=outstanding`,\n        });\n        //@ts-ignore\n        if (response?.data) {\n          //@ts-ignore\n          setCount(response?.data);\n        } else {\n          setCount(null);\n        }\n      };\n\n      fetchStats();\n    } else if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 3 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(modifiedFilters)]);\n\n  const handleClear = () => {\n    setSearchText('');\n  };\n  return (\n    <Search>\n      <SearchIcon />\n\n      <SearchInput\n        type=\"text\"\n        placeholder=\"Search\"\n        value={searchText}\n        onChange={handleInputChange}\n      />\n      {searchText ? (\n        <ClearButton className=\"clear\" onClick={handleClear}>\n          <CrossIcon />\n        </ClearButton>\n      ) : null}\n    </Search>\n  );\n}\n\nconst ClearButton = styled.button`\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n`;\n\nconst Search = styled.div`\n  display: flex;\n  padding: 4px 12px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background-color: var(--Flowkit-White, #fff);\n  height: 35px;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n`;\nconst SearchInput = styled.input`\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n`;\n\nexport default React.memo(ReturnSearchBar);\n"],"names":["ReturnSearchBar","searchText","setSearchText","useState","debouncedSearchText","setDebouncedSearchText","useSearchText","setOutstandingData","useClientOutstandingReturnData","setPaginationObject","UsePaginationData","handleInputChange","event","state","useAtom","dateFilterCPReducer","filters","statePagination","filtersReducerAtom","setCount","useStatsCPCount","pagination","baseFilters","cleanedFilters","f","modifiedFilters","paginationData","getPendingData","useAxios","useEffect","trimmedText","response","formattedPagination","javascriptStringDumpToJSON","rest","notification","handler","fetchStatsData","Search","jsx","SearchIcon","SearchInput","ClearButton","CrossIcon","styled","ReturnSearchBar$1","React"],"mappings":"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"}

package/dist/components/client-portal/return-confirm/ConfirmedMain.js

@@ -0,0 +1,142 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useState as g } from "react";
+import i from "styled-components";
+import l from "./ReturnConfirmedTable.js";
+import { UsePaginationReturnData as c, useItemsPerReturnPage as m } from "../../order-daily-overview/store/store.js";
+import f from "../../order-daily-overview/table-view/ReturnPagination.js";
+const D = () => {
+  const [p] = c(), [, n] = g(1), [o, r] = m(), { page: s, total: a } = p, d = (t) => {
+    n(t);
+  }, x = (t) => {
+    r(t);
+  };
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e("div", { className: "Tableconatiner", children: /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ e(l, {}),
+    a > 0 && /* @__PURE__ */ e(
+      f,
+      {
+        currentPage: s,
+        totalItems: a,
+        itemsPerPage: o,
+        onPageChange: d,
+        onItemsPerPageChange: x
+      }
+    )
+  ] }) }) }) });
+}, u = i.div`
+  position: relative;
+  /* top: -30px; */
+`, b = i.section`
+  .Tableconatiner {
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);
+    display: block;
+    padding: 15px 20px;
+  }
+  .headerWrap,
+  .tableData,
+  .styleCovered {
+    transition: all ease 0.5s;
+  }
+  &.stickyTableHead {
+    h2 {
+      font-size: 21px;
+    }
+    .headerWrap {
+      height: 84px;
+      padding: 10px;
+      border-radius: 0px 0px 15px 15px;
+      > div {
+        position: relative;
+        z-index: 10;
+      }
+    }
+    .styleCovered {
+      margin-top: -32px;
+      width: 67%;
+      float: right;
+      gap: 5px;
+      padding-right: 11px;
+
+      li {
+        padding: 4px 10px 5px 5px;
+        gap: 5px;
+        .svgCover {
+          width: 30px;
+          height: 30px;
+          svg {
+            height: auto;
+            width: 58%;
+          }
+        }
+        .countDigit {
+          font-size: 19px;
+        }
+      }
+      .countMess {
+        font-size: 13px;
+      }
+    }
+    .dmsBulkFilter {
+      min-height: unset;
+      gap: 4px;
+      > div {
+        padding: 4px 12px;
+        label {
+          font-size: 11px;
+        }
+      }
+    }
+
+    .StyledFilterList {
+      gap: 4px;
+      li {
+        height: 29px;
+        padding: 3px 8px;
+        gap: 4px;
+        .StyledFilterBtnIcon {
+          width: 20px;
+          height: 20px;
+          svh {
+            width: 10px;
+            height: auto;
+          }
+        }
+        .StyledFilterBtnLabel {
+          font-size: 13px;
+        }
+      }
+    }
+    .StyledFilterLabel {
+      padding-left: 10px;
+      span {
+        font-size: 13px;
+      }
+    }
+    .cardcontainer.tableData {
+      max-height: calc(100vh - 310px);
+      min-height: calc(100vh - 310px);
+    }
+
+    .tableData {
+      max-height: calc(100vh - 320px);
+      min-height: calc(100vh - 320px);
+
+      margin-top: 8px;
+      thead {
+        position: sticky;
+        top: 0;
+        z-index: 9;
+        th {
+          font-size: 13px;
+          padding: 2px 15px;
+        }
+      }
+    }
+  }
+`;
+export {
+  D as default
+};
+//# sourceMappingURL=ConfirmedMain.js.map

package/dist/components/client-portal/return-confirm/ConfirmedMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmedMain.js","sources":["../../../../src/components/client-portal/return-confirm/ConfirmedMain.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport ReturnConfirmedTable from './ReturnConfirmedTable';\nimport {\n  useItemsPerReturnPage,\n  UsePaginationReturnData,\n} from '../../order-daily-overview/store/store';\nimport ReturnPagination from '../../order-daily-overview/table-view/ReturnPagination';\n\nconst ConfirmedMain = () => {\n  const [paginationObj] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\n  // const [, setPaginationObject] = UsePaginationData();\n  const { page, total } = paginationObj;\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n  // const { status } = useParams();\n  // API called\n  // const {\n  //   data: fetchedReturnOrderData,\n  //   loading,\n  //   paginationData,\n  //   fetchData,\n  // } = useAxios<ApiResponse>({\n  //   endpoint: '/v1/return/orders/',\n  //   method: 'GET',\n  //   filters: filters,\n  //   pagination: pagination,\n  // });\n\n  return (\n    <div>\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          {/* <HeaderFilter /> */}\n          <Container>\n            <ReturnConfirmedTable />\n            {total > 0 && (\n              <ReturnPagination\n                currentPage={page}\n                totalItems={total}\n                itemsPerPage={itemsPerPage}\n                onPageChange={handlePageChange}\n                onItemsPerPageChange={handleItemsPerPageChange}\n              ></ReturnPagination>\n            )}\n          </Container>\n        </div>\n      </DashBoardWrapper>\n    </div>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  /* top: -30px; */\n`;\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\n\nexport default ConfirmedMain;\n"],"names":["ConfirmedMain","paginationObj","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","page","total","handlePageChange","handleItemsPerPageChange","jsx","DashBoardWrapper","jsxs","Container","ReturnConfirmedTable","ReturnPagination","styled"],"mappings":";;;;;;AASA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,CAACC,CAAa,IAAIC,EAAA,GAClB,GAAGC,CAAc,IAAIC,EAAS,CAAC,GAC/B,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElC,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUR,GAClBS,IAAmB,CAACF,MAAiB;AACzC,IAAAL,EAAeK,CAAI;AAAA,EACrB,GACMG,IAA2B,CAACN,MAAyB;AACzD,IAAAC,EAAgBD,CAAY;AAAA,EAC9B;AAeA,SACE,gBAAAO,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAEC,4BAAC,OAAA,EAAI,WAAU,kBAEb,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAqB;AAAA,IACrBP,IAAQ,KACP,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAaT;AAAA,QACb,YAAYC;AAAA,QACZ,cAAAJ;AAAA,QACA,cAAcK;AAAA,QACd,sBAAsBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GAEL,EAAA,CACF,GACF,GACF;AAEJ,GACMI,IAAYG,EAAO;AAAA;AAAA;AAAA,GAInBL,IAAmBK,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;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;AAAA;AAAA;AAAA;AAAA;AAAA;"}