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

package/dist/components/order-view/order-actions/actions/create-task-reminder/CreateTaskModal.js

@@ -0,0 +1,144 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { useStaticData as b, useCreateTaskPayload as T } from "../../store.js";
+import { Wrapper as D, SplitContainer as m, FormRow as u, StyledAntSelect as x } from "./SharedComponents.js";
+import C from "../../../../../common/radio-group/RadioButtonGroup.js";
+import f from "styled-components";
+import { isValid as _ } from "date-fns";
+import { TextArea as v } from "@bjsdistribution/dms-component-library";
+import { DatePicker as S } from "antd";
+import d from "dayjs";
+import { DatePickerWrap as k } from "../modalstyle.js";
+import { priorityData as A } from "../../utils.js";
+function B() {
+  const [a] = b(), [e, t] = T(), l = P(a), s = H(a), c = (r) => {
+    const o = a?.[0]?.order_flag_types?.find(
+      (n) => n.id === r
+    )?.type;
+    t((n) => ({
+      ...n,
+      flag_type: o || ""
+    }));
+  }, h = (r) => {
+    const o = parseInt(r.target.value, 10);
+    t((n) => ({
+      ...n,
+      priority: o
+    }));
+  }, y = (r) => {
+    const o = r.target.value;
+    t((n) => ({
+      ...n,
+      description: o
+    }));
+  }, g = (r) => {
+    if (r && _(r.$d)) {
+      const o = r.$d.toISOString();
+      t((n) => ({
+        ...n,
+        due_datetime: o
+      }));
+    } else
+      t((o) => ({
+        ...o,
+        due_datetime: ""
+      }));
+  };
+  return /* @__PURE__ */ p(D, { children: [
+    /* @__PURE__ */ p(m, { children: [
+      /* @__PURE__ */ i(u, { label: "Task Type", required: !0, children: /* @__PURE__ */ i(
+        x,
+        {
+          options: l,
+          placeholder: "Select Type",
+          onChange: c,
+          value: e?.flag_type || null
+        }
+      ) }),
+      /* @__PURE__ */ i(u, { label: "Priority", required: !0, children: /* @__PURE__ */ i(
+        C,
+        {
+          heading: "",
+          options: s || [],
+          onChange: h,
+          direction: "horizontal",
+          selectedValue: e?.priority || 3,
+          required: !1
+        }
+      ) }),
+      /* @__PURE__ */ i(u, { label: "Due Date & Time", children: /* @__PURE__ */ i(O, { children: /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
+        S,
+        {
+          format: "DD/MM/YYYY HH:mm A",
+          value: e?.due_datetime ? d(e?.due_datetime) : null,
+          onChange: g,
+          placeholder: "Select Date & Time",
+          showTime: { defaultValue: d("00:00", "HH:mm") },
+          disabledDate: (r) => r && r < d().startOf("day"),
+          disabledTime: (r) => M(r)
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ p(m, { children: [
+      /* @__PURE__ */ p(w, { children: [
+        "Description",
+        /* @__PURE__ */ i("span", { style: { color: "red", fontSize: "20px" }, children: " * " })
+      ] }),
+      /* @__PURE__ */ i(
+        q,
+        {
+          placeholder: "Add Description",
+          required: !0,
+          onChange: y,
+          value: e?.description || ""
+        }
+      )
+    ] })
+  ] });
+}
+const P = (a) => a?.[0]?.order_flag_types?.map((e) => ({
+  label: e?.type?.replace(/_/g, " ")?.replace(/\b\w/g, (t) => t.toUpperCase()),
+  value: e?.id
+})) || [], H = (a) => a?.[0]?.priorities?.map((e) => {
+  const t = A?.find((l) => l.id === e.id);
+  return {
+    label: e.name,
+    value: e.id,
+    color: t?.color || "#ccc"
+  };
+}), M = (a) => {
+  if (a && a.isSame(d(), "day")) {
+    const e = d().hour(), t = d().minute();
+    return {
+      disabledHours: () => Array.from({ length: 24 }, (l, s) => s).filter(
+        (l) => l < e
+      ),
+      disabledMinutes: (l) => l === e ? Array.from({ length: 60 }, (s, c) => c).filter(
+        (s) => s < t
+      ) : []
+    };
+  }
+  return {};
+}, O = f.div`
+  border-radius: 20px;
+  background: #fff;
+`, w = f.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+`, q = f(v)`
+  display: flex;
+  padding: 12px;
+  align-items: flex-start;
+  gap: 4px;
+  align-self: stretch;
+  border-radius: 10px;
+  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
+  background: var(--Flowkit-White, #fff);
+  resize: none;
+  height: 50%;
+`;
+export {
+  B as default
+};
+//# sourceMappingURL=CreateTaskModal.js.map

package/dist/components/order-view/order-actions/actions/create-task-reminder/CreateTaskModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateTaskModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/create-task-reminder/CreateTaskModal.tsx"],"sourcesContent":["import React from 'react';\nimport { useCreateTaskPayload, useStaticData } from '../../store';\nimport {\n  FormRow,\n  SplitContainer,\n  StyledAntSelect,\n  Wrapper,\n} from './SharedComponents';\nimport RadioButtonGroup from '../../../../../common/radio-group/RadioButtonGroup';\nimport styled from 'styled-components';\nimport { isValid } from 'date-fns';\nimport { TextArea } from '@bjsdistribution/dms-component-library';\nimport { DatePicker } from 'antd';\nimport dayjs from 'dayjs';\nimport { DatePickerWrap } from '../modalstyle';\nimport { priorityData } from '../../utils';\n\nfunction CreateTaskModal() {\n  const [staticData] = useStaticData();\n  const [apiPayload, setApiPayload] = useCreateTaskPayload();\n  const taskTypeOptions = getTaskTypeOptions(staticData);\n  const priorityOptions = getPriorityOptions(staticData);\n\n  const handleTaskTypeChange = (value: any) => {\n    const selectedType = staticData?.[0]?.order_flag_types?.find(\n      (type: any) => type.id === value\n    )?.type;\n\n    setApiPayload(prev => ({\n      ...prev,\n      flag_type: selectedType || '',\n    }));\n  };\n\n  const handlePriorityChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10);\n    setApiPayload((prev: any) => ({\n      ...prev,\n      priority: value,\n    }));\n  };\n\n  const handleDescriptionChange = (\n    e: React.ChangeEvent<HTMLTextAreaElement>\n  ) => {\n    const val = e.target.value;\n    setApiPayload(prev => ({\n      ...prev,\n      description: val,\n    }));\n  };\n\n  const handleDateChange = (date: any | null) => {\n    if (date && isValid(date.$d)) {\n      const formatted = date.$d.toISOString();\n      setApiPayload(prev => ({\n        ...prev,\n        due_datetime: formatted,\n      }));\n    } else {\n      setApiPayload(prev => ({\n        ...prev,\n        due_datetime: '',\n      }));\n    }\n  };\n  return (\n    <Wrapper>\n      <SplitContainer>\n        <FormRow label=\"Task Type\" required>\n          <StyledAntSelect\n            options={taskTypeOptions}\n            placeholder=\"Select Type\"\n            onChange={handleTaskTypeChange}\n            value={apiPayload?.flag_type || null}\n          />\n        </FormRow>\n\n        <FormRow label=\"Priority\" required>\n          <RadioButtonGroup\n            heading=\"\"\n            options={priorityOptions || []}\n            onChange={handlePriorityChange}\n            direction=\"horizontal\"\n            selectedValue={apiPayload?.priority || 3}\n            required={false}\n          />\n        </FormRow>\n\n        <FormRow label=\"Due Date & Time\">\n          <StyleContainer>\n            <DatePickerWrap>\n              <DatePicker\n                format=\"DD/MM/YYYY HH:mm A\"\n                value={\n                  apiPayload?.due_datetime\n                    ? dayjs(apiPayload?.due_datetime)\n                    : null\n                }\n                onChange={handleDateChange}\n                placeholder=\"Select Date & Time\"\n                showTime={{ defaultValue: dayjs('00:00', 'HH:mm') }}\n                disabledDate={current =>\n                  current && current < dayjs().startOf('day')\n                }\n                disabledTime={date => getDisabledTime(date)}\n              />\n            </DatePickerWrap>\n          </StyleContainer>\n        </FormRow>\n      </SplitContainer>\n\n      <SplitContainer>\n        <Label>\n          Description\n          <span style={{ color: 'red', fontSize: '20px' }}> * </span>\n        </Label>\n        <StyledTextArea\n          placeholder=\"Add Description\"\n          required\n          onChange={handleDescriptionChange}\n          value={apiPayload?.description || ''}\n        />\n      </SplitContainer>\n    </Wrapper>\n  );\n}\n\nconst getTaskTypeOptions = (staticData: any) => {\n  return (\n    staticData?.[0]?.order_flag_types?.map((item: any) => ({\n      label: item?.type\n        ?.replace(/_/g, ' ')\n        ?.replace(/\\b\\w/g, (char: any) => char.toUpperCase()),\n      value: item?.id,\n    })) || []\n  );\n};\n\nconst getPriorityOptions = (staticData: any) => {\n  return staticData?.[0]?.priorities?.map((option: any) => {\n    const colorMatch = priorityData?.find(p => p.id === option.id);\n    return {\n      label: option.name,\n      value: option.id,\n      color: colorMatch?.color || '#ccc',\n    };\n  });\n};\n\nconst getDisabledTime = (date: any) => {\n  if (date && date.isSame(dayjs(), 'day')) {\n    const currentHour = dayjs().hour();\n    const currentMinute = dayjs().minute();\n    return {\n      disabledHours: () =>\n        Array.from({ length: 24 }, (_, i) => i).filter(\n          hour => hour < currentHour\n        ),\n      disabledMinutes: (selectedHour: number) => {\n        if (selectedHour === currentHour) {\n          return Array.from({ length: 60 }, (_, i) => i).filter(\n            minute => minute < currentMinute\n          );\n        }\n        return [];\n      },\n    };\n  }\n  return {};\n};\n\nconst StyleContainer = styled.div`\n  border-radius: 20px;\n  background: #fff;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n`;\n\nconst StyledTextArea = styled(TextArea)`\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background: var(--Flowkit-White, #fff);\n  resize: none;\n  height: 50%;\n`;\n\nexport default CreateTaskModal;\n"],"names":["CreateTaskModal","staticData","useStaticData","apiPayload","setApiPayload","useCreateTaskPayload","taskTypeOptions","getTaskTypeOptions","priorityOptions","getPriorityOptions","handleTaskTypeChange","value","selectedType","type","prev","handlePriorityChange","e","handleDescriptionChange","val","handleDateChange","date","isValid","formatted","Wrapper","jsxs","SplitContainer","jsx","FormRow","StyledAntSelect","RadioButtonGroup","StyleContainer","DatePickerWrap","DatePicker","dayjs","current","getDisabledTime","Label","StyledTextArea","item","char","option","colorMatch","priorityData","p","currentHour","currentMinute","_","i","hour","selectedHour","minute","styled","TextArea"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/create-task-reminder/SharedComponents.js

@@ -0,0 +1,106 @@
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import e from "styled-components";
+import { TextArea as a } from "@bjsdistribution/dms-component-library";
+import { Select as p } from "antd";
+const g = e.div`
+  display: flex;
+  gap: 15px;
+`;
+e(a)`
+  display: flex;
+  padding: 12px;
+  align-items: flex-start;
+  gap: 4px;
+  align-self: stretch;
+  border-radius: 10px;
+  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
+  background: var(--Flowkit-White, #fff);
+  resize: none;
+  height: 35%;
+`;
+const m = e.div`
+  /* width: 95%; */
+  min-width: 25vw;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`, b = e(p)`
+  .ant-select-selector {
+    /* width: 22vw; */
+    border-radius: 22px;
+  }
+`, d = e.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+`;
+e.div`
+  position: relative;
+  border-radius: 66px;
+  border: 1px solid #e0e2e7;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+
+  input[type='text'] {
+    border-radius: 20px;
+    background: #fff;
+    border: none;
+    color: #6a7378;
+    font-size: 14px;
+    font-weight: 400;
+    padding: 10px 0;
+    padding-left: 33px;
+    min-width: 18vw;
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  svg {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+const u = e.div`
+  display: flex;
+  padding: 12px 12px;
+  margin: 5px 14px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  background: #f8fafc;
+  border-radius: 15px;
+`, l = e.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`, h = e.div`
+  display: flex;
+  gap: 10px;
+  width: 100%;
+`, w = ({
+  label: o,
+  children: i,
+  required: r = !1
+}) => /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ t(d, { children: [
+    o,
+    r && /* @__PURE__ */ n("span", { style: { color: "red", fontSize: "20px" }, children: " * " })
+  ] }),
+  i
+] });
+export {
+  u as ContentContainer,
+  h as DoubleDropdownContainer,
+  w as FormRow,
+  d as Label,
+  l as Row,
+  m as SplitContainer,
+  b as StyledAntSelect,
+  g as Wrapper
+};
+//# sourceMappingURL=SharedComponents.js.map

package/dist/components/order-view/order-actions/actions/create-task-reminder/SharedComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedComponents.js","sources":["../../../../../../src/components/order-view/order-actions/actions/create-task-reminder/SharedComponents.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TextArea } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport { Select } from 'antd';\n\n// Shared styles and components\nexport const Wrapper = styled.div`\n  display: flex;\n  gap: 15px;\n`;\n\nexport const StyledTextArea = styled(TextArea)`\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background: var(--Flowkit-White, #fff);\n  resize: none;\n  height: 35%;\n`;\n\nexport const SplitContainer = styled.div`\n  /* width: 95%; */\n  min-width: 25vw;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n`;\n\nexport const DatePickerWrap = styled.div`\n  position: relative;\n  border-radius: 66px;\n  border: 1px solid #e0e2e7;\n  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: #fff;\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 10px 0;\n    padding-left: 33px;\n    min-width: 18vw;\n\n    &:focus-visible {\n      outline: none;\n    }\n  }\n\n  svg {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  padding: 12px 12px;\n  margin: 5px 14px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  background: #f8fafc;\n  border-radius: 15px;\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n`;\n\nexport const DoubleDropdownContainer = styled.div`\n  display: flex;\n  gap: 10px;\n  width: 100%;\n`;\n\n// FormRow component\ninterface FormRowProps {\n  label: string;\n  children: React.ReactNode;\n  required?: boolean;\n}\n\nexport const FormRow: React.FC<FormRowProps> = ({\n  label,\n  children,\n  required = false,\n}) => (\n  <Row>\n    <Label>\n      {label}\n      {required && <span style={{ color: 'red', fontSize: '20px' }}> * </span>}\n    </Label>\n    {children}\n  </Row>\n);\n"],"names":["Wrapper","styled","TextArea","SplitContainer","StyledAntSelect","Select","Label","ContentContainer","Row","DoubleDropdownContainer","FormRow","label","children","required","jsxs","jsx"],"mappings":";;;;AAMO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAatC,MAAMC,IAAiBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxBG,IAAkBH,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAO/BC,IAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOEA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8B9B,MAAMM,IAAmBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAY1BO,IAAMP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMbQ,IAA0BR,EAAO;AAAA;AAAA;AAAA;AAAA,GAajCS,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AACb,wBACGL,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAM,EAACR,GAAA,EACE,UAAA;AAAA,IAAAK;AAAA,IACAE,KAAY,gBAAAE,EAAC,QAAA,EAAK,OAAO,EAAE,OAAO,OAAO,UAAU,UAAU,UAAA,MAAA,CAAG;AAAA,EAAA,GACnE;AAAA,EACCH;AAAA,EAAA,CACH;"}

package/dist/components/order-view/order-actions/actions/create-task-reminder/TaskModal.js

@@ -0,0 +1,74 @@
+import { jsx as e, Fragment as S } from "react/jsx-runtime";
+import { useEffect as b } from "react";
+import { useAxios as T, useApiHook as g, RadioButtonGroup as k } from "@bjsdistribution/dms-component-library";
+import "react-datepicker/dist/react-datepicker.css";
+import { CustomOptions as v } from "../../../../fakeData.js";
+import { useCreateTaskPayload as C, useNotiifcationLabel as A, useStaticData as y, initialPayload as D } from "../../store.js";
+import { useCurrentAction as P } from "../../../store.js";
+import M from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import E from "styled-components";
+import { notification as l } from "antd";
+import { ContentContainer as O } from "../modalstyle.js";
+import V from "./CreateTaskModal.js";
+function U(c) {
+  const [, d] = P(), [a, s] = C(), [, m] = A(), [, u] = y(), { fetchData: p } = T({
+    endpoint: "/v1/task/",
+    method: "POST"
+  }), { data: o } = g({
+    endpoint: "/v1/task/getStaticData/all/",
+    method: "GET"
+  });
+  b(() => {
+    o && u(o?.data);
+  }, [o]);
+  const f = (t) => {
+    const i = t.target.value === "private";
+    s((h) => ({
+      ...h,
+      is_private: i
+    }));
+  }, r = () => {
+    d(void 0), s(D), m("");
+  };
+  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+    w,
+    {
+      headerTitle: "CREATE TASK",
+      onCloseHeader: r,
+      onSubmit: async () => {
+        let t = await p({ payload: [a] });
+        if (t.code == 200 && t?.data && (r(), l.success({
+          message: "Success",
+          description: `${t.message}`
+        }), await c?.callUnresolvedTaskApi()), t?.code == null && t?.error)
+          return l.error({
+            message: "Failure",
+            description: `${t.error}`
+          });
+      },
+      submitBtnTitle: "Save Details",
+      isSubmitDisabled: (() => {
+        const { description: t, flag_type: n, priority: i } = a;
+        return !t || !n || !i;
+      })(),
+      footerActions: /* @__PURE__ */ e(
+        k,
+        {
+          selectedValue: a?.is_private == !0 ? "private" : "public",
+          options: v,
+          onChange: f,
+          heading: "",
+          required: !1
+        }
+      ),
+      children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(V, {}) })
+    }
+  ) });
+}
+const w = E(M)`
+  width: 70%;
+`;
+export {
+  U as default
+};
+//# sourceMappingURL=TaskModal.js.map

package/dist/components/order-view/order-actions/actions/create-task-reminder/TaskModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/create-task-reminder/TaskModal.tsx"],"sourcesContent":["import React from 'react';\nimport { useEffect } from 'react';\nimport {\n  RadioButtonGroup,\n  useApiHook,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { CustomOptions } from '../../../../fakeData';\nimport {\n  initialPayload,\n  useStaticData,\n  useCreateTaskPayload,\n  useNotiifcationLabel,\n} from '../../store';\nimport { allTypes } from '../../types';\nimport { useCurrentAction } from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport styled from 'styled-components';\nimport { notification } from 'antd';\nimport { ContentContainer } from '../modalstyle';\nimport CreateTaskModal from './CreateTaskModal';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: allTypes[];\n}\ninterface IProps {\n  callReminderApi: any;\n  callUnresolvedTaskApi: any;\n}\n\nfunction TaskModal(props: IProps) {\n  const [, setCurrentAction] = useCurrentAction();\n  const [taskPayload, setTaskPayload] = useCreateTaskPayload();\n  const [, setLabel] = useNotiifcationLabel();\n  const [, setStaticData] = useStaticData();\n\n  const { fetchData: createFlagAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/`,\n    method: 'POST',\n  });\n\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  const handleRadioButtonChange = (event: any) => {\n    const selectedValue = event.target.value;\n    const isPrivateValue = selectedValue === 'private';\n    setTaskPayload(prevState => ({\n      ...prevState,\n      is_private: isPrivateValue,\n    }));\n  };\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n    setTaskPayload(initialPayload);\n    setLabel('');\n  };\n\n  const handleTaskSubmit = async () => {\n    let response = (await createFlagAPI({ payload: [taskPayload] })) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (response.code == 200 && response?.data) {\n      closeModal();\n      notification.success({\n        message: 'Success',\n        description: `${response.message}`,\n      });\n      await props?.callUnresolvedTaskApi();\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 isSubmitDisabled = () => {\n    const { description, flag_type, priority } = taskPayload;\n    return !description || !flag_type || !priority;\n  };\n\n  return (\n    <>\n      <OrderModal\n        headerTitle={'CREATE TASK'}\n        onCloseHeader={closeModal}\n        onSubmit={handleTaskSubmit}\n        submitBtnTitle={'Save Details'}\n        isSubmitDisabled={isSubmitDisabled()}\n        footerActions={\n          <RadioButtonGroup\n            selectedValue={\n              taskPayload?.is_private == true ? 'private' : 'public'\n            }\n            options={CustomOptions}\n            onChange={handleRadioButtonChange}\n            heading={''}\n            required={false}\n          />\n        }\n      >\n        <ContentContainer>{<CreateTaskModal />}</ContentContainer>\n      </OrderModal>\n    </>\n  );\n}\n\nconst OrderModal = styled(OrderActionModal)`\n  width: 70%;\n`;\n\nexport default TaskModal;\n"],"names":["TaskModal","props","setCurrentAction","useCurrentAction","taskPayload","setTaskPayload","useCreateTaskPayload","setLabel","useNotiifcationLabel","setStaticData","useStaticData","createFlagAPI","useAxios","fetchedStaticData","useApiHook","useEffect","handleRadioButtonChange","event","isPrivateValue","prevState","closeModal","initialPayload","jsx","Fragment","OrderModal","response","notification","description","flag_type","priority","RadioButtonGroup","CustomOptions","ContentContainer","CreateTaskModal","styled","OrderActionModal"],"mappings":";;;;;;;;;;;;AAmCA,SAASA,EAAUC,GAAe;AAChC,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,GAAaC,CAAc,IAAIC,EAAA,GAChC,CAAA,EAAGC,CAAQ,IAAIC,EAAA,GACf,CAAA,EAAGC,CAAa,IAAIC,EAAA,GAEpB,EAAE,WAAWC,EAAA,IAAkBC,EAElC;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT,GAEK,EAAE,MAAMC,EAAA,IAAsBC,EAAwB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT;AAED,EAAAC,EAAU,MAAM;AACd,IAAIF,KACFJ,EAAcI,GAAmB,IAAI;AAAA,EAEzC,GAAG,CAACA,CAAiB,CAAC;AAEtB,QAAMG,IAA0B,CAACC,MAAe;AAE9C,UAAMC,IADgBD,EAAM,OAAO,UACM;AACzC,IAAAZ,EAAe,CAAAc,OAAc;AAAA,MAC3B,GAAGA;AAAA,MACH,YAAYD;AAAA,IAAA,EACZ;AAAA,EACJ,GAEME,IAAa,MAAM;AACvB,IAAAlB,EAAiB,MAAS,GAC1BG,EAAegB,CAAc,GAC7Bd,EAAS,EAAE;AAAA,EACb;AA6BA,SACE,gBAAAe,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAeJ;AAAA,MACf,UAhCmB,YAAY;AACnC,YAAIK,IAAY,MAAMd,EAAc,EAAE,SAAS,CAACP,CAAW,GAAG;AAa9D,YARIqB,EAAS,QAAQ,OAAOA,GAAU,SACpCL,EAAA,GACAM,EAAa,QAAQ;AAAA,UACnB,SAAS;AAAA,UACT,aAAa,GAAGD,EAAS,OAAO;AAAA,QAAA,CACjC,GACD,MAAMxB,GAAO,sBAAA,IAEXwB,GAAU,QAAQ,QAAQA,GAAU;AACtC,iBAAOC,EAAa,MAAM;AAAA,YACxB,SAAS;AAAA,YACT,aAAa,GAAGD,EAAS,KAAK;AAAA,UAAA,CAC/B;AAAA,MAEL;AAAA,MAaM,gBAAgB;AAAA,MAChB,mBAZmB,MAAM;AAC7B,cAAM,EAAE,aAAAE,GAAa,WAAAC,GAAW,UAAAC,EAAA,IAAazB;AAC7C,eAAO,CAACuB,KAAe,CAACC,KAAa,CAACC;AAAA,MACxC,GASwB;AAAA,MAClB,eACE,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,eACE1B,GAAa,cAAc,KAAO,YAAY;AAAA,UAEhD,SAAS2B;AAAA,UACT,UAAUf;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAId,UAAA,gBAAAM,EAACU,GAAA,EAAkB,UAAA,gBAAAV,EAACW,GAAA,CAAA,CAAgB,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAE3C;AAEJ;AAEA,MAAMT,IAAaU,EAAOC,CAAgB;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/create-task-reminder/index.js

@@ -0,0 +1,78 @@
+import { jsx as r, Fragment as b } from "react/jsx-runtime";
+import { useState as y, useEffect as d } from "react";
+import { useAxios as C, useApiHook as D } from "@bjsdistribution/dms-component-library";
+import "react-datepicker/dist/react-datepicker.css";
+import E from "./CreateReminderModal.js";
+import { useCreateReminderPayload as x, useNotiifcationLabel as M, useStaticData as w, initialValue as T } from "../../store.js";
+import { ContentContainer as v } from "./SharedComponents.js";
+import { useCurrentAction as P } from "../../../store.js";
+import k from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import O from "styled-components";
+import { notification as s } from "antd";
+function J(m) {
+  const [, l] = P(), [o, u] = x(), [n] = M(), [, p] = w(), [, f] = y(""), { fetchData: h } = C({
+    endpoint: "/v1/task/reminders/create/",
+    method: "POST"
+  }), { data: a } = D({
+    endpoint: "/v1/task/getStaticData/all/",
+    method: "GET"
+  });
+  d(() => {
+    a && p(a?.data);
+  }, [a]);
+  const c = () => {
+    l(void 0), u(T);
+  };
+  console.log(o, "createReminder");
+  const g = async () => {
+    try {
+      const e = await h({
+        payload: [o]
+      });
+      e?.code === 200 && e?.data ? (s.success({
+        message: "Success",
+        description: e?.message || "Reminder created successfully"
+      }), c(), await m?.callReminderApi()) : s.error({
+        message: "Error",
+        description: e?.error || "Something went wrong while creating the reminder."
+      });
+    } catch (e) {
+      const t = e, i = t?.response?.data?.error || t?.response?.data?.message || t?.message || "An unexpected error occurred.";
+      s.error({
+        message: "Request Failed",
+        description: i
+      });
+    }
+  }, R = () => {
+    const {
+      department: e,
+      assigned_to: t,
+      priority: i,
+      due_datetime: S,
+      description: A
+    } = o;
+    return !e || !A || !S || !i || t?.length === 0 || !t;
+  };
+  return d(() => {
+    const e = n.match(/\(([^)]+)\)/), t = e ? e[1] : "";
+    f(t);
+  }, [n]), /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    F,
+    {
+      headerTitle: "CREATE REMINDER",
+      onCloseHeader: c,
+      onSubmit: g,
+      submitBtnTitle: "Save Reminder",
+      isSubmitDisabled: R(),
+      footerActions: "",
+      children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(E, {}) })
+    }
+  ) });
+}
+const F = O(k)`
+  width: 70%;
+`;
+export {
+  J as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/create-task-reminder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-actions/actions/create-task-reminder/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useApiHook, useAxios } from '@bjsdistribution/dms-component-library';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport CreateReminder from './CreateReminderModal';\nimport {\n  initialValue,\n  useStaticData,\n  useCreateReminderPayload,\n  useNotiifcationLabel,\n} from '../../store';\nimport { allTypes } from '../../types';\nimport { ContentContainer } from './SharedComponents';\nimport { useCurrentAction } from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport styled from 'styled-components';\nimport { notification } from 'antd';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: allTypes[];\n}\ninterface IProps {\n  callReminderApi: any;\n  callUnresolvedTaskApi: any;\n}\nfunction ReminderModal(props: IProps) {\n  const [, setCurrentAction] = useCurrentAction();\n  const [createReminder, setReminderPayload] = useCreateReminderPayload();\n  const [label] = useNotiifcationLabel();\n  const [, setStaticData] = useStaticData();\n  const [, setExtracted] = useState('');\n\n  const { fetchData: createReminderAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/reminders/create/`,\n    method: 'POST',\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  const closeModal = () => {\n    setCurrentAction(undefined);\n    setReminderPayload(initialValue);\n  };\n  console.log(createReminder, 'createReminder');\n  const handleReminderSubmit = async () => {\n    try {\n      const response = (await createReminderAPI({\n        payload: [createReminder],\n      })) as {\n        code: number | null;\n        message?: string;\n        error?: string | null;\n        error_traceback?: string;\n        data?: any;\n      };\n\n      if (response?.code === 200 && response?.data) {\n        notification.success({\n          message: 'Success',\n          description: response?.message || 'Reminder created successfully',\n        });\n        closeModal();\n        await props?.callReminderApi();\n      } else {\n        notification.error({\n          message: 'Error',\n          description:\n            response?.error ||\n            'Something went wrong while creating the reminder.',\n        });\n      }\n    } catch (error) {\n      const err = error as any;\n\n      const errMsg =\n        err?.response?.data?.error ||\n        err?.response?.data?.message ||\n        err?.message ||\n        'An unexpected error occurred.';\n\n      notification.error({\n        message: 'Request Failed',\n        description: errMsg,\n      });\n    }\n  };\n  const isSubmitDisabled = () => {\n    const {\n      department,\n      assigned_to,\n      priority,\n      due_datetime,\n      description,\n    } = createReminder;\n    return (\n      !department ||\n      !description ||\n      !due_datetime ||\n      !priority ||\n      assigned_to?.length === 0 ||\n      !assigned_to\n    );\n  };\n\n  useEffect(() => {\n    const match = label.match(/\\(([^)]+)\\)/);\n    const extractedText = match ? match[1] : '';\n    setExtracted(extractedText);\n  }, [label]);\n\n  return (\n    <>\n      {/* {loading && <Loader />} */}\n      <OrderModal\n        headerTitle={'CREATE REMINDER'}\n        onCloseHeader={closeModal}\n        onSubmit={handleReminderSubmit}\n        submitBtnTitle={'Save Reminder'}\n        isSubmitDisabled={isSubmitDisabled()}\n        footerActions={''}\n      >\n        <ContentContainer>{<CreateReminder />}</ContentContainer>\n      </OrderModal>\n    </>\n  );\n}\n\nconst OrderModal = styled(OrderActionModal)`\n  width: 70%;\n`;\n\nexport default ReminderModal;\n"],"names":["ReminderModal","props","setCurrentAction","useCurrentAction","createReminder","setReminderPayload","useCreateReminderPayload","label","useNotiifcationLabel","setStaticData","useStaticData","setExtracted","useState","createReminderAPI","useAxios","fetchedStaticData","useApiHook","useEffect","closeModal","initialValue","handleReminderSubmit","response","notification","error","err","errMsg","isSubmitDisabled","department","assigned_to","priority","due_datetime","description","match","extractedText","jsx","Fragment","OrderModal","ContentContainer","CreateReminder","styled","OrderActionModal"],"mappings":";;;;;;;;;;;AA4BA,SAASA,EAAcC,GAAe;AACpC,QAAM,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,GAAgBC,CAAkB,IAAIC,EAAA,GACvC,CAACC,CAAK,IAAIC,EAAA,GACV,CAAA,EAAGC,CAAa,IAAIC,EAAA,GACpB,GAAGC,CAAY,IAAIC,EAAS,EAAE,GAE9B,EAAE,WAAWC,EAAA,IAAsBC,EAEtC;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT,GAGK,EAAE,MAAMC,EAAA,IAAsBC,EAAwB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT;AAED,EAAAC,EAAU,MAAM;AACd,IAAIF,KACFN,EAAcM,GAAmB,IAAI;AAAA,EAEzC,GAAG,CAACA,CAAiB,CAAC;AAEtB,QAAMG,IAAa,MAAM;AACvB,IAAAhB,EAAiB,MAAS,GAC1BG,EAAmBc,CAAY;AAAA,EACjC;AACA,UAAQ,IAAIf,GAAgB,gBAAgB;AAC5C,QAAMgB,IAAuB,YAAY;AACvC,QAAI;AACF,YAAMC,IAAY,MAAMR,EAAkB;AAAA,QACxC,SAAS,CAACT,CAAc;AAAA,MAAA,CACzB;AAQD,MAAIiB,GAAU,SAAS,OAAOA,GAAU,QACtCC,EAAa,QAAQ;AAAA,QACnB,SAAS;AAAA,QACT,aAAaD,GAAU,WAAW;AAAA,MAAA,CACnC,GACDH,EAAA,GACA,MAAMjB,GAAO,gBAAA,KAEbqB,EAAa,MAAM;AAAA,QACjB,SAAS;AAAA,QACT,aACED,GAAU,SACV;AAAA,MAAA,CACH;AAAA,IAEL,SAASE,GAAO;AACd,YAAMC,IAAMD,GAENE,IACJD,GAAK,UAAU,MAAM,SACrBA,GAAK,UAAU,MAAM,WACrBA,GAAK,WACL;AAEF,MAAAF,EAAa,MAAM;AAAA,QACjB,SAAS;AAAA,QACT,aAAaG;AAAA,MAAA,CACd;AAAA,IACH;AAAA,EACF,GACMC,IAAmB,MAAM;AAC7B,UAAM;AAAA,MACJ,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACE3B;AACJ,WACE,CAACuB,KACD,CAACI,KACD,CAACD,KACD,CAACD,KACDD,GAAa,WAAW,KACxB,CAACA;AAAA,EAEL;AAEA,SAAAX,EAAU,MAAM;AACd,UAAMe,IAAQzB,EAAM,MAAM,aAAa,GACjC0B,IAAgBD,IAAQA,EAAM,CAAC,IAAI;AACzC,IAAArB,EAAasB,CAAa;AAAA,EAC5B,GAAG,CAAC1B,CAAK,CAAC,GAGR,gBAAA2B,EAAAC,GAAA,EAEE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAelB;AAAA,MACf,UAAUE;AAAA,MACV,gBAAgB;AAAA,MAChB,kBAAkBM,EAAA;AAAA,MAClB,eAAe;AAAA,MAEf,UAAA,gBAAAQ,EAACG,GAAA,EAAkB,UAAA,gBAAAH,EAACI,GAAA,CAAA,CAAe,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAE1C;AAEJ;AAEA,MAAMF,IAAaG,EAAOC,CAAgB;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/force-debrief/BaseChargeConfirmationModal.js

@@ -0,0 +1,66 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { CancelAndCompleteAction as l, BackgroundModal as d, WarningIcon as c } from "@bjsdistribution/dms-component-library";
+import n from "styled-components";
+import { getBaseUrlSymbol as s } from "../../../utils.js";
+const y = (o) => {
+  const i = s(), a = () => {
+    o?.setConfirmationModal(!1);
+  }, r = () => {
+    o?.setConfirmationModal(!1), o?.onProceed();
+  };
+  return /* @__PURE__ */ e(d, { ...o, children: /* @__PURE__ */ t(g, { children: [
+    /* @__PURE__ */ t(p, { children: [
+      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(c, {}) }),
+      /* @__PURE__ */ e(m, { children: `Base Charge Exceeds ${i}200` })
+    ] }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        cancelLabel: "Amend",
+        completeLabel: "Proceed",
+        onCancel: a,
+        onComplete: r
+      }
+    )
+  ] }) });
+}, f = n(l)`
+  justify-content: center;
+`, p = n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+`, m = n.span`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 900;
+  line-height: 32px;
+  margin: 0;
+  padding: 0;
+  text-transform: uppercase;
+`, x = n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 54px;
+  height: 54px;
+  padding: 14px;
+  border-radius: 50%;
+  background: #feba301a;
+  border: 10px solid #feba305e;
+`, g = n.div`
+  width: 400px;
+  min-height: 248px;
+  padding: 24px;
+  border-radius: 12px;
+  background: #ffffff;
+  box-shadow: 0px 20px 24px -4px #10182814;
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  align-items: center;
+`;
+export {
+  y as default
+};
+//# sourceMappingURL=BaseChargeConfirmationModal.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/BaseChargeConfirmationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChargeConfirmationModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/force-debrief/BaseChargeConfirmationModal.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BackgroundModal,\n  CancelAndCompleteAction,\n  WarningIcon,\n} from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { getBaseUrlSymbol } from '../../../utils';\n\ninterface IProps {\n  setConfirmationModal: React.Dispatch<React.SetStateAction<boolean>>;\n  onProceed: any;\n}\n\nconst BaseChargeConfirmationModal = (props: IProps) => {\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const onCancel = () => {\n    // window.scrollTo({ top: 0, behavior: 'smooth' });\n    props?.setConfirmationModal(false);\n  };\n\n  const onComplete = () => {\n    props?.setConfirmationModal(false);\n    props?.onProceed();\n  };\n\n  return (\n    <BackgroundModal {...props}>\n      <MainContainer>\n        <Container>\n          <IconContainer>\n            <WarningIcon />\n          </IconContainer>\n          <Title>{`Base Charge Exceeds ${baseUrlSymbol}200`}</Title>\n        </Container>\n        <CustomCancelAndCompleteAction\n          cancelLabel=\"Amend\"\n          completeLabel=\"Proceed\"\n          onCancel={onCancel}\n          onComplete={onComplete}\n        />\n      </MainContainer>\n    </BackgroundModal>\n  );\n};\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\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  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n`;\n\nconst IconContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 54px;\n  height: 54px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #feba301a;\n  border: 10px solid #feba305e;\n`;\n\nconst MainContainer = styled.div`\n  width: 400px;\n  min-height: 248px;\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n  align-items: center;\n`;\n\nexport default BaseChargeConfirmationModal;\n"],"names":["BaseChargeConfirmationModal","props","baseUrlSymbol","getBaseUrlSymbol","onCancel","onComplete","jsx","BackgroundModal","MainContainer","jsxs","Container","IconContainer","WarningIcon","Title","CustomCancelAndCompleteAction","styled","CancelAndCompleteAction"],"mappings":";;;;AAcA,MAAMA,IAA8B,CAACC,MAAkB;AACrD,QAAMC,IAAgBC,EAAA,GAEhBC,IAAW,MAAM;AAErB,IAAAH,GAAO,qBAAqB,EAAK;AAAA,EACnC,GAEMI,IAAa,MAAM;AACvB,IAAAJ,GAAO,qBAAqB,EAAK,GACjCA,GAAO,UAAA;AAAA,EACT;AAEA,SACE,gBAAAK,EAACC,GAAA,EAAiB,GAAGN,GACnB,4BAACO,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EACC,UAAA,gBAAAL,EAACM,GAAA,CAAA,CAAY,GACf;AAAA,MACA,gBAAAN,EAACO,GAAA,EAAO,UAAA,uBAAuBX,CAAa,MAAA,CAAM;AAAA,IAAA,GACpD;AAAA,IACA,gBAAAI;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,UAAAV;AAAA,QACA,YAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ,GAEMS,IAAgCC,EAAOC,CAAuB;AAAA;AAAA,GAI9DN,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBF,IAAQE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfJ,IAAgBI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBP,IAAgBO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}