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

package/dist/components/order-view/notification/OrderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderTemplate.js","sources":["../../../../src/components/order-view/notification/OrderTemplate.tsx"],"sourcesContent":["import { FlagAlert } from '@bjsdistribution/dms-component-library';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { useOrderNotify } from '../order-actions/store';\nimport { useOrderStaticData } from '../store';\nimport { useClientPortal } from '../../store';\n\nfunction OrderTemplate({ orderDetails, routeInfoData }: any) {\n  const [, setOrderCount] = useOrderNotify();\n  // const precall = false;\n  const [orderStaticData] = useOrderStaticData();\n  const statusVal = routeInfoData?.status_value;\n  const [isClientPortal] = useClientPortal();\n  const unholdReasons = orderStaticData?.cancellation_reasons?.map(\n    (x: any) => ({\n      id: x?.id,\n      reason: x?.reason,\n    })\n  );\n\n  const getReasonById = (id: number) => {\n    if (!unholdReasons || unholdReasons?.length === 0) {\n      return 'Reason not found';\n    }\n    const match = unholdReasons?.find((item: any) => item?.id === id);\n    return match ? match?.reason : 'Reason not found';\n  };\n\n  const reason = getReasonById(orderDetails?.order_cancellations?.reason_id);\n\n  const [alertVisibility, setAlertVisibility] = useState({\n    isHoldVisible: true,\n    isCompleted: true,\n    isOutstanding: true,\n    isAwaitingConfirmation: true,\n    isAwaitingRoute: true,\n    isCancelled: true,\n    isEnroute: true,\n    isPreCall: true,\n    isConfirmed: true,\n    isPostcode: true,\n    isSubcontracted: true,\n    isRouted: true,\n    isOnSite: true,\n    isFailed: true,\n  });\n\n  // useEffect(() => {\n  //   if (precall) {\n  //     setOrderCount(prevCount => prevCount + 1);\n  //   }\n  // }, [precall]);\n\n  //on close alert functionality\n  const onCloseAlert = (alertType: string) => {\n    setAlertVisibility(prev => ({\n      ...prev,\n      [alertType]: false,\n    }));\n    setOrderCount(0);\n  };\n\n  return (\n    <>\n      {/* order_red_cross_alerts */}\n      {!isClientPortal && routeInfoData?.order_red_cross_alerts?.length > 0 && (\n        <FlagAlert\n          type=\"error\"\n          title=\"\"\n          description={\n            <FlagsStyle>\n              <div className=\"redCross\">\n                <div\n                  className=\"spanStyle\"\n                  dangerouslySetInnerHTML={{\n                    __html: routeInfoData?.order_red_cross_alerts,\n                  }}\n                />\n              </div>\n            </FlagsStyle>\n          }\n          showOkButton={false}\n          onClose={() => onCloseAlert('isPostcode')}\n        />\n      )}\n\n      {statusVal == 'on hold' && alertVisibility?.isHoldVisible && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"warn\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={''}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isHoldVisible')}\n          />\n        </StyledAlert>\n      )}\n      {statusVal == 'complete' && alertVisibility.isCompleted && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"success\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={''}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isCompleted')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'outstanding' && alertVisibility.isOutstanding && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"release\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isOutstanding')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'awaiting confirmation' &&\n        alertVisibility.isAwaitingConfirmation && (\n          <StyledAlert>\n            <FlagAlert\n              type=\"info\"\n              title={\n                <div\n                  dangerouslySetInnerHTML={{\n                    __html: routeInfoData?.order_info_alerts,\n                  }}\n                ></div>\n              }\n              description={``}\n              showOkButton={false}\n              onClose={() => onCloseAlert('isAwaitingConfirmation')}\n            />\n          </StyledAlert>\n        )}\n      {statusVal == 'awaiting route' && alertVisibility.isAwaitingRoute && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isAwaitingRoute')}\n          />\n        </StyledAlert>\n      )}\n      {statusVal == 'cancelled' && alertVisibility.isCancelled && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={reason}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isCancelled')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'confirmed' && alertVisibility.isConfirmed && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isConfirmed')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'subcontracted' && alertVisibility.isSubcontracted && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isRouted')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'enroute' && alertVisibility.isEnroute && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isEnroute')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'routed' && alertVisibility.isRouted && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isRouted')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'precalled' && alertVisibility.isPreCall && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isPreCall')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'on site' && alertVisibility.isOnSite && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isOnSite')}\n          />\n        </StyledAlert>\n      )}\n\n      {statusVal == 'failed' && alertVisibility.isFailed && (\n        <StyledAlert>\n          <FlagAlert\n            type=\"info\"\n            title={\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: routeInfoData?.order_info_alerts,\n                }}\n              ></div>\n            }\n            description={``}\n            showOkButton={false}\n            onClose={() => onCloseAlert('isFailed')}\n          />\n        </StyledAlert>\n      )}\n\n      {/* order_warnings_alerts */}\n      {!isClientPortal && routeInfoData?.order_warnings_alerts?.length > 0 && (\n        <FlagAlert\n          type=\"warn\"\n          title=\"\"\n          description={\n            <FlagsStyle>\n              <div className=\"\">\n                <div\n                  dangerouslySetInnerHTML={{\n                    __html: routeInfoData?.order_warnings_alerts,\n                  }}\n                />\n              </div>\n            </FlagsStyle>\n          }\n          showOkButton={false}\n          onClose={() => onCloseAlert('isPostcode')}\n        />\n      )}\n\n      {/* order_green_check_alerts */}\n      {!isClientPortal && routeInfoData?.order_green_check_alerts?.length > 0 && (\n        <FlagAlert\n          type=\"success\"\n          title=\"\"\n          description={\n            <FlagsStyle>\n              <div className=\"\">\n                <div\n                  dangerouslySetInnerHTML={{\n                    __html: routeInfoData?.order_green_check_alerts,\n                  }}\n                />\n              </div>\n            </FlagsStyle>\n          }\n          showOkButton={false}\n          onClose={() => onCloseAlert('isPostcode')}\n        />\n      )}\n\n      {!isClientPortal &&\n        routeInfoData?.same_postcode_orders &&\n        alertVisibility.isPostcode && (\n          <FlagAlert\n            type=\"info\"\n            title=\"\"\n            description={\n              <FlagsStyle>\n                <div className=\"postcode-alert-content\">\n                  <div\n                    dangerouslySetInnerHTML={{\n                      __html: routeInfoData?.same_postcode_orders,\n                    }}\n                  />\n                </div>\n              </FlagsStyle>\n            }\n            showOkButton={false}\n            onClose={() => onCloseAlert('isPostcode')}\n          />\n        )}\n    </>\n  );\n}\n\nconst FlagsStyle = styled.div`\n  .redCross {\n    font-size: 13px;\n    margin-top: 4px;\n  }\n  .postcode-alert-content {\n    > div {\n      > h4 {\n        color: #3a3630;\n        font-family: Lato;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: 18px;\n      }\n    }\n    ul {\n      margin-bottom: 0;\n    }\n\n    li {\n      border-radius: 6px;\n      list-style-type: none;\n      > a {\n        color: #6396e5;\n        font-family: Roboto;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 24px;\n        text-decoration: none;\n      }\n      > strong {\n        > a {\n          color: #6396e5;\n\n          font-family: Roboto;\n          font-size: 14px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 24px;\n          text-decoration: none;\n        }\n      }\n    }\n\n    li.outstanding strong,\n    li.awaiting_confirmation strong,\n    li.awaiting_route strong {\n      font-family: Roboto, sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 24px;\n      font-style: normal;\n    }\n    li.routed strong {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n\n    li.outstanding strong {\n      color: #e95252;\n    }\n    li.awaiting_confirmation strong {\n      color: #6396e5;\n    }\n    li.awaiting_route strong {\n      color: #36a053;\n    }\n    li.confirmed strong {\n      color: #36a053;\n    }\n    li.enroute strong {\n      color: #36a053;\n    }\n    li.cancelled strong {\n      color: #e95252;\n    }\n    li.complete strong {\n      color: #36a053;\n    }\n    li.on_hold strong {\n      color: #feba30;\n    }\n    li.routed strong {\n      color: #3a3630;\n    }\n    span {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n  }\n`;\n\nconst StyledAlert = styled.div`\n  margin-bottom: 5px;\n`;\n\nexport default OrderTemplate;\n"],"names":["OrderTemplate","orderDetails","routeInfoData","setOrderCount","useOrderNotify","orderStaticData","useOrderStaticData","statusVal","isClientPortal","useClientPortal","unholdReasons","x","reason","id","match","item","alertVisibility","setAlertVisibility","useState","onCloseAlert","alertType","prev","jsxs","Fragment","jsx","FlagAlert","FlagsStyle","StyledAlert","styled"],"mappings":"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"}

package/dist/components/order-view/notification/ReminderTemplate.js

@@ -0,0 +1,75 @@
+import { jsx as o, Fragment as h, jsxs as t } from "react/jsx-runtime";
+import { useCurrentAction as y } from "../store.js";
+import { FlagAlert as $, formatUtcToLocal as n } from "@bjsdistribution/dms-component-library";
+import i from "styled-components";
+import { useReminderRefId as a } from "../order-actions/store.js";
+import { useClientPortal as b } from "../../store.js";
+function B({ data: e, dismissReminder: r }) {
+  const [, s] = y(), [, l] = a(), [c] = b(), m = () => {
+    s("view-reminder");
+  }, d = (u) => {
+    l(u), m();
+  }, f = e?.status === !0 ? "success" : e?.status === !1 ? "warn" : "info", p = e?.status === !0 ? "#36A053" : e?.staus === !1 ? "#FEBA30" : "#3A3630";
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+    $,
+    {
+      type: f,
+      title: /* @__PURE__ */ o(h, { children: /* @__PURE__ */ t(C, { color: p, children: [
+        "Reminder:",
+        /* @__PURE__ */ t(
+          _,
+          {
+            onClick: () => d(e.id),
+            $disable: c || !1,
+            children: [
+              " ",
+              e?.reference || "NA",
+              " "
+            ]
+          }
+        ),
+        "(Due -",
+        " ",
+        `${n(e?.due_datetime)?.date}  ${n(e?.due_datetime)?.time}`,
+        ")",
+        e?.assigned_to && /* @__PURE__ */ t("div", { children: [
+          "Assigned to: ",
+          e.assigned_to
+        ] }),
+        e?.completed_at && /* @__PURE__ */ t("div", { children: [
+          "Completed On:",
+          " ",
+          `${n(e.completed_at)?.date} ${n(e.completed_at)?.time}`
+        ] }),
+        e?.completed_by && /* @__PURE__ */ t("div", { children: [
+          "By: ",
+          e.completed_by
+        ] })
+      ] }) }),
+      description: `${e?.description}`,
+      showOkButton: !1,
+      onClose: () => r(e.id)
+    }
+  ) }) });
+}
+const A = i.div`
+  margin-bottom: 10px;
+`, C = i.span`
+  color: ${({ color: e }) => e};
+  font-family: Roboto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+`, _ = i.span`
+  color: var(--contextual-blue, #6396e5);
+  font-family: Roboto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  cursor: ${(e) => e?.$disable ? "auto" : "pointer"};
+  ${(e) => e?.$disable && "pointer-events: none;"};
+`;
+export {
+  B as default
+};
+//# sourceMappingURL=ReminderTemplate.js.map

package/dist/components/order-view/notification/ReminderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReminderTemplate.js","sources":["../../../../src/components/order-view/notification/ReminderTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { useCurrentAction } from '../store';\nimport {\n  FlagAlert,\n  formatUtcToLocal,\n} from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { useReminderRefId } from '../order-actions/store';\nimport { useClientPortal } from '../../store';\n\nfunction ReminderTemplate({ data, dismissReminder }: any) {\n  const [, setCurrentAction] = useCurrentAction();\n  const [, setReminderRefId] = useReminderRefId();\n  const [isClientPortal] = useClientPortal();\n  const openModal = () => {\n    setCurrentAction('view-reminder');\n  };\n\n  //getting particular reminder data\n  const handleClick = (Id: number) => {\n    setReminderRefId(Id);\n    openModal();\n  };\n\n  const type =\n    data?.status === true\n      ? 'success'\n      : data?.status === false\n      ? 'warn'\n      : 'info';\n\n  const titleColor =\n    data?.status === true\n      ? '#36A053'\n      : data?.staus === false\n      ? '#FEBA30'\n      : '#3A3630';\n\n  return (\n    <div>\n      <StyledAlert>\n        <FlagAlert\n          type={type}\n          title={\n            <>\n              <StyledTitle color={titleColor}>\n                Reminder:\n                <StyledLink\n                  onClick={() => handleClick(data.id)}\n                  $disable={isClientPortal || false}\n                >\n                  {' '}\n                  {data?.reference || 'NA'}{' '}\n                </StyledLink>\n                (Due -{' '}\n                {`${formatUtcToLocal(data?.due_datetime)?.date}  ${\n                  formatUtcToLocal(data?.due_datetime)?.time\n                }`}\n                )\n                {data?.assigned_to && (\n                  <div>Assigned to: {data.assigned_to}</div>\n                )}\n                {data?.completed_at && (\n                  <div>\n                    Completed On:{' '}\n                    {`${formatUtcToLocal(data.completed_at)?.date} ${\n                      formatUtcToLocal(data.completed_at)?.time\n                    }`}\n                  </div>\n                )}\n                {data?.completed_by && <div>By: {data.completed_by}</div>}\n              </StyledTitle>\n            </>\n          }\n          description={`${data?.description}`}\n          showOkButton={false}\n          onClose={() => dismissReminder(data.id)}\n        />\n      </StyledAlert>\n    </div>\n  );\n}\nconst StyledAlert = styled.div`\n  margin-bottom: 10px;\n`;\n\nconst StyledTitle = styled.span<{ color: string }>`\n  color: ${({ color }) => color};\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n`;\n\nconst StyledLink = styled.span<{ $disable: boolean }>`\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  cursor: ${props => (props?.$disable ? 'auto' : 'pointer')};\n  ${props => props?.$disable && `pointer-events: none;`};\n`;\n\nexport default ReminderTemplate;\n"],"names":["ReminderTemplate","data","dismissReminder","setCurrentAction","useCurrentAction","setReminderRefId","useReminderRefId","isClientPortal","useClientPortal","openModal","handleClick","Id","type","titleColor","jsx","StyledAlert","FlagAlert","Fragment","jsxs","StyledTitle","StyledLink","formatUtcToLocal","styled","color","props"],"mappings":";;;;;;AAUA,SAASA,EAAiB,EAAE,MAAAC,GAAM,iBAAAC,KAAwB;AACxD,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAc,IAAIC,EAAA,GACnBC,IAAY,MAAM;AACtB,IAAAN,EAAiB,eAAe;AAAA,EAClC,GAGMO,IAAc,CAACC,MAAe;AAClC,IAAAN,EAAiBM,CAAE,GACnBF,EAAA;AAAA,EACF,GAEMG,IACJX,GAAM,WAAW,KACb,YACAA,GAAM,WAAW,KACjB,SACA,QAEAY,IACJZ,GAAM,WAAW,KACb,YACAA,GAAM,UAAU,KAChB,YACA;AAEN,SACE,gBAAAa,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAAJ;AAAA,MACA,OACE,gBAAAE,EAAAG,GAAA,EACE,UAAA,gBAAAC,EAACC,GAAA,EAAY,OAAON,GAAY,UAAA;AAAA,QAAA;AAAA,QAE9B,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAS,MAAMV,EAAYT,EAAK,EAAE;AAAA,YAClC,UAAUM,KAAkB;AAAA,YAE3B,UAAA;AAAA,cAAA;AAAA,cACAN,GAAM,aAAa;AAAA,cAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QACf;AAAA,QACN;AAAA,QACN,GAAGoB,EAAiBpB,GAAM,YAAY,GAAG,IAAI,KAC5CoB,EAAiBpB,GAAM,YAAY,GAAG,IACxC;AAAA,QAAG;AAAA,QAEFA,GAAM,eACL,gBAAAiB,EAAC,OAAA,EAAI,UAAA;AAAA,UAAA;AAAA,UAAcjB,EAAK;AAAA,QAAA,GAAY;AAAA,QAErCA,GAAM,gBACL,gBAAAiB,EAAC,OAAA,EAAI,UAAA;AAAA,UAAA;AAAA,UACW;AAAA,UACb,GAAGG,EAAiBpB,EAAK,YAAY,GAAG,IAAI,IAC3CoB,EAAiBpB,EAAK,YAAY,GAAG,IACvC;AAAA,QAAA,GACF;AAAA,QAEDA,GAAM,gBAAgB,gBAAAiB,EAAC,OAAA,EAAI,UAAA;AAAA,UAAA;AAAA,UAAKjB,EAAK;AAAA,QAAA,EAAA,CAAa;AAAA,MAAA,EAAA,CACrD,EAAA,CACF;AAAA,MAEF,aAAa,GAAGA,GAAM,WAAW;AAAA,MACjC,cAAc;AAAA,MACd,SAAS,MAAMC,EAAgBD,EAAK,EAAE;AAAA,IAAA;AAAA,EAAA,GAE1C,EAAA,CACF;AAEJ;AACA,MAAMc,IAAcO,EAAO;AAAA;AAAA,GAIrBH,IAAcG,EAAO;AAAA,WAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA,GAOzBH,IAAaE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMd,CAAAE,MAAUA,GAAO,WAAW,SAAS,SAAU;AAAA,IACvD,CAAAA,MAASA,GAAO,YAAY,uBAAuB;AAAA;"}

package/dist/components/order-view/notification/Tabs.js

@@ -0,0 +1,91 @@
+import { jsx as e, Fragment as i, jsxs as o } from "react/jsx-runtime";
+import h from "styled-components";
+import { useTabType as N, useOrderDetails as j } from "../store.js";
+import v from "./OrderTemplate.js";
+import l from "./FlagTemplate.js";
+import c from "./ReminderTemplate.js";
+function E({
+  activeTasks: d,
+  closedTasks: u,
+  activeReminders: p,
+  closedReminders: x,
+  dismissReminder: n,
+  dismissFlags: r,
+  routeInfoData: T
+}) {
+  const [m] = N(), [b] = j(), s = d?.slice(0, 3), g = d?.slice(3), f = p?.slice(0, 3), y = p?.slice(3);
+  return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ o(C, { className: "tab-content", children: [
+    m === "active" && /* @__PURE__ */ o(i, { children: [
+      /* @__PURE__ */ e(
+        v,
+        {
+          orderDetails: b,
+          routeInfoData: T
+        }
+      ),
+      f?.map((t, a) => /* @__PURE__ */ e(
+        c,
+        {
+          data: t,
+          dismissReminder: n
+        },
+        a
+      )),
+      s?.map((t, a) => /* @__PURE__ */ e(
+        l,
+        {
+          data: t,
+          dismissFlags: r
+        },
+        a
+      )),
+      /* @__PURE__ */ o(i, { children: [
+        y?.map((t, a) => /* @__PURE__ */ e(
+          c,
+          {
+            data: t,
+            dismissReminder: n
+          },
+          a + f.length
+        )),
+        g?.map((t, a) => /* @__PURE__ */ e(
+          l,
+          {
+            data: t,
+            dismissFlags: r
+          },
+          a + s.length
+        ))
+      ] })
+    ] }),
+    m === "closed" && /* @__PURE__ */ o(i, { children: [
+      x?.map((t, a) => /* @__PURE__ */ e(
+        c,
+        {
+          data: t,
+          dismissReminder: n
+        },
+        a
+      )),
+      u?.map((t, a) => /* @__PURE__ */ e(
+        l,
+        {
+          data: t,
+          dismissFlags: r
+        },
+        a
+      ))
+    ] })
+  ] }) }) });
+}
+const C = h.div`
+  gap: 10px;
+  display: grid;
+`, D = h.div`
+  display: flex;
+  flex-direction: column;
+`;
+export {
+  E as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/order-view/notification/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/order-view/notification/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails, useTabType } from '../store';\nimport OrderTemplate from './OrderTemplate';\nimport FlagTemplate from './FlagTemplate';\nimport ReminderTemplate from './ReminderTemplate';\n\nfunction Tabs({\n  activeTasks,\n  closedTasks,\n  activeReminders,\n  closedReminders,\n  dismissReminder,\n  dismissFlags,\n  routeInfoData,\n}: any) {\n  const [activeTab] = useTabType();\n  const [orderDetails] = useOrderDetails();\n  const initialNotifications = activeTasks?.slice(0, 3);\n  const additionalNotifications = activeTasks?.slice(3);\n  const initialReminders = activeReminders?.slice(0, 3);\n  const additionalReminders = activeReminders?.slice(3);\n\n  return (\n    <>\n      <Content>\n        <Container className=\"tab-content\">\n          {activeTab === 'active' && (\n            <>\n              <OrderTemplate\n                orderDetails={orderDetails}\n                routeInfoData={routeInfoData}\n              />\n              {initialReminders?.map((item: any, index: any) => (\n                <ReminderTemplate\n                  key={index}\n                  data={item}\n                  dismissReminder={dismissReminder}\n                />\n              ))}\n              {initialNotifications?.map((item: any, index: any) => (\n                <FlagTemplate\n                  key={index}\n                  data={item}\n                  dismissFlags={dismissFlags}\n                />\n              ))}\n              <>\n                {additionalReminders?.map((item: any, index: any) => (\n                  <ReminderTemplate\n                    key={index + initialReminders.length}\n                    data={item}\n                    dismissReminder={dismissReminder}\n                  />\n                ))}\n                {additionalNotifications?.map((item: any, index: any) => (\n                  <FlagTemplate\n                    key={index + initialNotifications.length}\n                    data={item}\n                    dismissFlags={dismissFlags}\n                  />\n                ))}\n              </>\n            </>\n          )}\n          {activeTab === 'closed' && (\n            <>\n              {closedReminders?.map((item: any, index: any) => (\n                <ReminderTemplate\n                  key={index}\n                  data={item}\n                  dismissReminder={dismissReminder}\n                />\n              ))}\n              {closedTasks?.map((item: any, index: any) => (\n                <FlagTemplate\n                  key={index}\n                  data={item}\n                  dismissFlags={dismissFlags}\n                />\n              ))}\n            </>\n          )}\n        </Container>\n      </Content>\n    </>\n  );\n}\nconst Container = styled.div`\n  gap: 10px;\n  display: grid;\n`;\n\nconst Content = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\nexport default Tabs;\n"],"names":["Tabs","activeTasks","closedTasks","activeReminders","closedReminders","dismissReminder","dismissFlags","routeInfoData","activeTab","useTabType","orderDetails","useOrderDetails","initialNotifications","additionalNotifications","initialReminders","additionalReminders","jsx","Content","jsxs","Container","Fragment","OrderTemplate","item","index","ReminderTemplate","FlagTemplate","styled"],"mappings":";;;;;;AAOA,SAASA,EAAK;AAAA,EACZ,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACF,GAAQ;AACN,QAAM,CAACC,CAAS,IAAIC,EAAA,GACd,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAAuBX,GAAa,MAAM,GAAG,CAAC,GAC9CY,IAA0BZ,GAAa,MAAM,CAAC,GAC9Ca,IAAmBX,GAAiB,MAAM,GAAG,CAAC,GAC9CY,IAAsBZ,GAAiB,MAAM,CAAC;AAEpD,gCAEI,UAAA,gBAAAa,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAU,WAAU,eAClB,UAAA;AAAA,IAAAX,MAAc,YACb,gBAAAU,EAAAE,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,cAAAX;AAAA,UACA,eAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDO,GAAkB,IAAI,CAACQ,GAAWC,MACjC,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UAEC,MAAMF;AAAA,UACN,iBAAAjB;AAAA,QAAA;AAAA,QAFKkB;AAAA,MAAA,CAIR;AAAA,MACAX,GAAsB,IAAI,CAACU,GAAWC,MACrC,gBAAAP;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,MAAMH;AAAA,UACN,cAAAhB;AAAA,QAAA;AAAA,QAFKiB;AAAA,MAAA,CAIR;AAAA,MACD,gBAAAL,EAAAE,GAAA,EACG,UAAA;AAAA,QAAAL,GAAqB,IAAI,CAACO,GAAWC,MACpC,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,MAAMF;AAAA,YACN,iBAAAjB;AAAA,UAAA;AAAA,UAFKkB,IAAQT,EAAiB;AAAA,QAAA,CAIjC;AAAA,QACAD,GAAyB,IAAI,CAACS,GAAWC,MACxC,gBAAAP;AAAA,UAACS;AAAA,UAAA;AAAA,YAEC,MAAMH;AAAA,YACN,cAAAhB;AAAA,UAAA;AAAA,UAFKiB,IAAQX,EAAqB;AAAA,QAAA,CAIrC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAEDJ,MAAc,YACb,gBAAAU,EAAAE,GAAA,EACG,UAAA;AAAA,MAAAhB,GAAiB,IAAI,CAACkB,GAAWC,MAChC,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UAEC,MAAMF;AAAA,UACN,iBAAAjB;AAAA,QAAA;AAAA,QAFKkB;AAAA,MAAA,CAIR;AAAA,MACArB,GAAa,IAAI,CAACoB,GAAWC,MAC5B,gBAAAP;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,MAAMH;AAAA,UACN,cAAAhB;AAAA,QAAA;AAAA,QAFKiB;AAAA,MAAA,CAIR;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,GACF,GACF;AAEJ;AACA,MAAMJ,IAAYO,EAAO;AAAA;AAAA;AAAA,GAKnBT,IAAUS,EAAO;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/notification/index.js

@@ -0,0 +1,322 @@
+import { jsx as t, Fragment as E, jsxs as a } from "react/jsx-runtime";
+import { SectionHeader as ie, useAxios as m } from "@bjsdistribution/dms-component-library";
+import { useState as g, useEffect as s } from "react";
+import re from "./Tabs.js";
+import r from "styled-components";
+import { useTabType as oe, useInfoType as de, useOrderDetails as ne, useRouteId as le, useOrderAlertsData as ce, useOrderId as fe } from "../store.js";
+import pe from "../../../assets/icons/NotifyFlag.js";
+import { useTasksData as ue, useReminderNotiData as he, useRouteDetails as me, useOrderNotify as ge, useAllOrderStatus as ve } from "../order-actions/store.js";
+import { useSearchParams as be, useParams as xe } from "react-router-dom";
+import { useClientPortal as ye } from "../../store.js";
+import { Skeleton as o } from "antd";
+function je() {
+  const [d, z] = oe(), [, G] = de(), [u] = ne(), [l, L] = ue(), [c, $] = he(), [, j] = me(), [, U] = ge(), [D, A] = g([]), [T, k] = g([]), [w, I] = g([]), [R, C] = g([]), [v] = le(), [, H] = ve(), [M] = be(), [V, W] = ce(), q = M.get("order"), { id: B } = xe(), [n, S] = fe(), J = u?.order_routes?.route_id, [N] = ye();
+  s(() => {
+    if (q)
+      S(B);
+    else {
+      const e = location.pathname.split("/");
+      S(e[e?.length - 1]);
+    }
+  }, []);
+  const {
+    data: f,
+    loading: O,
+    fetchData: K
+  } = m({
+    endpoint: "/v1/task/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: N ? [
+      { field: "is_private", op: "=", value: "false" },
+      { field: "order_id", op: "=", value: n }
+    ] : [{ field: "order_id", op: "=", value: n }]
+  }), {
+    data: h,
+    loading: Q,
+    fetchData: X
+  } = m({
+    endpoint: "/v1/task/reminder/get/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: [{ field: "order_id", op: "=", value: n }]
+  });
+  s(() => {
+    h && h?.data && $(h?.data);
+  }, [h]), s(() => {
+    H(u?.status_value);
+  }, [u?.status_value]);
+  const _ = (e) => {
+    z(e), U(1), G(!1);
+  };
+  s(() => {
+    f && f?.data && L(f?.data);
+  }, [O, f]);
+  const { data: b, fetchData: Y } = m({
+    endpoint: `route/${J}`,
+    method: "GET"
+  });
+  s(() => {
+    v != null && Y();
+  }, [v]);
+  const {
+    data: x,
+    fetchData: Z,
+    loading: F
+  } = m({
+    endpoint: `v1/orders/alerts/?order_id=${n}`,
+    method: "GET"
+  });
+  s(() => {
+    x && x?.data && W(x?.data);
+  }, [F]), s(() => {
+    (async () => {
+      if (n != null)
+        try {
+          !N && await X(), await K(), await Z();
+        } catch (i) {
+          console.error("Error while fetching order-related data:", i);
+        }
+    })();
+  }, [n]), s(() => {
+    if (b && b?.data) {
+      const e = b?.data[0];
+      j(e);
+    }
+  }, []), s(() => {
+    l?.length > 0 && (I(l?.filter((e) => e.status !== "SD")), C(l?.filter((e) => e?.status === "SD")));
+  }, [l, f]), s(() => {
+    c?.length > 0 && (A(
+      c?.filter((e) => e.status === !1)
+    ), k(
+      c?.filter((e) => e?.status === !0)
+    ));
+  }, [c]);
+  const ee = (e) => {
+    I((i) => i?.filter((y) => y.id !== e)), C((i) => i?.filter((y) => y.id !== e));
+  }, te = (e) => {
+    A(
+      (i) => i?.filter((p) => p.id !== e)
+    ), k(
+      (i) => i?.filter((p) => p.id !== e)
+    );
+  }, ae = w?.filter((e) => e.status !== "SD")?.length + D?.length, se = R?.filter((e) => e.status === "SD")?.length + T?.length;
+  return /* @__PURE__ */ t(E, { children: /* @__PURE__ */ a(Ie, { children: [
+    /* @__PURE__ */ a(De, { className: "notification-header", children: [
+      /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(pe, {}) }),
+      /* @__PURE__ */ t(Re, { label: "NOTIFICATIONS" }),
+      /* @__PURE__ */ a(Te, { className: "tab-buttons", children: [
+        /* @__PURE__ */ a(
+          P,
+          {
+            active: d === "active",
+            onClick: () => _("active"),
+            children: [
+              "Active",
+              /* @__PURE__ */ t(ke, { children: ae })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          P,
+          {
+            active: d === "closed",
+            onClick: () => _("closed"),
+            children: [
+              "Closed",
+              /* @__PURE__ */ t(we, { children: se })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    O || Q || F ? /* @__PURE__ */ a(E, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12
+          },
+          children: [
+            /* @__PURE__ */ t(o.Avatar, { active: !0, size: "small", shape: "circle" }),
+            /* @__PURE__ */ t(
+              o.Input,
+              {
+                active: !0,
+                style: {
+                  width: "100%",
+                  height: 12,
+                  borderRadius: 4
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12
+          },
+          children: [
+            /* @__PURE__ */ t(o.Avatar, { active: !0, size: "small", shape: "circle" }),
+            /* @__PURE__ */ t(
+              o.Input,
+              {
+                active: !0,
+                style: {
+                  width: "100%",
+                  height: 12,
+                  borderRadius: 4
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12
+          },
+          children: [
+            /* @__PURE__ */ t(o.Avatar, { active: !0, size: "small", shape: "circle" }),
+            /* @__PURE__ */ t(
+              o.Input,
+              {
+                active: !0,
+                style: {
+                  width: "100%",
+                  height: 12,
+                  borderRadius: 4
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12
+          },
+          children: [
+            /* @__PURE__ */ t(o.Avatar, { active: !0, size: "small", shape: "circle" }),
+            /* @__PURE__ */ t(
+              o.Input,
+              {
+                active: !0,
+                style: {
+                  width: "100%",
+                  height: 12,
+                  borderRadius: 4
+                }
+              }
+            )
+          ]
+        }
+      )
+    ] }) : l?.length > 0 || c?.length > 0 || u ? /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ t(
+      re,
+      {
+        activeTasks: w,
+        closedTasks: R,
+        activeReminders: D,
+        closedReminders: T,
+        dismissReminder: te,
+        dismissFlags: ee,
+        routeInfoData: V
+      }
+    ) }) : "No Notifications Found"
+  ] }) });
+}
+const De = r.div`
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 10px;
+  border-bottom: 1px solid #ccc;
+`, Ae = r.div`
+  padding: 8px;
+  background-color: #3a3630;
+  border-radius: 10px;
+`, Te = r.div`
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 10px;
+`, ke = r.div`
+  color: #ffffff;
+  padding: 1px 5px;
+  background-color: #6396e5;
+  border-radius: 6px;
+`, we = r.div`
+  color: #ffffff;
+  padding: 1px 5px;
+  background-color: #e95252;
+  border-radius: 6px;
+`, P = r.div`
+  display: flex;
+  gap: 5px;
+  cursor: pointer;
+  color: ${(d) => d.active ? "#3a3630" : "#AEA9A1"};
+  border-bottom: ${(d) => d.active ? "2px solid #feba30" : "2px solid #eeeeee"};
+  transition: border-bottom 0.3s ease;
+  font-family: 'Roboto', sans-serif;
+  padding-bottom: 5px;
+  align-items: center;
+`, Ie = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  background: #ffffff;
+  border-radius: 12px;
+  padding: 10px;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+  border: 1px solid #e0e0e0;
+`, Re = r(ie)`
+  border-bottom: 1px solid #ccc;
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px; /* 150% */
+  text-transform: uppercase;
+`, Ce = r.div`
+  /* min-height: 200px; */
+  max-height: 350px;
+  overflow-y: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &:hover {
+    scrollbar-width: thin;
+  }
+
+  &::-webkit-scrollbar {
+    width: 0;
+  }
+
+  &:hover::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+`;
+export {
+  je as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/notification/index.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport Tabs from './Tabs';\nimport styled from 'styled-components';\nimport {\n  useInfoType,\n  useOrderAlertsData,\n  useOrderDetails,\n  useOrderId,\n  useRouteId,\n  useTabType,\n} from '../store';\nimport NotifyFlag from '../../../assets/icons/NotifyFlag';\nimport {\n  useTasksData,\n  useOrderNotify,\n  useReminderNotiData,\n  useRouteDetails,\n  useAllOrderStatus,\n} from '../order-actions/store';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useClientPortal } from '../../store';\nimport { Skeleton } from 'antd';\ntype ReminderResponse = {\n  data: ApiResponse[];\n  stats_count: {\n    pending: number;\n    overdue: number;\n  };\n};\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction Notification() {\n  const [activeTab, setActiveTab] = useTabType();\n  const [, setShowMoreInfo] = useInfoType();\n  const [orderData] = useOrderDetails();\n  const [taskData, setTasksData] = useTasksData();\n  const [reminderNotifyData, setReminderNotifyData] = useReminderNotiData();\n  const [, setRouteData] = useRouteDetails();\n  const [, setCount] = useOrderNotify();\n  const [activeReminders, setActiveReminders] = useState([]);\n  const [closedReminders, setCloseReminders] = useState([]);\n  const [activeTasks, setActiveTasks] = useState([]);\n  const [closedTasks, setCloseTasks] = useState([]);\n  const [idOfRoute] = useRouteId();\n  const [, setStatusVal] = useAllOrderStatus();\n  const [searchParams] = useSearchParams();\n  const [orderAlertsData, setOrderAlertsData] = useOrderAlertsData();\n  const orderIdParams = searchParams.get('order');\n  const { id } = useParams();\n  const [orderId, setOrderId] = useOrderId();\n  const routeId = orderData?.order_routes?.route_id;\n  const [isClientPortal] = useClientPortal();\n\n  useEffect(() => {\n    if (orderIdParams) {\n      setOrderId(id);\n    } else {\n      const paths = location.pathname.split('/');\n      setOrderId(paths[paths?.length - 1]);\n    }\n  }, []);\n\n  //Unresolved API\n  const {\n    data: fetchedUnresolvedData,\n    loading: unresolvedLoading,\n    fetchData: callUnresolvedTaskApi,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: isClientPortal\n      ? [\n          { field: 'is_private', op: '=', value: 'false' },\n          { field: 'order_id', op: '=', value: orderId },\n        ]\n      : [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  //reminder get\n  const {\n    data: fetchedReminderData,\n    loading: reminderLoading,\n    fetchData: callReminderApi,\n  } = useAxios<ReminderResponse>({\n    endpoint: `/v1/task/reminder/get/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: [{ field: 'order_id', op: '=', value: orderId }],\n  });\n\n  //reminder data set\n  useEffect(() => {\n    if (fetchedReminderData && fetchedReminderData?.data) {\n      setReminderNotifyData(fetchedReminderData?.data);\n    }\n  }, [fetchedReminderData]);\n\n  useEffect(() => {\n    setStatusVal(orderData?.status_value);\n  }, [orderData?.status_value]);\n\n  const handleTabChange = (tab: string) => {\n    setActiveTab(tab);\n    //additionally set count\n    setCount(1);\n    setShowMoreInfo(false);\n  };\n  //flags data set\n  useEffect(() => {\n    if (fetchedUnresolvedData && fetchedUnresolvedData?.data) {\n      setTasksData(fetchedUnresolvedData?.data);\n    }\n  }, [unresolvedLoading, fetchedUnresolvedData]);\n\n  // Route API calling...\n  const { data: fetchedData, fetchData: fetchRoute } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `route/${routeId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (idOfRoute !== null && idOfRoute !== undefined) {\n      fetchRoute();\n    }\n  }, [idOfRoute]);\n\n  const {\n    data: alertsData,\n    fetchData: callOrderAlertsApi,\n    loading: alertsApiLoading,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/alerts/?order_id=${orderId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (alertsData && alertsData?.data) {\n      setOrderAlertsData(alertsData?.data);\n    }\n  }, [alertsApiLoading]);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      if (orderId == null) return;\n\n      try {\n        !isClientPortal && (await callReminderApi());\n        await callUnresolvedTaskApi();\n        await callOrderAlertsApi();\n      } catch (error) {\n        console.error('Error while fetching order-related data:', error);\n      }\n    };\n\n    fetchData();\n  }, [orderId]);\n\n  useEffect(() => {\n    if (fetchedData && fetchedData?.data) {\n      const data = fetchedData?.data[0];\n      setRouteData(data);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (taskData?.length > 0) {\n      setActiveTasks(taskData?.filter((item: any) => item.status !== 'SD'));\n      setCloseTasks(taskData?.filter((item: any) => item?.status === 'SD'));\n    }\n  }, [taskData, fetchedUnresolvedData]);\n\n  useEffect(() => {\n    if (reminderNotifyData?.length > 0) {\n      setActiveReminders(\n        reminderNotifyData?.filter((item: any) => item.status === false)\n      );\n      setCloseReminders(\n        reminderNotifyData?.filter((item: any) => item?.status === true)\n      );\n    }\n  }, [reminderNotifyData]);\n\n  //dismiss notifcations\n  const dismissFlags = (id: any) => {\n    setActiveTasks(prevFlags => {\n      const updatedFlags = prevFlags?.filter((flags: any) => flags.id !== id);\n      return updatedFlags;\n    });\n\n    setCloseTasks(prevFlags => {\n      const updatedFlags = prevFlags?.filter((flags: any) => flags.id !== id);\n      return updatedFlags;\n    });\n  };\n\n  const dismissReminder = (id: any) => {\n    setActiveReminders(prevReminders =>\n      prevReminders?.filter((reminder: any) => reminder.id !== id)\n    );\n    setCloseReminders(prevReminders =>\n      prevReminders?.filter((reminder: any) => reminder.id !== id)\n    );\n  };\n\n  const totalActiveCount =\n    activeTasks?.filter((item: any) => item.status !== 'SD')?.length +\n    activeReminders?.length;\n  // orderCount;\n\n  const totalClosedCount =\n    closedTasks?.filter((item: any) => item.status === 'SD')?.length +\n    closedReminders?.length;\n\n  return (\n    <>\n      <Section>\n        <Container className=\"notification-header\">\n          <FlagContainer>\n            <NotifyFlag />\n          </FlagContainer>\n          <Label label=\"NOTIFICATIONS\" />\n          <TabsData className=\"tab-buttons\">\n            <StyledTab\n              active={activeTab === 'active'}\n              onClick={() => handleTabChange('active')}\n            >\n              Active\n              <ActiveCount>{totalActiveCount}</ActiveCount>\n            </StyledTab>\n            <StyledTab\n              active={activeTab === 'closed'}\n              onClick={() => handleTabChange('closed')}\n            >\n              Closed\n              <ClosedCount>{totalClosedCount}</ClosedCount>\n            </StyledTab>\n          </TabsData>\n        </Container>\n        {unresolvedLoading || reminderLoading || alertsApiLoading ? (\n          <>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 12,\n              }}\n            >\n              <Skeleton.Avatar active size=\"small\" shape=\"circle\" />\n              <Skeleton.Input\n                active\n                style={{\n                  width: '100%',\n                  height: 12,\n                  borderRadius: 4,\n                }}\n              />\n            </div>\n          </>\n        ) : taskData?.length > 0 ||\n          reminderNotifyData?.length > 0 ||\n          orderData ? (\n          <TabsWrapper>\n            <Tabs\n              activeTasks={activeTasks}\n              closedTasks={closedTasks}\n              activeReminders={activeReminders}\n              closedReminders={closedReminders}\n              dismissReminder={dismissReminder}\n              dismissFlags={dismissFlags}\n              routeInfoData={orderAlertsData}\n            />\n          </TabsWrapper>\n        ) : (\n          'No Notifications Found'\n        )}\n      </Section>\n    </>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n`;\n\nconst FlagContainer = styled.div`\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n`;\n\nconst TabsData = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n`;\n\nconst ActiveCount = styled.div`\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n`;\n\nconst ClosedCount = styled.div`\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n`;\n\nconst StyledTab = styled.div<{ active: boolean }>`\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ${props => (props.active ? '#3a3630' : '#AEA9A1')};\n  border-bottom: ${props =>\n    props.active ? '2px solid #feba30' : '2px solid #eeeeee'};\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n`;\n\nconst Section = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n`;\n\nconst Label = styled(SectionHeader)`\n  border-bottom: 1px solid #ccc;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n  text-transform: uppercase;\n`;\n\nconst TabsWrapper = styled.div`\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n`;\n\nexport default Notification;\n"],"names":["Notification","activeTab","setActiveTab","useTabType","setShowMoreInfo","useInfoType","orderData","useOrderDetails","taskData","setTasksData","useTasksData","reminderNotifyData","setReminderNotifyData","useReminderNotiData","setRouteData","useRouteDetails","setCount","useOrderNotify","activeReminders","setActiveReminders","useState","closedReminders","setCloseReminders","activeTasks","setActiveTasks","closedTasks","setCloseTasks","idOfRoute","useRouteId","setStatusVal","useAllOrderStatus","searchParams","useSearchParams","orderAlertsData","setOrderAlertsData","useOrderAlertsData","orderIdParams","id","useParams","orderId","setOrderId","useOrderId","routeId","isClientPortal","useClientPortal","useEffect","paths","fetchedUnresolvedData","unresolvedLoading","callUnresolvedTaskApi","useAxios","fetchedReminderData","reminderLoading","callReminderApi","handleTabChange","tab","fetchedData","fetchRoute","alertsData","callOrderAlertsApi","alertsApiLoading","error","data","item","dismissFlags","prevFlags","flags","dismissReminder","prevReminders","reminder","totalActiveCount","totalClosedCount","jsx","Fragment","Section","jsxs","Container","FlagContainer","NotifyFlag","Label","TabsData","StyledTab","ActiveCount","ClosedCount","Skeleton","TabsWrapper","Tabs","styled","props","SectionHeader"],"mappings":";;;;;;;;;;;AA0CA,SAASA,KAAe;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,GAAA,GAC5B,CAAA,EAAGC,CAAe,IAAIC,GAAA,GACtB,CAACC,CAAS,IAAIC,GAAA,GACd,CAACC,GAAUC,CAAY,IAAIC,GAAA,GAC3B,CAACC,GAAoBC,CAAqB,IAAIC,GAAA,GAC9C,CAAA,EAAGC,CAAY,IAAIC,GAAA,GACnB,CAAA,EAAGC,CAAQ,IAAIC,GAAA,GACf,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,CAAA,CAAE,GACnD,CAACC,GAAiBC,CAAiB,IAAIF,EAAS,CAAA,CAAE,GAClD,CAACG,GAAaC,CAAc,IAAIJ,EAAS,CAAA,CAAE,GAC3C,CAACK,GAAaC,CAAa,IAAIN,EAAS,CAAA,CAAE,GAC1C,CAACO,CAAS,IAAIC,GAAA,GACd,CAAA,EAAGC,CAAY,IAAIC,GAAA,GACnB,CAACC,CAAY,IAAIC,GAAA,GACjB,CAACC,GAAiBC,CAAkB,IAAIC,GAAA,GACxCC,IAAgBL,EAAa,IAAI,OAAO,GACxC,EAAE,IAAAM,EAAA,IAAOC,GAAA,GACT,CAACC,GAASC,CAAU,IAAIC,GAAA,GACxBC,IAAUpC,GAAW,cAAc,UACnC,CAACqC,CAAc,IAAIC,GAAA;AAEzB,EAAAC,EAAU,MAAM;AACd,QAAIT;AACF,MAAAI,EAAWH,CAAE;AAAA,SACR;AACL,YAAMS,IAAQ,SAAS,SAAS,MAAM,GAAG;AACzC,MAAAN,EAAWM,EAAMA,GAAO,SAAS,CAAC,CAAC;AAAA,IACrC;AAAA,EACF,GAAG,CAAA,CAAE;AAGL,QAAM;AAAA,IACJ,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,WAAWC;AAAA,EAAA,IACTC,EAED;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAASP,IACL;AAAA,MACE,EAAE,OAAO,cAAc,IAAI,KAAK,OAAO,QAAA;AAAA,MACvC,EAAE,OAAO,YAAY,IAAI,KAAK,OAAOJ,EAAA;AAAA,IAAQ,IAE/C,CAAC,EAAE,OAAO,YAAY,IAAI,KAAK,OAAOA,EAAA,CAAS;AAAA,EAAA,CACpD,GAGK;AAAA,IACJ,MAAMY;AAAA,IACN,SAASC;AAAA,IACT,WAAWC;AAAA,EAAA,IACTH,EAA2B;AAAA,IAC7B,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAAS,CAAC,EAAE,OAAO,YAAY,IAAI,KAAK,OAAOX,EAAA,CAAS;AAAA,EAAA,CACzD;AAGD,EAAAM,EAAU,MAAM;AACd,IAAIM,KAAuBA,GAAqB,QAC9CvC,EAAsBuC,GAAqB,IAAI;AAAA,EAEnD,GAAG,CAACA,CAAmB,CAAC,GAExBN,EAAU,MAAM;AACd,IAAAhB,EAAavB,GAAW,YAAY;AAAA,EACtC,GAAG,CAACA,GAAW,YAAY,CAAC;AAE5B,QAAMgD,IAAkB,CAACC,MAAgB;AACvC,IAAArD,EAAaqD,CAAG,GAEhBvC,EAAS,CAAC,GACVZ,EAAgB,EAAK;AAAA,EACvB;AAEA,EAAAyC,EAAU,MAAM;AACd,IAAIE,KAAyBA,GAAuB,QAClDtC,EAAasC,GAAuB,IAAI;AAAA,EAE5C,GAAG,CAACC,GAAmBD,CAAqB,CAAC;AAG7C,QAAM,EAAE,MAAMS,GAAa,WAAWC,EAAA,IAAeP,EAElD;AAAA,IACD,UAAU,SAASR,CAAO;AAAA,IAC1B,QAAQ;AAAA,EAAA,CACT;AAED,EAAAG,EAAU,MAAM;AACd,IAAIlB,KAAc,QAChB8B,EAAA;AAAA,EAEJ,GAAG,CAAC9B,CAAS,CAAC;AAEd,QAAM;AAAA,IACJ,MAAM+B;AAAA,IACN,WAAWC;AAAA,IACX,SAASC;AAAA,EAAA,IACPV,EAED;AAAA,IACD,UAAU,8BAA8BX,CAAO;AAAA,IAC/C,QAAQ;AAAA,EAAA,CACT;AAED,EAAAM,EAAU,MAAM;AACd,IAAIa,KAAcA,GAAY,QAC5BxB,EAAmBwB,GAAY,IAAI;AAAA,EAEvC,GAAG,CAACE,CAAgB,CAAC,GAErBf,EAAU,MAAM;AAad,KAZkB,YAAY;AAC5B,UAAIN,KAAW;AAEf,YAAI;AACF,WAACI,KAAmB,MAAMU,EAAA,GAC1B,MAAMJ,EAAA,GACN,MAAMU,EAAA;AAAA,QACR,SAASE,GAAO;AACd,kBAAQ,MAAM,4CAA4CA,CAAK;AAAA,QACjE;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAACtB,CAAO,CAAC,GAEZM,EAAU,MAAM;AACd,QAAIW,KAAeA,GAAa,MAAM;AACpC,YAAMM,IAAON,GAAa,KAAK,CAAC;AAChC,MAAA1C,EAAagD,CAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAA,CAAE,GAELjB,EAAU,MAAM;AACd,IAAIrC,GAAU,SAAS,MACrBgB,EAAehB,GAAU,OAAO,CAACuD,MAAcA,EAAK,WAAW,IAAI,CAAC,GACpErC,EAAclB,GAAU,OAAO,CAACuD,MAAcA,GAAM,WAAW,IAAI,CAAC;AAAA,EAExE,GAAG,CAACvD,GAAUuC,CAAqB,CAAC,GAEpCF,EAAU,MAAM;AACd,IAAIlC,GAAoB,SAAS,MAC/BQ;AAAA,MACER,GAAoB,OAAO,CAACoD,MAAcA,EAAK,WAAW,EAAK;AAAA,IAAA,GAEjEzC;AAAA,MACEX,GAAoB,OAAO,CAACoD,MAAcA,GAAM,WAAW,EAAI;AAAA,IAAA;AAAA,EAGrE,GAAG,CAACpD,CAAkB,CAAC;AAGvB,QAAMqD,KAAe,CAAC3B,MAAY;AAChC,IAAAb,EAAe,CAAAyC,MACQA,GAAW,OAAO,CAACC,MAAeA,EAAM,OAAO7B,CAAE,CAEvE,GAEDX,EAAc,CAAAuC,MACSA,GAAW,OAAO,CAACC,MAAeA,EAAM,OAAO7B,CAAE,CAEvE;AAAA,EACH,GAEM8B,KAAkB,CAAC9B,MAAY;AACnC,IAAAlB;AAAA,MAAmB,OACjBiD,GAAe,OAAO,CAACC,MAAkBA,EAAS,OAAOhC,CAAE;AAAA,IAAA,GAE7Df;AAAA,MAAkB,OAChB8C,GAAe,OAAO,CAACC,MAAkBA,EAAS,OAAOhC,CAAE;AAAA,IAAA;AAAA,EAE/D,GAEMiC,KACJ/C,GAAa,OAAO,CAACwC,MAAcA,EAAK,WAAW,IAAI,GAAG,SAC1D7C,GAAiB,QAGbqD,KACJ9C,GAAa,OAAO,CAACsC,MAAcA,EAAK,WAAW,IAAI,GAAG,SAC1D1C,GAAiB;AAEnB,SACE,gBAAAmD,EAAAC,GAAA,EACE,4BAACC,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,IAAA,EAAU,WAAU,uBACnB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,IAAA,EACC,UAAA,gBAAAL,EAACM,IAAA,CAAA,CAAW,GACd;AAAA,MACA,gBAAAN,EAACO,IAAA,EAAM,OAAM,gBAAA,CAAgB;AAAA,MAC7B,gBAAAJ,EAACK,IAAA,EAAS,WAAU,eAClB,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,QAAQhF,MAAc;AAAA,YACtB,SAAS,MAAMqD,EAAgB,QAAQ;AAAA,YACxC,UAAA;AAAA,cAAA;AAAA,cAEC,gBAAAkB,EAACU,MAAa,UAAAZ,GAAA,CAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjC,gBAAAK;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,QAAQhF,MAAc;AAAA,YACtB,SAAS,MAAMqD,EAAgB,QAAQ;AAAA,YACxC,UAAA;AAAA,cAAA;AAAA,cAEC,gBAAAkB,EAACW,MAAa,UAAAZ,GAAA,CAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACCvB,KAAqBI,KAAmBQ,IACvC,gBAAAe,EAAAF,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,KAAK;AAAA,UAAA;AAAA,UAGP,UAAA;AAAA,YAAA,gBAAAH,EAACY,EAAS,QAAT,EAAgB,QAAM,IAAC,MAAK,SAAQ,OAAM,UAAS;AAAA,YACpD,gBAAAZ;AAAA,cAACY,EAAS;AAAA,cAAT;AAAA,gBACC,QAAM;AAAA,gBACN,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,cAAc;AAAA,gBAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,gBAAAT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,KAAK;AAAA,UAAA;AAAA,UAGP,UAAA;AAAA,YAAA,gBAAAH,EAACY,EAAS,QAAT,EAAgB,QAAM,IAAC,MAAK,SAAQ,OAAM,UAAS;AAAA,YACpD,gBAAAZ;AAAA,cAACY,EAAS;AAAA,cAAT;AAAA,gBACC,QAAM;AAAA,gBACN,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,cAAc;AAAA,gBAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,gBAAAT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,KAAK;AAAA,UAAA;AAAA,UAGP,UAAA;AAAA,YAAA,gBAAAH,EAACY,EAAS,QAAT,EAAgB,QAAM,IAAC,MAAK,SAAQ,OAAM,UAAS;AAAA,YACpD,gBAAAZ;AAAA,cAACY,EAAS;AAAA,cAAT;AAAA,gBACC,QAAM;AAAA,gBACN,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,cAAc;AAAA,gBAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,gBAAAT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,KAAK;AAAA,UAAA;AAAA,UAGP,UAAA;AAAA,YAAA,gBAAAH,EAACY,EAAS,QAAT,EAAgB,QAAM,IAAC,MAAK,SAAQ,OAAM,UAAS;AAAA,YACpD,gBAAAZ;AAAA,cAACY,EAAS;AAAA,cAAT;AAAA,gBACC,QAAM;AAAA,gBACN,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,cAAc;AAAA,gBAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF,IACE5E,GAAU,SAAS,KACrBG,GAAoB,SAAS,KAC7BL,IACA,gBAAAkE,EAACa,IAAA,EACC,UAAA,gBAAAb;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,aAAA/D;AAAA,QACA,aAAAE;AAAA,QACA,iBAAAP;AAAA,QACA,iBAAAG;AAAA,QACA,iBAAA8C;AAAA,QACA,cAAAH;AAAA,QACA,eAAe/B;AAAA,MAAA;AAAA,IAAA,GAEnB,IAEA;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;AAEA,MAAM2C,KAAYW,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBV,KAAgBU,EAAO;AAAA;AAAA;AAAA;AAAA,GAMvBP,KAAWO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlBL,KAAcK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBJ,KAAcI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBN,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA,WAId,CAAAC,MAAUA,EAAM,SAAS,YAAY,SAAU;AAAA,mBACvC,CAAAA,MACfA,EAAM,SAAS,sBAAsB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtDd,KAAUa,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBR,KAAQQ,EAAOE,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU5BJ,KAAcE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,44 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import l from "styled-components";
+import { AntSelect as t } from "@bjsdistribution/dms-component-library";
+function f(e) {
+  return /* @__PURE__ */ a(i, { className: e.className, children: [
+    /* @__PURE__ */ a(r, { children: [
+      e.label,
+      e.required && /* @__PURE__ */ o(n, { children: "*" })
+    ] }),
+    /* @__PURE__ */ o(
+      t,
+      {
+        options: e.options,
+        placeholder: e.placeholder,
+        onChange: e.onSelect,
+        disabled: e.disabled,
+        style: { width: "100%" },
+        onSearch: e.onSearch,
+        showSearch: !0,
+        popupClassName: "dropDownStyle",
+        selectWrapperClass: "rounded",
+        defaultValue: e.value
+      }
+    )
+  ] });
+}
+const n = l.span`
+  color: red;
+  margin-left: 2px;
+`, r = l.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, i = l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export {
+  f as default
+};
+//# sourceMappingURL=Dropdown.js.map