@notificationapi/react 0.0.34 → 0.0.35

package/dist/assets/PreferenceInput.js

@@ -0,0 +1,1470 @@
+import { jsx as D, Fragment as re, jsxs as L } from "react/jsx-runtime";
+import { g as ze, a as Pe } from "./channelUtils.js";
+import { F as Ne, u as ge, K as ae, T as Me } from "./index3.js";
+import * as d from "react";
+import Re, { forwardRef as je, useRef as le, useImperativeHandle as De } from "react";
+import { u as Y, W as be, T as Be, a as pe, C as _e, t as Te, b as He, c as We } from "./compact-item.js";
+import { e as fe, f as me, c as _, b as U, a as ve, _ as de } from "./presets.js";
+import { g as ne, m as oe, r as A, u as E, p as Ce, a as W, i as qe, f as Se, D as $e, q as Ve, T as Le } from "./reactNode.js";
+import { p as Ae } from "./pickAttrs.js";
+const ye = /* @__PURE__ */ d.createContext(null), Ge = ye.Provider, xe = /* @__PURE__ */ d.createContext(null), Fe = xe.Provider;
+var Xe = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], Ke = /* @__PURE__ */ je(function(e, n) {
+  var i = e.prefixCls, t = i === void 0 ? "rc-checkbox" : i, o = e.className, s = e.style, a = e.checked, r = e.disabled, l = e.defaultChecked, c = l === void 0 ? !1 : l, g = e.type, u = g === void 0 ? "checkbox" : g, S = e.title, m = e.onChange, w = fe(e, Xe), y = le(null), b = le(null), k = Y(c, {
+    value: a
+  }), f = me(k, 2), v = f[0], x = f[1];
+  De(n, function() {
+    return {
+      focus: function(h) {
+        var $;
+        ($ = y.current) === null || $ === void 0 || $.focus(h);
+      },
+      blur: function() {
+        var h;
+        (h = y.current) === null || h === void 0 || h.blur();
+      },
+      input: y.current,
+      nativeElement: b.current
+    };
+  });
+  var I = _(t, o, U(U({}, "".concat(t, "-checked"), v), "".concat(t, "-disabled"), r)), p = function(h) {
+    r || ("checked" in e || x(h.target.checked), m == null || m({
+      target: de(de({}, e), {}, {
+        type: u,
+        checked: h.target.checked
+      }),
+      stopPropagation: function() {
+        h.stopPropagation();
+      },
+      preventDefault: function() {
+        h.preventDefault();
+      },
+      nativeEvent: h.nativeEvent
+    }));
+  };
+  return /* @__PURE__ */ d.createElement("span", {
+    className: I,
+    title: S,
+    style: s,
+    ref: b
+  }, /* @__PURE__ */ d.createElement("input", ve({}, w, {
+    className: "".concat(t, "-input"),
+    ref: y,
+    onChange: p,
+    disabled: r,
+    checked: !!v,
+    type: u
+  })), /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(t, "-inner")
+  }));
+});
+const Ue = (e) => {
+  const {
+    componentCls: n,
+    antCls: i
+  } = e, t = `${n}-group`;
+  return {
+    [t]: Object.assign(Object.assign({}, A(e)), {
+      display: "inline-block",
+      fontSize: 0,
+      // RTL
+      [`&${t}-rtl`]: {
+        direction: "rtl"
+      },
+      [`&${t}-block`]: {
+        display: "flex"
+      },
+      [`${i}-badge ${i}-badge-count`]: {
+        zIndex: 1
+      },
+      [`> ${i}-badge:not(:first-child) > ${i}-button-wrapper`]: {
+        borderInlineStart: "none"
+      }
+    })
+  };
+}, Qe = (e) => {
+  const {
+    componentCls: n,
+    wrapperMarginInlineEnd: i,
+    colorPrimary: t,
+    radioSize: o,
+    motionDurationSlow: s,
+    motionDurationMid: a,
+    motionEaseInOutCirc: r,
+    colorBgContainer: l,
+    colorBorder: c,
+    lineWidth: g,
+    colorBgContainerDisabled: u,
+    colorTextDisabled: S,
+    paddingXS: m,
+    dotColorDisabled: w,
+    lineType: y,
+    radioColor: b,
+    radioBgColor: k,
+    calc: f
+  } = e, v = `${n}-inner`, I = f(o).sub(f(4).mul(2)), p = f(1).mul(o).equal({
+    unit: !0
+  });
+  return {
+    [`${n}-wrapper`]: Object.assign(Object.assign({}, A(e)), {
+      display: "inline-flex",
+      alignItems: "baseline",
+      marginInlineStart: 0,
+      marginInlineEnd: i,
+      cursor: "pointer",
+      // RTL
+      [`&${n}-wrapper-rtl`]: {
+        direction: "rtl"
+      },
+      "&-disabled": {
+        cursor: "not-allowed",
+        color: e.colorTextDisabled
+      },
+      "&::after": {
+        display: "inline-block",
+        width: 0,
+        overflow: "hidden",
+        content: '"\\a0"'
+      },
+      "&-block": {
+        flex: 1,
+        justifyContent: "center"
+      },
+      // hashId 在 wrapper 上，只能铺平
+      [`${n}-checked::after`]: {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        width: "100%",
+        height: "100%",
+        border: `${E(g)} ${y} ${t}`,
+        borderRadius: "50%",
+        visibility: "hidden",
+        opacity: 0,
+        content: '""'
+      },
+      [n]: Object.assign(Object.assign({}, A(e)), {
+        position: "relative",
+        display: "inline-block",
+        outline: "none",
+        cursor: "pointer",
+        alignSelf: "center",
+        borderRadius: "50%"
+      }),
+      [`${n}-wrapper:hover &,
+        &:hover ${v}`]: {
+        borderColor: t
+      },
+      [`${n}-input:focus-visible + ${v}`]: Object.assign({}, Ce(e)),
+      [`${n}:hover::after, ${n}-wrapper:hover &::after`]: {
+        visibility: "visible"
+      },
+      [`${n}-inner`]: {
+        "&::after": {
+          boxSizing: "border-box",
+          position: "absolute",
+          insetBlockStart: "50%",
+          insetInlineStart: "50%",
+          display: "block",
+          width: p,
+          height: p,
+          marginBlockStart: f(1).mul(o).div(-2).equal({
+            unit: !0
+          }),
+          marginInlineStart: f(1).mul(o).div(-2).equal({
+            unit: !0
+          }),
+          backgroundColor: b,
+          borderBlockStart: 0,
+          borderInlineStart: 0,
+          borderRadius: p,
+          transform: "scale(0)",
+          opacity: 0,
+          transition: `all ${s} ${r}`,
+          content: '""'
+        },
+        boxSizing: "border-box",
+        position: "relative",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        display: "block",
+        width: p,
+        height: p,
+        backgroundColor: l,
+        borderColor: c,
+        borderStyle: "solid",
+        borderWidth: g,
+        borderRadius: "50%",
+        transition: `all ${a}`
+      },
+      [`${n}-input`]: {
+        position: "absolute",
+        inset: 0,
+        zIndex: 1,
+        cursor: "pointer",
+        opacity: 0
+      },
+      // 选中状态
+      [`${n}-checked`]: {
+        [v]: {
+          borderColor: t,
+          backgroundColor: k,
+          "&::after": {
+            transform: `scale(${e.calc(e.dotSize).div(o).equal()})`,
+            opacity: 1,
+            transition: `all ${s} ${r}`
+          }
+        }
+      },
+      [`${n}-disabled`]: {
+        cursor: "not-allowed",
+        [v]: {
+          backgroundColor: u,
+          borderColor: c,
+          cursor: "not-allowed",
+          "&::after": {
+            backgroundColor: w
+          }
+        },
+        [`${n}-input`]: {
+          cursor: "not-allowed"
+        },
+        [`${n}-disabled + span`]: {
+          color: S,
+          cursor: "not-allowed"
+        },
+        [`&${n}-checked`]: {
+          [v]: {
+            "&::after": {
+              transform: `scale(${f(I).div(o).equal()})`
+            }
+          }
+        }
+      },
+      [`span${n} + *`]: {
+        paddingInlineStart: m,
+        paddingInlineEnd: m
+      }
+    })
+  };
+}, Ye = (e) => {
+  const {
+    buttonColor: n,
+    controlHeight: i,
+    componentCls: t,
+    lineWidth: o,
+    lineType: s,
+    colorBorder: a,
+    motionDurationSlow: r,
+    motionDurationMid: l,
+    buttonPaddingInline: c,
+    fontSize: g,
+    buttonBg: u,
+    fontSizeLG: S,
+    controlHeightLG: m,
+    controlHeightSM: w,
+    paddingXS: y,
+    borderRadius: b,
+    borderRadiusSM: k,
+    borderRadiusLG: f,
+    buttonCheckedBg: v,
+    buttonSolidCheckedColor: x,
+    colorTextDisabled: I,
+    colorBgContainerDisabled: p,
+    buttonCheckedBgDisabled: P,
+    buttonCheckedColorDisabled: h,
+    colorPrimary: $,
+    colorPrimaryHover: z,
+    colorPrimaryActive: C,
+    buttonSolidCheckedBg: R,
+    buttonSolidCheckedHoverBg: N,
+    buttonSolidCheckedActiveBg: j,
+    calc: M
+  } = e;
+  return {
+    [`${t}-button-wrapper`]: {
+      position: "relative",
+      display: "inline-block",
+      height: i,
+      margin: 0,
+      paddingInline: c,
+      paddingBlock: 0,
+      color: n,
+      fontSize: g,
+      lineHeight: E(M(i).sub(M(o).mul(2)).equal()),
+      background: u,
+      border: `${E(o)} ${s} ${a}`,
+      // strange align fix for chrome but works
+      // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
+      borderBlockStartWidth: M(o).add(0.02).equal(),
+      borderInlineStartWidth: 0,
+      borderInlineEndWidth: o,
+      cursor: "pointer",
+      transition: [`color ${l}`, `background ${l}`, `box-shadow ${l}`].join(","),
+      a: {
+        color: n
+      },
+      [`> ${t}-button`]: {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        zIndex: -1,
+        width: "100%",
+        height: "100%"
+      },
+      "&:not(:first-child)": {
+        "&::before": {
+          position: "absolute",
+          insetBlockStart: M(o).mul(-1).equal(),
+          insetInlineStart: M(o).mul(-1).equal(),
+          display: "block",
+          boxSizing: "content-box",
+          width: 1,
+          height: "100%",
+          paddingBlock: o,
+          paddingInline: 0,
+          backgroundColor: a,
+          transition: `background-color ${r}`,
+          content: '""'
+        }
+      },
+      "&:first-child": {
+        borderInlineStart: `${E(o)} ${s} ${a}`,
+        borderStartStartRadius: b,
+        borderEndStartRadius: b
+      },
+      "&:last-child": {
+        borderStartEndRadius: b,
+        borderEndEndRadius: b
+      },
+      "&:first-child:last-child": {
+        borderRadius: b
+      },
+      [`${t}-group-large &`]: {
+        height: m,
+        fontSize: S,
+        lineHeight: E(M(m).sub(M(o).mul(2)).equal()),
+        "&:first-child": {
+          borderStartStartRadius: f,
+          borderEndStartRadius: f
+        },
+        "&:last-child": {
+          borderStartEndRadius: f,
+          borderEndEndRadius: f
+        }
+      },
+      [`${t}-group-small &`]: {
+        height: w,
+        paddingInline: M(y).sub(o).equal(),
+        paddingBlock: 0,
+        lineHeight: E(M(w).sub(M(o).mul(2)).equal()),
+        "&:first-child": {
+          borderStartStartRadius: k,
+          borderEndStartRadius: k
+        },
+        "&:last-child": {
+          borderStartEndRadius: k,
+          borderEndEndRadius: k
+        }
+      },
+      "&:hover": {
+        position: "relative",
+        color: $
+      },
+      "&:has(:focus-visible)": Object.assign({}, Ce(e)),
+      [`${t}-inner, input[type='checkbox'], input[type='radio']`]: {
+        width: 0,
+        height: 0,
+        opacity: 0,
+        pointerEvents: "none"
+      },
+      [`&-checked:not(${t}-button-wrapper-disabled)`]: {
+        zIndex: 1,
+        color: $,
+        background: v,
+        borderColor: $,
+        "&::before": {
+          backgroundColor: $
+        },
+        "&:first-child": {
+          borderColor: $
+        },
+        "&:hover": {
+          color: z,
+          borderColor: z,
+          "&::before": {
+            backgroundColor: z
+          }
+        },
+        "&:active": {
+          color: C,
+          borderColor: C,
+          "&::before": {
+            backgroundColor: C
+          }
+        }
+      },
+      [`${t}-group-solid &-checked:not(${t}-button-wrapper-disabled)`]: {
+        color: x,
+        background: R,
+        borderColor: R,
+        "&:hover": {
+          color: x,
+          background: N,
+          borderColor: N
+        },
+        "&:active": {
+          color: x,
+          background: j,
+          borderColor: j
+        }
+      },
+      "&-disabled": {
+        color: I,
+        backgroundColor: p,
+        borderColor: a,
+        cursor: "not-allowed",
+        "&:first-child, &:hover": {
+          color: I,
+          backgroundColor: p,
+          borderColor: a
+        }
+      },
+      [`&-disabled${t}-button-wrapper-checked`]: {
+        color: h,
+        backgroundColor: P,
+        borderColor: a,
+        boxShadow: "none"
+      },
+      "&-block": {
+        flex: 1,
+        textAlign: "center"
+      }
+    }
+  };
+}, Je = (e) => {
+  const {
+    wireframe: n,
+    padding: i,
+    marginXS: t,
+    lineWidth: o,
+    fontSizeLG: s,
+    colorText: a,
+    colorBgContainer: r,
+    colorTextDisabled: l,
+    controlItemBgActiveDisabled: c,
+    colorTextLightSolid: g,
+    colorPrimary: u,
+    colorPrimaryHover: S,
+    colorPrimaryActive: m,
+    colorWhite: w
+  } = e, y = 4, b = s, k = n ? b - y * 2 : b - (y + o) * 2;
+  return {
+    // Radio
+    radioSize: b,
+    dotSize: k,
+    dotColorDisabled: l,
+    // Radio buttons
+    buttonSolidCheckedColor: g,
+    buttonSolidCheckedBg: u,
+    buttonSolidCheckedHoverBg: S,
+    buttonSolidCheckedActiveBg: m,
+    buttonBg: r,
+    buttonCheckedBg: r,
+    buttonColor: a,
+    buttonCheckedBgDisabled: c,
+    buttonCheckedColorDisabled: l,
+    buttonPaddingInline: i - o,
+    wrapperMarginInlineEnd: t,
+    // internal
+    radioColor: n ? u : w,
+    radioBgColor: n ? r : u
+  };
+}, we = ne("Radio", (e) => {
+  const {
+    controlOutline: n,
+    controlOutlineWidth: i
+  } = e, t = `0 0 0 ${E(i)} ${n}`, s = oe(e, {
+    radioFocusShadow: t,
+    radioButtonFocusShadow: t
+  });
+  return [Ue(s), Qe(s), Ye(s)];
+}, Je, {
+  unitless: {
+    radioSize: !0,
+    dotSize: !0
+  }
+});
+var Ze = function(e, n) {
+  var i = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (i[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+    n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (i[t[o]] = e[t[o]]);
+  return i;
+};
+const et = (e, n) => {
+  var i, t;
+  const o = d.useContext(ye), s = d.useContext(xe), {
+    getPrefixCls: a,
+    direction: r,
+    radio: l
+  } = d.useContext(W), c = d.useRef(null), g = qe(n, c), {
+    isFormItemInput: u
+  } = d.useContext(Ne);
+  if (process.env.NODE_ENV !== "production") {
+    const j = Se("Radio");
+    process.env.NODE_ENV !== "production" && j(!("optionType" in e), "usage", "`optionType` is only support in Radio.Group.");
+  }
+  const S = (j) => {
+    var M, T;
+    (M = e.onChange) === null || M === void 0 || M.call(e, j), (T = o == null ? void 0 : o.onChange) === null || T === void 0 || T.call(o, j);
+  }, {
+    prefixCls: m,
+    className: w,
+    rootClassName: y,
+    children: b,
+    style: k,
+    title: f
+  } = e, v = Ze(e, ["prefixCls", "className", "rootClassName", "children", "style", "title"]), x = a("radio", m), I = ((o == null ? void 0 : o.optionType) || s) === "button", p = I ? `${x}-button` : x, P = ge(x), [h, $, z] = we(x, P), C = Object.assign({}, v), R = d.useContext($e);
+  o && (C.name = o.name, C.onChange = S, C.checked = e.value === o.value, C.disabled = (i = C.disabled) !== null && i !== void 0 ? i : o.disabled), C.disabled = (t = C.disabled) !== null && t !== void 0 ? t : R;
+  const N = _(`${p}-wrapper`, {
+    [`${p}-wrapper-checked`]: C.checked,
+    [`${p}-wrapper-disabled`]: C.disabled,
+    [`${p}-wrapper-rtl`]: r === "rtl",
+    [`${p}-wrapper-in-form-item`]: u,
+    [`${p}-wrapper-block`]: !!(o != null && o.block)
+  }, l == null ? void 0 : l.className, w, y, $, z, P);
+  return h(/* @__PURE__ */ d.createElement(be, {
+    component: "Radio",
+    disabled: C.disabled
+  }, /* @__PURE__ */ d.createElement("label", {
+    className: N,
+    style: Object.assign(Object.assign({}, l == null ? void 0 : l.style), k),
+    onMouseEnter: e.onMouseEnter,
+    onMouseLeave: e.onMouseLeave,
+    title: f
+  }, /* @__PURE__ */ d.createElement(Ke, Object.assign({}, C, {
+    className: _(C.className, {
+      [Be]: !I
+    }),
+    type: "radio",
+    prefixCls: p,
+    ref: g
+  })), b !== void 0 ? /* @__PURE__ */ d.createElement("span", null, b) : null)));
+}, G = /* @__PURE__ */ d.forwardRef(et);
+process.env.NODE_ENV !== "production" && (G.displayName = "Radio");
+const tt = /* @__PURE__ */ d.forwardRef((e, n) => {
+  const {
+    getPrefixCls: i,
+    direction: t
+  } = d.useContext(W), {
+    prefixCls: o,
+    className: s,
+    rootClassName: a,
+    options: r,
+    buttonStyle: l = "outline",
+    disabled: c,
+    children: g,
+    size: u,
+    style: S,
+    id: m,
+    optionType: w,
+    name: y,
+    defaultValue: b,
+    value: k,
+    block: f = !1,
+    onChange: v,
+    onMouseEnter: x,
+    onMouseLeave: I,
+    onFocus: p,
+    onBlur: P
+  } = e, [h, $] = Y(b, {
+    value: k
+  }), z = d.useCallback((O) => {
+    const H = h, B = O.target.value;
+    "value" in e || $(B), B !== H && (v == null || v(O));
+  }, [h, $, v]), C = i("radio", o), R = `${C}-group`, N = ge(C), [j, M, T] = we(C, N);
+  let X = g;
+  r && r.length > 0 && (X = r.map((O) => typeof O == "string" || typeof O == "number" ? /* @__PURE__ */ d.createElement(G, {
+    key: O.toString(),
+    prefixCls: C,
+    disabled: c,
+    value: O,
+    checked: h === O
+  }, O) : /* @__PURE__ */ d.createElement(G, {
+    key: `radio-group-value-options-${O.value}`,
+    prefixCls: C,
+    disabled: O.disabled || c,
+    value: O.value,
+    checked: h === O.value,
+    title: O.title,
+    style: O.style,
+    id: O.id,
+    required: O.required
+  }, O.label)));
+  const q = pe(u), V = _(R, `${R}-${l}`, {
+    [`${R}-${q}`]: q,
+    [`${R}-rtl`]: t === "rtl",
+    [`${R}-block`]: f
+  }, s, a, M, T, N), J = d.useMemo(() => ({
+    onChange: z,
+    value: h,
+    disabled: c,
+    name: y,
+    optionType: w,
+    block: f
+  }), [z, h, c, y, w, f]);
+  return j(/* @__PURE__ */ d.createElement("div", Object.assign({}, Ae(e, {
+    aria: !0,
+    data: !0
+  }), {
+    className: V,
+    style: S,
+    onMouseEnter: x,
+    onMouseLeave: I,
+    onFocus: p,
+    onBlur: P,
+    id: m,
+    ref: n
+  }), /* @__PURE__ */ d.createElement(Ge, {
+    value: J
+  }, X)));
+}), nt = /* @__PURE__ */ d.memo(tt);
+var ot = function(e, n) {
+  var i = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (i[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+    n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (i[t[o]] = e[t[o]]);
+  return i;
+};
+const it = (e, n) => {
+  const {
+    getPrefixCls: i
+  } = d.useContext(W), {
+    prefixCls: t
+  } = e, o = ot(e, ["prefixCls"]), s = i("radio", t);
+  return /* @__PURE__ */ d.createElement(Fe, {
+    value: "button"
+  }, /* @__PURE__ */ d.createElement(G, Object.assign({
+    prefixCls: s
+  }, o, {
+    type: "radio",
+    ref: n
+  })));
+}, rt = /* @__PURE__ */ d.forwardRef(it), F = G;
+F.Button = rt;
+F.Group = nt;
+F.__ANT_RADIO = !0;
+const at = (e) => {
+  const {
+    componentCls: n,
+    sizePaddingEdgeHorizontal: i,
+    colorSplit: t,
+    lineWidth: o,
+    textPaddingInline: s,
+    orientationMargin: a,
+    verticalMarginInline: r
+  } = e;
+  return {
+    [n]: Object.assign(Object.assign({}, A(e)), {
+      borderBlockStart: `${E(o)} solid ${t}`,
+      // vertical
+      "&-vertical": {
+        position: "relative",
+        top: "-0.06em",
+        display: "inline-block",
+        height: "0.9em",
+        marginInline: r,
+        marginBlock: 0,
+        verticalAlign: "middle",
+        borderTop: 0,
+        borderInlineStart: `${E(o)} solid ${t}`
+      },
+      "&-horizontal": {
+        display: "flex",
+        clear: "both",
+        width: "100%",
+        minWidth: "100%",
+        // Fix https://github.com/ant-design/ant-design/issues/10914
+        margin: `${E(e.dividerHorizontalGutterMargin)} 0`
+      },
+      [`&-horizontal${n}-with-text`]: {
+        display: "flex",
+        alignItems: "center",
+        margin: `${E(e.dividerHorizontalWithTextGutterMargin)} 0`,
+        color: e.colorTextHeading,
+        fontWeight: 500,
+        fontSize: e.fontSizeLG,
+        whiteSpace: "nowrap",
+        textAlign: "center",
+        borderBlockStart: `0 ${t}`,
+        "&::before, &::after": {
+          position: "relative",
+          width: "50%",
+          borderBlockStart: `${E(o)} solid transparent`,
+          // Chrome not accept `inherit` in `border-top`
+          borderBlockStartColor: "inherit",
+          borderBlockEnd: 0,
+          transform: "translateY(50%)",
+          content: "''"
+        }
+      },
+      [`&-horizontal${n}-with-text-left`]: {
+        "&::before": {
+          width: `calc(${a} * 100%)`
+        },
+        "&::after": {
+          width: `calc(100% - ${a} * 100%)`
+        }
+      },
+      [`&-horizontal${n}-with-text-right`]: {
+        "&::before": {
+          width: `calc(100% - ${a} * 100%)`
+        },
+        "&::after": {
+          width: `calc(${a} * 100%)`
+        }
+      },
+      [`${n}-inner-text`]: {
+        display: "inline-block",
+        paddingBlock: 0,
+        paddingInline: s
+      },
+      "&-dashed": {
+        background: "none",
+        borderColor: t,
+        borderStyle: "dashed",
+        borderWidth: `${E(o)} 0 0`
+      },
+      [`&-horizontal${n}-with-text${n}-dashed`]: {
+        "&::before, &::after": {
+          borderStyle: "dashed none none"
+        }
+      },
+      [`&-vertical${n}-dashed`]: {
+        borderInlineStartWidth: o,
+        borderInlineEnd: 0,
+        borderBlockStart: 0,
+        borderBlockEnd: 0
+      },
+      "&-dotted": {
+        background: "none",
+        borderColor: t,
+        borderStyle: "dotted",
+        borderWidth: `${E(o)} 0 0`
+      },
+      [`&-horizontal${n}-with-text${n}-dotted`]: {
+        "&::before, &::after": {
+          borderStyle: "dotted none none"
+        }
+      },
+      [`&-vertical${n}-dotted`]: {
+        borderInlineStartWidth: o,
+        borderInlineEnd: 0,
+        borderBlockStart: 0,
+        borderBlockEnd: 0
+      },
+      [`&-plain${n}-with-text`]: {
+        color: e.colorText,
+        fontWeight: "normal",
+        fontSize: e.fontSize
+      },
+      [`&-horizontal${n}-with-text-left${n}-no-default-orientation-margin-left`]: {
+        "&::before": {
+          width: 0
+        },
+        "&::after": {
+          width: "100%"
+        },
+        [`${n}-inner-text`]: {
+          paddingInlineStart: i
+        }
+      },
+      [`&-horizontal${n}-with-text-right${n}-no-default-orientation-margin-right`]: {
+        "&::before": {
+          width: "100%"
+        },
+        "&::after": {
+          width: 0
+        },
+        [`${n}-inner-text`]: {
+          paddingInlineEnd: i
+        }
+      }
+    })
+  };
+}, lt = (e) => ({
+  textPaddingInline: "1em",
+  orientationMargin: 0.05,
+  verticalMarginInline: e.marginXS
+}), dt = ne("Divider", (e) => {
+  const n = oe(e, {
+    dividerHorizontalWithTextGutterMargin: e.margin,
+    dividerHorizontalGutterMargin: e.marginLG,
+    sizePaddingEdgeHorizontal: 0
+  });
+  return [at(n)];
+}, lt, {
+  unitless: {
+    orientationMargin: !0
+  }
+});
+var st = function(e, n) {
+  var i = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (i[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+    n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (i[t[o]] = e[t[o]]);
+  return i;
+};
+const ke = (e) => {
+  const {
+    getPrefixCls: n,
+    direction: i,
+    divider: t
+  } = d.useContext(W), {
+    prefixCls: o,
+    type: s = "horizontal",
+    orientation: a = "center",
+    orientationMargin: r,
+    className: l,
+    rootClassName: c,
+    children: g,
+    dashed: u,
+    variant: S = "solid",
+    plain: m,
+    style: w
+  } = e, y = st(e, ["prefixCls", "type", "orientation", "orientationMargin", "className", "rootClassName", "children", "dashed", "variant", "plain", "style"]), b = n("divider", o), [k, f, v] = dt(b), x = !!g, I = a === "left" && r != null, p = a === "right" && r != null, P = _(b, t == null ? void 0 : t.className, f, v, `${b}-${s}`, {
+    [`${b}-with-text`]: x,
+    [`${b}-with-text-${a}`]: x,
+    [`${b}-dashed`]: !!u,
+    [`${b}-${S}`]: S !== "solid",
+    [`${b}-plain`]: !!m,
+    [`${b}-rtl`]: i === "rtl",
+    [`${b}-no-default-orientation-margin-left`]: I,
+    [`${b}-no-default-orientation-margin-right`]: p
+  }, l, c), h = d.useMemo(() => typeof r == "number" ? r : /^\d+$/.test(r) ? Number(r) : r, [r]), $ = Object.assign(Object.assign({}, I && {
+    marginLeft: h
+  }), p && {
+    marginRight: h
+  });
+  if (process.env.NODE_ENV !== "production") {
+    const z = Se("Divider");
+    process.env.NODE_ENV !== "production" && z(!g || s !== "vertical", "usage", "`children` not working in `vertical` mode.");
+  }
+  return k(/* @__PURE__ */ d.createElement("div", Object.assign({
+    className: P,
+    style: Object.assign(Object.assign({}, t == null ? void 0 : t.style), w)
+  }, y, {
+    role: "separator"
+  }), g && s !== "vertical" && /* @__PURE__ */ d.createElement("span", {
+    className: `${b}-inner-text`,
+    style: $
+  }, g)));
+};
+process.env.NODE_ENV !== "production" && (ke.displayName = "Divider");
+function se(e) {
+  return ["small", "middle", "large"].includes(e);
+}
+function ce(e) {
+  return e ? typeof e == "number" && !Number.isNaN(e) : !1;
+}
+const Ie = /* @__PURE__ */ Re.createContext({
+  latestIndex: 0
+}), ct = Ie.Provider, ut = (e) => {
+  let {
+    className: n,
+    index: i,
+    children: t,
+    split: o,
+    style: s
+  } = e;
+  const {
+    latestIndex: a
+  } = d.useContext(Ie);
+  return t == null ? null : /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("div", {
+    className: n,
+    style: s
+  }, t), i < a && o && /* @__PURE__ */ d.createElement("span", {
+    className: `${n}-split`
+  }, o));
+};
+var ht = function(e, n) {
+  var i = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (i[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+    n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (i[t[o]] = e[t[o]]);
+  return i;
+};
+const gt = /* @__PURE__ */ d.forwardRef((e, n) => {
+  var i, t, o;
+  const {
+    getPrefixCls: s,
+    space: a,
+    direction: r
+  } = d.useContext(W), {
+    size: l = (i = a == null ? void 0 : a.size) !== null && i !== void 0 ? i : "small",
+    align: c,
+    className: g,
+    rootClassName: u,
+    children: S,
+    direction: m = "horizontal",
+    prefixCls: w,
+    split: y,
+    style: b,
+    wrap: k = !1,
+    classNames: f,
+    styles: v
+  } = e, x = ht(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [I, p] = Array.isArray(l) ? l : [l, l], P = se(p), h = se(I), $ = ce(p), z = ce(I), C = Te(S, {
+    keepEmpty: !0
+  }), R = c === void 0 && m === "horizontal" ? "center" : c, N = s("space", w), [j, M, T] = He(N), X = _(N, a == null ? void 0 : a.className, M, `${N}-${m}`, {
+    [`${N}-rtl`]: r === "rtl",
+    [`${N}-align-${R}`]: R,
+    [`${N}-gap-row-${p}`]: P,
+    [`${N}-gap-col-${I}`]: h
+  }, g, u, T), q = _(`${N}-item`, (t = f == null ? void 0 : f.item) !== null && t !== void 0 ? t : (o = a == null ? void 0 : a.classNames) === null || o === void 0 ? void 0 : o.item);
+  let V = 0;
+  const J = C.map((B, Z) => {
+    var ee, te;
+    B != null && (V = Z);
+    const Oe = (B == null ? void 0 : B.key) || `${q}-${Z}`;
+    return /* @__PURE__ */ d.createElement(ut, {
+      className: q,
+      key: Oe,
+      index: Z,
+      split: y,
+      style: (ee = v == null ? void 0 : v.item) !== null && ee !== void 0 ? ee : (te = a == null ? void 0 : a.styles) === null || te === void 0 ? void 0 : te.item
+    }, B);
+  }), O = d.useMemo(() => ({
+    latestIndex: V
+  }), [V]);
+  if (C.length === 0)
+    return null;
+  const H = {};
+  return k && (H.flexWrap = "wrap"), !h && z && (H.columnGap = I), !P && $ && (H.rowGap = p), j(/* @__PURE__ */ d.createElement("div", Object.assign({
+    ref: n,
+    className: X,
+    style: Object.assign(Object.assign(Object.assign({}, H), a == null ? void 0 : a.style), b)
+  }, x), /* @__PURE__ */ d.createElement(ct, {
+    value: O
+  }, J)));
+}), ie = gt;
+ie.Compact = _e;
+process.env.NODE_ENV !== "production" && (ie.displayName = "Space");
+var bt = ["prefixCls", "className", "checked", "defaultChecked", "disabled", "loadingIcon", "checkedChildren", "unCheckedChildren", "onClick", "onChange", "onKeyDown"], Ee = /* @__PURE__ */ d.forwardRef(function(e, n) {
+  var i, t = e.prefixCls, o = t === void 0 ? "rc-switch" : t, s = e.className, a = e.checked, r = e.defaultChecked, l = e.disabled, c = e.loadingIcon, g = e.checkedChildren, u = e.unCheckedChildren, S = e.onClick, m = e.onChange, w = e.onKeyDown, y = fe(e, bt), b = Y(!1, {
+    value: a,
+    defaultValue: r
+  }), k = me(b, 2), f = k[0], v = k[1];
+  function x(h, $) {
+    var z = f;
+    return l || (z = h, v(z), m == null || m(z, $)), z;
+  }
+  function I(h) {
+    h.which === ae.LEFT ? x(!1, h) : h.which === ae.RIGHT && x(!0, h), w == null || w(h);
+  }
+  function p(h) {
+    var $ = x(!f, h);
+    S == null || S($, h);
+  }
+  var P = _(o, s, (i = {}, U(i, "".concat(o, "-checked"), f), U(i, "".concat(o, "-disabled"), l), i));
+  return /* @__PURE__ */ d.createElement("button", ve({}, y, {
+    type: "button",
+    role: "switch",
+    "aria-checked": f,
+    disabled: l,
+    className: P,
+    ref: n,
+    onKeyDown: I,
+    onClick: p
+  }), c, /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(o, "-inner")
+  }, /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(o, "-inner-checked")
+  }, g), /* @__PURE__ */ d.createElement("span", {
+    className: "".concat(o, "-inner-unchecked")
+  }, u)));
+});
+Ee.displayName = "Switch";
+const pt = (e) => {
+  const {
+    componentCls: n,
+    trackHeightSM: i,
+    trackPadding: t,
+    trackMinWidthSM: o,
+    innerMinMarginSM: s,
+    innerMaxMarginSM: a,
+    handleSizeSM: r,
+    calc: l
+  } = e, c = `${n}-inner`, g = E(l(r).add(l(t).mul(2)).equal()), u = E(l(a).mul(2).equal());
+  return {
+    [n]: {
+      [`&${n}-small`]: {
+        minWidth: o,
+        height: i,
+        lineHeight: E(i),
+        [`${n}-inner`]: {
+          paddingInlineStart: a,
+          paddingInlineEnd: s,
+          [`${c}-checked, ${c}-unchecked`]: {
+            minHeight: i
+          },
+          [`${c}-checked`]: {
+            marginInlineStart: `calc(-100% + ${g} - ${u})`,
+            marginInlineEnd: `calc(100% - ${g} + ${u})`
+          },
+          [`${c}-unchecked`]: {
+            marginTop: l(i).mul(-1).equal(),
+            marginInlineStart: 0,
+            marginInlineEnd: 0
+          }
+        },
+        [`${n}-handle`]: {
+          width: r,
+          height: r
+        },
+        [`${n}-loading-icon`]: {
+          top: l(l(r).sub(e.switchLoadingIconSize)).div(2).equal(),
+          fontSize: e.switchLoadingIconSize
+        },
+        [`&${n}-checked`]: {
+          [`${n}-inner`]: {
+            paddingInlineStart: s,
+            paddingInlineEnd: a,
+            [`${c}-checked`]: {
+              marginInlineStart: 0,
+              marginInlineEnd: 0
+            },
+            [`${c}-unchecked`]: {
+              marginInlineStart: `calc(100% - ${g} + ${u})`,
+              marginInlineEnd: `calc(-100% + ${g} - ${u})`
+            }
+          },
+          [`${n}-handle`]: {
+            insetInlineStart: `calc(100% - ${E(l(r).add(t).equal())})`
+          }
+        },
+        [`&:not(${n}-disabled):active`]: {
+          [`&:not(${n}-checked) ${c}`]: {
+            [`${c}-unchecked`]: {
+              marginInlineStart: l(e.marginXXS).div(2).equal(),
+              marginInlineEnd: l(e.marginXXS).mul(-1).div(2).equal()
+            }
+          },
+          [`&${n}-checked ${c}`]: {
+            [`${c}-checked`]: {
+              marginInlineStart: l(e.marginXXS).mul(-1).div(2).equal(),
+              marginInlineEnd: l(e.marginXXS).div(2).equal()
+            }
+          }
+        }
+      }
+    }
+  };
+}, ft = (e) => {
+  const {
+    componentCls: n,
+    handleSize: i,
+    calc: t
+  } = e;
+  return {
+    [n]: {
+      [`${n}-loading-icon${e.iconCls}`]: {
+        position: "relative",
+        top: t(t(i).sub(e.fontSize)).div(2).equal(),
+        color: e.switchLoadingIconColor,
+        verticalAlign: "top"
+      },
+      [`&${n}-checked ${n}-loading-icon`]: {
+        color: e.switchColor
+      }
+    }
+  };
+}, mt = (e) => {
+  const {
+    componentCls: n,
+    trackPadding: i,
+    handleBg: t,
+    handleShadow: o,
+    handleSize: s,
+    calc: a
+  } = e, r = `${n}-handle`;
+  return {
+    [n]: {
+      [r]: {
+        position: "absolute",
+        top: i,
+        insetInlineStart: i,
+        width: s,
+        height: s,
+        transition: `all ${e.switchDuration} ease-in-out`,
+        "&::before": {
+          position: "absolute",
+          top: 0,
+          insetInlineEnd: 0,
+          bottom: 0,
+          insetInlineStart: 0,
+          backgroundColor: t,
+          borderRadius: a(s).div(2).equal(),
+          boxShadow: o,
+          transition: `all ${e.switchDuration} ease-in-out`,
+          content: '""'
+        }
+      },
+      [`&${n}-checked ${r}`]: {
+        insetInlineStart: `calc(100% - ${E(a(s).add(i).equal())})`
+      },
+      [`&:not(${n}-disabled):active`]: {
+        [`${r}::before`]: {
+          insetInlineEnd: e.switchHandleActiveInset,
+          insetInlineStart: 0
+        },
+        [`&${n}-checked ${r}::before`]: {
+          insetInlineEnd: 0,
+          insetInlineStart: e.switchHandleActiveInset
+        }
+      }
+    }
+  };
+}, vt = (e) => {
+  const {
+    componentCls: n,
+    trackHeight: i,
+    trackPadding: t,
+    innerMinMargin: o,
+    innerMaxMargin: s,
+    handleSize: a,
+    calc: r
+  } = e, l = `${n}-inner`, c = E(r(a).add(r(t).mul(2)).equal()), g = E(r(s).mul(2).equal());
+  return {
+    [n]: {
+      [l]: {
+        display: "block",
+        overflow: "hidden",
+        borderRadius: 100,
+        height: "100%",
+        paddingInlineStart: s,
+        paddingInlineEnd: o,
+        transition: `padding-inline-start ${e.switchDuration} ease-in-out, padding-inline-end ${e.switchDuration} ease-in-out`,
+        [`${l}-checked, ${l}-unchecked`]: {
+          display: "block",
+          color: e.colorTextLightSolid,
+          fontSize: e.fontSizeSM,
+          transition: `margin-inline-start ${e.switchDuration} ease-in-out, margin-inline-end ${e.switchDuration} ease-in-out`,
+          pointerEvents: "none",
+          minHeight: i
+        },
+        [`${l}-checked`]: {
+          marginInlineStart: `calc(-100% + ${c} - ${g})`,
+          marginInlineEnd: `calc(100% - ${c} + ${g})`
+        },
+        [`${l}-unchecked`]: {
+          marginTop: r(i).mul(-1).equal(),
+          marginInlineStart: 0,
+          marginInlineEnd: 0
+        }
+      },
+      [`&${n}-checked ${l}`]: {
+        paddingInlineStart: o,
+        paddingInlineEnd: s,
+        [`${l}-checked`]: {
+          marginInlineStart: 0,
+          marginInlineEnd: 0
+        },
+        [`${l}-unchecked`]: {
+          marginInlineStart: `calc(100% - ${c} + ${g})`,
+          marginInlineEnd: `calc(-100% + ${c} - ${g})`
+        }
+      },
+      [`&:not(${n}-disabled):active`]: {
+        [`&:not(${n}-checked) ${l}`]: {
+          [`${l}-unchecked`]: {
+            marginInlineStart: r(t).mul(2).equal(),
+            marginInlineEnd: r(t).mul(-1).mul(2).equal()
+          }
+        },
+        [`&${n}-checked ${l}`]: {
+          [`${l}-checked`]: {
+            marginInlineStart: r(t).mul(-1).mul(2).equal(),
+            marginInlineEnd: r(t).mul(2).equal()
+          }
+        }
+      }
+    }
+  };
+}, Ct = (e) => {
+  const {
+    componentCls: n,
+    trackHeight: i,
+    trackMinWidth: t
+  } = e;
+  return {
+    [n]: Object.assign(Object.assign(Object.assign(Object.assign({}, A(e)), {
+      position: "relative",
+      display: "inline-block",
+      boxSizing: "border-box",
+      minWidth: t,
+      height: i,
+      lineHeight: E(i),
+      verticalAlign: "middle",
+      background: e.colorTextQuaternary,
+      border: "0",
+      borderRadius: 100,
+      cursor: "pointer",
+      transition: `all ${e.motionDurationMid}`,
+      userSelect: "none",
+      [`&:hover:not(${n}-disabled)`]: {
+        background: e.colorTextTertiary
+      }
+    }), Ve(e)), {
+      [`&${n}-checked`]: {
+        background: e.switchColor,
+        [`&:hover:not(${n}-disabled)`]: {
+          background: e.colorPrimaryHover
+        }
+      },
+      [`&${n}-loading, &${n}-disabled`]: {
+        cursor: "not-allowed",
+        opacity: e.switchDisabledOpacity,
+        "*": {
+          boxShadow: "none",
+          cursor: "not-allowed"
+        }
+      },
+      // rtl style
+      [`&${n}-rtl`]: {
+        direction: "rtl"
+      }
+    })
+  };
+}, St = (e) => {
+  const {
+    fontSize: n,
+    lineHeight: i,
+    controlHeight: t,
+    colorWhite: o
+  } = e, s = n * i, a = t / 2, r = 2, l = s - r * 2, c = a - r * 2;
+  return {
+    trackHeight: s,
+    trackHeightSM: a,
+    trackMinWidth: l * 2 + r * 4,
+    trackMinWidthSM: c * 2 + r * 2,
+    trackPadding: r,
+    // Fixed value
+    handleBg: o,
+    handleSize: l,
+    handleSizeSM: c,
+    handleShadow: `0 2px 4px 0 ${new Le("#00230b").setAlpha(0.2).toRgbString()}`,
+    innerMinMargin: l / 2,
+    innerMaxMargin: l + r + r * 2,
+    innerMinMarginSM: c / 2,
+    innerMaxMarginSM: c + r + r * 2
+  };
+}, $t = ne("Switch", (e) => {
+  const n = oe(e, {
+    switchDuration: e.motionDurationMid,
+    switchColor: e.colorPrimary,
+    switchDisabledOpacity: e.opacityLoading,
+    switchLoadingIconSize: e.calc(e.fontSizeIcon).mul(0.75).equal(),
+    switchLoadingIconColor: `rgba(0, 0, 0, ${e.opacityLoading})`,
+    switchHandleActiveInset: "-30%"
+  });
+  return [
+    Ct(n),
+    // inner style
+    vt(n),
+    // handle style
+    mt(n),
+    // loading style
+    ft(n),
+    // small style
+    pt(n)
+  ];
+}, St);
+var yt = function(e, n) {
+  var i = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (i[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+    n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (i[t[o]] = e[t[o]]);
+  return i;
+};
+const xt = /* @__PURE__ */ d.forwardRef((e, n) => {
+  const {
+    prefixCls: i,
+    size: t,
+    disabled: o,
+    loading: s,
+    className: a,
+    rootClassName: r,
+    style: l,
+    checked: c,
+    value: g,
+    defaultChecked: u,
+    defaultValue: S,
+    onChange: m
+  } = e, w = yt(e, ["prefixCls", "size", "disabled", "loading", "className", "rootClassName", "style", "checked", "value", "defaultChecked", "defaultValue", "onChange"]), [y, b] = Y(!1, {
+    value: c ?? g,
+    defaultValue: u ?? S
+  }), {
+    getPrefixCls: k,
+    direction: f,
+    switch: v
+  } = d.useContext(W), x = d.useContext($e), I = (o ?? x) || s, p = k("switch", i), P = /* @__PURE__ */ d.createElement("div", {
+    className: `${p}-handle`
+  }, s && /* @__PURE__ */ d.createElement(We, {
+    className: `${p}-loading-icon`
+  })), [h, $, z] = $t(p), C = pe(t), R = _(v == null ? void 0 : v.className, {
+    [`${p}-small`]: C === "small",
+    [`${p}-loading`]: s,
+    [`${p}-rtl`]: f === "rtl"
+  }, a, r, $, z), N = Object.assign(Object.assign({}, v == null ? void 0 : v.style), l), j = function() {
+    b(arguments.length <= 0 ? void 0 : arguments[0]), m == null || m.apply(void 0, arguments);
+  };
+  return h(/* @__PURE__ */ d.createElement(be, {
+    component: "Switch"
+  }, /* @__PURE__ */ d.createElement(Ee, Object.assign({}, w, {
+    checked: y,
+    onChange: j,
+    prefixCls: p,
+    className: R,
+    style: N,
+    disabled: I,
+    ref: n,
+    loadingIcon: P
+  }))));
+}), Q = xt;
+Q.__ANT_SWITCH = !0;
+process.env.NODE_ENV !== "production" && (Q.displayName = "Switch");
+const K = Me.Text, wt = (e, n) => {
+  const i = ["EMAIL", "INAPP_WEB", "SMS", "CALL", "PUSH", "WEB_PUSH"];
+  return i.indexOf(e) - i.indexOf(n);
+}, ue = (e, n) => {
+  const i = ["off", "instant", "hourly", "daily", "weekly", "monthly"];
+  return i.indexOf(e) - i.indexOf(n);
+}, he = (e) => ({
+  off: "Off",
+  instant: "Instant",
+  hourly: "Hourly",
+  daily: "Daily",
+  weekly: "Weekly",
+  monthly: "Monthly"
+})[e], Rt = ({
+  notification: e,
+  preferences: n,
+  updateDelivery: i,
+  subNotificationId: t
+}) => /* @__PURE__ */ D(re, { children: e.channels.sort(wt).map((o, s) => {
+  const a = n.find(
+    (u) => u.notificationId === e.notificationId && u.channel === o
+  );
+  if (!a)
+    return null;
+  const r = ze(o), l = Pe(o), c = Object.keys(
+    e.options[o]
+  ).filter(
+    (u) => u !== "defaultDeliveryOption" && u !== "defaultDeliverOption"
+  );
+  let g;
+  return c.length === 1 ? g = /* @__PURE__ */ D(K, { children: he(a.delivery) }) : c.length === 2 && c.includes("off") ? g = /* @__PURE__ */ D(
+    Q,
+    {
+      checked: a.delivery !== "off",
+      onChange: (u) => {
+        if (u) {
+          const S = c.find((m) => m !== "off");
+          i(
+            e.notificationId,
+            o,
+            S,
+            t
+          );
+        } else
+          i(
+            e.notificationId,
+            o,
+            "off",
+            t
+          );
+      }
+    }
+  ) : g = /* @__PURE__ */ L(re, { children: [
+    /* @__PURE__ */ D(
+      Q,
+      {
+        checked: a.delivery !== "off",
+        onChange: (u) => {
+          if (u) {
+            const S = c.sort(ue).find((m) => m !== "off");
+            i(
+              e.notificationId,
+              o,
+              S,
+              t
+            );
+          } else
+            i(
+              e.notificationId,
+              o,
+              "off",
+              t
+            );
+        }
+      }
+    ),
+    /* @__PURE__ */ D(
+      "div",
+      {
+        style: {
+          width: "100%",
+          marginTop: 8,
+          maxHeight: a.delivery !== "off" ? 1e3 : 0,
+          overflow: "hidden",
+          transition: "max-height 0.3s ease"
+        },
+        children: /* @__PURE__ */ L("div", { children: [
+          /* @__PURE__ */ D("div", { style: { marginTop: 20 }, children: /* @__PURE__ */ D(K, { strong: !0, children: "Choose frequency:" }) }),
+          /* @__PURE__ */ D(
+            F.Group,
+            {
+              value: a.delivery,
+              onChange: (u) => {
+                i(
+                  e.notificationId,
+                  o,
+                  u.target.value,
+                  t
+                );
+              },
+              children: /* @__PURE__ */ D(ie, { direction: "vertical", style: { paddingTop: 10 }, children: c.filter((u) => u !== "off").sort(ue).map((u) => /* @__PURE__ */ D(F, { value: u, children: /* @__PURE__ */ D(K, { children: he(u) }) }, u)) })
+            }
+          )
+        ] })
+      }
+    )
+  ] }), /* @__PURE__ */ L("div", { children: [
+    /* @__PURE__ */ L(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          flexWrap: "wrap",
+          marginTop: s === 0 ? 12 : 0,
+          marginBottom: s === e.channels.length - 1 ? 12 : 0
+        },
+        children: [
+          /* @__PURE__ */ L(K, { children: [
+            l,
+            " ",
+            r
+          ] }),
+          g
+        ]
+      },
+      o
+    ),
+    s !== e.channels.length - 1 && /* @__PURE__ */ D(ke, {})
+  ] }, o);
+}) });
+export {
+  ke as D,
+  Rt as P
+};