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

package/dist/components/order-view/view-reminder/ViewReminder.js

@@ -0,0 +1,287 @@
+import { jsx as n, Fragment as F, jsxs as a } from "react/jsx-runtime";
+import { useEffect as R } from "react";
+import N from "../../../common/modals/order-action-modal/OrderActionModal.js";
+import U from "./AssigneeDropdown.js";
+import { useCurrentAction as $ } from "../store.js";
+import { DatePickerWrap as z } from "../order-actions/actions/modalstyle.js";
+import { ReferenceContainer as W, InnerContainer as G, MiniContainer as S, ContentsContainer as J, Left as K, DateTimeContainer as Q, Row as X, DetailedContainer as Z } from "./reminder-styles.js";
+import { useReminderById as ee, useUpdateReminderData as te, useReminderRefId as re, useReminderNotiData as ie } from "../order-actions/store.js";
+import k from "../flags-action-modal/StatusIndicator.js";
+import d from "styled-components";
+import { DatePicker as ne, notification as b } from "antd";
+import l from "dayjs";
+import { useAxios as v, Label as y } from "@bjsdistribution/dms-component-library";
+import { useReminderData as ae } from "../../store.js";
+const Me = (u) => {
+  const [, f] = $(), [i, p] = ee(), [t, s] = te(), [h] = re(), [, A] = ie(), [, I] = ae(), {
+    data: g,
+    fetchData: T,
+    loading: M
+  } = v({
+    endpoint: `/v1/task/reminder/${h}`,
+    method: "GET",
+    pagination: { is_pagination: !1 }
+    // filters: [{ field: 'order_id', op: '=', value: reminderRefId }],
+  });
+  R(() => {
+    if (g && g?.data) {
+      const e = g?.data[0];
+      p(e), s(e);
+    }
+  }, [g, M]), R(() => {
+    h && T();
+  }, [h]);
+  const H = (e) => {
+    if (e && e.isValid()) {
+      const r = e.toISOString();
+      s({
+        ...t,
+        due_datetime: r
+      });
+    } else
+      s({
+        ...t,
+        due_datetime: null
+      });
+  }, { fetchData: P } = v({
+    endpoint: "/v1/task/reminder/update/",
+    method: "PUT"
+  }), _ = () => {
+    f(void 0);
+  }, q = (e) => {
+    const r = e.target.value;
+    s({
+      ...t,
+      description: r
+    });
+  }, E = (e) => {
+    const r = e.target.checked;
+    s({
+      ...t,
+      status: r
+    });
+  }, L = async () => {
+    try {
+      if (i?.status === !0) {
+        b.info({
+          message: "Info",
+          description: "This flag has been set as resolved - changes are no longer permitted."
+        });
+        return;
+      }
+      const {
+        is_deleted: e,
+        legacy_reminder_id: r,
+        order_data: o,
+        priority: m,
+        reference: C,
+        completed_at: he,
+        completed_by: ge,
+        ...D
+      } = t;
+      D.id = h, D.order_id = i?.order_id;
+      const c = await P({
+        payload: [D]
+      });
+      c?.code === 200 ? (c && c?.data && (A(c?.data), I(c?.data), u?.callReminderApi()), _(), b.success({
+        message: "Success",
+        description: c.message
+      })) : b.error({
+        message: "Failure",
+        description: c?.error || "An error occurred while updating the reminder."
+      });
+    } catch (e) {
+      const r = e, o = r?.response?.data?.error || r?.response?.data?.message || r?.message || "An unexpected error occurred.";
+      b.error({
+        message: "Request Failed",
+        description: o
+      });
+    }
+  }, O = (e = [], r = []) => e.length !== r.length ? !1 : e.every((o, m) => o === r[m]), B = (e, r) => {
+    if (!e || !r) return e === r;
+    const o = new Date(e).toISOString(), m = new Date(r).toISOString();
+    return o === m;
+  }, V = () => {
+    if (!i || !t) return !1;
+    const e = {
+      due_datetime: i?.due_datetime,
+      assigned_to: i?.assigned_to || [],
+      description: i?.description?.trim(),
+      department: i?.department,
+      status: i?.status
+    }, r = {
+      due_datetime: t?.due_datetime,
+      assigned_to: t?.assigned_to || [],
+      description: t?.description?.trim(),
+      department: t?.department,
+      status: t?.status
+    }, o = !B(e?.due_datetime, r?.due_datetime) || !O(e?.assigned_to, r?.assigned_to) || e?.description !== r?.description || e?.status !== r?.status, C = e?.department !== void 0 && r?.department !== void 0 ? e?.department !== r?.department : !1;
+    return o || C;
+  }, Y = !t?.assigned_to?.length || !t?.description?.trim() || !t?.due_datetime || !V() || i?.status === !0, j = i?.order_data?.order_recipient?.recipient_name + " " + i?.order_data?.order_recipient?.postcode, x = i?.status === !0;
+  return /* @__PURE__ */ n(F, { children: i && /* @__PURE__ */ a(
+    N,
+    {
+      headerTitle: "View Reminder",
+      onCloseHeader: _,
+      onSubmit: L,
+      submitBtnTitle: "Save Details",
+      infoText: j || "NA",
+      isSubmitDisabled: Y || x,
+      headerActions: /* @__PURE__ */ n(ue, { children: i?.status === !1 && /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ a(le, { children: [
+        /* @__PURE__ */ a(me, { children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              type: "checkbox",
+              onChange: E,
+              checked: t?.status || !1,
+              disabled: x
+            }
+          ),
+          /* @__PURE__ */ n(fe, {})
+        ] }),
+        /* @__PURE__ */ n(pe, { children: "Mark As Complete" })
+      ] }) }) }),
+      children: [
+        /* @__PURE__ */ n(W, { children: /* @__PURE__ */ a(G, { children: [
+          /* @__PURE__ */ a(S, { children: [
+            /* @__PURE__ */ n(y, { label: "Reference", required: !0 }),
+            /* @__PURE__ */ n(w, { children: i?.reference || "N/A" })
+          ] }),
+          /* @__PURE__ */ a(S, { children: [
+            /* @__PURE__ */ n(y, { label: "Status" }),
+            /* @__PURE__ */ n(w, { children: i?.status === !1 ? /* @__PURE__ */ n(k, { text: "Incomplete", status: "AD" }) : /* @__PURE__ */ n(
+              k,
+              {
+                text: `Completed on ${i?.completed_at} by ${i?.completed_by}`,
+                status: "SD"
+              }
+            ) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a(J, { children: [
+          /* @__PURE__ */ a(K, { children: [
+            /* @__PURE__ */ n(U, {}),
+            /* @__PURE__ */ a(Q, { children: [
+              /* @__PURE__ */ n(y, { label: "Due Date & Time", required: !0 }),
+              /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
+                ne,
+                {
+                  format: "DD/MM/YYYY HH:mm A",
+                  value: t?.due_datetime !== void 0 ? t.due_datetime ? l(t.due_datetime) : null : i?.due_datetime ? l(i.due_datetime) : null,
+                  onChange: H,
+                  placeholder: "Select Date & Time",
+                  showTime: { defaultValue: l("00:00", "HH:mm") },
+                  disabledDate: (e) => e && e < l().startOf("day"),
+                  disabledTime: (e) => de(e),
+                  disabled: x
+                }
+              ) }) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ a(oe, { children: [
+            /* @__PURE__ */ n(y, { label: "Details", required: !0 }),
+            /* @__PURE__ */ n(
+              Z,
+              {
+                placeholder: "Enter Description...",
+                name: "text",
+                required: !0,
+                value: t?.description !== void 0 ? t.description : i?.description || "",
+                disabled: x,
+                onChange: q
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}, de = (u) => {
+  if (u && u.isSame(l(), "day")) {
+    const f = l().hour(), i = l().minute();
+    return {
+      disabledHours: () => Array.from({ length: 24 }, (p, t) => t).filter(
+        (p) => p < f
+      ),
+      disabledMinutes: (p) => p === f ? Array.from({ length: 60 }, (t, s) => s).filter(
+        (t) => t < i
+      ) : []
+    };
+  }
+  return {};
+}, oe = d.div`
+  display: flex;
+  height: 100%;
+  gap: 15px;
+  flex-direction: column;
+  padding: 10px;
+`, se = d.div`
+  border-radius: 20px;
+  background: #fff;
+  width: 235px;
+`, ce = d.div`
+  display: flex;
+  padding: 6px 10px;
+  align-items: center;
+  gap: 5px;
+  border-radius: 30px;
+  background: #fff;
+`, le = d.label`
+  cursor: pointer;
+  display: flex;
+`, pe = d.span`
+  color: #131313;
+  font-family: 'Lato', sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 17px;
+  white-space: nowrap;
+`, me = d.div`
+  input[type='checkbox'] {
+    display: none;
+  }
+
+  input[type='checkbox'] + span:before {
+    width: 14px;
+    height: 14px;
+    border: 1.5px solid #3a3630;
+    content: '';
+    display: inline-block;
+    margin: 0 8px 0 0;
+    padding: 0;
+    border-radius: 50%;
+  }
+
+  input[type='checkbox']:checked + span:before {
+    background: #feba30;
+    border: 1.5px solid #3a3630;
+    box-shadow: inset 0px 0px 0px 1px #fff;
+    color: #333;
+    content: '';
+    text-align: center;
+    border-radius: 50%;
+    display: flex;
+    width: 14px;
+    height: 14px;
+  }
+
+  input[type='checkbox']:focus + span::before {
+    outline: 0;
+  }
+`, ue = d.div`
+  padding-left: 33%;
+`, fe = d.span``, w = d.span`
+  color: var(--primary-dark-brown, #3a3630);
+  font-family: Lato;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+export {
+  oe as Right,
+  Me as default
+};
+//# sourceMappingURL=ViewReminder.js.map

package/dist/components/order-view/view-reminder/ViewReminder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewReminder.js","sources":["../../../../src/components/order-view/view-reminder/ViewReminder.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport OrderActionModal from '../../../common/modals/order-action-modal/OrderActionModal';\nimport AssigneeDropdown from './AssigneeDropdown';\nimport { useCurrentAction } from '../store';\nimport { DatePickerWrap } from '../order-actions/actions/modalstyle';\nimport {\n  ReferenceContainer,\n  InnerContainer,\n  ContentsContainer,\n  Left,\n  DateTimeContainer,\n  Row,\n  DetailedContainer,\n  MiniContainer,\n} from './reminder-styles';\nimport {\n  useReminderRefId,\n  useReminderById,\n  useUpdateReminderData,\n  useReminderNotiData,\n} from '../order-actions/store';\nimport StatusIndicator from '../flags-action-modal/StatusIndicator';\nimport styled from 'styled-components';\n// import { isValid } from 'date-fns';\nimport { DatePicker, notification } from 'antd';\nimport dayjs from 'dayjs';\nimport { ApiResponse } from '../types';\nimport { Label, useAxios } from '@bjsdistribution/dms-component-library';\nimport { useReminderData } from '../../store';\n\nexport interface IProps {\n  callReminderApi: any;\n}\n\nconst ViewReminderModal = (props: IProps) => {\n  const [, setCurrentAction] = useCurrentAction();\n  const [reminderDataById, setReminderByIdData] = useReminderById();\n  const [reminderPayload, setReminderPayload] = useUpdateReminderData();\n  const [reminderRefId] = useReminderRefId();\n  const [, setReminderUpdatedData] = useReminderNotiData();\n  const [, setReminderData] = useReminderData();\n\n  const {\n    data: fetchedReminderInitialData,\n    fetchData: callReminderApiInitial,\n    loading,\n  } = useAxios<{\n    data: any;\n  }>({\n    endpoint: `/v1/task/reminder/${reminderRefId}`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    // filters: [{ field: 'order_id', op: '=', value: reminderRefId }],\n  });\n\n  useEffect(() => {\n    if (fetchedReminderInitialData && fetchedReminderInitialData?.data) {\n      const data = fetchedReminderInitialData?.data[0];\n      setReminderByIdData(data);\n      setReminderPayload(data);\n    }\n  }, [fetchedReminderInitialData, loading]);\n\n  useEffect(() => {\n    if (reminderRefId) {\n      callReminderApiInitial();\n    }\n  }, [reminderRefId]);\n\n  const handleDateChange = (date: any | null) => {\n    if (date && date.isValid()) {\n      const selectedDate = date.toISOString();\n      setReminderPayload({\n        ...reminderPayload,\n        due_datetime: selectedDate,\n      });\n    } else {\n      setReminderPayload({\n        ...reminderPayload,\n        due_datetime: null,\n      });\n    }\n  };\n\n  const { fetchData: callReminderEditAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/reminder/update/`,\n    method: 'PUT',\n  });\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n\n  const onChangeDetails = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newDescription = event.target.value;\n\n    setReminderPayload({\n      ...reminderPayload,\n      description: newDescription,\n    });\n  };\n\n  const handleStatusChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = event.target.checked;\n    setReminderPayload({\n      ...reminderPayload,\n      status: isChecked,\n    });\n  };\n\n  const handleEditReminder = async () => {\n    try {\n      if (reminderDataById?.status === true) {\n        notification.info({\n          message: 'Info',\n          description:\n            'This flag has been set as resolved - changes are no longer permitted.',\n        });\n        return;\n      }\n\n      // Destructure to remove unwanted fields\n      const {\n        is_deleted,\n        legacy_reminder_id,\n        order_data,\n        priority,\n        reference,\n        completed_at,\n        completed_by,\n        ...cleanedPayload\n      } = reminderPayload;\n\n      cleanedPayload.id = reminderRefId;\n      cleanedPayload.order_id = reminderDataById?.order_id;\n\n      const apiResponse = (await callReminderEditAPI({\n        payload: [cleanedPayload],\n      })) as {\n        code: number | null;\n        error?: string | null | undefined;\n        data?: any;\n        [key: string]: any;\n      };\n\n      if (apiResponse?.code === 200) {\n        if (apiResponse && apiResponse?.data) {\n          setReminderUpdatedData(apiResponse?.data);\n          setReminderData(apiResponse?.data);\n          props?.callReminderApi();\n        }\n\n        closeModal();\n        notification.success({\n          message: 'Success',\n          description: apiResponse.message,\n        });\n      } else {\n        notification.error({\n          message: 'Failure',\n          description:\n            apiResponse?.error ||\n            'An error occurred while updating the reminder.',\n        });\n      }\n    } catch (error) {\n      const err = error as any;\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\n  const arraysEqual = (a: any = [], b: any = []) => {\n    if (a.length !== b.length) return false;\n    return a.every((val: any, index: any) => val === b[index]);\n  };\n\n  const isSameDate = (d1: any, d2: any) => {\n    if (!d1 || !d2) return d1 === d2; // both null/undefined\n    const date1 = new Date(d1).toISOString();\n    const date2 = new Date(d2).toISOString();\n    return date1 === date2;\n  };\n\n  const hasReminderChanged = () => {\n    if (!reminderDataById || !reminderPayload) return false;\n\n    const original = {\n      due_datetime: reminderDataById?.due_datetime,\n      assigned_to: reminderDataById?.assigned_to || [],\n      description: reminderDataById?.description?.trim(),\n      department: reminderDataById?.department,\n      status: reminderDataById?.status,\n    };\n\n    const updated = {\n      due_datetime: reminderPayload?.due_datetime,\n      assigned_to: reminderPayload?.assigned_to || [],\n      description: reminderPayload?.description?.trim(),\n      department: reminderPayload?.department,\n      status: reminderPayload?.status,\n    };\n\n    const baseChanged =\n      !isSameDate(original?.due_datetime, updated?.due_datetime) ||\n      !arraysEqual(original?.assigned_to, updated?.assigned_to) ||\n      original?.description !== updated?.description ||\n      original?.status !== updated?.status;\n\n    const shouldCompareDept =\n      original?.department !== undefined && updated?.department !== undefined;\n\n    const departmentChanged = shouldCompareDept\n      ? original?.department !== updated?.department\n      : false;\n\n    return baseChanged || departmentChanged;\n  };\n\n  const isDisabled =\n    !reminderPayload?.assigned_to?.length ||\n    !reminderPayload?.description?.trim() ||\n    !reminderPayload?.due_datetime ||\n    !hasReminderChanged() ||\n    reminderDataById?.status === true;\n\n  const additional =\n    reminderDataById?.order_data?.order_recipient?.recipient_name +\n    ' ' +\n    reminderDataById?.order_data?.order_recipient?.postcode;\n\n  const disabled = reminderDataById?.status === true;\n\n  return (\n    <>\n      {reminderDataById && (\n        <OrderActionModal\n          headerTitle=\"View Reminder\"\n          onCloseHeader={closeModal}\n          onSubmit={handleEditReminder}\n          submitBtnTitle=\"Save Details\"\n          infoText={additional || 'NA'}\n          isSubmitDisabled={isDisabled || disabled}\n          headerActions={\n            <OuterDiv>\n              {reminderDataById?.status === false && (\n                <StyledWrapper>\n                  <StyledLabel>\n                    <StyledCheckbox>\n                      <input\n                        type=\"checkbox\"\n                        onChange={handleStatusChange}\n                        checked={reminderPayload?.status || false}\n                        disabled={disabled}\n                      />\n                      <RoundCheckbox />\n                    </StyledCheckbox>\n                    <StyledSpan>Mark As Complete</StyledSpan>\n                  </StyledLabel>\n                </StyledWrapper>\n              )}\n            </OuterDiv>\n          }\n        >\n          <ReferenceContainer>\n            <InnerContainer>\n              <MiniContainer>\n                <Label label=\"Reference\" required />\n                <LabelText>{reminderDataById?.reference || 'N/A'}</LabelText>\n              </MiniContainer>\n              <MiniContainer>\n                <Label label=\"Status\" />\n                <LabelText>\n                  {reminderDataById?.status === false ? (\n                    <StatusIndicator text=\"Incomplete\" status=\"AD\" />\n                  ) : (\n                    <StatusIndicator\n                      text={`Completed on ${reminderDataById?.completed_at} by ${reminderDataById?.completed_by}`}\n                      status=\"SD\"\n                    />\n                  )}\n                </LabelText>\n              </MiniContainer>\n            </InnerContainer>\n          </ReferenceContainer>\n\n          <ContentsContainer>\n            <Left>\n              <AssigneeDropdown />\n              <DateTimeContainer>\n                <Label label=\"Due Date & Time\" required />\n                <Row>\n                  <StyleContainer>\n                    <DatePickerWrap>\n                      <DatePicker\n                        format=\"DD/MM/YYYY HH:mm A\"\n                        value={\n                          reminderPayload?.due_datetime !== undefined\n                            ? reminderPayload.due_datetime\n                              ? dayjs(reminderPayload.due_datetime)\n                              : null\n                            : reminderDataById?.due_datetime\n                            ? dayjs(reminderDataById.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                        disabled={disabled}\n                      />\n                    </DatePickerWrap>\n                  </StyleContainer>\n                </Row>\n              </DateTimeContainer>\n            </Left>\n\n            <Right>\n              <Label label=\"Details\" required />\n              <DetailedContainer\n                placeholder=\"Enter Description...\"\n                name=\"text\"\n                required\n                value={\n                  reminderPayload?.description !== undefined\n                    ? reminderPayload.description\n                    : reminderDataById?.description || ''\n                }\n                disabled={disabled}\n                onChange={onChangeDetails}\n              />\n            </Right>\n          </ContentsContainer>\n        </OrderActionModal>\n      )}\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\nexport const Right = styled.div`\n  display: flex;\n  height: 100%;\n  gap: 15px;\n  flex-direction: column;\n  padding: 10px;\n`;\nconst StyleContainer = styled.div`\n  border-radius: 20px;\n  background: #fff;\n  width: 235px;\n`;\n\nconst StyledWrapper = styled.div`\n  display: flex;\n  padding: 6px 10px;\n  align-items: center;\n  gap: 5px;\n  border-radius: 30px;\n  background: #fff;\n`;\n\nconst StyledLabel = styled.label`\n  cursor: pointer;\n  display: flex;\n`;\n\nconst StyledSpan = styled.span`\n  color: #131313;\n  font-family: 'Lato', sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 17px;\n  white-space: nowrap;\n`;\n\nconst StyledCheckbox = styled.div`\n  input[type='checkbox'] {\n    display: none;\n  }\n\n  input[type='checkbox'] + span:before {\n    width: 14px;\n    height: 14px;\n    border: 1.5px solid #3a3630;\n    content: '';\n    display: inline-block;\n    margin: 0 8px 0 0;\n    padding: 0;\n    border-radius: 50%;\n  }\n\n  input[type='checkbox']:checked + span:before {\n    background: #feba30;\n    border: 1.5px solid #3a3630;\n    box-shadow: inset 0px 0px 0px 1px #fff;\n    color: #333;\n    content: '';\n    text-align: center;\n    border-radius: 50%;\n    display: flex;\n    width: 14px;\n    height: 14px;\n  }\n\n  input[type='checkbox']:focus + span::before {\n    outline: 0;\n  }\n`;\n\nconst OuterDiv = styled.div`\n  padding-left: 33%;\n`;\n\nconst RoundCheckbox = styled.span``;\n\nconst LabelText = styled.span`\n  color: var(--primary-dark-brown, #3a3630);\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n\nexport default ViewReminderModal;\n"],"names":["ViewReminderModal","props","setCurrentAction","useCurrentAction","reminderDataById","setReminderByIdData","useReminderById","reminderPayload","setReminderPayload","useUpdateReminderData","reminderRefId","useReminderRefId","setReminderUpdatedData","useReminderNotiData","setReminderData","useReminderData","fetchedReminderInitialData","callReminderApiInitial","loading","useAxios","useEffect","data","handleDateChange","date","selectedDate","callReminderEditAPI","closeModal","onChangeDetails","event","newDescription","handleStatusChange","isChecked","handleEditReminder","notification","is_deleted","legacy_reminder_id","order_data","priority","reference","completed_at","completed_by","cleanedPayload","apiResponse","error","err","errMsg","arraysEqual","a","b","val","index","isSameDate","d1","d2","date1","date2","hasReminderChanged","original","updated","baseChanged","departmentChanged","isDisabled","additional","disabled","jsxs","OrderActionModal","OuterDiv","jsx","StyledWrapper","StyledLabel","StyledCheckbox","RoundCheckbox","StyledSpan","ReferenceContainer","InnerContainer","MiniContainer","Label","LabelText","StatusIndicator","ContentsContainer","Left","AssigneeDropdown","DateTimeContainer","Row","StyleContainer","DatePickerWrap","DatePicker","dayjs","current","getDisabledTime","Right","DetailedContainer","currentHour","currentMinute","_","i","hour","selectedHour","minute","styled"],"mappings":"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"}

package/dist/components/order-view/view-reminder/reminder-styles.js

@@ -0,0 +1,182 @@
+import { TextArea as a, Input as i } from "@bjsdistribution/dms-component-library";
+import e from "styled-components";
+const o = e.div`
+  display: flex;
+  width: 770px;
+  align-items: center;
+  flex: 1 0 0;
+  border-radius: 40px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: #fff;
+  margin-top: 15px;
+`, d = e.div`
+  display: flex;
+  padding: 5px 15px;
+  align-items: center;
+  gap: 20px;
+  flex: 1 0 0;
+`, x = e.div`
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  flex: 1;
+`;
+e(a)`
+  display: flex;
+  height: 105px;
+  padding: 8px 12px;
+  align-items: flex-start;
+  gap: 4px;
+  align-self: stretch;
+  border-radius: 15px;
+  resize: none;
+`;
+e(i)`
+  border: none;
+  border-radius: 15px;
+  width: 330px;
+`;
+e(i)`
+  border: none;
+  border-radius: 15px;
+  width: 330px;
+`;
+e(i)`
+  border: none;
+  border-radius: 15px;
+  width: 330px;
+`;
+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;
+    &:focus-visible {
+      outline: none;
+    }
+  }
+  svg {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+e(i)`
+  border-radius: 66px;
+  width: 175px;
+  padding-right: 30px;
+`;
+e.div`
+  display: flex;
+  width: 80px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+`;
+e(i)`
+  border-radius: 30px;
+  border: 1px solid #e0e2e7;
+  background: #fff;
+
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  display: flex;
+  padding: 8px 5px;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+`;
+e.div`
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+`;
+const n = e.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`, s = e(n)`
+  gap: 10px;
+`;
+e.div`
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  gap: 15px;
+`;
+const l = e.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+  gap: 15px;
+  padding: 15px;
+`, f = e.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 5px;
+  align-self: stretch;
+`;
+e.div`
+  display: flex;
+  padding: 15px 12px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  flex: 1 0 0;
+  border-radius: 15px;
+  background: #f8fafc;
+`;
+const c = e.textarea`
+  display: flex;
+  width: 416px;
+  padding: 15px 12px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 5px;
+  flex: 1 0 0;
+  border-radius: 14px;
+  background: #f8fafc;
+  background: ${({ disabled: t }) => t ? "rgba(0, 0, 0, 0.04)" : "#fff"};
+  color: ${({ disabled: t }) => t ? "#666" : "#000"};
+  pointer-events: ${({ disabled: t }) => t ? "none" : "auto"};
+  font-family: 'Lato', sans-serif;
+  min-height: 170px;
+  &::placeholder {
+    color: #aaa;
+  }
+`, g = e(n)`
+  display: flex;
+  margin: 15px;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  border-radius: 15px;
+  background: #f8fafc;
+  /* shadow/shadow-sm */
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+`;
+export {
+  g as ContentsContainer,
+  f as DateTimeContainer,
+  c as DetailedContainer,
+  d as InnerContainer,
+  l as Left,
+  x as MiniContainer,
+  o as ReferenceContainer,
+  s as Row
+};
+//# sourceMappingURL=reminder-styles.js.map

package/dist/components/order-view/view-reminder/reminder-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reminder-styles.js","sources":["../../../../src/components/order-view/view-reminder/reminder-styles.tsx"],"sourcesContent":["import { TextArea, Input } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nexport const ReferenceContainer = styled.div`\n  display: flex;\n  width: 770px;\n  align-items: center;\n  flex: 1 0 0;\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  background: #fff;\n  margin-top: 15px;\n`;\nexport const InnerContainer = styled.div`\n  display: flex;\n  padding: 5px 15px;\n  align-items: center;\n  gap: 20px;\n  flex: 1 0 0;\n`;\nexport const MiniContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  flex: 1;\n`;\nexport const StyledText = styled(TextArea)`\n  display: flex;\n  height: 105px;\n  padding: 8px 12px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 15px;\n  resize: none;\n`;\nexport const ReferInput = styled(Input)`\n  border: none;\n  border-radius: 15px;\n  width: 330px;\n`;\nexport const InputContainer = styled(Input)`\n  border: none;\n  border-radius: 15px;\n  width: 330px;\n`;\nexport const ReferInputContainer = styled(Input)`\n  border: none;\n  border-radius: 15px;\n  width: 330px;\n`;\nexport const StyledDateContainer = 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  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    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n\nexport const StyledDate = styled(Input)`\n  border-radius: 66px;\n  width: 175px;\n  padding-right: 30px;\n`;\n\nexport const TimeWrapper = styled.div`\n  display: flex;\n  width: 80px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n`;\nexport const StyledTime = styled(Input)`\n  border-radius: 30px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 8px 5px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n`;\nexport const IconContainer = styled.div`\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n`;\nconst Column = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\nexport const Row = styled(Column)`\n  gap: 10px;\n`;\nexport const Right = styled.div`\n  display: flex;\n  justify-content: space-between;\n  height: 100%;\n  gap: 15px;\n`;\nexport const Left = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  gap: 15px;\n  padding: 15px;\n`;\nexport const DateTimeContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 5px;\n  align-self: stretch;\n`;\nexport const AssigneeContainer = styled.div`\n  display: flex;\n  padding: 15px 12px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n`;\nexport const DetailedContainer = styled.textarea<{ disabled?: boolean }>`\n  display: flex;\n  width: 416px;\n  padding: 15px 12px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 5px;\n  flex: 1 0 0;\n  border-radius: 14px;\n  background: #f8fafc;\n  background: ${({ disabled }) => (disabled ? 'rgba(0, 0, 0, 0.04)' : '#fff')};\n  color: ${({ disabled }) => (disabled ? '#666' : '#000')};\n  pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};\n  font-family: 'Lato', sans-serif;\n  min-height: 170px;\n  &::placeholder {\n    color: #aaa;\n  }\n`;\nexport const ContentsContainer = styled(Column)`\n  display: flex;\n  margin: 15px;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  border-radius: 15px;\n  background: #f8fafc;\n  /* shadow/shadow-sm */\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n`;\n` `;\n"],"names":["ReferenceContainer","styled","InnerContainer","MiniContainer","TextArea","Input","Column","Row","Left","DateTimeContainer","DetailedContainer","disabled","ContentsContainer"],"mappings":";;AAEO,MAAMA,IAAqBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU5BC,IAAiBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOxBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMVA,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUfH,EAAOI,CAAK;AAAA;AAAA;AAAA;AAAA;AAKRJ,EAAOI,CAAK;AAAA;AAAA;AAAA;AAAA;AAKPJ,EAAOI,CAAK;AAAA;AAAA;AAAA;AAAA;AAKZJ,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;AA0BhBA,EAAOI,CAAK;AAAA;AAAA;AAAA;AAAA;AAMXJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAORA,EAAOI,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYTJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMpC,MAAMK,IAASL,EAAO;AAAA;AAAA;AAAA;AAAA,GAKTM,IAAMN,EAAOK,CAAM;AAAA;AAAA;AAGXL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAMO,IAAOP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQdQ,IAAoBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOPA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWjC,MAAMS,IAAoBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWxB,CAAC,EAAE,UAAAU,EAAA,MAAgBA,IAAW,wBAAwB,MAAO;AAAA,WAClE,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA,oBACrC,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrDC,IAAoBX,EAAOK,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}