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

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/MenuDropDown.js

@@ -0,0 +1,38 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { bjsMenu as c } from "../../../fakedata.js";
+import { useCurrentAction as f, useStatusDetails as u } from "../../../store.js";
+import { useClientPortal as m } from "../../../../store.js";
+import d from "../../../../../assets/icons/ArrowDownIcon.js";
+import { Space as p, Dropdown as h } from "antd";
+import S from "styled-components";
+function k() {
+  const [, r] = f(), n = (e) => {
+    r(e);
+  }, [o] = u(), [l] = m();
+  if (l)
+    return null;
+  const s = o[0]?.released, i = {
+    items: c.filter((e) => s ? e.value !== "release-order" : e)?.map((e) => ({
+      key: e.value,
+      label: /* @__PURE__ */ t("div", { onClick: () => n(e.value), children: e.label })
+    }))
+  };
+  return /* @__PURE__ */ t(h, { menu: i, trigger: ["hover"], children: /* @__PURE__ */ t("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ a(v, { children: [
+    "BJS MENU",
+    /* @__PURE__ */ t(d, { fill: "#f0f2f2" })
+  ] }) }) });
+}
+const v = S(p)`
+  .ant-space-item {
+    color: #6a7378;
+    text-align: center;
+    font-family: Lato;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+  }
+`;
+export {
+  k as default
+};
+//# sourceMappingURL=MenuDropDown.js.map

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/MenuDropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDropDown.js","sources":["../../../../../../src/components/order-view/details-filters/left-side-filters/dropdowns/MenuDropDown.tsx"],"sourcesContent":["import React from 'react';\nimport { bjsMenu } from '../../../fakedata';\nimport { useCurrentAction, useStatusDetails } from '../../../store';\nimport { useClientPortal } from '../../../../store';\nimport ArrowDownIcon from '../../../../../assets/icons/ArrowDownIcon';\nimport { Dropdown, Space } from 'antd';\nimport styled from 'styled-components';\n\nfunction BjsMenuDropDown() {\n  const [, setCurrentAction] = useCurrentAction();\n  const handleSelectChange = (selectedOption: any) => {\n    setCurrentAction(selectedOption);\n  };\n\n  const [orderStatus] = useStatusDetails();\n  const [clientPortal] = useClientPortal();\n\n  if (clientPortal) {\n    return null; // hide completely for client portal!\n  }\n\n  const isReleased = orderStatus[0]?.released;\n\n  const filteredOptions = bjsMenu.filter(option => {\n    if (isReleased) {\n      return option.value !== 'release-order';\n    } else {\n      return option;\n    }\n  });\n\n  const menuItems = {\n    items: filteredOptions?.map(option => ({\n      key: option.value,\n      label: (\n        <div onClick={() => handleSelectChange(option.value)}>\n          {option.label}\n        </div>\n      ),\n    })),\n  };\n\n  return (\n    <Dropdown menu={menuItems} trigger={['hover']}>\n      <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n        <StyledSpace>\n          BJS MENU\n          <ArrowDownIcon fill={'#f0f2f2'} />\n        </StyledSpace>\n      </a>\n    </Dropdown>\n  );\n}\n\nconst StyledSpace = styled(Space)`\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n`;\n\nexport default BjsMenuDropDown;\n"],"names":["BjsMenuDropDown","setCurrentAction","useCurrentAction","handleSelectChange","selectedOption","orderStatus","useStatusDetails","clientPortal","useClientPortal","isReleased","menuItems","bjsMenu","option","jsx","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;AAQA,SAASA,IAAkB;AACzB,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvBC,IAAqB,CAACC,MAAwB;AAClD,IAAAH,EAAiBG,CAAc;AAAA,EACjC,GAEM,CAACC,CAAW,IAAIC,EAAA,GAChB,CAACC,CAAY,IAAIC,EAAA;AAEvB,MAAID;AACF,WAAO;AAGT,QAAME,IAAaJ,EAAY,CAAC,GAAG,UAU7BK,IAAY;AAAA,IAChB,OATsBC,EAAQ,OAAO,CAAAC,MACjCH,IACKG,EAAO,UAAU,kBAEjBA,CAEV,GAGyB,IAAI,CAAAA,OAAW;AAAA,MACrC,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAC,EAAC,OAAA,EAAI,SAAS,MAAMV,EAAmBS,EAAO,KAAK,GAChD,UAAAA,EAAO,MAAA,CACV;AAAA,IAAA,EAEF;AAAA,EAAA;AAGJ,SACE,gBAAAC,EAACC,KAAS,MAAMJ,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAG,EAAC,KAAA,EAAE,SAAS,CAAA,MAAK,EAAE,kBAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAE,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAH,EAACI,GAAA,EAAc,MAAM,UAAA,CAAW;AAAA,EAAA,EAAA,CAClC,GACF,GACF;AAEJ;AAEA,MAAMD,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.js

@@ -0,0 +1,45 @@
+import { jsx as t, jsxs as O } from "react/jsx-runtime";
+import d from "styled-components";
+import { useCurrentAction as y, useOrderId as P, useStatusDetails as S, useOrderDetails as g } from "../../../store.js";
+import { optionsMenuClientPortal as k, optionsMenu as x } from "../../../fakedata.js";
+import { useCreateReminderPayload as D, useCreateTaskPayload as I } from "../../../order-actions/store.js";
+import { Space as w, Dropdown as R } from "antd";
+import A from "../../../../../assets/icons/ArrowDownIcon.js";
+import { useClientPortal as M } from "../../../../store.js";
+function F() {
+  const [, u] = y(), [s] = P(), [, c] = D(), [, f] = I(), [a] = S(), [l] = g(), [m] = M(), v = m ? k : x, h = (e) => {
+    u(e), e === "create-reminder" ? c((r) => ({
+      ...r,
+      order_id: s
+    })) : e === "create-task" && f((r) => ({
+      ...r,
+      order_id: s
+    }));
+  }, p = a[0]?.released, n = a[0]?.routed && l?.order_routes?.id, o = l?.status === "OO", i = l?.status === "CO", C = {
+    items: v?.filter((e) => {
+      let r = !1;
+      return o && e.value === "hold-order" && (r = !0), i && e.value === "cancel-order" && (r = !0), (!i || o) && e.value === "uncancel-order" && (r = !0), !p && e.value === "unrelease-order" && (r = !0), !o && e.value === "unhold-order" && (r = !0), o && e.value === "confirm-order" && (r = !0), !n && e.value === "log-service-refusal" && (r = !0), n && e.value === "clear-date" && (r = !0), !r;
+    })?.map((e) => ({
+      key: e.value,
+      label: /* @__PURE__ */ t("div", { onClick: () => h(e.value), children: e.label })
+    }))
+  };
+  return /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(R, { menu: C, trigger: ["hover"], children: /* @__PURE__ */ t("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ O(_, { children: [
+    "OPTIONS",
+    /* @__PURE__ */ t(A, { fill: "#f0f2f2" })
+  ] }) }) }) });
+}
+const T = d.div``, _ = d(w)`
+  .ant-space-item {
+    color: #6a7378;
+    text-align: center;
+    font-family: Lato;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+  }
+`;
+export {
+  F as default
+};
+//# sourceMappingURL=OptionsDropDown.js.map

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsDropDown.js","sources":["../../../../../../src/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n  useCurrentAction,\n  useOrderDetails,\n  useOrderId,\n  // useOrderId,\n  useStatusDetails,\n} from '../../../store';\nimport { optionsMenu, optionsMenuClientPortal } from '../../../fakedata';\nimport {\n  useCreateReminderPayload,\n  useCreateTaskPayload,\n} from '../../../order-actions/store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../../assets/icons/ArrowDownIcon';\nimport { useClientPortal } from '../../../../store';\n\nfunction Options() {\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderId] = useOrderId();\n  const [, setReminderPayload] = useCreateReminderPayload();\n  const [, setTaskPayload] = useCreateTaskPayload();\n  const [orderStatus] = useStatusDetails();\n  const [orderDetails] = useOrderDetails();\n  const [isClientPortal] = useClientPortal();\n\n  const clientPortalMenuItems = isClientPortal\n    ? optionsMenuClientPortal\n    : optionsMenu;\n\n  const handleSelectChange = (selectedOption: any) => {\n    setCurrentAction(selectedOption);\n\n    if (selectedOption === 'create-reminder') {\n      setReminderPayload((prevState: any) => ({\n        ...prevState,\n        order_id: orderId,\n      }));\n    } else if (selectedOption === 'create-task') {\n      setTaskPayload((prevState: any) => ({\n        ...prevState,\n        order_id: orderId,\n      }));\n    }\n  };\n\n  const isReleased = orderStatus[0]?.released;\n  // const routedValue = orderStatus[0]?.routed;\n  const isRouted = orderStatus[0]?.routed && orderDetails?.order_routes?.id;\n  const isOrderOnHold = orderDetails?.status === 'OO';\n  const isOrderCancelled = orderDetails?.status === 'CO';\n\n  const filteredOptions = clientPortalMenuItems?.filter(option => {\n    let shouldExclude = false;\n\n    if (isOrderOnHold && option.value === 'hold-order') {\n      shouldExclude = true;\n    }\n    if (isOrderCancelled && option.value === 'cancel-order') {\n      shouldExclude = true;\n    }\n    if (!isOrderCancelled || isOrderOnHold) {\n      if (option.value === 'uncancel-order') {\n        shouldExclude = true;\n      }\n    }\n    if (!isReleased && option.value === 'unrelease-order') {\n      shouldExclude = true;\n    }\n    if (!isOrderOnHold && option.value === 'unhold-order') {\n      shouldExclude = true;\n    }\n\n    if (isOrderOnHold && option.value === 'confirm-order') {\n      shouldExclude = true;\n    }\n\n    if (!isRouted && option.value === 'log-service-refusal') {\n      shouldExclude = true;\n    }\n\n    if (isRouted && option.value === 'clear-date') {\n      shouldExclude = true;\n    }\n\n    // if (routedValue && option.value === 'remove-from-route') {\n    //   shouldExclude = true;\n    // }\n\n    return !shouldExclude;\n  });\n\n  const menuItems = {\n    items: filteredOptions?.map(option => ({\n      key: option.value,\n      label: (\n        <div onClick={() => handleSelectChange(option.value)}>\n          {option.label}\n        </div>\n      ),\n    })),\n  };\n\n  return (\n    <Option>\n      <Dropdown menu={menuItems} trigger={['hover']}>\n        <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n          <StyledSpace>\n            OPTIONS\n            <ArrowDownIcon fill={'#f0f2f2'} />\n          </StyledSpace>\n        </a>\n      </Dropdown>\n    </Option>\n  );\n}\nconst Option = styled.div``;\n\nconst StyledSpace = styled(Space)`\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n`;\n\nexport default Options;\n"],"names":["Options","setCurrentAction","useCurrentAction","orderId","useOrderId","setReminderPayload","useCreateReminderPayload","setTaskPayload","useCreateTaskPayload","orderStatus","useStatusDetails","orderDetails","useOrderDetails","isClientPortal","useClientPortal","clientPortalMenuItems","optionsMenuClientPortal","optionsMenu","handleSelectChange","selectedOption","prevState","isReleased","isRouted","isOrderOnHold","isOrderCancelled","menuItems","option","shouldExclude","jsx","Option","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAkBA,SAASA,IAAU;AACjB,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAkB,IAAIC,EAAA,GACzB,CAAA,EAAGC,CAAc,IAAIC,EAAA,GACrB,CAACC,CAAW,IAAIC,EAAA,GAChB,CAACC,CAAY,IAAIC,EAAA,GACjB,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAwBF,IAC1BG,IACAC,GAEEC,IAAqB,CAACC,MAAwB;AAClD,IAAAlB,EAAiBkB,CAAc,GAE3BA,MAAmB,oBACrBd,EAAmB,CAACe,OAAoB;AAAA,MACtC,GAAGA;AAAA,MACH,UAAUjB;AAAA,IAAA,EACV,IACOgB,MAAmB,iBAC5BZ,EAAe,CAACa,OAAoB;AAAA,MAClC,GAAGA;AAAA,MACH,UAAUjB;AAAA,IAAA,EACV;AAAA,EAEN,GAEMkB,IAAaZ,EAAY,CAAC,GAAG,UAE7Ba,IAAWb,EAAY,CAAC,GAAG,UAAUE,GAAc,cAAc,IACjEY,IAAgBZ,GAAc,WAAW,MACzCa,IAAmBb,GAAc,WAAW,MA0C5Cc,IAAY;AAAA,IAChB,OAzCsBV,GAAuB,OAAO,CAAAW,MAAU;AAC9D,UAAIC,IAAgB;AAEpB,aAAIJ,KAAiBG,EAAO,UAAU,iBACpCC,IAAgB,KAEdH,KAAoBE,EAAO,UAAU,mBACvCC,IAAgB,MAEd,CAACH,KAAoBD,MACnBG,EAAO,UAAU,qBACnBC,IAAgB,KAGhB,CAACN,KAAcK,EAAO,UAAU,sBAClCC,IAAgB,KAEd,CAACJ,KAAiBG,EAAO,UAAU,mBACrCC,IAAgB,KAGdJ,KAAiBG,EAAO,UAAU,oBACpCC,IAAgB,KAGd,CAACL,KAAYI,EAAO,UAAU,0BAChCC,IAAgB,KAGdL,KAAYI,EAAO,UAAU,iBAC/BC,IAAgB,KAOX,CAACA;AAAA,IACV,CAAC,GAGyB,IAAI,CAAAD,OAAW;AAAA,MACrC,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAE,EAAC,OAAA,EAAI,SAAS,MAAMV,EAAmBQ,EAAO,KAAK,GAChD,UAAAA,EAAO,MAAA,CACV;AAAA,IAAA,EAEF;AAAA,EAAA;AAGJ,SACE,gBAAAE,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAG,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAG,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAJ,EAACK,GAAA,EAAc,MAAM,UAAA,CAAW;AAAA,EAAA,GAClC,EAAA,CACF,GACF,GACF;AAEJ;AACA,MAAMJ,IAASK,EAAO,OAEhBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js

@@ -0,0 +1,67 @@
+import { jsx as p, jsxs as l } from "react/jsx-runtime";
+import s from "styled-components";
+import { PrintIconMap as x } from "../../../../order-daily-overview/shared/utlis.js";
+import { optionsForReturnPrint as a } from "../../../../order-daily-overview/common/fakedata.js";
+const c = a, w = ({
+  legacyURL: o,
+  legacyProductID: r
+}) => {
+  const e = () => {
+    if (!o) return;
+    const n = `${o}${r}`;
+    window.open(n, "_blank"), console.log(n, "urlurl");
+  };
+  return /* @__PURE__ */ p(b, { children: c?.map((n, d) => {
+    const i = x[n.icon], t = !o || !r;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        onClick: t ? void 0 : e,
+        disabled: t,
+        children: [
+          i && /* @__PURE__ */ p(i, {}),
+          " ",
+          n.label
+        ]
+      },
+      d
+    );
+  }) });
+}, b = s.ul`
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  box-sizing: border-box;
+  border-radius: 6px;
+  border: 1px solid rgba(224, 226, 231, 0.5);
+  background: #fff;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+  width: 177px;
+  padding: 5px 1px 3px 1px;
+  position: absolute;
+  top: 26px;
+  right: 0;
+  z-index: 99;
+  min-width: 194px;
+`, f = s.li`
+  border-bottom: 1px solid #f0f2f2;
+  padding: 8px 10px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  font-size: 13px;
+  cursor: ${({ disabled: o }) => o ? "not-allowed" : "pointer"};
+  color: ${({ disabled: o }) => o ? "#ccc" : "inherit"};
+  pointer-events: ${({ disabled: o }) => o ? "none" : "auto"};
+  background-color: ${({ disabled: o }) => o ? "#f5f5f5" : "transparent"};
+
+  &:last-child {
+    border: none;
+  }
+`;
+export {
+  b as OptionsList,
+  f as OptionsListLi,
+  w as default
+};
+//# sourceMappingURL=PrintDropDownReturn.js.map

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintDropDownReturn.js","sources":["../../../../../../src/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PrintIconMap } from '../../../../order-daily-overview/shared/utlis';\nimport { PrintData } from '../../../../order-daily-overview/shared/interface';\nimport { optionsForReturnPrint } from '../../../../order-daily-overview/common/fakedata';\n\nconst options: PrintData[] = optionsForReturnPrint;\n\nconst PrintDropDownReturn = ({\n  legacyURL,\n  legacyProductID,\n}: {\n  legacyProductID: any;\n  legacyURL: string;\n}) => {\n  const downloadFiles = () => {\n    if (!legacyURL) return;\n\n    const url = `${legacyURL}${legacyProductID}`;\n    window.open(url, '_blank');\n    console.log(url, 'urlurl');\n  };\n  return (\n    <OptionsList>\n      {options?.map((item, index) => {\n        const IconComponent = PrintIconMap[item.icon];\n        const isDisabled = !legacyURL || !legacyProductID;\n\n        return (\n          <OptionsListLi\n            key={index}\n            onClick={!isDisabled ? downloadFiles : undefined}\n            disabled={isDisabled}\n          >\n            {IconComponent && <IconComponent />} {item.label}\n          </OptionsListLi>\n        );\n      })}\n    </OptionsList>\n  );\n};\n\nexport default PrintDropDownReturn;\n\nexport const OptionsList = styled.ul`\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  box-sizing: border-box;\n  border-radius: 6px;\n  border: 1px solid rgba(224, 226, 231, 0.5);\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  width: 177px;\n  padding: 5px 1px 3px 1px;\n  position: absolute;\n  top: 26px;\n  right: 0;\n  z-index: 99;\n  min-width: 194px;\n`;\n\nexport const OptionsListLi = styled.li<{ disabled?: boolean }>`\n  border-bottom: 1px solid #f0f2f2;\n  padding: 8px 10px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  font-size: 13px;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n  color: ${({ disabled }) => (disabled ? '#ccc' : 'inherit')};\n  pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};\n  background-color: ${({ disabled }) => (disabled ? '#f5f5f5' : 'transparent')};\n\n  &:last-child {\n    border: none;\n  }\n`;\n"],"names":["options","optionsForReturnPrint","PrintDropDownReturn","legacyURL","legacyProductID","downloadFiles","url","OptionsList","item","index","IconComponent","PrintIconMap","isDisabled","jsxs","OptionsListLi","styled","disabled"],"mappings":";;;;AAMA,MAAMA,IAAuBC,GAEvBC,IAAsB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,iBAAAC;AACF,MAGM;AACJ,QAAMC,IAAgB,MAAM;AAC1B,QAAI,CAACF,EAAW;AAEhB,UAAMG,IAAM,GAAGH,CAAS,GAAGC,CAAe;AAC1C,WAAO,KAAKE,GAAK,QAAQ,GACzB,QAAQ,IAAIA,GAAK,QAAQ;AAAA,EAC3B;AACA,2BACGC,GAAA,EACE,UAAAP,GAAS,IAAI,CAACQ,GAAMC,MAAU;AAC7B,UAAMC,IAAgBC,EAAaH,EAAK,IAAI,GACtCI,IAAa,CAACT,KAAa,CAACC;AAElC,WACE,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,SAAUF,IAA6B,SAAhBP;AAAA,QACvB,UAAUO;AAAA,QAET,UAAA;AAAA,UAAAF,uBAAkBA,GAAA,EAAc;AAAA,UAAG;AAAA,UAAEF,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAJtCC;AAAA,IAAA;AAAA,EAOX,CAAC,EAAA,CACH;AAEJ,GAIaF,IAAcQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBrBD,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOxB,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,gBAAgB,SAAU;AAAA,WACzD,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,SAAU;AAAA,oBACxC,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA,sBAC5C,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,YAAY,aAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/details-filters/right-side-filters/Details.js

@@ -0,0 +1,49 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import t from "styled-components";
+import { useCustomerInfo as c, useGlobalEscData as p } from "../../store.js";
+import { Skeleton as f } from "antd";
+const w = () => {
+  const [e] = c(), s = e?.recipient_name || "", i = e?.postcode || "", a = e?.return_action?.length ? `${e.return_action.join(", ")} - ` : "", [n] = p(), r = !s && !i;
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ l(d, { children: [
+    r ? /* @__PURE__ */ o(f.Input, { active: !0, size: "small", style: { width: 350, borderRadius: 8 } }) : `RETURN - ${a}${s} - ${i}`,
+    n?.length > 0 && !r && /* @__PURE__ */ o(g, { children: `${n[0]?.escalation_type?.level} (${n[0]?.escalation_type?.name})` })
+  ] }) });
+}, m = t.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  > svg {
+    transform: scale(0.6);
+  }
+`, d = t.div`
+  display: flex;
+  flex-direction: row;
+  gap: 15px;
+  align-items: center;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 32px;
+  text-transform: uppercase;
+  margin: 0;
+  padding: 0;
+
+  @media screen and (max-width: 1220px) {
+    font-size: 14px;
+  }
+`, x = t.div`
+  /* heading/h3-subHeader */
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: 32px; /* 160% */
+  text-transform: uppercase;
+`, g = t(x)`
+  color: #6396e5;
+  font-size: 16px;
+`;
+export {
+  w as default
+};
+//# sourceMappingURL=Details.js.map

package/dist/components/order-view/details-filters/right-side-filters/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sources":["../../../../../src/components/order-view/details-filters/right-side-filters/Details.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useCustomerInfo, useGlobalEscData } from '../../store';\n\nimport { Skeleton } from 'antd';\n\nconst Details = () => {\n  // const [orderDetails] = useOrderDetails();\n  const [customerInfo] = useCustomerInfo();\n  const recipient = customerInfo?.recipient_name || '';\n  const postcodeShow = customerInfo?.postcode || '';\n  const returnActionString = customerInfo?.return_action?.length \n    ? `${customerInfo.return_action.join(', ')} - ` \n    : '';\n\n  const [globalEscData] = useGlobalEscData();\n\n  const isLoading = !recipient && !postcodeShow;\n\n  return (\n    <DetailsContainer>\n      <Typo>\n        {isLoading ? (\n          <Skeleton.Input active size=\"small\" style={{ width: 350, borderRadius: 8 }} />\n        ) : (\n          `RETURN - ${returnActionString}${recipient} - ${postcodeShow}`\n        )}\n        {globalEscData?.length > 0 && !isLoading && (\n          <EscInfo>\n            {`${globalEscData[0]?.escalation_type?.level} (${globalEscData[0]?.escalation_type?.name})`}\n          </EscInfo>\n        )}\n      </Typo>\n    </DetailsContainer>\n  );\n};\n\nconst DetailsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  > svg {\n    transform: scale(0.6);\n  }\n`;\n\nconst Typo = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  align-items: center;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n  text-transform: uppercase;\n  margin: 0;\n  padding: 0;\n\n  @media screen and (max-width: 1220px) {\n    font-size: 14px;\n  }\n`;\n\nconst Name = styled.div`\n  /* heading/h3-subHeader */\n  font-family: 'Roboto', sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 900;\n  line-height: 32px; /* 160% */\n  text-transform: uppercase;\n`;\n\nconst EscInfo = styled(Name)`\n  color: #6396e5;\n  font-size: 16px;\n`;\n\nexport default Details;\n"],"names":["Details","customerInfo","useCustomerInfo","recipient","postcodeShow","returnActionString","globalEscData","useGlobalEscData","isLoading","jsx","DetailsContainer","jsxs","Typo","Skeleton","EscInfo","styled","Name"],"mappings":";;;;AAMA,MAAMA,IAAU,MAAM;AAEpB,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAAYF,GAAc,kBAAkB,IAC5CG,IAAeH,GAAc,YAAY,IACzCI,IAAqBJ,GAAc,eAAe,SACpD,GAAGA,EAAa,cAAc,KAAK,IAAI,CAAC,QACxC,IAEE,CAACK,CAAa,IAAIC,EAAA,GAElBC,IAAY,CAACL,KAAa,CAACC;AAEjC,SACE,gBAAAK,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,IAAAJ,IACC,gBAAAC,EAACI,EAAS,OAAT,EAAe,QAAM,IAAC,MAAK,SAAQ,OAAO,EAAE,OAAO,KAAK,cAAc,IAAE,CAAG,IAE5E,YAAYR,CAAkB,GAAGF,CAAS,MAAMC,CAAY;AAAA,IAE7DE,GAAe,SAAS,KAAK,CAACE,KAC7B,gBAAAC,EAACK,KACE,UAAA,GAAGR,EAAc,CAAC,GAAG,iBAAiB,KAAK,KAAKA,EAAc,CAAC,GAAG,iBAAiB,IAAI,IAAA,CAC1F;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ,GAEMI,IAAmBK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS1BH,IAAOG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUdD,IAAUC,EAAOC,CAAI;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/fakedata.js

@@ -0,0 +1,69 @@
+const e = [
+  {
+    label: "Add Order Resources",
+    value: "add-resources"
+  },
+  {
+    label: "Split Order",
+    value: "split-order"
+  }
+], l = [
+  { label: "Create Task", value: "create-task" },
+  {
+    label: "On Hold",
+    value: "hold-order"
+  },
+  {
+    label: "Un Hold",
+    value: "unhold-order"
+  },
+  {
+    label: "Cancel",
+    value: "cancel-order"
+  },
+  {
+    label: "Un-Cancel",
+    value: "uncancel-order"
+  }
+], a = [
+  { label: "Create Reminder", value: "create-reminder" },
+  { label: "Create Task", value: "create-task" },
+  { label: "Confirm", value: "confirm-order" },
+  { label: "Hold", value: "hold-order" },
+  { label: "Cancel", value: "cancel-order" },
+  { label: "Un Hold", value: "unhold-order" },
+  {
+    label: "Remove from Route",
+    value: "remove-from-route"
+  },
+  {
+    label: "Un-Cancel",
+    value: "uncancel-order"
+  },
+  {
+    label: "Clear Booking Status",
+    value: "clear-date"
+  },
+  { label: "Charge Log", value: "charge-log" },
+  { label: "Force Debrief", value: "force-debrief" }
+], r = [
+  {
+    label: "Proof of Delivery",
+    value: "proofofdelivery"
+  },
+  {
+    label: "Return Labels",
+    value: "returnlabels"
+  },
+  {
+    label: "Return Cover Notes",
+    value: "returncovernote"
+  }
+];
+export {
+  r as PrintMenu,
+  e as bjsMenu,
+  a as optionsMenu,
+  l as optionsMenuClientPortal
+};
+//# sourceMappingURL=fakedata.js.map

package/dist/components/order-view/fakedata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fakedata.js","sources":["../../../src/components/order-view/fakedata.ts"],"sourcesContent":["import { ChargeLogData } from './types';\n\nexport const bjsMenu = [\n  {\n    label: 'Add Order Resources',\n    value: 'add-resources',\n  },\n  {\n    label: 'Split Order',\n    value: 'split-order',\n  },\n];\n\nexport const optionsMenuClientPortal = [\n  { label: 'Create Task', value: 'create-task' },\n  {\n    label: 'On Hold',\n    value: 'hold-order',\n  },\n  {\n    label: 'Un Hold',\n    value: 'unhold-order',\n  },\n  {\n    label: 'Cancel',\n    value: 'cancel-order',\n  },\n  {\n    label: 'Un-Cancel',\n    value: 'uncancel-order',\n  },\n];\n\nexport const optionsMenu = [\n  { label: 'Create Reminder', value: 'create-reminder' },\n  { label: 'Create Task', value: 'create-task' },\n  { label: 'Confirm', value: 'confirm-order' },\n  { label: 'Hold', value: 'hold-order' },\n  { label: 'Cancel', value: 'cancel-order' },\n  { label: 'Un Hold', value: 'unhold-order' },\n  {\n    label: 'Remove from Route',\n    value: 'remove-from-route',\n  },\n  {\n    label: 'Un-Cancel',\n    value: 'uncancel-order',\n  },\n  {\n    label: 'Clear Booking Status',\n    value: 'clear-date',\n  },\n  { label: 'Charge Log', value: 'charge-log' },\n  { label: 'Force Debrief', value: 'force-debrief' },\n];\n\nexport const PrintMenu = [\n  {\n    label: 'Proof of Delivery',\n    value: 'proofofdelivery',\n  },\n  {\n    label: 'Return Labels',\n    value: 'returnlabels',\n  },\n  {\n    label: 'Return Cover Notes',\n    value: 'returncovernote',\n  },\n];\n\nexport const orderResources = [\n  {\n    date: '15/01/2024 06:22:47',\n    updated_at: '15/01/2024 06:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 1,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 2,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 3,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 4,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 5,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 6,\n  },\n];\n\nexport const HoldOptionMenu = [\n  {\n    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / NO STOCK - CANX',\n    value: 'STOCK RECEIPT / NO STOCK - CANX',\n  },\n  {\n    label: 'STOCK RECEIPT / RE-ALLOCATION',\n    value: 'STOCK RECEIPT / RE-ALLOCATION',\n  },\n  {\n    label: 'CONTACT DETAILS / MISSING TEL NUMBER',\n    value: 'CONTACT DETAILS / MISSING TEL NUMBER',\n  },\n  {\n    label: 'CONTACT DETAILS / INCORRECT ADDRESS',\n    value: 'CONTACT DETAILS / INCORRECT ADDRESS',\n  },\n];\n\nexport const initialData: ChargeLogData[] = [\n  {\n    id: 1,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.00',\n    status: '2024-06-02 - Moreham Wood Direct - 34113',\n  },\n  {\n    id: 2,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.45',\n    status: '2024-06-02 - Moreham Wood Direct - 34113',\n  },\n  {\n    id: 3,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.00',\n    status: '',\n  },\n  {\n    id: 4,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.78',\n    status: 'Awaiting Invoice',\n  },\n  {\n    id: 5,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.108',\n    status: 'Awaiting',\n  },\n];\n"],"names":["bjsMenu","optionsMenuClientPortal","optionsMenu","PrintMenu"],"mappings":"AAEO,MAAMA,IAAU;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAA0B;AAAA,EACrC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAc;AAAA,EACzB,EAAE,OAAO,mBAAmB,OAAO,kBAAA;AAAA,EACnC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,WAAW,OAAO,gBAAA;AAAA,EAC3B,EAAE,OAAO,QAAQ,OAAO,aAAA;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,eAAA;AAAA,EAC1B,EAAE,OAAO,WAAW,OAAO,eAAA;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,EAC9B,EAAE,OAAO,iBAAiB,OAAO,gBAAA;AACnC,GAEaC,IAAY;AAAA,EACvB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}

package/dist/components/order-view/flags-action-modal/Actions.js

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { useState as h, useEffect as x } from "react";
+import o from "styled-components";
+import { useUpdateTask as m, useFlagById as v } from "../order-actions/store.js";
+import { useCurrentAction as y } from "../store.js";
+import C from "@tippyjs/react";
+import { Button as g, useAxios as k, RadioButtonGroup as B } from "@bjsdistribution/dms-component-library";
+import { notification as f } from "antd";
+const S = [
+  {
+    label: "Private",
+    value: "private"
+  },
+  {
+    label: "Public",
+    value: "public"
+  }
+];
+function N({ callUnresolvedTaskApi: r, setTasksData: a }) {
+  const [, s] = y(), [c] = m(), [d] = v(), { fetchData: i } = k({
+    endpoint: "/v1/task/update/",
+    method: "PUT"
+  }), l = async () => {
+    const t = await i({
+      payload: [c]
+    });
+    if (t.code === 200 && t?.data) {
+      f.success({
+        message: "Success",
+        description: `${t.message}`
+      }), s(void 0);
+      const p = await r();
+      p && p?.data && a(p?.data);
+    }
+    if (t?.code == null && t?.error)
+      return f.error({
+        message: "Failure",
+        description: `${t.error}`
+      });
+  }, n = () => {
+    s(void 0);
+  }, u = d?.status === "SD";
+  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+    C,
+    {
+      content: /* @__PURE__ */ e(T, { children: "This task cannot be edited because it has been marked as resolved." }),
+      placement: "bottom",
+      arrow: !0,
+      disabled: !u,
+      children: /* @__PURE__ */ b(A, { children: [
+        /* @__PURE__ */ e(D, { onClick: l, disabled: u, children: "SAVE DETAILS" }),
+        /* @__PURE__ */ e(P, { onClick: n, children: "CANCEL" })
+      ] })
+    }
+  ) });
+}
+function W() {
+  const [r] = v(), [a, s] = m(), [, c] = h(!1);
+  x(() => {
+    const i = !r?.is_private;
+    s({
+      ...a,
+      is_private: i
+    });
+  }, [r?.is_private]);
+  const d = (i) => {
+    const l = i.target.value;
+    let n;
+    l === "private" ? n = !0 : n = !1, c(l), s({
+      ...a,
+      is_private: n
+    });
+  };
+  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+    B,
+    {
+      selectedValue: a?.is_private == !1 ? "public" : "private",
+      options: S,
+      onChange: d,
+      heading: "",
+      required: !1
+    }
+  ) });
+}
+const A = o.div`
+  display: flex;
+  gap: 15px;
+  margin-right: 15px;
+`, D = o(g)``, P = o(g)`
+  background-color: white;
+  color: #3a3630;
+`, w = o.div`
+  display: flex;
+  gap: 25px;
+`, T = o.div`
+  background-color: #333;
+  color: #fff;
+  padding: 5px 10px;
+  border-radius: 5px;
+`, F = o.div``;
+export {
+  S as FlagsFilter,
+  W as RadioButtonsSection,
+  N as SaveDetails
+};
+//# sourceMappingURL=Actions.js.map

package/dist/components/order-view/flags-action-modal/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/order-view/flags-action-modal/Actions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useFlagById, useUpdateTask } from '../order-actions/store';\nimport { useCurrentAction } from '../store';\nimport Tippy from '@tippyjs/react';\nimport {\n  Button,\n  RadioButtonGroup,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../types';\nimport { notification } from 'antd';\n\nexport const FlagsFilter = [\n  {\n    label: 'Private',\n    value: 'private',\n  },\n  {\n    label: 'Public',\n    value: 'public',\n  },\n];\n\nfunction SaveDetails({ callUnresolvedTaskApi, setTasksData }: any) {\n  const [, setCurrentAction] = useCurrentAction();\n  const [taskPayload] = useUpdateTask();\n\n  const [flagById] = useFlagById();\n\n  //flag PUT API\n  const { fetchData: callFlagUpdateAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/update/`,\n    method: 'PUT',\n  });\n\n  const onSubmit = async () => {\n    const response = (await callFlagUpdateAPI({\n      payload: [taskPayload],\n    })) as {\n      code: number | null;\n      error?: string | null;\n      message?: string;\n      data?: any;\n      [key: string]: any;\n    };\n\n    if (response.code === 200 && response?.data) {\n      notification.success({\n        message: 'Success',\n        description: `${response.message}`,\n      });\n\n      setCurrentAction(undefined);\n\n      const unresolvedResponse = await callUnresolvedTaskApi();\n      if (unresolvedResponse && unresolvedResponse?.data) {\n        setTasksData(unresolvedResponse?.data);\n      }\n    }\n\n    if (response?.code == null && response?.error) {\n      return notification.error({\n        message: 'Failure',\n        description: `${response.error}`,\n      });\n    }\n  };\n\n  const onCancel = () => {\n    setCurrentAction(undefined);\n  };\n\n  const isDisabled = flagById?.status === 'SD';\n\n  return (\n    <Wrapper>\n      <Tippy\n        content={\n          <TooltipContent>\n            {\n              'This task cannot be edited because it has been marked as resolved.'\n            }\n          </TooltipContent>\n        }\n        placement=\"bottom\"\n        arrow={true}\n        disabled={!isDisabled}\n      >\n        <ButtonWrapper>\n          <SaveButton onClick={onSubmit} disabled={isDisabled}>\n            SAVE DETAILS\n          </SaveButton>\n          <CancelButton onClick={onCancel}>CANCEL</CancelButton>\n        </ButtonWrapper>\n      </Tippy>\n    </Wrapper>\n  );\n}\n\nfunction RadioButtonsSection() {\n  const [flagById] = useFlagById();\n  const [taskPayload, setPayload] = useUpdateTask();\n  const [, setNewValue] = useState<boolean | string>(false);\n\n  useEffect(() => {\n    const defaultSelectedValue = flagById?.is_private ? false : true;\n    setPayload({\n      ...taskPayload,\n      is_private: defaultSelectedValue,\n    });\n  }, [flagById?.is_private]);\n\n  const handleRadioButtonChange = (event: any) => {\n    const value = event.target.value;\n\n    let booleanValue: boolean;\n    if (value === 'private') {\n      booleanValue = true;\n    } else {\n      booleanValue = false;\n    }\n\n    setNewValue(value);\n    setPayload({\n      ...taskPayload,\n      is_private: booleanValue,\n    });\n  };\n\n  return (\n    <DropDowns>\n      <RadioButtonGroup\n        selectedValue={taskPayload?.is_private == false ? 'public' : 'private'}\n        options={FlagsFilter}\n        onChange={handleRadioButtonChange}\n        heading={''}\n        required={false}\n      />\n    </DropDowns>\n  );\n}\n\nconst ButtonWrapper = styled.div`\n  display: flex;\n  gap: 15px;\n  margin-right: 15px;\n`;\n\nconst SaveButton = styled(Button)``;\n\nconst CancelButton = styled(Button)`\n  background-color: white;\n  color: #3a3630;\n`;\n\nconst DropDowns = styled.div`\n  display: flex;\n  gap: 25px;\n`;\n\nconst TooltipContent = styled.div`\n  background-color: #333;\n  color: #fff;\n  padding: 5px 10px;\n  border-radius: 5px;\n`;\n\nconst Wrapper = styled.div``;\n\nexport { SaveDetails, RadioButtonsSection };\n"],"names":["FlagsFilter","SaveDetails","callUnresolvedTaskApi","setTasksData","setCurrentAction","useCurrentAction","taskPayload","useUpdateTask","flagById","useFlagById","callFlagUpdateAPI","useAxios","onSubmit","response","notification","unresolvedResponse","onCancel","isDisabled","Wrapper","jsx","Tippy","TooltipContent","ButtonWrapper","SaveButton","CancelButton","RadioButtonsSection","setPayload","setNewValue","useState","useEffect","defaultSelectedValue","handleRadioButtonChange","event","value","booleanValue","DropDowns","RadioButtonGroup","styled","Button"],"mappings":";;;;;;;;AAaO,MAAMA,IAAc;AAAA,EACzB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAASC,EAAY,EAAE,uBAAAC,GAAuB,cAAAC,KAAqB;AACjE,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAW,IAAIC,EAAA,GAEhB,CAACC,CAAQ,IAAIC,EAAA,GAGb,EAAE,WAAWC,EAAA,IAAsBC,EAEtC;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT,GAEKC,IAAW,YAAY;AAC3B,UAAMC,IAAY,MAAMH,EAAkB;AAAA,MACxC,SAAS,CAACJ,CAAW;AAAA,IAAA,CACtB;AAQD,QAAIO,EAAS,SAAS,OAAOA,GAAU,MAAM;AAC3C,MAAAC,EAAa,QAAQ;AAAA,QACnB,SAAS;AAAA,QACT,aAAa,GAAGD,EAAS,OAAO;AAAA,MAAA,CACjC,GAEDT,EAAiB,MAAS;AAE1B,YAAMW,IAAqB,MAAMb,EAAA;AACjC,MAAIa,KAAsBA,GAAoB,QAC5CZ,EAAaY,GAAoB,IAAI;AAAA,IAEzC;AAEA,QAAIF,GAAU,QAAQ,QAAQA,GAAU;AACtC,aAAOC,EAAa,MAAM;AAAA,QACxB,SAAS;AAAA,QACT,aAAa,GAAGD,EAAS,KAAK;AAAA,MAAA,CAC/B;AAAA,EAEL,GAEMG,IAAW,MAAM;AACrB,IAAAZ,EAAiB,MAAS;AAAA,EAC5B,GAEMa,IAAaT,GAAU,WAAW;AAExC,2BACGU,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SACE,gBAAAD,EAACE,GAAA,EAEG,UAAA,qEAAA,CAEJ;AAAA,MAEF,WAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU,CAACJ;AAAA,MAEX,4BAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAW,SAASX,GAAU,UAAUK,GAAY,UAAA,gBAErD;AAAA,QACA,gBAAAE,EAACK,GAAA,EAAa,SAASR,GAAU,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CACzC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASS,IAAsB;AAC7B,QAAM,CAACjB,CAAQ,IAAIC,EAAA,GACb,CAACH,GAAaoB,CAAU,IAAInB,EAAA,GAC5B,GAAGoB,CAAW,IAAIC,EAA2B,EAAK;AAExD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAuB,CAAAtB,GAAU;AACvC,IAAAkB,EAAW;AAAA,MACT,GAAGpB;AAAA,MACH,YAAYwB;AAAA,IAAA,CACb;AAAA,EACH,GAAG,CAACtB,GAAU,UAAU,CAAC;AAEzB,QAAMuB,IAA0B,CAACC,MAAe;AAC9C,UAAMC,IAAQD,EAAM,OAAO;AAE3B,QAAIE;AACJ,IAAID,MAAU,YACZC,IAAe,KAEfA,IAAe,IAGjBP,EAAYM,CAAK,GACjBP,EAAW;AAAA,MACT,GAAGpB;AAAA,MACH,YAAY4B;AAAA,IAAA,CACb;AAAA,EACH;AAEA,2BACGC,GAAA,EACC,UAAA,gBAAAhB;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,eAAe9B,GAAa,cAAc,KAAQ,WAAW;AAAA,MAC7D,SAASN;AAAA,MACT,UAAU+B;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;AAEA,MAAMT,IAAgBe,EAAO;AAAA;AAAA;AAAA;AAAA,GAMvBd,IAAac,EAAOC,CAAM,KAE1Bd,IAAea,EAAOC,CAAM;AAAA;AAAA;AAAA,GAK5BH,IAAYE,EAAO;AAAA;AAAA;AAAA,GAKnBhB,IAAiBgB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOxBnB,IAAUmB,EAAO;"}

package/dist/components/order-view/flags-action-modal/DetailSection.js

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import e from "styled-components";
+import { Label as l } from "@bjsdistribution/dms-component-library";
+import { useFlagById as d } from "../order-actions/store.js";
+function b() {
+  const [t] = d();
+  let a = t?.order_data?.order_recipient?.recipient_name?.toUpperCase() + ", " + t?.order_data?.order_recipient?.postcode;
+  return /* @__PURE__ */ o(c, { children: [
+    /* @__PURE__ */ o(i, { children: [
+      /* @__PURE__ */ r(n, { label: "Reference" }),
+      /* @__PURE__ */ r(s, { children: t?.id })
+    ] }),
+    /* @__PURE__ */ o(i, { children: [
+      /* @__PURE__ */ r(n, { label: "Order" }),
+      /* @__PURE__ */ r(f, { children: a })
+    ] })
+  ] });
+}
+const c = e.div`
+  display: flex;
+  align-items: center;
+  gap: 40%;
+  flex-wrap: wrap;
+`, i = e.div`
+  margin-top: 20px;
+`, s = e.div`
+  color: #7b7874;
+  font-family: 'Lato', sans-serif;
+`, f = e.div`
+  color: #7b7874;
+  text-decoration: underline;
+  font-family: 'Lato', sans-serif;
+`, n = e(l)`
+  margin-right: 10px;
+  font-weight: bold;
+`;
+export {
+  b as default
+};
+//# sourceMappingURL=DetailSection.js.map

package/dist/components/order-view/flags-action-modal/DetailSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailSection.js","sources":["../../../../src/components/order-view/flags-action-modal/DetailSection.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Label } from '@bjsdistribution/dms-component-library';\nimport { useFlagById } from '../order-actions/store';\n\nfunction DetailSection() {\n  const [flagById] = useFlagById();\n\n  let orderColumnData =\n    flagById?.order_data?.order_recipient?.recipient_name?.toUpperCase() +\n    ', ' +\n    flagById?.order_data?.order_recipient?.postcode;\n\n  return (\n    <Detail>\n      <Flex>\n        <StyledLabel label=\"Reference\" />\n        <Ref>{flagById?.id}</Ref>\n      </Flex>\n      <Flex>\n        <StyledLabel label=\"Order\" />\n        <Order>{orderColumnData}</Order>\n      </Flex>\n    </Detail>\n  );\n}\n\nconst Detail = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 40%;\n  flex-wrap: wrap;\n`;\n\nconst Flex = styled.div`\n  margin-top: 20px;\n`;\nconst Ref = styled.div`\n  color: #7b7874;\n  font-family: 'Lato', sans-serif;\n`;\nconst Order = styled.div`\n  color: #7b7874;\n  text-decoration: underline;\n  font-family: 'Lato', sans-serif;\n`;\nconst StyledLabel = styled(Label)`\n  margin-right: 10px;\n  font-weight: bold;\n`;\n\nexport default DetailSection;\n"],"names":["DetailSection","flagById","useFlagById","orderColumnData","Detail","jsxs","Flex","jsx","StyledLabel","Ref","Order","styled","Label"],"mappings":";;;;AAKA,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAQ,IAAIC,EAAA;AAEnB,MAAIC,IACFF,GAAU,YAAY,iBAAiB,gBAAgB,gBACvD,OACAA,GAAU,YAAY,iBAAiB;AAEzC,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,YAAA,CAAY;AAAA,MAC/B,gBAAAD,EAACE,GAAA,EAAK,UAAAR,GAAU,GAAA,CAAG;AAAA,IAAA,GACrB;AAAA,sBACCK,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,QAAA,CAAQ;AAAA,MAC3B,gBAAAD,EAACG,KAAO,UAAAP,EAAA,CAAgB;AAAA,IAAA,EAAA,CAC1B;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMC,IAASO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhBL,IAAOK,EAAO;AAAA;AAAA,GAGdF,IAAME,EAAO;AAAA;AAAA;AAAA,GAIbD,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA,GAKfH,IAAcG,EAAOC,CAAK;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/flags-action-modal/Dropdowns.js

@@ -0,0 +1,85 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import p from "styled-components";
+import { Label as n } from "@bjsdistribution/dms-component-library";
+import m from "./StatusIndicator.js";
+import { useStaticData as _, useFlagById as P, useUpdateTask as k } from "../order-actions/store.js";
+import { formatDate as A, priorityData as w } from "../order-actions/utils.js";
+import { Select as B } from "antd";
+function $() {
+  const [c] = _(), [r] = P(), [l, y] = k(), s = c?.[0]?.order_flag_types || [], h = u(
+    () => s?.map((t) => ({
+      label: t?.type,
+      value: t?.id
+    })),
+    [s]
+  ), g = ((t) => t?.[0]?.priorities?.map((e) => {
+    const a = w?.find((D) => D.id === e.id);
+    return {
+      label: e.name,
+      value: e.id,
+      color: a?.color || "#ccc"
+    };
+  }))(c), v = (t) => {
+    const e = s.find((a) => a.id === t)?.type || "";
+    y((a) => ({ ...a, flag_type: e }));
+  }, x = (t) => {
+    y((e) => ({
+      ...e,
+      priority: t
+    }));
+  }, T = u(
+    () => s.find((t) => t.type === l?.flag_type)?.id || r?.flag_type || null,
+    [s, l, r]
+  ), S = r?.status !== "AD", b = `Resolved on ${A(
+    r?.resolved_at || "N/A"
+  )} by ${r?.resolved_by || "N/A"}`;
+  return /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ i(d, { children: [
+      /* @__PURE__ */ o(n, { label: "Type" }),
+      /* @__PURE__ */ o(
+        f,
+        {
+          options: h,
+          placeholder: "Select Type",
+          onChange: v,
+          value: T,
+          style: { minWidth: "200px", width: "auto" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(d, { children: [
+      /* @__PURE__ */ o(n, { label: "Priority" }),
+      /* @__PURE__ */ o(
+        f,
+        {
+          options: g,
+          placeholder: "Select Type",
+          onChange: x,
+          value: l?.priority || r?.priority,
+          style: { minWidth: "100px", width: "auto" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(d, { children: [
+      /* @__PURE__ */ o(n, { label: "Status" }),
+      S ? /* @__PURE__ */ o(m, { text: b, status: "SD" }) : /* @__PURE__ */ o(m, { text: "Unresolved", status: "AD" })
+    ] })
+  ] });
+}
+const f = p(B)`
+  .ant-select-selector {
+    /* width: 22vw; */
+    border-radius: 22px;
+  }
+`, C = p.div`
+  display: flex;
+  gap: 25px;
+`, d = p.div`
+  margin-top: 20px;
+`;
+export {
+  f as StyledAntSelect,
+  $ as default
+};
+//# sourceMappingURL=Dropdowns.js.map

package/dist/components/order-view/flags-action-modal/Dropdowns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdowns.js","sources":["../../../../src/components/order-view/flags-action-modal/Dropdowns.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { Label } from '@bjsdistribution/dms-component-library';\nimport StatusIndicator from './StatusIndicator';\nimport {\n  useFlagById,\n  useStaticData,\n  useUpdateTask,\n} from '../order-actions/store';\nimport { formatDate, priorityData } from '../order-actions/utils';\nimport { Select } from 'antd';\n\nfunction ButtonsSection() {\n  const [staticData] = useStaticData();\n  const [flagById] = useFlagById();\n  const [taskPayload, setTaskPayload] = useUpdateTask();\n\n  const orderFlagTypes = staticData?.[0]?.order_flag_types || [];\n\n  const taskTypeOptions = useMemo(\n    () =>\n      orderFlagTypes?.map((item: any) => ({\n        label: item?.type,\n        value: item?.id,\n      })),\n    [orderFlagTypes]\n  );\n\n  const getPriorityOptions = (staticData: any) => {\n    return staticData?.[0]?.priorities?.map((option: any) => {\n      const colorMatch = priorityData?.find(p => p.id === option.id);\n      return {\n        label: option.name,\n        value: option.id,\n        color: colorMatch?.color || '#ccc',\n      };\n    });\n  };\n  const priorityOptions = getPriorityOptions(staticData);\n\n  const handleTaskTypeChange = (value: number) => {\n    const selectedType =\n      orderFlagTypes.find((type: any) => type.id === value)?.type || '';\n    setTaskPayload(prev => ({ ...prev, flag_type: selectedType }));\n  };\n\n  const handlePriorityChange = (value: number) => {\n    setTaskPayload((prev: any) => ({\n      ...prev,\n      priority: value,\n    }));\n  };\n\n  const selectedTypeId = useMemo(\n    () =>\n      orderFlagTypes.find((type: any) => type.type === taskPayload?.flag_type)\n        ?.id ||\n      flagById?.flag_type ||\n      null,\n    [orderFlagTypes, taskPayload, flagById]\n  );\n\n  const isResolved = flagById?.status !== 'AD';\n\n  const resolvedText = `Resolved on ${formatDate(\n    flagById?.resolved_at || 'N/A'\n  )} by ${flagById?.resolved_by || 'N/A'}`;\n\n  return (\n    <Buttons>\n      <Flex>\n        <Label label=\"Type\" />\n        <StyledAntSelect\n          options={taskTypeOptions}\n          placeholder=\"Select Type\"\n          onChange={handleTaskTypeChange}\n          value={selectedTypeId}\n          style={{ minWidth: '200px', width: 'auto' }}\n        />\n      </Flex>\n      <Flex>\n        <Label label=\"Priority\" />\n        <StyledAntSelect\n          options={priorityOptions}\n          placeholder=\"Select Type\"\n          onChange={handlePriorityChange}\n          value={taskPayload?.priority || flagById?.priority}\n          style={{ minWidth: '100px', width: 'auto' }}\n        />\n      </Flex>\n      <Flex>\n        <Label label=\"Status\" />\n        {isResolved ? (\n          <StatusIndicator text={resolvedText} status=\"SD\" />\n        ) : (\n          <StatusIndicator text=\"Unresolved\" status=\"AD\" />\n        )}\n      </Flex>\n    </Buttons>\n  );\n}\nexport const StyledAntSelect: any = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n`;\n\nconst Buttons = styled.div`\n  display: flex;\n  gap: 25px;\n`;\n\nconst Flex = styled.div`\n  margin-top: 20px;\n`;\n\nexport default ButtonsSection;\n"],"names":["ButtonsSection","staticData","useStaticData","flagById","useFlagById","taskPayload","setTaskPayload","useUpdateTask","orderFlagTypes","taskTypeOptions","useMemo","item","priorityOptions","option","colorMatch","priorityData","p","handleTaskTypeChange","value","selectedType","type","prev","handlePriorityChange","selectedTypeId","isResolved","resolvedText","formatDate","Buttons","jsxs","Flex","jsx","Label","StyledAntSelect","StatusIndicator","styled","Select"],"mappings":";;;;;;;;AAYA,SAASA,IAAiB;AACxB,QAAM,CAACC,CAAU,IAAIC,EAAA,GACf,CAACC,CAAQ,IAAIC,EAAA,GACb,CAACC,GAAaC,CAAc,IAAIC,EAAA,GAEhCC,IAAiBP,IAAa,CAAC,GAAG,oBAAoB,CAAA,GAEtDQ,IAAkBC;AAAA,IACtB,MACEF,GAAgB,IAAI,CAACG,OAAe;AAAA,MAClC,OAAOA,GAAM;AAAA,MACb,OAAOA,GAAM;AAAA,IAAA,EACb;AAAA,IACJ,CAACH,CAAc;AAAA,EAAA,GAaXI,KAVqB,CAACX,MACnBA,IAAa,CAAC,GAAG,YAAY,IAAI,CAACY,MAAgB;AACvD,UAAMC,IAAaC,GAAc,KAAK,OAAKC,EAAE,OAAOH,EAAO,EAAE;AAC7D,WAAO;AAAA,MACL,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,MACd,OAAOC,GAAY,SAAS;AAAA,IAAA;AAAA,EAEhC,CAAC,GAEwCb,CAAU,GAE/CgB,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IACJX,EAAe,KAAK,CAACY,MAAcA,EAAK,OAAOF,CAAK,GAAG,QAAQ;AACjE,IAAAZ,EAAe,QAAS,EAAE,GAAGe,GAAM,WAAWF,IAAe;AAAA,EAC/D,GAEMG,IAAuB,CAACJ,MAAkB;AAC9C,IAAAZ,EAAe,CAACe,OAAe;AAAA,MAC7B,GAAGA;AAAA,MACH,UAAUH;AAAA,IAAA,EACV;AAAA,EACJ,GAEMK,IAAiBb;AAAA,IACrB,MACEF,EAAe,KAAK,CAACY,MAAcA,EAAK,SAASf,GAAa,SAAS,GACnE,MACJF,GAAU,aACV;AAAA,IACF,CAACK,GAAgBH,GAAaF,CAAQ;AAAA,EAAA,GAGlCqB,IAAarB,GAAU,WAAW,MAElCsB,IAAe,eAAeC;AAAA,IAClCvB,GAAU,eAAe;AAAA,EAAA,CAC1B,OAAOA,GAAU,eAAe,KAAK;AAEtC,2BACGwB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,OAAA,CAAO;AAAA,MACpB,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASvB;AAAA,UACT,aAAY;AAAA,UACZ,UAAUQ;AAAA,UACV,OAAOM;AAAA,UACP,OAAO,EAAE,UAAU,SAAS,OAAO,OAAA;AAAA,QAAO;AAAA,MAAA;AAAA,IAC5C,GACF;AAAA,sBACCM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,WAAA,CAAW;AAAA,MACxB,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASpB;AAAA,UACT,aAAY;AAAA,UACZ,UAAUU;AAAA,UACV,OAAOjB,GAAa,YAAYF,GAAU;AAAA,UAC1C,OAAO,EAAE,UAAU,SAAS,OAAO,OAAA;AAAA,QAAO;AAAA,MAAA;AAAA,IAC5C,GACF;AAAA,sBACC0B,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,SAAA,CAAS;AAAA,MACrBP,IACC,gBAAAM,EAACG,GAAA,EAAgB,MAAMR,GAAc,QAAO,KAAA,CAAK,IAEjD,gBAAAK,EAACG,GAAA,EAAgB,MAAK,cAAa,QAAO,KAAA,CAAK;AAAA,IAAA,EAAA,CAEnD;AAAA,EAAA,GACF;AAEJ;AACO,MAAMD,IAAuBE,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAO3CR,IAAUO,EAAO;AAAA;AAAA;AAAA,GAKjBL,IAAOK,EAAO;AAAA;AAAA;"}