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

package/dist/components/order-view/order-actions/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={'dropDownStyle'}\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAqBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/add-resources/CategoryDropdown.js

@@ -0,0 +1,33 @@
+import { jsx as i } from "react/jsx-runtime";
+import n from "../../Dropdown.js";
+import { useOrderStaticData as s } from "../../../store.js";
+import { useAtom as d } from "jotai";
+import { selectedCategoryIdAtom as p } from "../../store.js";
+function C() {
+  const [r] = s(), [, a] = d(p), t = r?.resource_category_type?.map(
+    (e) => ({
+      id: e?.id,
+      type: e?.type,
+      value: e?.value
+    })
+  );
+  return /* @__PURE__ */ i(
+    n,
+    {
+      label: "Category",
+      required: !0,
+      placeholder: "Select Category",
+      options: t,
+      onSelect: (e) => {
+        const o = t?.find(
+          (c) => c?.value === e
+        );
+        o && a(o.value);
+      }
+    }
+  );
+}
+export {
+  C as default
+};
+//# sourceMappingURL=CategoryDropdown.js.map

package/dist/components/order-view/order-actions/actions/add-resources/CategoryDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryDropdown.js","sources":["../../../../../../src/components/order-view/order-actions/actions/add-resources/CategoryDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport OrderActionsDropdown from '../../Dropdown';\nimport { useOrderStaticData } from '../../../store';\nimport { useAtom } from 'jotai';\nimport { selectedCategoryIdAtom } from '../../store';\n\nfunction CategoryDropdown() {\n  const [staticOrderData] = useOrderStaticData();\n  const [, setSelectedCategoryId] = useAtom(selectedCategoryIdAtom);\n\n  const categoryOptions = staticOrderData?.resource_category_type?.map(\n    (x: any) => ({\n      id: x?.id,\n      type: x?.type,\n      value: x?.value,\n    })\n  );\n\n  const onSelect = (selectedValue: any) => {\n    const selectedOption = categoryOptions?.find(\n      (option: any) => option?.value === selectedValue\n    );\n\n    if (selectedOption) {\n      setSelectedCategoryId(selectedOption.value);\n    }\n  };\n\n  return (\n    <OrderActionsDropdown\n      label=\"Category\"\n      required\n      placeholder=\"Select Category\"\n      options={categoryOptions}\n      onSelect={onSelect}\n    />\n  );\n}\n\nexport default CategoryDropdown;\n"],"names":["CategoryDropdown","staticOrderData","useOrderStaticData","setSelectedCategoryId","useAtom","selectedCategoryIdAtom","categoryOptions","x","jsx","OrderActionsDropdown","selectedValue","selectedOption","option"],"mappings":";;;;;AAMA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,GAAGC,CAAqB,IAAIC,EAAQC,CAAsB,GAE1DC,IAAkBL,GAAiB,wBAAwB;AAAA,IAC/D,CAACM,OAAY;AAAA,MACX,IAAIA,GAAG;AAAA,MACP,MAAMA,GAAG;AAAA,MACT,OAAOA,GAAG;AAAA,IAAA;AAAA,EACZ;AAaF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAQ;AAAA,MACR,aAAY;AAAA,MACZ,SAASH;AAAA,MACT,UAhBa,CAACI,MAAuB;AACvC,cAAMC,IAAiBL,GAAiB;AAAA,UACtC,CAACM,MAAgBA,GAAQ,UAAUF;AAAA,QAAA;AAGrC,QAAIC,KACFR,EAAsBQ,EAAe,KAAK;AAAA,MAE9C;AAAA,IAQI;AAAA,EAAA;AAGN;"}

package/dist/components/order-view/order-actions/actions/add-resources/DeliveryDate.js

@@ -0,0 +1,62 @@
+import { jsxs as D, jsx as s } from "react/jsx-runtime";
+import { DatePicker as m } from "antd";
+import { useEffect as u } from "react";
+import c from "styled-components";
+import o from "dayjs";
+import { resourcesDeliveryDate as p } from "../../store.js";
+import { useAtom as Y } from "jotai";
+import { useOrderDetails as _, usePrevOrderDetails as y } from "../../../store.js";
+function L() {
+  const [n, e] = Y(p), [l] = _(), [t] = y();
+  u(() => {
+    t?.action_date && e({
+      action_date: o(t?.action_date).format("YYYY-MM-DD")
+    });
+  }, [t, e]);
+  const d = l?.action_date ? o(l.action_date) : null, f = (n?.action_date ? o(n.action_date) : null) || d || null;
+  return /* @__PURE__ */ D(x, { children: [
+    /* @__PURE__ */ s(v, { children: "Delivery Date" }),
+    /* @__PURE__ */ s(
+      m,
+      {
+        format: "YYYY-MM-DD",
+        value: f,
+        onChange: (a) => {
+          const r = a ? a.format("YYYY-MM-DD") : null, i = t?.action_date ? o(t?.action_date).format("YYYY-MM-DD") : null;
+          if (r && i && r === i) {
+            e({
+              action_date: i
+            });
+            return;
+          }
+          if (r) {
+            e({
+              action_date: r
+            });
+            return;
+          }
+          e({
+            action_date: null
+          });
+        },
+        disabledDate: (a) => a && a.isBefore(o().startOf("day")),
+        allowClear: !1,
+        style: { borderRadius: "15px", minWidth: "60px" }
+      }
+    )
+  ] });
+}
+const v = c.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+`, x = c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export {
+  L as default
+};
+//# sourceMappingURL=DeliveryDate.js.map

package/dist/components/order-view/order-actions/actions/add-resources/DeliveryDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryDate.js","sources":["../../../../../../src/components/order-view/order-actions/actions/add-resources/DeliveryDate.tsx"],"sourcesContent":["import { DatePicker, DatePickerProps } from 'antd';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport { resourcesDeliveryDate } from '../../store';\nimport { useAtom } from 'jotai';\nimport { useOrderDetails, usePrevOrderDetails } from '../../../store';\n\nfunction DeliveryDate() {\n  const [deliveryDate, setDeliveryDate] = useAtom(resourcesDeliveryDate);\n  const [orderDetails] = useOrderDetails();\n  const [prevOrderDetails] = usePrevOrderDetails();\n\n  useEffect(() => {\n    if (prevOrderDetails?.action_date) {\n      setDeliveryDate({\n        action_date: dayjs(prevOrderDetails?.action_date).format('YYYY-MM-DD'),\n      });\n    }\n  }, [prevOrderDetails, setDeliveryDate]);\n\n  const originalDate = orderDetails?.action_date\n    ? dayjs(orderDetails.action_date)\n    : null;\n\n  const currentPickedDate = deliveryDate?.action_date\n    ? dayjs(deliveryDate.action_date)\n    : null;\n\n  const pickerValue = currentPickedDate || originalDate || null;\n\n  const onChange: DatePickerProps['onChange'] = date => {\n    const selected = date ? date.format('YYYY-MM-DD') : null;\n\n    const prevDate = prevOrderDetails?.action_date\n      ? dayjs(prevOrderDetails?.action_date).format('YYYY-MM-DD')\n      : null;\n\n    if (selected && prevDate && selected === prevDate) {\n      setDeliveryDate({\n        action_date: prevDate,\n      });\n      return;\n    }\n\n    if (selected) {\n      setDeliveryDate({\n        action_date: selected,\n      });\n      return;\n    }\n\n    setDeliveryDate({\n      action_date: null,\n    });\n  };\n\n  return (\n    <Container>\n      <Label>Delivery Date</Label>\n\n      <DatePicker\n        format=\"YYYY-MM-DD\"\n        value={pickerValue}\n        onChange={onChange}\n        disabledDate={current =>\n          current && current.isBefore(dayjs().startOf('day'))\n        }\n        allowClear={false}\n        style={{ borderRadius: '15px', minWidth: '60px' }}\n      />\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default DeliveryDate;\n"],"names":["DeliveryDate","deliveryDate","setDeliveryDate","useAtom","resourcesDeliveryDate","orderDetails","useOrderDetails","prevOrderDetails","usePrevOrderDetails","useEffect","dayjs","originalDate","pickerValue","Container","jsx","Label","DatePicker","date","selected","prevDate","current","styled"],"mappings":";;;;;;;;AAQA,SAASA,IAAe;AACtB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAQC,CAAqB,GAC/D,CAACC,CAAY,IAAIC,EAAA,GACjB,CAACC,CAAgB,IAAIC,EAAA;AAE3B,EAAAC,EAAU,MAAM;AACd,IAAIF,GAAkB,eACpBL,EAAgB;AAAA,MACd,aAAaQ,EAAMH,GAAkB,WAAW,EAAE,OAAO,YAAY;AAAA,IAAA,CACtE;AAAA,EAEL,GAAG,CAACA,GAAkBL,CAAe,CAAC;AAEtC,QAAMS,IAAeN,GAAc,cAC/BK,EAAML,EAAa,WAAW,IAC9B,MAMEO,KAJoBX,GAAc,cACpCS,EAAMT,EAAa,WAAW,IAC9B,SAEqCU,KAAgB;AA4BzD,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,gBAAA,CAAa;AAAA,IAEpB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAOJ;AAAA,QACP,UAjCwC,CAAAK,MAAQ;AACpD,gBAAMC,IAAWD,IAAOA,EAAK,OAAO,YAAY,IAAI,MAE9CE,IAAWZ,GAAkB,cAC/BG,EAAMH,GAAkB,WAAW,EAAE,OAAO,YAAY,IACxD;AAEJ,cAAIW,KAAYC,KAAYD,MAAaC,GAAU;AACjD,YAAAjB,EAAgB;AAAA,cACd,aAAaiB;AAAA,YAAA,CACd;AACD;AAAA,UACF;AAEA,cAAID,GAAU;AACZ,YAAAhB,EAAgB;AAAA,cACd,aAAagB;AAAA,YAAA,CACd;AACD;AAAA,UACF;AAEA,UAAAhB,EAAgB;AAAA,YACd,aAAa;AAAA,UAAA,CACd;AAAA,QACH;AAAA,QAUM,cAAc,OACZkB,KAAWA,EAAQ,SAASV,EAAA,EAAQ,QAAQ,KAAK,CAAC;AAAA,QAEpD,YAAY;AAAA,QACZ,OAAO,EAAE,cAAc,QAAQ,UAAU,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,EAClD,GACF;AAEJ;AAEA,MAAMK,IAAQM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOfR,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/add-resources/DocFileUpload.js

@@ -0,0 +1,158 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { useState as C, useRef as w } from "react";
+import n from "styled-components";
+import { Button as z, CrossIcon as I } from "@bjsdistribution/dms-component-library";
+import P from "../../../../../assets/icons/UploadIcon.js";
+import { atom as R, useAtom as U } from "jotai";
+import { notification as l } from "antd";
+const k = R([]), m = ["image/jpeg", "image/png", "application/pdf"];
+function Y() {
+  const [s, c] = U(k), [u, r] = C(!1), p = w(null), g = (e) => s?.some(
+    (o) => o?.name === e?.name && o?.size === e?.size && o?.lastModified === e?.lastModified
+  ), f = (e) => {
+    if (!e) return;
+    const o = [], d = [];
+    Array.from(e).forEach((t) => {
+      const v = m?.includes(t.type), D = !g(t);
+      v && D ? o?.push(t) : d?.push(t);
+    }), o?.length > 0 && (c((t) => [...t, ...o]), o?.forEach(
+      (t) => l.success({
+        message: "Success",
+        description: `${t.name} added successfully.`
+      })
+    )), d?.length > 0 && l.error({
+      message: "Some files were not added",
+      description: "Either they were duplicates or not JPEG/PNG/PDF format."
+    });
+  }, h = (e) => {
+    const o = s?.filter((d, t) => t !== e);
+    c(o), l.info({ message: "File Removed" });
+  }, x = (e) => {
+    e.preventDefault(), r(!0);
+  }, y = () => r(!1), F = (e) => {
+    e.preventDefault(), r(!1), f(e.dataTransfer.files);
+  }, b = (e) => {
+    f(e.target.files), e.target.value = "";
+  };
+  return /* @__PURE__ */ a(T, { children: [
+    /* @__PURE__ */ i(
+      j,
+      {
+        onDragOver: x,
+        onDragLeave: y,
+        onDrop: F,
+        dragging: u,
+        children: /* @__PURE__ */ a(E, { children: [
+          /* @__PURE__ */ i(
+            L,
+            {
+              type: "button",
+              shape: "rounded",
+              onClick: () => p.current?.click(),
+              children: "UPLOAD FILE"
+            }
+          ),
+          /* @__PURE__ */ i(
+            B,
+            {
+              type: "file",
+              accept: m.join(","),
+              multiple: !0,
+              onChange: b,
+              ref: p
+            }
+          ),
+          /* @__PURE__ */ i(A, { children: /* @__PURE__ */ i(P, {}) }),
+          /* @__PURE__ */ a(G, { children: [
+            /* @__PURE__ */ i($, { children: "or drag and drop your files" }),
+            /* @__PURE__ */ i(M, { children: "Photos (JPEG, PNG) or PDF documents" })
+          ] })
+        ] })
+      }
+    ),
+    s.length > 0 && /* @__PURE__ */ a(N, { children: [
+      /* @__PURE__ */ i(O, { children: "Uploaded Files:" }),
+      /* @__PURE__ */ i(S, { children: s?.map((e, o) => /* @__PURE__ */ a(J, { children: [
+        e.name,
+        " - ",
+        (e.size / 1024).toFixed(2),
+        " KB",
+        /* @__PURE__ */ i(
+          I,
+          {
+            style: { cursor: "pointer", marginLeft: 8 },
+            onClick: () => h(o)
+          }
+        )
+      ] }, `${e.name}-${o}`)) })
+    ] })
+  ] });
+}
+const T = n.div`
+  width: 100%;
+`, j = n.div`
+  width: 100%;
+  padding: 6px;
+  border-radius: 30px;
+  border: ${(s) => s.dragging ? "2px dashed #0465ac" : "1px solid #e0e2e7"};
+  background-color: #fff;
+  transition: border-color 0.3s ease;
+  cursor: pointer;
+`, E = n.div`
+  display: flex;
+  gap: 8px;
+  padding: 6px;
+  align-items: center;
+  border-radius: 30px;
+  background: #fff;
+`, L = n(z)`
+  font-size: 14px;
+  padding: 7px 20px;
+  height: auto;
+  border-radius: 20px;
+`, B = n.input`
+  display: none;
+`, A = n.div`
+  border: 1px dashed #0465ac;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+`, G = n.div``, $ = n.p`
+  color: #aea9a1;
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  margin: 0;
+`, M = n.p`
+  color: #bcbab7;
+  font-family: 'Roboto', sans-serif;
+  font-size: 13px;
+  font-weight: 400;
+  margin: 0;
+`, N = n.div`
+  margin-top: 20px;
+  border-top: 1px solid #e0e2e7;
+  padding-top: 10px;
+`, O = n.h4`
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  color: #0465ac;
+`, S = n.ul`
+  overflow: auto;
+  max-height: 200px;
+  list-style-type: none;
+  padding: 0;
+`, J = n.li`
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  color: #333;
+  margin: 5px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+export {
+  Y as default,
+  k as uploadedFilesAtom
+};
+//# sourceMappingURL=DocFileUpload.js.map

package/dist/components/order-view/order-actions/actions/add-resources/DocFileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocFileUpload.js","sources":["../../../../../../src/components/order-view/order-actions/actions/add-resources/DocFileUpload.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, CrossIcon } from '@bjsdistribution/dms-component-library';\nimport UploadIcon from '../../../../../assets/icons/UploadIcon';\nimport { atom, useAtom } from 'jotai';\nimport { notification } from 'antd';\n// Store uploaded files\nexport const uploadedFilesAtom = atom<File[]>([]);\n\n// Allowed file MIME types\nconst allowedFileTypes = ['image/jpeg', 'image/png', 'application/pdf'];\n\nfunction DocFileUpload() {\n  const [uploadedFiles, setUploadedFiles] = useAtom(uploadedFilesAtom);\n  const [dragging, setDragging] = useState(false);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const isDuplicate = (file: File) =>\n    uploadedFiles?.some(\n      existing =>\n        existing?.name === file?.name &&\n        existing?.size === file?.size &&\n        existing?.lastModified === file?.lastModified\n    );\n\n  const handleFileUpload = (files: FileList | null) => {\n    if (!files) return;\n\n    const validFiles: File[] = [];\n    const rejectedFiles: File[] = [];\n\n    Array.from(files).forEach(file => {\n      const isValidType = allowedFileTypes?.includes(file.type);\n      const isNew = !isDuplicate(file);\n\n      if (isValidType && isNew) {\n        validFiles?.push(file);\n      } else {\n        rejectedFiles?.push(file);\n      }\n    });\n\n    if (validFiles?.length > 0) {\n      setUploadedFiles(prev => [...prev, ...validFiles]);\n      validFiles?.forEach(file =>\n        notification.success({\n          message: 'Success',\n          description: `${file.name} added successfully.`,\n        })\n      );\n    }\n\n    if (rejectedFiles?.length > 0) {\n      notification.error({\n        message: 'Some files were not added',\n        description: 'Either they were duplicates or not JPEG/PNG/PDF format.',\n      });\n    }\n  };\n\n  const handleRemoveFile = (indexToRemove: number) => {\n    const updated = uploadedFiles?.filter((_, i) => i !== indexToRemove);\n    setUploadedFiles(updated);\n    notification.info({ message: 'File Removed' });\n  };\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragging(true);\n  };\n\n  const handleDragLeave = () => setDragging(false);\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragging(false);\n    handleFileUpload(e.dataTransfer.files);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleFileUpload(e.target.files);\n    e.target.value = ''; // Allow re-upload of same file\n  };\n\n  const handleButtonClick = () => fileInputRef.current?.click();\n\n  return (\n    <MainContainer>\n      <DraggerContainer\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        dragging={dragging}\n      >\n        <Container>\n          <UploadButton\n            type=\"button\"\n            shape=\"rounded\"\n            onClick={handleButtonClick}\n          >\n            UPLOAD FILE\n          </UploadButton>\n          <FileInput\n            type=\"file\"\n            accept={allowedFileTypes.join(',')}\n            multiple\n            onChange={handleInputChange}\n            ref={fileInputRef}\n          />\n          <IconContainer>\n            <UploadIcon />\n          </IconContainer>\n          <TextContainer>\n            <Text1>or drag and drop your files</Text1>\n            <Text2>Photos (JPEG, PNG) or PDF documents</Text2>\n          </TextContainer>\n        </Container>\n      </DraggerContainer>\n\n      {uploadedFiles.length > 0 && (\n        <UploadedFilesContainer>\n          <FilesTitle>Uploaded Files:</FilesTitle>\n          <FilesList>\n            {uploadedFiles?.map((file, index) => (\n              <FileItem key={`${file.name}-${index}`}>\n                {file.name} - {(file.size / 1024).toFixed(2)} KB\n                <CrossIcon\n                  style={{ cursor: 'pointer', marginLeft: 8 }}\n                  onClick={() => handleRemoveFile(index)}\n                />\n              </FileItem>\n            ))}\n          </FilesList>\n        </UploadedFilesContainer>\n      )}\n    </MainContainer>\n  );\n}\n\nconst MainContainer = styled.div`\n  width: 100%;\n`;\n\nconst DraggerContainer = styled.div<{ dragging: boolean }>`\n  width: 100%;\n  padding: 6px;\n  border-radius: 30px;\n  border: ${props =>\n    props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7'};\n  background-color: #fff;\n  transition: border-color 0.3s ease;\n  cursor: pointer;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  gap: 8px;\n  padding: 6px;\n  align-items: center;\n  border-radius: 30px;\n  background: #fff;\n`;\n\nconst UploadButton = styled(Button)`\n  font-size: 14px;\n  padding: 7px 20px;\n  height: auto;\n  border-radius: 20px;\n`;\n\nconst FileInput = styled.input`\n  display: none;\n`;\n\nconst IconContainer = styled.div`\n  border: 1px dashed #0465ac;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n`;\n\nconst TextContainer = styled.div``;\n\nconst Text1 = styled.p`\n  color: #aea9a1;\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  margin: 0;\n`;\n\nconst Text2 = styled.p`\n  color: #bcbab7;\n  font-family: 'Roboto', sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  margin: 0;\n`;\n\nconst UploadedFilesContainer = styled.div`\n  margin-top: 20px;\n  border-top: 1px solid #e0e2e7;\n  padding-top: 10px;\n`;\n\nconst FilesTitle = styled.h4`\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  color: #0465ac;\n`;\n\nconst FilesList = styled.ul`\n  overflow: auto;\n  max-height: 200px;\n  list-style-type: none;\n  padding: 0;\n`;\n\nconst FileItem = styled.li`\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  color: #333;\n  margin: 5px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport default DocFileUpload;\n"],"names":["uploadedFilesAtom","atom","allowedFileTypes","DocFileUpload","uploadedFiles","setUploadedFiles","useAtom","dragging","setDragging","useState","fileInputRef","useRef","isDuplicate","file","existing","handleFileUpload","files","validFiles","rejectedFiles","isValidType","isNew","prev","notification","handleRemoveFile","indexToRemove","updated","_","i","handleDragOver","handleDragLeave","handleDrop","handleInputChange","MainContainer","jsx","DraggerContainer","Container","UploadButton","FileInput","IconContainer","UploadIcon","TextContainer","Text1","Text2","jsxs","UploadedFilesContainer","FilesTitle","FilesList","index","FileItem","CrossIcon","styled","props","Button"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/add-resources/DocumentTypeDropdown.js

@@ -0,0 +1,33 @@
+import { jsx as m } from "react/jsx-runtime";
+import p from "../../Dropdown.js";
+import { useAtom as u } from "jotai";
+import { useOrderStaticData as l } from "../../../store.js";
+import { selectedDocumentTypeAtom as i } from "../../store.js";
+function T() {
+  const [, c] = u(i), [n] = l(), t = n?.resource_document_type?.map(
+    (e) => ({
+      id: e?.id,
+      label: e?.type,
+      value: e?.value
+    })
+  );
+  return /* @__PURE__ */ m(
+    p,
+    {
+      label: "Document Type",
+      required: !0,
+      placeholder: "Select Document Type",
+      options: t,
+      onSelect: (e) => {
+        const o = t?.find(
+          (r) => r.value === e
+        );
+        o && c(o.value);
+      }
+    }
+  );
+}
+export {
+  T as default
+};
+//# sourceMappingURL=DocumentTypeDropdown.js.map

package/dist/components/order-view/order-actions/actions/add-resources/DocumentTypeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTypeDropdown.js","sources":["../../../../../../src/components/order-view/order-actions/actions/add-resources/DocumentTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport OrderActionsDropdown from '../../Dropdown';\nimport { useAtom } from 'jotai';\nimport { useOrderStaticData } from '../../../store';\nimport { selectedDocumentTypeAtom } from '../../store';\n\nfunction DocumentTypeDropdown() {\n  const [, setSelectedDocumentType] = useAtom(selectedDocumentTypeAtom);\n  const [staticOrderData] = useOrderStaticData();\n\n  const documentOptions = staticOrderData?.resource_document_type?.map(\n    (x: any) => ({\n      id: x?.id,\n      label: x?.type,\n      value: x?.value,\n    })\n  );\n\n  const onSelectDocumentType = (selectedValue: any) => {\n    const selectedOption = documentOptions?.find(\n      (option: any) => option.value === selectedValue\n    );\n\n    if (selectedOption) {\n      setSelectedDocumentType(selectedOption.value);\n    }\n  };\n\n  return (\n    <OrderActionsDropdown\n      label=\"Document Type\"\n      required\n      placeholder=\"Select Document Type\"\n      options={documentOptions}\n      onSelect={onSelectDocumentType}\n    />\n  );\n}\n\nexport default DocumentTypeDropdown;\n"],"names":["DocumentTypeDropdown","setSelectedDocumentType","useAtom","selectedDocumentTypeAtom","staticOrderData","useOrderStaticData","documentOptions","x","jsx","OrderActionsDropdown","selectedValue","selectedOption","option"],"mappings":";;;;;AAMA,SAASA,IAAuB;AAC9B,QAAM,GAAGC,CAAuB,IAAIC,EAAQC,CAAwB,GAC9D,CAACC,CAAe,IAAIC,EAAA,GAEpBC,IAAkBF,GAAiB,wBAAwB;AAAA,IAC/D,CAACG,OAAY;AAAA,MACX,IAAIA,GAAG;AAAA,MACP,OAAOA,GAAG;AAAA,MACV,OAAOA,GAAG;AAAA,IAAA;AAAA,EACZ;AAaF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAQ;AAAA,MACR,aAAY;AAAA,MACZ,SAASH;AAAA,MACT,UAhByB,CAACI,MAAuB;AACnD,cAAMC,IAAiBL,GAAiB;AAAA,UACtC,CAACM,MAAgBA,EAAO,UAAUF;AAAA,QAAA;AAGpC,QAAIC,KACFV,EAAwBU,EAAe,KAAK;AAAA,MAEhD;AAAA,IAQc;AAAA,EAAA;AAGhB;"}

package/dist/components/order-view/order-actions/actions/add-resources/Visibility.js

@@ -0,0 +1,32 @@
+import { jsx as r } from "react/jsx-runtime";
+import { RadioButtonGroup as l } from "@bjsdistribution/dms-component-library";
+import { useOrderStaticData as s } from "../../../store.js";
+import { capitalize as n } from "../../../utils.js";
+import { selectedVisibilityAtom as u } from "../../store.js";
+import { useAtom as d } from "jotai";
+function h() {
+  const [o] = s(), [i, e] = d(
+    u
+  ), a = o?.resource_visibility_type?.map(
+    (t) => ({
+      label: n(t.type.replaceAll("_", " ")),
+      value: t.value.toString()
+    })
+  );
+  return i || e("0"), /* @__PURE__ */ r(
+    l,
+    {
+      selectedValue: i ?? "",
+      heading: "Visibility",
+      options: a || [],
+      required: !0,
+      onChange: (t) => {
+        e(t.target.value);
+      }
+    }
+  );
+}
+export {
+  h as default
+};
+//# sourceMappingURL=Visibility.js.map

package/dist/components/order-view/order-actions/actions/add-resources/Visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visibility.js","sources":["../../../../../../src/components/order-view/order-actions/actions/add-resources/Visibility.tsx"],"sourcesContent":["import { RadioButtonGroup } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport { useAtom, useOrderStaticData } from '../../../store';\nimport { capitalize } from '../../../utils';\nimport { selectedVisibilityAtom } from '../../store';\n\nfunction VisibilityRadioButtons() {\n  const [staticOrderData] = useOrderStaticData();\n  const [selectedVisibility, setSelectedVisibility] = useAtom(\n    selectedVisibilityAtom\n  );\n\n  const visibilityOptions = staticOrderData?.resource_visibility_type?.map(\n    (option: any) => ({\n      label: capitalize(option.type.replaceAll('_', ' ')),\n      value: option.value.toString(),\n    })\n  );\n\n  if (!selectedVisibility) {\n    setSelectedVisibility('0');\n  }\n\n  const handleRadioButtonChange = (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    setSelectedVisibility(event.target.value);\n  };\n\n  return (\n    <RadioButtonGroup\n      selectedValue={selectedVisibility ?? ''}\n      heading=\"Visibility\"\n      options={visibilityOptions || []}\n      required={true}\n      onChange={handleRadioButtonChange}\n    />\n  );\n}\n\nexport default VisibilityRadioButtons;\n"],"names":["VisibilityRadioButtons","staticOrderData","useOrderStaticData","selectedVisibility","setSelectedVisibility","useAtom","selectedVisibilityAtom","visibilityOptions","option","capitalize","jsx","RadioButtonGroup","event"],"mappings":";;;;;;AAMA,SAASA,IAAyB;AAChC,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAoBC,CAAqB,IAAIC;AAAA,IAClDC;AAAA,EAAA,GAGIC,IAAoBN,GAAiB,0BAA0B;AAAA,IACnE,CAACO,OAAiB;AAAA,MAChB,OAAOC,EAAWD,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,MAClD,OAAOA,EAAO,MAAM,SAAA;AAAA,IAAS;AAAA,EAC/B;AAGF,SAAKL,KACHC,EAAsB,GAAG,GAUzB,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAeR,KAAsB;AAAA,MACrC,SAAQ;AAAA,MACR,SAASI,KAAqB,CAAA;AAAA,MAC9B,UAAU;AAAA,MACV,UAZ4B,CAC9BK,MACG;AACH,QAAAR,EAAsBQ,EAAM,OAAO,KAAK;AAAA,MAC1C;AAAA,IAQc;AAAA,EAAA;AAGhB;"}

package/dist/components/order-view/order-actions/actions/add-resources/index.js

@@ -0,0 +1,166 @@
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { useState as B, useEffect as A } from "react";
+import M from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import G from "./DocumentTypeDropdown.js";
+import n from "styled-components";
+import H from "./CategoryDropdown.js";
+import N from "./Visibility.js";
+import J, { uploadedFilesAtom as K } from "./DocFileUpload.js";
+import { useCurrentAction as Q, useOrderStaticData as W, useOrderId as X, useOrderProductsResources as Y, useCustomerInfo as Z } from "../../../store.js";
+import { selectedTypeAtom as C, selectedCategoryIdAtom as ee, selectedDocumentTypeAtom as oe, resourcesDeliveryDate as te, selectedVisibilityAtom as re } from "../../store.js";
+import se from "../../Dropdown.js";
+import { notification as g } from "antd";
+import { useAxios as v } from "@bjsdistribution/dms-component-library";
+import { useClientPortal as ie } from "../../../../store.js";
+import ae from "./DeliveryDate.js";
+import { useAtom as r } from "jotai";
+function Fe() {
+  const [, b] = Q(), [S] = W(), [, O] = r(C), [s, T] = r(K), [F, R] = B(!1), [i] = r(ee), [c] = r(oe), [p] = r(C), [m] = r(te), [y] = X(), [d] = r(re), [$] = ie(), [, I] = Y(), E = String(i).toLowerCase(), h = `/orders/${y}/order_resources/?document_type=${c}&type=${p}&category=${i}&visibility=${d}`, P = E === "pod" ? `${h}&date=${m?.action_date}` : h, { fetchData: _ } = v({
+    endpoint: P,
+    method: "POST"
+  }), x = () => {
+    b(void 0), T([]);
+  }, [D] = Z(), L = `${D?.recipient_name}, ${D?.postcode}`, w = S?.resource_type?.map((e) => ({
+    id: e?.id,
+    type: e?.type,
+    value: e?.value
+  })), U = (e) => {
+    const t = w?.find(
+      (a) => a?.value === e
+    );
+    t && O(t.value);
+  };
+  console.log(s, "filesfiles");
+  const V = async () => {
+    if (!s || s?.length === 0) {
+      g.error({ message: "No files selected" });
+      return;
+    }
+    const e = new FormData();
+    s?.forEach((t) => {
+      e.append("files", t);
+    });
+    try {
+      const t = await _({
+        payload: e
+      });
+      console.log("Upload successful:", t), g.success({ message: "Files uploaded successfully" }), x(), await j();
+    } catch (t) {
+      const a = t, q = a?.response?.status, z = a?.response?.data?.error || "";
+      let l = "An unexpected error occurred.";
+      q === 413 ? l = "File is too large. Please upload a smaller file." : z.includes("413") ? l = "File size exceeds the allowed limit." : a?.message && (l = a.message), g.error({
+        message: "Upload Failed",
+        description: l
+      });
+    }
+  };
+  A(() => {
+    const e = String(i)?.toLowerCase() === "pod";
+    R(
+      !!p && !!c && !!i && s?.length > 0 && d !== null && d !== void 0 && (e ? !!m : !0)
+    );
+  }, [
+    p,
+    c,
+    i,
+    s,
+    d,
+    m
+  ]);
+  const {
+    data: u,
+    fetchData: j,
+    loading: k
+  } = v({
+    endpoint: `/orders/${y}/order_resources/`,
+    method: "GET",
+    ...$ && {
+      filters: [{ field: "is_private", op: "=", value: 0 }]
+    }
+  });
+  return A(() => {
+    u && u?.data && I(u?.data);
+  }, [k]), /* @__PURE__ */ o(
+    M,
+    {
+      headerTitle: "ADD RESOURCE",
+      showAdditionalInfo: !0,
+      infoText: L,
+      onCloseHeader: x,
+      onSubmit: V,
+      isSubmitDisabled: !F,
+      children: /* @__PURE__ */ f(le, { children: [
+        /* @__PURE__ */ f(ce, { children: [
+          /* @__PURE__ */ o(G, {}),
+          /* @__PURE__ */ o(
+            se,
+            {
+              label: "Type",
+              required: !0,
+              placeholder: "Select Type",
+              options: w,
+              onSelect: U
+            }
+          ),
+          /* @__PURE__ */ o(H, {}),
+          /* @__PURE__ */ o(N, {}),
+          String(i)?.toLowerCase() === "pod" && /* @__PURE__ */ o(ae, {})
+        ] }),
+        /* @__PURE__ */ f(pe, { children: [
+          /* @__PURE__ */ o(de, { children: "File" }),
+          " ",
+          /* @__PURE__ */ o(ne, { children: "*" }),
+          /* @__PURE__ */ o(J, {}),
+          " "
+        ] })
+      ] })
+    }
+  );
+}
+const ne = n.span`
+  color: red;
+  margin-left: 2px;
+`, de = n.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, le = n.div`
+  padding: 20px;
+  border-radius: 15px;
+  background: #f8fafc;
+  margin: 0 20px;
+
+  @media (max-width: 768px) {
+    margin: 0;
+    padding: 16px;
+  }
+`, ce = n.div`
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 20px;
+  align-items: center;
+
+  @media (max-width: 1100px) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media (max-width: 600px) {
+    grid-template-columns: 1fr;
+  }
+`, pe = n.div`
+  width: 100%;
+  margin-top: 25px;
+
+  display: flex;
+  flex-direction: column;
+
+  @media (max-width: 600px) {
+    margin-top: 20px;
+  }
+`;
+export {
+  Fe as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/add-resources/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/add-resources/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport DocumentTypeDropdown from './DocumentTypeDropdown';\nimport styled from 'styled-components';\nimport CategoryDropdown from './CategoryDropdown';\nimport VisibilityRadioButtons from './Visibility';\nimport DocFileUpload, { uploadedFilesAtom } from './DocFileUpload';\nimport {\n  useAtom,\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderId,\n  useOrderProductsResources,\n  useOrderStaticData,\n} from '../../../store';\nimport {\n  resourcesDeliveryDate,\n  selectedCategoryIdAtom,\n  selectedDocumentTypeAtom,\n  selectedTypeAtom,\n  selectedVisibilityAtom,\n  // setResourcesCall,\n} from '../../store';\nimport OrderActionsDropdown from '../../Dropdown';\nimport { notification } from 'antd';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../../types';\nimport { useClientPortal } from '../../../../store';\nimport ResourcesDeliveryDate from './DeliveryDate';\n\nfunction AddResources() {\n  const [, setCurrentAction] = useCurrentAction();\n  const [staticOrderData] = useOrderStaticData();\n  const [, setSelectedType] = useAtom(selectedTypeAtom);\n  const [uploadedFiles, setUploadedFiles] = useAtom(uploadedFilesAtom);\n  const [isFormValid, setIsFormValid] = useState(false);\n  const [selectedCategoryId] = useAtom(selectedCategoryIdAtom);\n  const [selectedDocumentType] = useAtom(selectedDocumentTypeAtom);\n  const [selectedType] = useAtom(selectedTypeAtom);\n  const [resourcesDeliverDate] = useAtom(resourcesDeliveryDate);\n  const [orderId] = useOrderId();\n  const [selectedVisibility] = useAtom(selectedVisibilityAtom);\n  const [isClientPortal] = useClientPortal();\n  const [, setOrderResources] = useOrderProductsResources();\n\n  //add resources POST API\n  const category = String(selectedCategoryId).toLowerCase();\n\n  const baseEndpoint = `/orders/${orderId}/order_resources/?document_type=${selectedDocumentType}&type=${selectedType}&category=${selectedCategoryId}&visibility=${selectedVisibility}`;\n  const finalEndpoint =\n    category === 'pod'\n      ? `${baseEndpoint}&date=${resourcesDeliverDate?.action_date}`\n      : baseEndpoint;\n\n  const { fetchData: callResourcesAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: finalEndpoint,\n    method: 'POST',\n  });\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n    setUploadedFiles([]);\n  };\n\n  const [customerInfo] = useCustomerInfo();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n  const typeOptions = staticOrderData?.resource_type?.map((x: any) => ({\n    id: x?.id,\n    type: x?.type,\n    value: x?.value,\n  }));\n\n  const onSelectCancelReason = (selectedValue: any) => {\n    const selectedOption = typeOptions?.find(\n      (option: any) => option?.value === selectedValue\n    );\n    if (selectedOption) {\n      setSelectedType(selectedOption.value);\n    }\n  };\n  console.log(uploadedFiles, 'filesfiles');\n\n  const handleSubmit = async () => {\n    if (!uploadedFiles || uploadedFiles?.length === 0) {\n      notification.error({ message: 'No files selected' });\n      return;\n    }\n\n    const formData = new FormData();\n    uploadedFiles?.forEach(file => {\n      formData.append('files', file); // Adjust key as per API\n    });\n\n    try {\n      const response = (await callResourcesAPI({\n        payload: formData,\n      })) as {\n        code: number | null;\n        error?: string | null | undefined;\n        [key: string]: any;\n      };\n\n      console.log('Upload successful:', response);\n      notification.success({ message: 'Files uploaded successfully' });\n\n      onClose(); // Close modal\n      await fetchOrderResources();\n    } catch (error) {\n      const err = error as any;\n      const status = err?.response?.status;\n      const rawError = err?.response?.data?.error || '';\n\n      let errMsg = 'An unexpected error occurred.';\n\n      if (status === 413) {\n        errMsg = 'File is too large. Please upload a smaller file.';\n      } else if (rawError.includes('413')) {\n        errMsg = 'File size exceeds the allowed limit.';\n      } else if (err?.message) {\n        errMsg = err.message;\n      }\n\n      notification.error({\n        message: 'Upload Failed',\n        description: errMsg,\n      });\n    }\n  };\n\n  useEffect(() => {\n    const isPOD = String(selectedCategoryId)?.toLowerCase() === 'pod';\n    setIsFormValid(\n      !!selectedType &&\n        !!selectedDocumentType &&\n        !!selectedCategoryId &&\n        uploadedFiles?.length > 0 &&\n        selectedVisibility !== null &&\n        selectedVisibility !== undefined &&\n        (isPOD ? !!resourcesDeliverDate : true)\n    );\n  }, [\n    selectedType,\n    selectedDocumentType,\n    selectedCategoryId,\n    uploadedFiles,\n    selectedVisibility,\n    resourcesDeliverDate,\n  ]);\n\n  // Order resources\n  const {\n    data: fetchedResourcesData,\n    fetchData: fetchOrderResources,\n    loading: orderresourcesLoading,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/${orderId}/order_resources/`,\n    method: 'GET',\n    ...(isClientPortal && {\n      filters: [{ field: 'is_private', op: '=', value: 0 }],\n    }),\n  });\n\n  useEffect(() => {\n    if (fetchedResourcesData && fetchedResourcesData?.data) {\n      setOrderResources(fetchedResourcesData?.data);\n    }\n  }, [orderresourcesLoading]);\n\n  return (\n    <OrderActionModal\n      headerTitle=\"ADD RESOURCE\"\n      showAdditionalInfo\n      infoText={infoText}\n      onCloseHeader={onClose}\n      onSubmit={handleSubmit}\n      isSubmitDisabled={!isFormValid}\n    >\n      <ContentContainer>\n        <Top>\n          <DocumentTypeDropdown />\n\n          <OrderActionsDropdown\n            label=\"Type\"\n            required\n            placeholder=\"Select Type\"\n            options={typeOptions}\n            onSelect={onSelectCancelReason}\n          />\n          <CategoryDropdown />\n          <VisibilityRadioButtons />\n          {String(selectedCategoryId)?.toLowerCase() === 'pod' && (\n            <ResourcesDeliveryDate />\n          )}\n        </Top>\n        <Bottom>\n          <Label>File</Label> <RequiredAsterisk>*</RequiredAsterisk>\n          <DocFileUpload />{' '}\n        </Bottom>\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst ContentContainer = styled.div`\n  padding: 20px;\n  border-radius: 15px;\n  background: #f8fafc;\n  margin: 0 20px;\n\n  @media (max-width: 768px) {\n    margin: 0;\n    padding: 16px;\n  }\n`;\n\nconst Top = styled.div`\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n  align-items: center;\n\n  @media (max-width: 1100px) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  @media (max-width: 600px) {\n    grid-template-columns: 1fr;\n  }\n`;\n\nconst Bottom = styled.div`\n  width: 100%;\n  margin-top: 25px;\n\n  display: flex;\n  flex-direction: column;\n\n  @media (max-width: 600px) {\n    margin-top: 20px;\n  }\n`;\n\nexport default AddResources;\n"],"names":["AddResources","setCurrentAction","useCurrentAction","staticOrderData","useOrderStaticData","setSelectedType","useAtom","selectedTypeAtom","uploadedFiles","setUploadedFiles","uploadedFilesAtom","isFormValid","setIsFormValid","useState","selectedCategoryId","selectedCategoryIdAtom","selectedDocumentType","selectedDocumentTypeAtom","selectedType","resourcesDeliverDate","resourcesDeliveryDate","orderId","useOrderId","selectedVisibility","selectedVisibilityAtom","isClientPortal","useClientPortal","setOrderResources","useOrderProductsResources","category","baseEndpoint","finalEndpoint","callResourcesAPI","useAxios","onClose","customerInfo","useCustomerInfo","infoText","typeOptions","x","onSelectCancelReason","selectedValue","selectedOption","option","handleSubmit","notification","formData","file","response","fetchOrderResources","error","err","status","rawError","errMsg","useEffect","isPOD","fetchedResourcesData","orderresourcesLoading","jsx","OrderActionModal","ContentContainer","jsxs","Top","DocumentTypeDropdown","OrderActionsDropdown","CategoryDropdown","VisibilityRadioButtons","ResourcesDeliveryDate","Bottom","Label","RequiredAsterisk","DocFileUpload","styled"],"mappings":"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"}