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

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

@@ -0,0 +1,103 @@
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { useState as v, useEffect as h } from "react";
+import t from "styled-components";
+import { CancelAndCompleteAction as A, useAxios as k, CrossIcon as w, CancelationModal as R } from "@bjsdistribution/dms-component-library";
+import { useFlagById as S, useResolvedPayload as M } from "../order-actions/store.js";
+import { useCurrentAction as I } from "../store.js";
+import { notification as i } from "antd";
+function V({ callUnresolvedTaskApi: c, setTasksData: l }) {
+  const [s] = S(), [d, p] = M(), [, r] = I(), [f, n] = v(!1), { fetchData: u } = k({
+    endpoint: "/v1/task/resolve/",
+    method: "PUT"
+  });
+  h(() => {
+    s && p({
+      task_ids: [s?.id]
+    });
+  }, [s]);
+  const m = () => {
+    n(!0);
+  }, y = () => {
+    n(!1);
+  }, g = async () => {
+    const o = await u({
+      payload: d
+    });
+    if (o.code === 200 && o?.data) {
+      i.success({
+        message: "Success",
+        description: `${o?.message}`
+      }), n(!1), r(void 0);
+      const a = await c();
+      a && a?.data && l(a?.data);
+    }
+    if (o?.code == null && o?.error)
+      return i.error({
+        message: "Failure",
+        description: `${o?.error}`
+      });
+  }, x = () => {
+    r(void 0);
+  }, C = s?.status !== "AD";
+  return /* @__PURE__ */ b(j, { children: [
+    /* @__PURE__ */ e(E, { children: "VIEW TASK" }),
+    C ? /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(w, { onClick: x }) }) : /* @__PURE__ */ e(B, { onClick: m, children: "MARK AS RESOLVED" }),
+    f && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(
+      R,
+      {
+        title: "Mark as Resolved",
+        description: "Are you sure you want to mark this Flag as resolved?",
+        actions: /* @__PURE__ */ e(
+          P,
+          {
+            cancelLabel: "Cancel",
+            onCancel: y,
+            completeLabel: "Confirm",
+            onComplete: g
+          }
+        )
+      }
+    ) })
+  ] });
+}
+const j = t.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+`, P = t(A)`
+  justify-content: center;
+`, B = t.button`
+  color: #3a3630;
+  background: #feba30;
+  padding: 6px;
+  border-radius: 6px;
+  font-weight: 600;
+  font-size: 13px;
+  border: 1px solid #feba30;
+`, E = t.span`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 900;
+  line-height: 32px;
+  text-transform: uppercase;
+  color: #3a3630;
+`, F = t.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(2px);
+  z-index: 1000;
+`, O = t.div`
+  cursor: pointer;
+`;
+export {
+  V as default
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../src/components/order-view/flags-action-modal/Header.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n  CancelAndCompleteAction,\n  CancelationModal,\n  CrossIcon,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { useResolvedPayload, useFlagById } from '../order-actions/store';\nimport { useCurrentAction } from '../store';\nimport { ApiResponse } from '../types';\nimport { notification } from 'antd';\n\nfunction HeaderSection({ callUnresolvedTaskApi, setTasksData }: any) {\n  const [flagById] = useFlagById();\n  const [forResolvedPayload, setPayload] = useResolvedPayload();\n  const [, setCurrentAction] = useCurrentAction();\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  //flag PUT API\n  const { fetchData: callFlagUpdateAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/resolve/`,\n    method: 'PUT',\n  });\n\n  useEffect(() => {\n    if (flagById) {\n      setPayload({\n        task_ids: [flagById?.id],\n      });\n    }\n  }, [flagById]);\n\n  const openModal = () => {\n    setIsModalOpen(true);\n  };\n\n  const closeModal = () => {\n    setIsModalOpen(false);\n  };\n\n  const saveButton = async () => {\n    const response = (await callFlagUpdateAPI({\n      payload: forResolvedPayload,\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      setIsModalOpen(false);\n      setCurrentAction(undefined);\n\n      // fetch tasks and update state\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 isShow = flagById?.status !== 'AD';\n  return (\n    <Header>\n      <Title>VIEW TASK</Title>\n      {!isShow ? (\n        <ResolveButton onClick={openModal}>MARK AS RESOLVED</ResolveButton>\n      ) : (\n        <CrossWrapper>\n          <CrossIcon onClick={onCancel} />\n        </CrossWrapper>\n      )}\n      {isModalOpen && (\n        <StyledOverlay>\n          <CancelationModal\n            title=\"Mark as Resolved\"\n            description=\"Are you sure you want to mark this Flag as resolved?\"\n            actions={\n              <CustomCancelAndCompleteAction\n                cancelLabel=\"Cancel\"\n                onCancel={closeModal}\n                completeLabel=\"Confirm\"\n                onComplete={saveButton}\n              />\n            }\n          />\n        </StyledOverlay>\n      )}\n    </Header>\n  );\n}\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n`;\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nconst ResolveButton = styled.button`\n  color: #3a3630;\n  background: #feba30;\n  padding: 6px;\n  border-radius: 6px;\n  font-weight: 600;\n  font-size: 13px;\n  border: 1px solid #feba30;\n`;\n\nconst Title = styled.span`\n  font-family: 'Roboto', sans-serif;\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  text-transform: uppercase;\n  color: #3a3630;\n`;\n\nconst StyledOverlay = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n  backdrop-filter: blur(2px);\n  z-index: 1000;\n`;\n\nconst CrossWrapper = styled.div`\n  cursor: pointer;\n`;\n\nexport default HeaderSection;\n"],"names":["HeaderSection","callUnresolvedTaskApi","setTasksData","flagById","useFlagById","forResolvedPayload","setPayload","useResolvedPayload","setCurrentAction","useCurrentAction","isModalOpen","setIsModalOpen","useState","callFlagUpdateAPI","useAxios","useEffect","openModal","closeModal","saveButton","response","notification","unresolvedResponse","onCancel","isShow","Header","jsx","Title","CrossWrapper","CrossIcon","ResolveButton","StyledOverlay","CancelationModal","CustomCancelAndCompleteAction","styled","CancelAndCompleteAction"],"mappings":";;;;;;;AAaA,SAASA,EAAc,EAAE,uBAAAC,GAAuB,cAAAC,KAAqB;AACnE,QAAM,CAACC,CAAQ,IAAIC,EAAA,GACb,CAACC,GAAoBC,CAAU,IAAIC,EAAA,GACnC,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAG9C,EAAE,WAAWC,EAAA,IAAsBC,EAEtC;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT;AAED,EAAAC,EAAU,MAAM;AACd,IAAIZ,KACFG,EAAW;AAAA,MACT,UAAU,CAACH,GAAU,EAAE;AAAA,IAAA,CACxB;AAAA,EAEL,GAAG,CAACA,CAAQ,CAAC;AAEb,QAAMa,IAAY,MAAM;AACtB,IAAAL,EAAe,EAAI;AAAA,EACrB,GAEMM,IAAa,MAAM;AACvB,IAAAN,EAAe,EAAK;AAAA,EACtB,GAEMO,IAAa,YAAY;AAC7B,UAAMC,IAAY,MAAMN,EAAkB;AAAA,MACxC,SAASR;AAAA,IAAA,CACV;AAQD,QAAIc,EAAS,SAAS,OAAOA,GAAU,MAAM;AAC3C,MAAAC,EAAa,QAAQ;AAAA,QACnB,SAAS;AAAA,QACT,aAAa,GAAGD,GAAU,OAAO;AAAA,MAAA,CAClC,GAEDR,EAAe,EAAK,GACpBH,EAAiB,MAAS;AAG1B,YAAMa,IAAqB,MAAMpB,EAAA;AACjC,MAAIoB,KAAsBA,GAAoB,QAC5CnB,EAAamB,GAAoB,IAAI;AAAA,IAEzC;AAEA,QAAIF,GAAU,QAAQ,QAAQA,GAAU;AACtC,aAAOC,EAAa,MAAM;AAAA,QACxB,SAAS;AAAA,QACT,aAAa,GAAGD,GAAU,KAAK;AAAA,MAAA,CAChC;AAAA,EAEL,GAEMG,IAAW,MAAM;AACrB,IAAAd,EAAiB,MAAS;AAAA,EAC5B,GAEMe,IAASpB,GAAU,WAAW;AACpC,2BACGqB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,YAAA,CAAS;AAAA,IACdH,IAGA,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACG,GAAA,EAAU,SAASN,GAAU,GAChC,IAJA,gBAAAG,EAACI,GAAA,EAAc,SAASb,GAAW,UAAA,oBAAgB;AAAA,IAMpDN,uBACEoB,GAAA,EACC,UAAA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,UAAUf;AAAA,YACV,eAAc;AAAA,YACd,YAAYC;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMM,IAASS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhBD,IAAgCC,EAAOC,CAAuB;AAAA;AAAA,GAI9DL,IAAgBI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBP,IAAQO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASfH,IAAgBG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcvBN,IAAeM,EAAO;AAAA;AAAA;"}

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

@@ -0,0 +1,43 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import s from "styled-components";
+import "tippy.js/dist/tippy.css";
+import { getStatusColor as i } from "../order-actions/utils.js";
+function h(t) {
+  const e = i(t.status);
+  return /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ a(r, { status: t.status, children: /* @__PURE__ */ a(o, { color: e }) }),
+    /* @__PURE__ */ a(c, { status: t.status, children: t.text })
+  ] });
+}
+const r = s.span`
+  height: 20px;
+  width: 20px;
+  border: 1px solid
+    ${(t) => t.status === "SD" ? "#30fe43" : t.status === "AD" ? "#E95252" : "transparent"};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, o = s.span`
+  height: 10px;
+  width: 10px;
+  background: ${(t) => t.color};
+  border-radius: 50%;
+  display: inline-block;
+  transition: 0.2s ease all;
+`, l = s.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: 22px;
+`, c = s.span`
+  font-size: 13px;
+  font-weight: normal;
+  text-transform: capitalize;
+  font-weight: 500;
+  color: ${(t) => t.status === "SD" ? "#57DB7A" : t.status === "AD" ? "#E95252" : "transparent"};
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=StatusIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.js","sources":["../../../../src/components/order-view/flags-action-modal/StatusIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport 'tippy.js/dist/tippy.css';\nimport { StatusType } from '../order-actions/types';\nimport { getStatusColor } from '../order-actions/utils';\n\ninterface StatusProps {\n  status: StatusType;\n  text?: string;\n}\n\nfunction StatusIndicator(props: StatusProps) {\n  const statusColor = getStatusColor(props.status);\n\n  return (\n    <Container>\n      <StatusCircleContainer status={props.status}>\n        <StatusCircle color={statusColor} />\n      </StatusCircleContainer>\n\n      <Text status={props.status}>{props.text}</Text>\n    </Container>\n  );\n}\n\nconst StatusCircleContainer = styled.span<{ status: StatusType }>`\n  height: 20px;\n  width: 20px;\n  border: 1px solid\n    ${props =>\n      props.status === 'SD'\n        ? '#30fe43'\n        : props.status === 'AD'\n        ? '#E95252'\n        : 'transparent'};\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst StatusCircle = styled.span<{ color: string }>`\n  height: 10px;\n  width: 10px;\n  background: ${props => props.color};\n  border-radius: 50%;\n  display: inline-block;\n  transition: 0.2s ease all;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: 22px;\n`;\n\nconst Text = styled.span<{ status: StatusType }>`\n  font-size: 13px;\n  font-weight: normal;\n  text-transform: capitalize;\n  font-weight: 500;\n  color: ${props =>\n    props.status === 'SD'\n      ? '#57DB7A'\n      : props.status === 'AD'\n      ? '#E95252'\n      : 'transparent'};\n`;\n\nexport default StatusIndicator;\n"],"names":["StatusIndicator","props","statusColor","getStatusColor","Container","jsx","StatusCircleContainer","StatusCircle","Text","styled"],"mappings":";;;;AAWA,SAASA,EAAgBC,GAAoB;AAC3C,QAAMC,IAAcC,EAAeF,EAAM,MAAM;AAE/C,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAsB,QAAQL,EAAM,QACnC,4BAACM,GAAA,EAAa,OAAOL,GAAa,EAAA,CACpC;AAAA,sBAECM,GAAA,EAAK,QAAQP,EAAM,QAAS,YAAM,KAAA,CAAK;AAAA,EAAA,GAC1C;AAEJ;AAEA,MAAMK,IAAwBG,EAAO;AAAA;AAAA;AAAA;AAAA,MAI/B,CAAAR,MACAA,EAAM,WAAW,OACb,YACAA,EAAM,WAAW,OACjB,YACA,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBM,IAAeE,EAAO;AAAA;AAAA;AAAA,gBAGZ,CAAAR,MAASA,EAAM,KAAK;AAAA;AAAA;AAAA;AAAA,GAM9BG,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBD,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKT,CAAAR,MACPA,EAAM,WAAW,OACb,YACAA,EAAM,WAAW,OACjB,YACA,aAAa;AAAA;"}

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

@@ -0,0 +1,33 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import a from "styled-components";
+import { TextArea as n, Label as l } from "@bjsdistribution/dms-component-library";
+import { useUpdateTask as d } from "../order-actions/store.js";
+function h() {
+  const [e, o] = d(), r = (i) => {
+    o({
+      ...e,
+      description: i.target.value
+    });
+  };
+  return /* @__PURE__ */ s(c, { children: [
+    /* @__PURE__ */ t(l, { label: "Details" }),
+    /* @__PURE__ */ t(
+      p,
+      {
+        placeholder: "Type here....",
+        value: e?.description || "",
+        onChange: r
+      }
+    )
+  ] });
+}
+const p = a(n)`
+  width: 97% !important;
+`, c = a.div`
+  display: grid;
+  margin-top: 2%;
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=TextSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextSection.js","sources":["../../../../src/components/order-view/flags-action-modal/TextSection.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Label, TextArea } from '@bjsdistribution/dms-component-library';\nimport { useUpdateTask } from '../order-actions/store';\n\nfunction TextSection() {\n  const [taskPayload, setTaskPayload] = useUpdateTask();\n\n  const onChangeDetails = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setTaskPayload({\n      ...taskPayload,\n      description: event.target.value,\n    });\n  };\n\n  return (\n    <Text>\n      <Label label=\"Details\" />\n      <TextField\n        placeholder=\"Type here....\"\n        value={taskPayload?.description || ''}\n        onChange={onChangeDetails}\n      />\n    </Text>\n  );\n}\n\nconst TextField = styled(TextArea)`\n  width: 97% !important;\n`;\n\nconst Text = styled.div`\n  display: grid;\n  margin-top: 2%;\n`;\n\nexport default TextSection;\n"],"names":["TextSection","taskPayload","setTaskPayload","useUpdateTask","onChangeDetails","event","Text","jsx","Label","TextField","styled","TextArea"],"mappings":";;;;AAKA,SAASA,IAAc;AACrB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAA,GAEhCC,IAAkB,CAACC,MAAkD;AACzE,IAAAH,EAAe;AAAA,MACb,GAAGD;AAAA,MACH,aAAaI,EAAM,OAAO;AAAA,IAAA,CAC3B;AAAA,EACH;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,UAAA,CAAU;AAAA,IACvB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,OAAOR,GAAa,eAAe;AAAA,QACnC,UAAUG;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;AAEA,MAAMK,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BL,IAAOI,EAAO;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,87 @@
+import { jsx as t, Fragment as h, jsxs as c } from "react/jsx-runtime";
+import { useEffect as i } from "react";
+import r from "styled-components";
+import { BackgroundModal as y, useAxios as p, useApiHook as D } from "@bjsdistribution/dms-component-library";
+import S from "./Header.js";
+import v from "./TextSection.js";
+import B from "./Dropdowns.js";
+import { SaveDetails as I, RadioButtonsSection as T } from "./Actions.js";
+import { useStaticData as _, useFlagById as b, useUpdateTask as F, useFlagRefId as w, useTasksData as E } from "../order-actions/store.js";
+import A from "./DetailSection.js";
+import { useOrderId as G } from "../store.js";
+function L() {
+  const [, f] = _(), [a, l] = b(), [m, g] = F(), [o] = w(), [u] = G(), [, s] = E(), { data: e, fetchData: x, loading: k } = p({
+    endpoint: `/v1/task/${o}`,
+    method: "GET"
+  }), { data: d } = D({
+    endpoint: "/v1/task/getStaticData/all/",
+    method: "GET"
+  });
+  i(() => {
+    d && f(d?.data);
+  }, [d]);
+  const { fetchData: n } = p({
+    endpoint: "/v1/task/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: [{ field: "order_id", op: "=", value: u }]
+  });
+  return i(() => {
+    o && x();
+  }, [o]), i(() => {
+    e && e?.data && l(e?.data[0]);
+  }, [k]), i(() => {
+    a && g({
+      ...m,
+      flag_type: a?.task_type_id,
+      description: a?.description,
+      priority: a?.task_priority_id,
+      id: a?.id,
+      is_private: a?.is_private
+    });
+  }, [a]), /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(j, { children: /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ t(
+      S,
+      {
+        callUnresolvedTaskApi: n,
+        setTasksData: s
+      }
+    ),
+    /* @__PURE__ */ t(A, {}),
+    /* @__PURE__ */ t(v, {}),
+    /* @__PURE__ */ t(B, {}),
+    /* @__PURE__ */ c(M, { children: [
+      /* @__PURE__ */ t(
+        I,
+        {
+          callUnresolvedTaskApi: n,
+          setTasksData: s
+        }
+      ),
+      /* @__PURE__ */ t(T, {})
+    ] })
+  ] }) }) });
+}
+const M = r.div`
+  display: flex;
+  align-items: center;
+  margin-top: 6%;
+`, j = r(y)`
+  background-color: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(1px);
+`, C = r.div`
+  padding: 24px;
+  border-radius: 12px;
+  background: #ffffff;
+  box-shadow: 0px 20px 24px -4px #10182814;
+  width: 80%;
+  max-width: 50%;
+  margin: 0 auto;
+  @media (max-width: 1024px) {
+    max-width: 80%;
+  }
+`;
+export {
+  L as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/flags-action-modal/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport {\n  BackgroundModal,\n  useApiHook,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport HeaderSection from './Header';\nimport TextSection from './TextSection';\nimport ButtonsSection from './Dropdowns';\nimport { RadioButtonsSection, SaveDetails } from './Actions';\nimport {\n  // useTasksData,\n  useStaticData,\n  useFlagById,\n  useFlagRefId,\n  useTasksData,\n  useUpdateTask,\n} from '../order-actions/store';\nimport DetailSection from './DetailSection';\nimport { allTypes } from '../order-actions/types';\nimport { useOrderId } from '../store';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: allTypes[];\n}\n\nfunction ViewFlag() {\n  const [, setStaticData] = useStaticData();\n  const [flagById, setFlagById] = useFlagById();\n  const [taskPayload, setTaskPayload] = useUpdateTask();\n  const [selectedFlagId] = useFlagRefId();\n  const [orderId] = useOrderId();\n  const [, setTasksData] = useTasksData();\n\n  //single flag data\n  const { data: flagDataById, fetchData: fetchedFlagById, loading } = useAxios<\n    ApiResponse\n  >({\n    endpoint: `/v1/task/${selectedFlagId}`,\n    method: 'GET',\n  });\n\n  // API Call\n  const { data: fetchedStaticData } = useApiHook<ApiResponse>({\n    endpoint: `/v1/task/getStaticData/all/`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (fetchedStaticData) {\n      setStaticData(fetchedStaticData?.data);\n    }\n  }, [fetchedStaticData]);\n\n  //Unresolved API\n  const { fetchData: callUnresolvedTaskApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  useEffect(() => {\n    if (selectedFlagId) {\n      fetchedFlagById();\n    }\n  }, [selectedFlagId]);\n\n  useEffect(() => {\n    if (flagDataById && flagDataById?.data) {\n      setFlagById(flagDataById?.data[0]);\n    }\n  }, [loading]);\n\n  useEffect(() => {\n    if (flagById) {\n      setTaskPayload({\n        ...taskPayload,\n        flag_type: flagById?.task_type_id,\n        description: flagById?.description,\n        priority: flagById?.task_priority_id,\n        id: flagById?.id,\n        is_private: flagById?.is_private,\n      });\n    }\n  }, [flagById]);\n\n  return (\n    <>\n      {\n        <BackgroundModals>\n          <MainContainer>\n            <HeaderSection\n              callUnresolvedTaskApi={callUnresolvedTaskApi}\n              setTasksData={setTasksData}\n            />\n            <DetailSection />\n            <TextSection />\n            <ButtonsSection />\n            <SectionsContainer>\n              <SaveDetails\n                callUnresolvedTaskApi={callUnresolvedTaskApi}\n                setTasksData={setTasksData}\n              />\n              <RadioButtonsSection />\n            </SectionsContainer>\n          </MainContainer>\n        </BackgroundModals>\n      }\n    </>\n  );\n}\n\nconst SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  margin-top: 6%;\n`;\n\nconst BackgroundModals = styled(BackgroundModal)`\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(1px);\n`;\n\nconst MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 80%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 80%;\n  }\n`;\n\nexport default ViewFlag;\n"],"names":["ViewFlag","setStaticData","useStaticData","flagById","setFlagById","useFlagById","taskPayload","setTaskPayload","useUpdateTask","selectedFlagId","useFlagRefId","orderId","useOrderId","setTasksData","useTasksData","flagDataById","fetchedFlagById","loading","useAxios","fetchedStaticData","useApiHook","useEffect","callUnresolvedTaskApi","jsx","Fragment","BackgroundModals","jsxs","MainContainer","HeaderSection","DetailSection","TextSection","ButtonsSection","SectionsContainer","SaveDetails","RadioButtonsSection","styled","BackgroundModal"],"mappings":";;;;;;;;;;;AA+BA,SAASA,IAAW;AAClB,QAAM,CAAA,EAAGC,CAAa,IAAIC,EAAA,GACpB,CAACC,GAAUC,CAAW,IAAIC,EAAA,GAC1B,CAACC,GAAaC,CAAc,IAAIC,EAAA,GAChC,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAY,IAAIC,EAAA,GAGnB,EAAE,MAAMC,GAAc,WAAWC,GAAiB,SAAAC,EAAA,IAAYC,EAElE;AAAA,IACA,UAAU,YAAYT,CAAc;AAAA,IACpC,QAAQ;AAAA,EAAA,CACT,GAGK,EAAE,MAAMU,EAAA,IAAsBC,EAAwB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT;AAED,EAAAC,EAAU,MAAM;AACd,IAAIF,KACFlB,EAAckB,GAAmB,IAAI;AAAA,EAEzC,GAAG,CAACA,CAAiB,CAAC;AAGtB,QAAM,EAAE,WAAWG,EAAA,IAA0BJ,EAE1C;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAAS,CAAC,EAAE,OAAO,YAAY,IAAI,KAAK,OAAOP,EAAA,CAAS;AAAA,EAAA,CACzD;AAED,SAAAU,EAAU,MAAM;AACd,IAAIZ,KACFO,EAAA;AAAA,EAEJ,GAAG,CAACP,CAAc,CAAC,GAEnBY,EAAU,MAAM;AACd,IAAIN,KAAgBA,GAAc,QAChCX,EAAYW,GAAc,KAAK,CAAC,CAAC;AAAA,EAErC,GAAG,CAACE,CAAO,CAAC,GAEZI,EAAU,MAAM;AACd,IAAIlB,KACFI,EAAe;AAAA,MACb,GAAGD;AAAA,MACH,WAAWH,GAAU;AAAA,MACrB,aAAaA,GAAU;AAAA,MACvB,UAAUA,GAAU;AAAA,MACpB,IAAIA,GAAU;AAAA,MACd,YAAYA,GAAU;AAAA,IAAA,CACvB;AAAA,EAEL,GAAG,CAACA,CAAQ,CAAC,GAGX,gBAAAoB,EAAAC,GAAA,EAEI,UAAA,gBAAAD,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,uBAAAN;AAAA,QACA,cAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEDgB,GAAA,EAAc;AAAA,sBACdC,GAAA,EAAY;AAAA,sBACZC,GAAA,EAAe;AAAA,sBACfC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,uBAAAX;AAAA,UACA,cAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEDqB,GAAA,CAAA,CAAoB;AAAA,IAAA,EAAA,CACvB;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;AAEA,MAAMF,IAAoBG,EAAO;AAAA;AAAA;AAAA;AAAA,GAM3BV,IAAmBU,EAAOC,CAAe;AAAA;AAAA;AAAA,GAKzCT,IAAgBQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/general-information/Status.js

@@ -0,0 +1,107 @@
+import { jsx as e, Fragment as p, jsxs as s } from "react/jsx-runtime";
+import x from "react";
+import r from "styled-components";
+import { StatusOptions as u } from "../helper.js";
+import f from "../../../assets/icons/RoutedIcon.js";
+import a from "../../../assets/icons/SuccessIcon.js";
+import g from "../../../assets/icons/DeliveredIcon.js";
+import d from "../../../assets/icons/ConfirmedIcon.js";
+import { useStatusDetails as h } from "../store.js";
+import { Skeleton as m } from "antd";
+import v from "../../../assets/icons/Divider.js";
+function E({ statusDataLoading: o }) {
+  const [n] = h();
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(k, { children: o ? /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(b, {}) }) : u?.map((t, c) => /* @__PURE__ */ s(x.Fragment, { children: [
+    /* @__PURE__ */ s(R, { children: [
+      y(t.value, n),
+      /* @__PURE__ */ e(I, { children: t.label })
+    ] }),
+    c < u.length - 1 && /* @__PURE__ */ e(v, {})
+  ] }, c)) }) }) });
+}
+const i = () => /* @__PURE__ */ s(w, { children: [
+  /* @__PURE__ */ e(m.Avatar, { size: "small", style: { marginRight: 12 } }),
+  /* @__PURE__ */ e(
+    m.Input,
+    {
+      active: !0,
+      size: "small",
+      style: { width: 150, borderRadius: 8 }
+    }
+  )
+] }), b = () => /* @__PURE__ */ s(S, { children: [
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(l, {}),
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(l, {}),
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(l, {}),
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(l, {}),
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(l, {}),
+  /* @__PURE__ */ e(i, {})
+] }), y = (o, n) => {
+  const t = n && n.length > 0 ? n[0] : null;
+  if (!t || !t)
+    return null;
+  switch (o) {
+    case "released":
+    case "scheduled":
+    case "routed":
+    case "confirmed":
+      return t[o] ? /* @__PURE__ */ e(a, {}) : /* @__PURE__ */ e(d, {});
+    case "received":
+      return t.received === "True" ? /* @__PURE__ */ e(a, {}) : t.received === "Partial" ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(d, {});
+    case "delivered":
+      return t.delivered && (t.completed === !1 || t.completed === null) ? /* @__PURE__ */ e(g, {}) : t.delivered === !0 && t.completed === !0 ? /* @__PURE__ */ e(a, {}) : t.delivered === !0 && t.completed === !1 ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(d, {});
+    default:
+      return null;
+  }
+}, S = r.div`
+  display: flex;
+  align-items: center;
+  background: #fcfcfc;
+  border: 1px solid #eee;
+  border-radius: 20px;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  padding: 5px;
+  width: -webkit-fill-available;
+`, w = r.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`, l = r.div`
+  width: 12px;
+  height: 2px;
+  background-color: #e0e0e0;
+  margin: 0 4px;
+  border-radius: 2px;
+`, k = r.div`
+  border: 1px solid #e3e3e3;
+  display: flex;
+  justify-content: space-evenly;
+  border-radius: 20px;
+  background: #f8fafc;
+  align-items: center;
+  height: 5%;
+`, I = r.div`
+  font-family: 'lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 18px;
+  text-transform: uppercase;
+`, C = r.div`
+  padding: 15px;
+  margin-top: 25px;
+`, R = r.div`
+  gap: 10px;
+  display: flex;
+  align-items: center;
+`;
+export {
+  E as default
+};
+//# sourceMappingURL=Status.js.map

package/dist/components/order-view/general-information/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","sources":["../../../../src/components/order-view/general-information/Status.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { StatusOptions } from '../helper';\n// Import icon\nimport RouteIcon from '../../../assets/icons/RoutedIcon';\nimport SuccessIcon from '../../../assets/icons/SuccessIcon';\nimport DeliveredIcon from '../../../assets/icons/DeliveredIcon';\nimport ConfirmedIcon from '../../../assets/icons/ConfirmedIcon';\nimport { useStatusDetails } from '../store';\nimport { Skeleton } from 'antd';\nimport Divider from '../../../assets/icons/Divider';\n\nfunction Status({ statusDataLoading }: any) {\n  const [orderStatus] = useStatusDetails();\n  return (\n    <>\n      <Container>\n        <BoxContainer>\n          {statusDataLoading ? (\n            <>\n              <StatusSkeletonRow />\n            </>\n          ) : (\n            StatusOptions?.map((option, index) => (\n              <React.Fragment key={index}>\n                <TextContainer>\n                  {renderIcon(option.value, orderStatus)}\n                  <Heading>{option.label}</Heading>\n                </TextContainer>\n                {index < StatusOptions.length - 1 && <Divider />}\n              </React.Fragment>\n            ))\n          )}\n        </BoxContainer>\n      </Container>\n    </>\n  );\n}\nconst StatusSkeletonItem = () => (\n  <SkeletonItemContainer>\n    <Skeleton.Avatar size=\"small\" style={{ marginRight: 12 }} />\n    <Skeleton.Input\n      active\n      size=\"small\"\n      style={{ width: 150, borderRadius: 8 }}\n    />\n  </SkeletonItemContainer>\n);\nconst StatusSkeletonRow = () => (\n  <StatusBox>\n    <StatusSkeletonItem />\n    <SkeletonDivider />\n    <StatusSkeletonItem />\n    <SkeletonDivider />\n    <StatusSkeletonItem />\n    <SkeletonDivider />\n    <StatusSkeletonItem />\n    <SkeletonDivider />\n    <StatusSkeletonItem />\n    <SkeletonDivider />\n    <StatusSkeletonItem />\n  </StatusBox>\n);\nconst renderIcon = (value: any, orderStatus: any) => {\n  const status = orderStatus && orderStatus.length > 0 ? orderStatus[0] : null;\n\n  if (!status) {\n    return null;\n  }\n\n  if (!status) {\n    return null;\n  }\n\n  switch (value) {\n    case 'released':\n    case 'scheduled':\n    case 'routed':\n    case 'confirmed':\n      return status[value] ? <SuccessIcon /> : <ConfirmedIcon />;\n    case 'received':\n      if (status.received === 'True') {\n        return <SuccessIcon />;\n      } else if (status.received === 'Partial') {\n        return <RouteIcon />;\n      } else {\n        return <ConfirmedIcon />;\n      }\n    case 'delivered':\n      if (\n        status.delivered &&\n        (status.completed === false || status.completed === null)\n      ) {\n        return <DeliveredIcon />; //grey\n      } else if (status.delivered === true && status.completed === true) {\n        return <SuccessIcon />;\n      } else if (status.delivered === true && status.completed === false) {\n        return <RouteIcon />; //orange\n      } else {\n        return <ConfirmedIcon />;\n      }\n    default:\n      return null;\n  }\n};\n\n// const RowWrapper = styled.div`\n//   display: flex;\n//   flex-direction: column;\n//   background: #fff;\n//   border-radius: 12px;\n//   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n//   padding: 16px;\n// `;\n\n// const HeaderPlaceholder = styled.div`\n//   display: flex;\n//   align-items: center;\n//   padding: 8px 0;\n//   gap: 12px;\n// `;\n\nconst StatusBox = styled.div`\n  display: flex;\n  align-items: center;\n  background: #fcfcfc;\n  border: 1px solid #eee;\n  border-radius: 20px;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: 5px;\n  width: -webkit-fill-available;\n`;\n\nconst SkeletonItemContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nconst SkeletonDivider = styled.div`\n  width: 12px;\n  height: 2px;\n  background-color: #e0e0e0;\n  margin: 0 4px;\n  border-radius: 2px;\n`;\n\nconst BoxContainer = styled.div`\n  border: 1px solid #e3e3e3;\n  display: flex;\n  justify-content: space-evenly;\n  border-radius: 20px;\n  background: #f8fafc;\n  align-items: center;\n  height: 5%;\n`;\n\nconst Heading = styled.div`\n  font-family: 'lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  text-transform: uppercase;\n`;\n\nconst Container = styled.div`\n  padding: 15px;\n  margin-top: 25px;\n`;\n\nconst TextContainer = styled.div`\n  gap: 10px;\n  display: flex;\n  align-items: center;\n`;\nexport default Status;\n"],"names":["Status","statusDataLoading","orderStatus","useStatusDetails","jsx","Container","BoxContainer","StatusSkeletonRow","StatusOptions","option","index","jsxs","React","TextContainer","renderIcon","Heading","Divider","StatusSkeletonItem","SkeletonItemContainer","Skeleton","StatusBox","SkeletonDivider","value","status","SuccessIcon","ConfirmedIcon","RouteIcon","DeliveredIcon","styled"],"mappings":";;;;;;;;;;;AAYA,SAASA,EAAO,EAAE,mBAAAC,KAA0B;AAC1C,QAAM,CAACC,CAAW,IAAIC,EAAA;AACtB,gCAEI,UAAA,gBAAAC,EAACC,GAAA,EACC,4BAACC,GAAA,EACE,UAAAL,2BAEG,UAAA,gBAAAG,EAACG,GAAA,CAAA,CAAkB,GACrB,IAEAC,GAAe,IAAI,CAACC,GAAQC,MAC1B,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACE,UAAA;AAAA,MAAAC,EAAWL,EAAO,OAAOP,CAAW;AAAA,MACrC,gBAAAE,EAACW,GAAA,EAAS,UAAAN,EAAO,MAAA,CAAM;AAAA,IAAA,GACzB;AAAA,IACCC,IAAQF,EAAc,SAAS,uBAAMQ,GAAA,CAAA,CAAQ;AAAA,EAAA,EAAA,GAL3BN,CAMrB,CACD,GAEL,EAAA,CACF,EAAA,CACF;AAEJ;AACA,MAAMO,IAAqB,MACzB,gBAAAN,EAACO,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAd,EAACe,EAAS,QAAT,EAAgB,MAAK,SAAQ,OAAO,EAAE,aAAa,GAAA,GAAM;AAAA,EAC1D,gBAAAf;AAAA,IAACe,EAAS;AAAA,IAAT;AAAA,MACC,QAAM;AAAA,MACN,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,KAAK,cAAc,EAAA;AAAA,IAAE;AAAA,EAAA;AACvC,GACF,GAEIZ,IAAoB,MACxB,gBAAAI,EAACS,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAhB,EAACa,GAAA,EAAmB;AAAA,oBACnBI,GAAA,EAAgB;AAAA,oBAChBJ,GAAA,EAAmB;AAAA,oBACnBI,GAAA,EAAgB;AAAA,oBAChBJ,GAAA,EAAmB;AAAA,oBACnBI,GAAA,EAAgB;AAAA,oBAChBJ,GAAA,EAAmB;AAAA,oBACnBI,GAAA,EAAgB;AAAA,oBAChBJ,GAAA,EAAmB;AAAA,oBACnBI,GAAA,EAAgB;AAAA,oBAChBJ,GAAA,CAAA,CAAmB;AAAA,GACtB,GAEIH,IAAa,CAACQ,GAAYpB,MAAqB;AACnD,QAAMqB,IAASrB,KAAeA,EAAY,SAAS,IAAIA,EAAY,CAAC,IAAI;AAMxE,MAJI,CAACqB,KAID,CAACA;AACH,WAAO;AAGT,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOC,EAAOD,CAAK,sBAAKE,GAAA,CAAA,CAAY,sBAAMC,GAAA,EAAc;AAAA,IAC1D,KAAK;AACH,aAAIF,EAAO,aAAa,2BACdC,GAAA,EAAY,IACXD,EAAO,aAAa,8BACrBG,GAAA,EAAU,sBAEVD,GAAA,EAAc;AAAA,IAE1B,KAAK;AACH,aACEF,EAAO,cACNA,EAAO,cAAc,MAASA,EAAO,cAAc,0BAE5CI,GAAA,EAAc,IACbJ,EAAO,cAAc,MAAQA,EAAO,cAAc,uBACnDC,GAAA,EAAY,IACXD,EAAO,cAAc,MAAQA,EAAO,cAAc,uBACnDG,GAAA,EAAU,sBAEVD,GAAA,EAAc;AAAA,IAE1B;AACE,aAAO;AAAA,EAAA;AAEb,GAkBML,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBV,IAAwBU,EAAO;AAAA;AAAA;AAAA;AAAA,GAM/BP,IAAkBO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQzBtB,IAAesB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUtBb,IAAUa,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASjBvB,IAAYuB,EAAO;AAAA;AAAA;AAAA,GAKnBf,IAAgBe,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/general-information/dropdowns/Print.js

@@ -0,0 +1,80 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import l from "styled-components";
+import { PrintMenu as g } from "../../fakedata.js";
+import { useOrderDetails as _ } from "../../store.js";
+import { Space as h, Dropdown as b } from "antd";
+import y from "../../../../assets/icons/ArrowDownIcon.js";
+import { getBaseEndpoint as w } from "@bjsdistribution/dms-component-library";
+function T() {
+  const [n] = _(), s = n?.gsit_order_id, i = v(() => n?.id, [n]), a = () => {
+    const e = process.env.REACT_APP_PROJECT_ENV, r = process.env.REACT_APP_API_PATH;
+    return r === "https://us.dms.api.bjshomedelivery.com" ? "release_us" : r === "https://development.dms.api.bjshomedelivery.com" ? "development" : r === "https://staging.dms.api.bjshomedelivery.com" ? "staging" : e === "release_uk" ? "release_uk" : e === "release_us" ? "release_us" : e === "staging" ? "staging" : "development";
+  }, d = () => {
+    switch (a()) {
+      case "release_uk":
+      case "release_us":
+        return "https://us.toolbox.bjshomedelivery.com/api/v1/gsit";
+      case "staging":
+        return "https://staging.toolbox.bjshomedelivery.com/api/v1/gsit";
+      default:
+        return "https://development.toolbox.bjshomedelivery.com/api/v1/gsit";
+    }
+  }, c = (e) => {
+    const r = e?.toLowerCase()?.replaceAll(" ", ""), o = d();
+    return s ? r === "returnlabels" ? `${o}/generate_labels?pdf=true&product_type=Return&order_id=${s}` : "" : (console.error("Missing orderId. Cannot generate Return Labels URL."), "");
+  }, u = (e) => {
+    const r = e?.value, o = w();
+    if (r)
+      if (r === "returncovernote")
+        window.open(
+          `${o}/orders/return_cover_notes/?order_id=${i}`,
+          "_blank"
+        );
+      else if (r === "proofofdelivery")
+        window.open(
+          `${o}/orders/generate_note/?order_id=${i}&output_format=pdf`,
+          "_blank"
+        );
+      else {
+        const m = c(r);
+        window.open(m, "_blank");
+      }
+  }, p = {
+    items: g?.map((e) => ({
+      key: e.value,
+      label: e.label,
+      value: e.value
+    }))?.map((e) => ({
+      key: e.value,
+      label: /* @__PURE__ */ t(
+        "div",
+        {
+          onClick: (r) => {
+            r.stopPropagation(), u(e);
+          },
+          children: e.label
+        }
+      )
+      // disabled,
+    }))
+  };
+  return /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(b, { menu: p, trigger: ["hover"], children: /* @__PURE__ */ t("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ f(k, { children: [
+    "PRINT",
+    /* @__PURE__ */ t(y, { fill: "#f0f2f2" })
+  ] }) }) }) });
+}
+const P = l.div``, k = l(h)`
+  .ant-space-item {
+    color: #6a7378;
+    text-align: center;
+    font-family: Lato;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+  }
+`;
+export {
+  T as default
+};
+//# sourceMappingURL=Print.js.map

package/dist/components/order-view/general-information/dropdowns/Print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { PrintMenu } from '../../fakedata';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nfunction Print() {\n  const [orderDetails] = useOrderDetails();\n  const gsitId = orderDetails?.gsit_order_id;\n\n  const orderId = useMemo(() => {\n    return orderDetails?.id;\n  }, [orderDetails]);\n\n  const getEnvironment = ():\n    | 'development'\n    | 'release_us'\n    | 'release_uk'\n    | 'staging' => {\n    const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n    const apiPath = process.env.REACT_APP_API_PATH;\n\n    if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n      return 'release_us';\n    }\n    if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n      return 'development';\n    }\n    if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n      return 'staging';\n    }\n\n    if (projectEnv === 'release_uk') {\n      return 'release_uk';\n    }\n    if (projectEnv === 'release_us') {\n      return 'release_us';\n    }\n    if (projectEnv === 'staging') {\n      return 'staging';\n    }\n    return 'development';\n  };\n\n  const getBaseUrl = (): string => {\n    const environment = getEnvironment();\n    switch (environment) {\n      case 'release_uk':\n      case 'release_us':\n        return 'https://us.toolbox.bjshomedelivery.com/api/v1/gsit';\n      case 'staging':\n        return 'https://staging.toolbox.bjshomedelivery.com/api/v1/gsit';\n      default:\n        return 'https://development.toolbox.bjshomedelivery.com/api/v1/gsit';\n    }\n  };\n\n  const getUrl = (option: string) => {\n    const val = option?.toLowerCase()?.replaceAll(' ', '');\n    const baseUrl = getBaseUrl();\n\n    if (!gsitId) {\n      console.error('Missing orderId. Cannot generate Return Labels URL.');\n      return '';\n    }\n    if (val === 'returnlabels') {\n      return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;\n    } else {\n      return '';\n    }\n  };\n\n  const handleSelectChange = (selectedOption: any) => {\n    const selectedValue = selectedOption?.value;\n    const baseEndpoint = getBaseEndpoint();\n    if (selectedValue) {\n      //return\n      if (selectedValue === 'returncovernote') {\n        window.open(\n          `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n          '_blank'\n        );\n        //proof\n      } else if (selectedValue === 'proofofdelivery') {\n        window.open(\n          `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,\n          '_blank'\n        );\n      } else {\n        const url = getUrl(selectedValue);\n        window.open(url, '_blank');\n      }\n    }\n  };\n\n  // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {\n  //   proofofdelivery: 'deliver',\n  //   returnlabels: 'return',\n  //   returncovernote: 'collect',\n  // };\n\n  // const isOptionDisabled = (optionValue: string) => {\n  //   const labels = orderDetails?.labels || {};\n  //   const labelKey = optionToLabelKey[optionValue];\n\n  //   if (!labelKey) return false;\n  //   return !labels[labelKey];\n  // };\n\n  const filteredOptions = PrintMenu?.map((option: any) => ({\n    key: option.value,\n    label: option.label,\n    value: option.value,\n  }));\n\n  const menuItems = {\n    items: filteredOptions?.map((option: any) => {\n      // const disabled = isOptionDisabled(option.value);\n\n      return {\n        key: option.value,\n        label: (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n              // if (!disabled) {\n                handleSelectChange(option);\n              // }\n            }}\n            // style={{\n            //   color: disabled ? '#bfbfbf' : undefined,\n            //   cursor: disabled ? 'not-allowed' : 'pointer',\n            // }}\n          >\n            {option.label}\n          </div>\n        ),\n        // disabled,\n      };\n    }),\n  };\n\n  return (\n    <Container>\n      <Dropdown menu={menuItems} trigger={['hover']}>\n        <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n          <StyledSpace>\n            PRINT\n            <ArrowDownIcon fill={'#f0f2f2'} />\n          </StyledSpace>\n        </a>\n      </Dropdown>\n    </Container>\n  );\n}\n\nconst Container = 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 Print;\n"],"names":["Print","orderDetails","useOrderDetails","gsitId","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getUrl","option","val","baseUrl","handleSelectChange","selectedOption","selectedValue","baseEndpoint","getBaseEndpoint","url","menuItems","PrintMenu","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAQA,SAASA,IAAQ;AACf,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAASF,GAAc,eAEvBG,IAAUC,EAAQ,MACfJ,GAAc,IACpB,CAACA,CAAY,CAAC,GAEXK,IAAiB,MAIN;AACf,UAAMC,IAAa,QAAA,IAAY,uBACzBC,IAAU,QAAA,IAAY;AAE5B,WAAIA,MAAY,2CACP,eAELA,MAAY,oDACP,gBAELA,MAAY,gDACP,YAGLD,MAAe,eACV,eAELA,MAAe,eACV,eAELA,MAAe,YACV,YAEF;AAAA,EACT,GAEME,IAAa,MAAc;AAE/B,YADoBH,EAAA,GACZ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAEMI,IAAS,CAACC,MAAmB;AACjC,UAAMC,IAAMD,GAAQ,YAAA,GAAe,WAAW,KAAK,EAAE,GAC/CE,IAAUJ,EAAA;AAEhB,WAAKN,IAIDS,MAAQ,iBACH,GAAGC,CAAO,0DAA0DV,CAAM,KAE1E,MANP,QAAQ,MAAM,qDAAqD,GAC5D;AAAA,EAOX,GAEMW,IAAqB,CAACC,MAAwB;AAClD,UAAMC,IAAgBD,GAAgB,OAChCE,IAAeC,EAAA;AACrB,QAAIF;AAEF,UAAIA,MAAkB;AACpB,eAAO;AAAA,UACL,GAAGC,CAAY,wCAAwCb,CAAO;AAAA,UAC9D;AAAA,QAAA;AAAA,eAGOY,MAAkB;AAC3B,eAAO;AAAA,UACL,GAAGC,CAAY,mCAAmCb,CAAO;AAAA,UACzD;AAAA,QAAA;AAAA,WAEG;AACL,cAAMe,IAAMT,EAAOM,CAAa;AAChC,eAAO,KAAKG,GAAK,QAAQ;AAAA,MAC3B;AAAA,EAEJ,GAsBMC,IAAY;AAAA,IAChB,OAPsBC,GAAW,IAAI,CAACV,OAAiB;AAAA,MACvD,KAAKA,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd,GAGwB,IAAI,CAACA,OAGpB;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAAC,MAAK;AACZ,YAAAA,EAAE,gBAAA,GAEAT,EAAmBH,CAAM;AAAA,UAE7B;AAAA,UAMC,UAAAA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,IACV,EAIL;AAAA,EAAA;AAGH,SACE,gBAAAW,EAACE,KACC,4BAACC,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAE,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAI,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAL,EAACM,GAAA,EAAc,MAAM,WAAW;AAAA,EAAA,GAClC,EAAA,CACF,EAAA,CACF,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO,OAEnBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/general-information/index.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "./Status.js";
+import o from "styled-components";
+function d({ statusDataLoading: t }) {
+  return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(e, { statusDataLoading: t }) });
+}
+const i = o.div``;
+export {
+  d as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/general-information/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/general-information/index.tsx"],"sourcesContent":["import React from 'react';\nimport Status from './Status';\nimport styled from 'styled-components';\n// import DropDownOptions from './dropdowns';\n\nfunction GeneralHeader({ statusDataLoading }: any) {\n  return (\n    <Section>\n      <Status statusDataLoading={statusDataLoading} />\n      {/* <DropDownOptions /> */}\n    </Section>\n  );\n}\n\nconst Section = styled.div``;\n\nexport default GeneralHeader;\n"],"names":["GeneralHeader","statusDataLoading","jsx","Section","Status","styled"],"mappings":";;;AAKA,SAASA,EAAc,EAAE,mBAAAC,KAA0B;AACjD,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAO,mBAAAH,GAAsC,GAEhD;AAEJ;AAEA,MAAME,IAAUE,EAAO;"}

package/dist/components/order-view/generic-table/AuditLogs.js

@@ -0,0 +1,83 @@
+import { jsx as e, jsxs as a, Fragment as n } from "react/jsx-runtime";
+import o from "styled-components";
+import { Skeleton as c } from "antd";
+import { PrivateIcon as s, formatUtcToLocal as d } from "@bjsdistribution/dms-component-library";
+import { NotesTableData as h } from "../notes/logs/fakeData.js";
+import { usegetNotes as p, useAuditLogLoadingState as m } from "../store.js";
+const v = () => {
+  const i = h[0]?.tableHead, [r] = p(), [l] = m();
+  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ a("table", { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: i?.map((t) => /* @__PURE__ */ e("th", { children: t.label }, t.key)) }) }),
+    /* @__PURE__ */ e("tbody", { children: l ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "noBoder", colSpan: i?.length, children: /* @__PURE__ */ e(c, {}) }) }) : r && r?.length > 0 ? r?.map((t) => /* @__PURE__ */ a("tr", { children: [
+      /* @__PURE__ */ a("td", { children: [
+        /* @__PURE__ */ e("div", { className: "bold", title: t?.created_by, children: t?.created_by }),
+        /* @__PURE__ */ e("div", { className: "notesIcon", children: t?.is_private ? /* @__PURE__ */ a(n, { children: [
+          /* @__PURE__ */ e(s, {}),
+          " ",
+          /* @__PURE__ */ e("span", { className: "datetime", children: `${d(t?.created_at).date} @ ${d(t?.created_at).time}` })
+        ] }) : /* @__PURE__ */ e("span", { className: "datetime", children: `${d(t?.created_at).date} @ ${d(t?.created_at).time}` }) }),
+        /* @__PURE__ */ e("div", { children: t?.note_type || "N/A" })
+      ] }),
+      /* @__PURE__ */ e(
+        "td",
+        {
+          dangerouslySetInnerHTML: { __html: t?.description }
+        }
+      )
+    ] }, t?.id)) : /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: i?.length, children: "No data found" }) }) })
+  ] }) }) });
+}, g = o.div``, b = o.div`
+  height: 250px;
+  min-height: 200px;
+  /* overflow: auto; */
+
+  table {
+    border-spacing: 0;
+    width: 100%;
+    text-align: left;
+
+    thead {
+      th {
+        border-bottom: 1px solid rgba(58, 54, 48, 0.25);
+        background: #faf9f9;
+        padding: 14px 12px;
+        color: #3a3630;
+        font-size: 14px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+    tbody {
+      td {
+        color: #667085;
+        font-family: Lato;
+        font-size: 13px;
+        font-weight: 400;
+        line-height: 16px;
+        padding: 10px;
+        border-bottom: 1px solid #efe8e8;
+        word-break: break-word;
+        vertical-align: top;
+
+        .bold {
+          font-weight: 500;
+          font-size: 14px;
+        }
+        .notesIcon {
+          display: flex;
+          align-items: center;
+          gap: 5px;
+
+          .datetime {
+            min-width: 155px;
+          }
+        }
+      }
+    }
+  }
+`;
+export {
+  b as AuditTableWrapper,
+  v as default
+};
+//# sourceMappingURL=AuditLogs.js.map