@blocklet/ui-react 2.13.70 → 3.0.1

package/lib/UserCenter/components/user-info/utils.js

@@ -1,101 +1,94 @@
-import moment from "moment-timezone";
-import dayjs from "dayjs";
-import { DurationEnum } from "../../../@types/index.js";
-const HOUR = 3600;
-const MINUTES_30 = 1800;
-const MINUTES_10 = 600;
-const MINUTES_5 = 300;
-const MINUTES_1 = 60;
-const SECOND = 1;
-export const currentTimezone = moment.tz.guess();
-export const getTimezones = () => {
-  const timezones = moment.tz.names();
-  const formattedTimezones = timezones.map((tz) => {
-    const offset = moment.tz(tz).utcOffset() / 60;
-    const hours = Math.floor(offset);
-    const minutes = offset % 1 * 60;
-    const label = `GMT${hours >= 0 ? "+" : ""}${hours}:${minutes === 30 ? "30" : "00"}`;
-    return { label, value: tz };
-  });
-  return formattedTimezones.sort((a, b) => {
-    const [hoursA, minutesA] = a.label.replace("GMT", "").split(":").map(Number);
-    const [hoursB, minutesB] = b.label.replace("GMT", "").split(":").map(Number);
-    const totalOffsetA = hoursA * 60 + minutesA;
-    const totalOffsetB = hoursB * 60 + minutesB;
-    return totalOffsetB - totalOffsetA;
-  }).map((tz) => ({
-    label: `(${tz.label}) ${tz.value}`,
-    value: tz.value
-  }));
-};
-export const isValidUrl = (url) => {
-  const urlPattern = /^(https?:\/\/)?((([a-zA-Z\d]([a-zA-Z\d-]*[a-zA-Z\d])*)\.)+[a-zA-Z]{2,}|((\d{1,3}\.){3}\d{1,3}))(:\d+)?(\/[-a-zA-Z\d%_.~+]*)*(\?[;&a-zA-Z\d%_.~+=-]*)?(#[a-zA-Z\d_]*)?$/;
-  return urlPattern.test(url);
-};
-export const getStatusDuration = (status) => {
-  let dateRange = status?.dateRange?.map((d) => dayjs(d)) ?? [];
-  const current = dayjs();
-  switch (status?.duration) {
-    case DurationEnum.ThirtyMinutes:
-      dateRange = [current, current.add(30, "minutes")];
-      break;
-    case DurationEnum.OneHour:
-      dateRange = [current, current.add(1, "hour")];
+import a from "dayjs";
+import T from "dayjs/plugin/timezone";
+import g from "dayjs/plugin/utc";
+import { DurationEnum as i } from "../../../@types/index.js";
+a.extend(g);
+a.extend(T);
+const l = 3600, u = 1800, m = 600, d = 300, f = 60, p = 1, M = a.tz.guess(), A = [
+  "America/New_York",
+  "America/Chicago",
+  "America/Denver",
+  "America/Los_Angeles",
+  "Europe/London",
+  "Europe/Paris",
+  "Europe/Berlin",
+  "Europe/Rome",
+  "Asia/Tokyo",
+  "Asia/Shanghai",
+  "Asia/Hong_Kong",
+  "Asia/Singapore",
+  "Asia/Seoul",
+  "Asia/Kolkata",
+  "Australia/Sydney",
+  "Australia/Melbourne",
+  "Pacific/Auckland",
+  "America/Sao_Paulo",
+  "America/Mexico_City",
+  "Africa/Cairo",
+  "UTC"
+], h = () => {
+  if (typeof Intl < "u" && Intl.supportedValuesOf)
+    try {
+      return Intl.supportedValuesOf("timeZone");
+    } catch {
+      console.warn("Intl.supportedValuesOf not supported, falling back to common timezones");
+    }
+  if (typeof Intl < "u" && Intl.DateTimeFormat)
+    try {
+      if (new Intl.DateTimeFormat("en", { timeZone: "UTC" }).resolvedOptions().timeZone)
+        return A;
+    } catch {
+      console.warn("Intl.DateTimeFormat timezone support limited");
+    }
+  return A;
+}, I = () => h().map((e) => {
+  try {
+    const t = a.tz(a(), e).utcOffset() / 60, n = Math.floor(t), s = t % 1 * 60;
+    return { label: `GMT${n >= 0 ? "+" : ""}${n}:${s === 30 ? "30" : "00"}`, value: e };
+  } catch {
+    return console.warn(`Timezone ${e} not supported, skipping`), null;
+  }
+}).filter((e) => e !== null).sort((e, t) => {
+  const [n, s] = e.label.replace("GMT", "").split(":").map(Number), [c, b] = t.label.replace("GMT", "").split(":").map(Number), y = n * 60 + s;
+  return c * 60 + b - y;
+}).map((e) => ({
+  label: `(${e.label}) ${e.value}`,
+  value: e.value
+})), N = (r) => /^(https?:\/\/)?((([a-zA-Z\d]([a-zA-Z\d-]*[a-zA-Z\d])*)\.)+[a-zA-Z]{2,}|((\d{1,3}\.){3}\d{1,3}))(:\d+)?(\/[-a-zA-Z\d%_.~+]*)*(\?[;&a-zA-Z\d%_.~+=-]*)?(#[a-zA-Z\d_]*)?$/.test(r), _ = (r) => {
+  var t;
+  let o = ((t = r == null ? void 0 : r.dateRange) == null ? void 0 : t.map((n) => a(n))) ?? [];
+  const e = a();
+  switch (r == null ? void 0 : r.duration) {
+    case i.ThirtyMinutes:
+      o = [e, e.add(30, "minutes")];
       break;
-    case DurationEnum.FourHours:
-      dateRange = [current, current.add(4, "hours")];
+    case i.OneHour:
+      o = [e, e.add(1, "hour")];
       break;
-    case DurationEnum.Today:
-      dateRange = [current, current.endOf("day")];
+    case i.FourHours:
+      o = [e, e.add(4, "hours")];
       break;
-    case DurationEnum.ThisWeek:
-      dateRange = [current, current.endOf("week")];
+    case i.Today:
+      o = [e, e.endOf("day")];
       break;
-    case DurationEnum.NoClear:
-      dateRange = [current, current];
+    case i.ThisWeek:
+      o = [e, e.endOf("week")];
       break;
-    default:
+    case i.NoClear:
+      o = [e, e];
       break;
   }
-  return dateRange.map((d) => d.toDate());
-};
-export const isWithinTimeRange = (dateRange) => {
-  const current = dayjs();
-  return current.isAfter(dayjs(dateRange[0])) && current.isBefore(dayjs(dateRange[1]));
-};
-export const isNotClear = (status) => {
-  const { duration, dateRange } = status ?? {};
-  if (!duration || !dateRange) {
-    return false;
-  }
-  return duration === DurationEnum.NoClear || dayjs(dateRange?.[0]).isSame(dayjs(dateRange?.[1]));
-};
-export const getTimeRemaining = (date) => {
-  const now = dayjs();
-  const end = dayjs(date);
-  const diffSeconds = end.diff(now, "seconds");
-  const toMilliseconds = (seconds) => seconds * 1e3;
-  if (diffSeconds >= HOUR) {
-    return toMilliseconds(HOUR);
-  }
-  if (diffSeconds >= MINUTES_30) {
-    return toMilliseconds(MINUTES_30);
-  }
-  if (diffSeconds >= MINUTES_10) {
-    return toMilliseconds(MINUTES_10);
-  }
-  if (diffSeconds >= MINUTES_5) {
-    return toMilliseconds(MINUTES_5);
-  }
-  if (diffSeconds >= MINUTES_1) {
-    return toMilliseconds(MINUTES_1);
-  }
-  if (diffSeconds >= SECOND) {
-    return toMilliseconds(SECOND);
-  }
-  return 0;
-};
-export const defaultButtonStyle = {
+  return o.map((n) => n.toDate());
+}, E = (r) => {
+  const o = a();
+  return o.isAfter(a(r[0])) && o.isBefore(a(r[1]));
+}, Z = (r) => {
+  const { duration: o, dateRange: e } = r ?? {};
+  return !o || !e ? !1 : o === i.NoClear || a(e == null ? void 0 : e[0]).isSame(a(e == null ? void 0 : e[1]));
+}, v = (r) => {
+  const o = a(), t = a(r).diff(o, "seconds"), n = (s) => s * 1e3;
+  return t >= l ? n(l) : t >= u ? n(u) : t >= m ? n(m) : t >= d ? n(d) : t >= f ? n(f) : t >= p ? n(p) : 0;
+}, w = {
   color: "text.primary",
   borderColor: "grey.100",
   backgroundColor: "background.default",
@@ -105,8 +98,7 @@ export const defaultButtonStyle = {
   },
   py: 0.5,
   borderRadius: 1
-};
-export const primaryButtonStyle = {
+}, B = {
   color: "primary.contrastText",
   borderColor: "primary.main",
   backgroundColor: "primary.main",
@@ -117,3 +109,14 @@ export const primaryButtonStyle = {
   py: 0.5,
   borderRadius: 1
 };
+export {
+  M as currentTimezone,
+  w as defaultButtonStyle,
+  _ as getStatusDuration,
+  v as getTimeRemaining,
+  I as getTimezones,
+  Z as isNotClear,
+  N as isValidUrl,
+  E as isWithinTimeRange,
+  B as primaryButtonStyle
+};

package/lib/UserCenter/components/webhook-item.js

@@ -1,105 +1,54 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  Box,
-  CircularProgress,
-  IconButton,
-  InputAdornment,
-  MenuItem,
-  Select,
-  TextField,
-  Typography
-} from "@mui/material";
-import { useCreation, useMemoizedFn, useReactive } from "ahooks";
-import noop from "lodash/noop";
-import isUrl from "is-url";
-import { Icon } from "@iconify/react";
-import CloseRoundedIcon from "@iconify-icons/material-symbols/close-rounded";
-import CheckIcon from "@iconify-icons/material-symbols/check";
-import SendRoundedIcon from "@iconify-icons/material-symbols/send-rounded";
-import EditSquareOutlineRoundedIcon from "@iconify-icons/material-symbols/edit-square-outline-rounded";
-import DeleteOutlineRoundedIcon from "@iconify-icons/material-symbols/delete-outline-rounded";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { translations } from "../libs/locales.js";
-export default function WebhookItem({
-  onTest = noop,
-  onDelete = noop,
-  onSave = noop,
-  onCancel = noop,
-  type = "slack",
-  url = "",
-  edit = false
+import { jsx as e, jsxs as l, Fragment as f } from "react/jsx-runtime";
+import { Typography as z, CircularProgress as M, IconButton as i, Box as a, Select as S, MenuItem as g, TextField as q, InputAdornment as A } from "@mui/material";
+import { useMemoizedFn as n, useReactive as B, useCreation as F } from "ahooks";
+import s from "lodash/noop";
+import T from "is-url";
+import { Icon as t } from "@iconify/react";
+import j from "@iconify-icons/material-symbols/close-rounded";
+import D from "@iconify-icons/material-symbols/check";
+import O from "@iconify-icons/material-symbols/send-rounded";
+import P from "@iconify-icons/material-symbols/edit-square-outline-rounded";
+import U from "@iconify-icons/material-symbols/delete-outline-rounded";
+import { translate as W } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as E } from "@arcblock/ux/lib/Locale/context";
+import { translations as L } from "../libs/locales.js";
+function or({
+  onTest: x = s,
+  onDelete: h = s,
+  onSave: b = s,
+  onCancel: y = s,
+  type: c = "slack",
+  url: u = "",
+  edit: C = !1
 }) {
-  const { locale } = useLocaleContext();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const currentState = useReactive({
-    type: type || "slack",
-    url: url || "",
-    edit: edit ?? false,
+  const { locale: k } = E(), d = n((o, w = {}) => W(L, o, k, "en", w)), r = B({
+    type: c || "slack",
+    url: u || "",
+    edit: C ?? !1,
     error: "",
-    loading: false
-  });
-  const checkUrl = useMemoizedFn(() => {
-    if (!currentState.url) {
-      currentState.error = t("common.required");
-      return false;
-    }
-    if (!isUrl(currentState.url)) {
-      currentState.error = t("common.invalid");
-      return false;
-    }
-    currentState.error = "";
-    return true;
-  });
-  const handleClose = useMemoizedFn(() => {
-    currentState.edit = false;
-    currentState.url = url || "";
-    currentState.type = type || "slack";
-    currentState.error = "";
-    currentState.loading = false;
-    onCancel();
-  });
-  const _onTest = useMemoizedFn(async (data) => {
-    currentState.loading = true;
-    await onTest(data);
-    currentState.loading = false;
-  });
-  const onSubmit = useMemoizedFn((fn) => {
-    return () => {
-      if (checkUrl()) {
-        fn({
-          type: currentState.type,
-          url: currentState.url
-        });
-      }
-    };
-  });
-  const inputAdornment = useCreation(() => {
-    if (currentState.error) {
-      return /* @__PURE__ */ jsx(Typography, { component: "span", color: "error", children: currentState.error });
-    }
-    if (currentState.edit) {
-      if (currentState.loading) {
-        return /* @__PURE__ */ jsx(CircularProgress, { size: 16 });
-      }
-      return /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "small",
-          onClick: onSubmit(_onTest),
-          sx: {
-            mr: -1
-          },
-          children: /* @__PURE__ */ jsx(Icon, { icon: SendRoundedIcon })
-        }
-      );
+    loading: !1
+  }), m = n(() => r.url ? T(r.url) ? (r.error = "", !0) : (r.error = d("common.invalid"), !1) : (r.error = d("common.required"), !1)), I = n(() => {
+    r.edit = !1, r.url = u || "", r.type = c || "slack", r.error = "", r.loading = !1, y();
+  }), R = n(async (o) => {
+    r.loading = !0, await x(o), r.loading = !1;
+  }), p = n((o) => () => {
+    m() && o({
+      type: r.type,
+      url: r.url
+    });
+  }), v = F(() => r.error ? /* @__PURE__ */ e(z, { component: "span", color: "error", children: r.error }) : r.edit ? r.loading ? /* @__PURE__ */ e(M, { size: 16 }) : /* @__PURE__ */ e(
+    i,
+    {
+      size: "small",
+      onClick: p(R),
+      sx: {
+        mr: -1
+      },
+      children: /* @__PURE__ */ e(t, { icon: O })
     }
-    return null;
-  }, [currentState.error, currentState.edit, currentState.loading]);
-  return /* @__PURE__ */ jsxs(
-    Box,
+  ) : null, [r.error, r.edit, r.loading]);
+  return /* @__PURE__ */ l(
+    a,
     {
       sx: {
         display: "flex",
@@ -115,8 +64,8 @@ export default function WebhookItem({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs(
-          Select,
+        /* @__PURE__ */ l(
+          S,
           {
             sx: {
               borderRadius: 1,
@@ -124,20 +73,20 @@ export default function WebhookItem({
                 backgroundColor: "grey.50"
               }
             },
-            disabled: !currentState.edit || currentState.loading,
+            disabled: !r.edit || r.loading,
             size: "small",
-            value: currentState.type,
-            onChange: (e) => {
-              currentState.type = e.target.value;
+            value: r.type,
+            onChange: (o) => {
+              r.type = o.target.value;
             },
             children: [
-              /* @__PURE__ */ jsx(MenuItem, { value: "api", children: t("webhook.url") }),
-              /* @__PURE__ */ jsx(MenuItem, { value: "slack", children: t("webhook.slack") })
+              /* @__PURE__ */ e(g, { value: "api", children: d("webhook.url") }),
+              /* @__PURE__ */ e(g, { value: "slack", children: d("webhook.slack") })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(
-          Box,
+        /* @__PURE__ */ l(
+          a,
           {
             sx: {
               display: "flex",
@@ -146,8 +95,8 @@ export default function WebhookItem({
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ jsx(
-                TextField,
+              /* @__PURE__ */ e(
+                q,
                 {
                   sx: {
                     flex: 1,
@@ -158,74 +107,74 @@ export default function WebhookItem({
                       }
                     }
                   },
-                  disabled: !currentState.edit || currentState.loading,
-                  fullWidth: true,
+                  disabled: !r.edit || r.loading,
+                  fullWidth: !0,
                   size: "small",
-                  required: true,
-                  value: currentState.url,
-                  onChange: (e) => {
-                    currentState.url = e.target.value;
-                    checkUrl();
+                  required: !0,
+                  value: r.url,
+                  onChange: (o) => {
+                    r.url = o.target.value, m();
                   },
-                  error: !!currentState.error,
-                  InputProps: {
-                    endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: inputAdornment })
+                  error: !!r.error,
+                  slotProps: {
+                    input: {
+                      endAdornment: /* @__PURE__ */ e(A, { position: "end", children: v })
+                    }
                   }
                 }
               ),
-              /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5 }, children: currentState.edit ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  IconButton,
+              /* @__PURE__ */ e(a, { sx: { display: "flex", gap: 0.5 }, children: r.edit ? /* @__PURE__ */ l(f, { children: [
+                /* @__PURE__ */ e(
+                  i,
                   {
                     color: "success",
-                    onClick: onSubmit((...args) => {
-                      onSave(...args);
-                      currentState.edit = false;
+                    onClick: p((...o) => {
+                      b(...o), r.edit = !1;
                     }),
                     sx: {
                       borderRadius: 1,
                       border: "1px solid",
                       borderColor: "grey.200"
                     },
-                    children: /* @__PURE__ */ jsx(Icon, { icon: CheckIcon })
+                    children: /* @__PURE__ */ e(t, { icon: D })
                   }
                 ),
-                /* @__PURE__ */ jsx(
-                  IconButton,
+                /* @__PURE__ */ e(
+                  i,
                   {
                     color: "error",
-                    onClick: handleClose,
+                    onClick: I,
                     sx: {
                       borderRadius: 1,
                       border: "1px solid",
                       borderColor: "grey.200"
                     },
-                    children: /* @__PURE__ */ jsx(Icon, { icon: CloseRoundedIcon })
+                    children: /* @__PURE__ */ e(t, { icon: j })
                   }
                 )
-              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  IconButton,
+              ] }) : /* @__PURE__ */ l(f, { children: [
+                /* @__PURE__ */ e(
+                  i,
                   {
                     onClick: () => {
-                      currentState.edit = true;
+                      r.edit = !0;
                     },
                     sx: {
                       borderRadius: 1,
                       border: "1px solid",
                       borderColor: "grey.200"
                     },
-                    children: /* @__PURE__ */ jsx(Icon, { icon: EditSquareOutlineRoundedIcon })
+                    children: /* @__PURE__ */ e(t, { icon: P })
                   }
                 ),
-                /* @__PURE__ */ jsx(
-                  IconButton,
+                /* @__PURE__ */ e(
+                  i,
                   {
                     color: "error",
                     onClick: () => {
-                      onDelete({
-                        type: currentState.type,
-                        url: currentState.url
+                      h({
+                        type: r.type,
+                        url: r.url
                       });
                     },
                     sx: {
@@ -233,7 +182,7 @@ export default function WebhookItem({
                       border: "1px solid",
                       borderColor: "grey.200"
                     },
-                    children: /* @__PURE__ */ jsx(Icon, { icon: DeleteOutlineRoundedIcon })
+                    children: /* @__PURE__ */ e(t, { icon: U })
                   }
                 )
               ] }) })
@@ -244,3 +193,6 @@ export default function WebhookItem({
     }
   );
 }
+export {
+  or as default
+};

package/lib/UserCenter/index.js

@@ -1 +1,4 @@
-export { default as UserCenter } from "./components/user-center.js";
+import { default as t } from "./components/user-center.js";
+export {
+  t as UserCenter
+};