@pisell/private-materials 6.3.115 → 6.3.117

package/lib/plus/saasAttendance/settings/BasicInfoTab.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const BasicInfoTab: React.FC<{
+    id?: string;
+}>;
+export default BasicInfoTab;

package/lib/plus/saasAttendance/settings/BasicInfoTab.js

@@ -0,0 +1,152 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasAttendance/settings/BasicInfoTab.tsx
+var BasicInfoTab_exports = {};
+__export(BasicInfoTab_exports, {
+  default: () => BasicInfoTab_default
+});
+module.exports = __toCommonJS(BasicInfoTab_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_components = require("./components");
+var import_serve = require("./serve");
+var BasicInfoTab = (props) => {
+  var _a;
+  const engineContext = (0, import_useEngineContext.default)();
+  const { translation } = ((_a = engineContext == null ? void 0 : engineContext.appHelper) == null ? void 0 : _a.utils) || {};
+  const { data } = (0, import_ahooks.useRequest)(import_serve.getTimezoneList, {
+    defaultParams: [
+      {
+        pageSize: 499
+      }
+    ]
+  });
+  const timeZoneOptions = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.map((item) => ({
+      label: translation(item.name),
+      value: item.code
+    }))) || [];
+  }, [data]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__panel", id: props.id }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.label.name"
+      ),
+      name: "name",
+      rules: [
+        {
+          required: true
+        },
+        {
+          validator(_, value) {
+            let hasVal = false;
+            if (value && typeof value === "object") {
+              Object.entries(value).forEach(([key, val]) => {
+                if (val) {
+                  hasVal = true;
+                }
+              });
+            }
+            if (!hasVal) {
+              return Promise.reject(
+                import_utils.locales.getText(
+                  "pisell2.attendance.group-settings.basic-info.name-required"
+                )
+              );
+            }
+            return Promise.resolve();
+          }
+        }
+      ],
+      extra: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.name-max-length"
+      )(50)
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.BaseTranslation,
+      {
+        maxLength: 50,
+        placeholder: import_utils.locales.getText(
+          "pisell2.attendance.group-settings.basic-info.name-tip"
+        )
+      }
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.label.time-zone"
+      ),
+      name: "timezone",
+      rules: [{ required: true }],
+      required: true,
+      extra: /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            color: "#ea580c"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Icon,
+          {
+            type: "pisell2-alert-triangle",
+            size: 14,
+            style: { marginRight: 4 }
+          }
+        ),
+        import_utils.locales.getText(
+          "pisell2.attendance.group-settings.basic-info.time-zone-tip"
+        )
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { disabled: true, options: timeZoneOptions })
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.label.members"
+      ),
+      name: "member_ids",
+      rules: [
+        {
+          required: true
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.MembersField, null)
+  ));
+};
+var BasicInfoTab_default = BasicInfoTab;

package/lib/plus/saasAttendance/settings/ClockInMethodTab.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+export interface ClockInMethodTabProps {
+    form: FormInstance;
+    id?: string;
+}
+declare const ClockInMethodTab: React.FC<ClockInMethodTabProps>;
+export default ClockInMethodTab;

package/lib/plus/saasAttendance/settings/ClockInMethodTab.js

@@ -0,0 +1,88 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasAttendance/settings/ClockInMethodTab.tsx
+var ClockInMethodTab_exports = {};
+__export(ClockInMethodTab_exports, {
+  default: () => ClockInMethodTab_default
+});
+module.exports = __toCommonJS(ClockInMethodTab_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_components = require("./components");
+var ClockInMethodTab = (props) => {
+  const { form } = props;
+  const maxLocations = 200;
+  const mapFieldRef = (0, import_react.useRef)(null);
+  const defaultValidRangeMeters = import_antd.Form.useWatch(["place", "radius"], form) ?? 100;
+  const locations = import_antd.Form.useWatch(["place", "location"], form) ?? [];
+  const isMaxLocations = Array.isArray(locations) && locations.length >= maxLocations;
+  const openAddLocation = () => {
+    var _a;
+    if (isMaxLocations) return;
+    (_a = mapFieldRef.current) == null ? void 0 : _a.onAddLocation();
+  };
+  const approvedLocationsLabel = (0, import_react.useMemo)(
+    () => import_utils.locales.getText(
+      "pisell2.attendance.group-settings.clock-in-method.approved-locations.label"
+    )(maxLocations),
+    [maxLocations]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__panel", id: props.id }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__banner banner-green" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "banner-icon" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-marker-pin-01", size: 20 })), /* @__PURE__ */ import_react.default.createElement("div", { className: "banner-body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "banner-title" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.clock-in-method.gps.title"
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "banner-desc" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.clock-in-method.gps.desc"
+  )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section-head" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section-title" }, approvedLocationsLabel), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "primary",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus", size: 16 }),
+      onClick: openAddLocation,
+      disabled: isMaxLocations
+    },
+    import_utils.locales.getText(
+      "pisell2.attendance.group-settings.actions.add-location"
+    )
+  )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: ["place", "location"], style: { marginBottom: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_components.MapField, { ref: mapFieldRef, defaultRadius: defaultValidRangeMeters }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section-title" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.clock-in-method.default-valid-range.label"
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__slider-row" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["place", "radius"],
+      style: { marginBottom: 0, flex: 1 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Slider, { min: 0, max: 1e3 })
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__slider-value" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.clock-in-method.meters"
+  )(defaultValidRangeMeters || 0))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__help" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.clock-in-method.default-valid-range.desc"
+  ))));
+};
+var ClockInMethodTab_default = ClockInMethodTab;

package/lib/plus/saasAttendance/settings/CorrectionPolicyTab.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+export interface CorrectionPolicyTabProps {
+    form: FormInstance;
+    id?: string;
+}
+declare const CorrectionPolicyTab: React.FC<CorrectionPolicyTabProps>;
+export default CorrectionPolicyTab;

package/lib/plus/saasAttendance/settings/CorrectionPolicyTab.js

@@ -0,0 +1,369 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasAttendance/settings/CorrectionPolicyTab.tsx
+var CorrectionPolicyTab_exports = {};
+__export(CorrectionPolicyTab_exports, {
+  default: () => CorrectionPolicyTab_default
+});
+module.exports = __toCommonJS(CorrectionPolicyTab_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index");
+var CorrectionTypesField = (props) => {
+  const value = props.value ?? [];
+  const items = (0, import_react.useMemo)(
+    () => [
+      {
+        key: "missing",
+        titleKey: "pisell2.attendance.group-settings.correction-policy.types.missing.title",
+        descKey: "pisell2.attendance.group-settings.correction-policy.types.missing.desc"
+      },
+      {
+        key: "late",
+        titleKey: "pisell2.attendance.group-settings.correction-policy.types.late.title",
+        descKey: "pisell2.attendance.group-settings.correction-policy.types.late.desc"
+      },
+      {
+        key: "early_leave",
+        titleKey: "pisell2.attendance.group-settings.correction-policy.types.early-out.title",
+        descKey: "pisell2.attendance.group-settings.correction-policy.types.early-out.desc"
+      },
+      {
+        key: "normal",
+        titleKey: "pisell2.attendance.group-settings.correction-policy.types.normal.title",
+        descKey: "pisell2.attendance.group-settings.correction-policy.types.normal.desc"
+      }
+    ],
+    []
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__check-cards" }, items.map((item) => {
+    const checked = value.includes(item.key);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: item.key,
+        className: [
+          "saas-attendance-group-settings__check-card",
+          checked ? "saas-attendance-group-settings__check-card--checked" : ""
+        ].join(" "),
+        onClick: () => {
+          var _a;
+          const next = checked ? value.filter((x) => x !== item.key) : [...value, item.key];
+          (_a = props.onChange) == null ? void 0 : _a.call(props, next);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, { checked, onChange: () => {
+      } }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__check-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__check-title" }, import_utils.locales.getText(item.titleKey)), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__check-desc" }, import_utils.locales.getText(item.descKey)))
+    );
+  }));
+};
+var CorrectionTimeLimitField = (props) => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__inline-input" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__inline-text" }, import_utils.locales.getText(
+  "pisell2.attendance.group-settings.correction-policy.time-limit.request-past-days.prefix"
+)), /* @__PURE__ */ import_react.default.createElement(
+  import_antd.InputNumber,
+  {
+    min: 0,
+    max: 180,
+    precision: 0,
+    step: 1,
+    value: props.value,
+    onChange: props.onChange
+  }
+), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__inline-text" }, import_utils.locales.getText(
+  "pisell2.attendance.group-settings.correction-policy.time-limit.request-past-days.suffix"
+))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__help" }, import_utils.locales.getText(
+  "pisell2.attendance.group-settings.correction-policy.time-limit.helper"
+)));
+var CorrectionMonthlyLimitField = (props) => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__inline-input" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__inline-text" }, import_utils.locales.getText(
+  "pisell2.attendance.group-settings.correction-policy.monthly-limit.maximum.prefix"
+)), /* @__PURE__ */ import_react.default.createElement(
+  import_antd.InputNumber,
+  {
+    min: 0,
+    max: 999,
+    precision: 0,
+    step: 1,
+    value: props.value,
+    onChange: props.onChange
+  }
+), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__inline-text" }, import_utils.locales.getText(
+  "pisell2.attendance.group-settings.correction-policy.monthly-limit.maximum.suffix"
+))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__help" }, import_utils.locales.getText(
+  "pisell2.attendance.group-settings.correction-policy.monthly-limit.helper"
+)));
+var CorrectionResetPeriodField = (props) => {
+  const value = props.value ?? "natural_month";
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Radio.Group,
+    {
+      className: "saas-attendance-group-settings__radio-cards",
+      value,
+      onChange: (e) => {
+        var _a, _b;
+        const nextValue = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value;
+        (_b = props.onChange) == null ? void 0 : _b.call(props, nextValue);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: [
+          "saas-attendance-group-settings__radio-card",
+          value === "natural_month" ? "saas-attendance-group-settings__radio-card--selected" : ""
+        ].join(" ")
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: "natural_month" }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__radio-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__radio-title" }, import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.reset-period.calendar-month.title"
+      )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__radio-desc" }, import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.reset-period.calendar-month.desc"
+      )))
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: [
+          "saas-attendance-group-settings__radio-card",
+          value === "custom" ? "saas-attendance-group-settings__radio-card--selected" : ""
+        ].join(" ")
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: "custom" }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__radio-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__radio-title" }, import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.reset-period.custom-period.title"
+      )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__radio-desc" }, import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.reset-period.custom-period.desc"
+      )))
+    )
+  ));
+};
+var CorrectionPolicyTab = (props) => {
+  const { form } = props;
+  const { members } = (0, import_react.useContext)(import_index.settingsContext);
+  (0, import_react.useEffect)(() => {
+    if (Array.isArray(members)) {
+      const founder = members.find((item) => item.type === "founder");
+      const originApproverIds = form.getFieldValue([
+        "correction",
+        "approver_ids"
+      ]);
+      if ((!Array.isArray(originApproverIds) || originApproverIds.length === 0) && founder) {
+        form.setFieldValue(["correction", "approver_ids"], [founder.id]);
+      }
+    }
+  }, [members, form]);
+  const approverOptions = (0, import_react.useMemo)(() => {
+    if (!Array.isArray(members)) return [];
+    return members.map((item) => ({
+      label: item.nickname,
+      value: item.id
+    }));
+  }, [members]);
+  const customPeriodOptions = (0, import_react.useMemo)(
+    () => Array.from({ length: 28 }, (_, index) => {
+      const day = index + 1;
+      return { label: String(day), value: day };
+    }),
+    []
+  );
+  const allow = import_antd.Form.useWatch(["correction", "allow"], form) ?? true;
+  const period_type = import_antd.Form.useWatch(["correction", "period_type"], form) ?? "natural_month";
+  (0, import_react.useEffect)(() => {
+    const correction = form.getFieldValue(["correction"]) ?? {};
+    const nextCorrection = {};
+    if (typeof correction.allow === "undefined") nextCorrection.allow = true;
+    if (!Array.isArray(correction.types) || correction.types.length === 0) {
+      nextCorrection.types = ["missing", "late"];
+    }
+    if (!Array.isArray(correction.approver_ids)) nextCorrection.approver_ids = [];
+    if (correction.days_limit === null || typeof correction.days_limit === "undefined") {
+      nextCorrection.days_limit = 7;
+    }
+    if (correction.monthly_times === null || typeof correction.monthly_times === "undefined") {
+      nextCorrection.monthly_times = 3;
+    }
+    if (typeof correction.period_type === "undefined") {
+      nextCorrection.period_type = "natural_month";
+    }
+    if (typeof correction.period_custom === "undefined") {
+      const nextPeriodType = correction.period_type ?? nextCorrection.period_type ?? "natural_month";
+      nextCorrection.period_custom = nextPeriodType === "custom" ? 1 : null;
+    }
+    if (Object.keys(nextCorrection).length > 0) {
+      form.setFieldsValue({
+        correction: {
+          ...correction,
+          ...nextCorrection
+        }
+      });
+    }
+  }, [form]);
+  (0, import_react.useEffect)(() => {
+    if (period_type !== "custom") {
+      form.setFieldValue(["correction", "period_custom"], null);
+    } else {
+      const v = form.getFieldValue(["correction", "period_custom"]);
+      if (v === null || typeof v === "undefined") {
+        form.setFieldValue(["correction", "period_custom"], 1);
+      }
+    }
+  }, [period_type, form]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__panel", id: props.id }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "allow"],
+      valuePropName: "checked",
+      initialValue: true
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Checkbox,
+      {
+        className: "saas-attendance-group-settings__allow-corrections",
+        style: { width: "100%" }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__allow-title" }, import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.allow-corrections.title"
+      )),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__allow-desc" }, import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.allow-corrections.desc"
+      ))
+    )
+  ), allow && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "types"],
+      initialValue: ["missing", "late"],
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.types.label"
+      ),
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.attendance.group-settings.correction-policy.types.label"
+          )
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(CorrectionTypesField, null)
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "approver_ids"],
+      initialValue: [],
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.approver.label"
+      ),
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.attendance.group-settings.correction-policy.approver.required"
+          )
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        allowClear: true,
+        mode: "multiple",
+        options: approverOptions,
+        placeholder: import_utils.locales.getText(
+          "pisell2.attendance.group-settings.correction-policy.approver.placeholder"
+        ),
+        showSearch: true,
+        optionFilterProp: "label"
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "days_limit"],
+      initialValue: 7,
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.time-limit.label"
+      ),
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.attendance.group-settings.correction-policy.time-limit.required"
+          )
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(CorrectionTimeLimitField, null)
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "monthly_times"],
+      initialValue: 3,
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.monthly-limit.label"
+      ),
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.attendance.group-settings.correction-policy.monthly-limit.required"
+          )
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(CorrectionMonthlyLimitField, null)
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "period_type"],
+      initialValue: "natural_month",
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.correction-policy.reset-period.label"
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(CorrectionResetPeriodField, null)
+  )), period_type === "custom" && /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__section" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["correction", "period_custom"],
+      initialValue: 1,
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.attendance.group-settings.correction-policy.reset-period.custom-period.required"
+          )
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { options: customPeriodOptions })
+  ))));
+};
+var CorrectionPolicyTab_default = CorrectionPolicyTab;

package/lib/plus/saasAttendance/settings/PermissonTab.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const PermissonTab: React.FC<{
+    id?: string;
+}>;
+export default PermissonTab;