@zenify-omni/chat-ui-react-js 0.1.0

package/components/custom/color-picker.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { useTranslation } from "react-i18next";
+const tagColors = [
+  "#6366F1",
+  // Indigo - trẻ trung, chuyên nghiệp
+  "#10B981",
+  // Emerald - nhẹ nhàng, tươi sáng
+  "#F59E0B",
+  // Amber - nổi bật, thu hút
+  "#EF4444",
+  // Red - mạnh mẽ, dễ nhận biết
+  "#3B82F6",
+  // Blue - phổ biến, dễ nhìn
+  "#8B5CF6",
+  // Violet - cá tính, thời thượng
+  "#EC4899",
+  // Pink - trẻ trung, nổi bật
+  "#F97316",
+  // Orange - năng động, bắt mắt
+  "#14B8A6",
+  // Teal - dịu mắt, tinh tế
+  "#A855F7",
+  // Purple - sáng tạo, nổi bật
+  "#0F172A",
+  // Slate - tối giản, chuyên nghiệp
+  "#1E293B",
+  // Dark Blue Gray - hiện đại, sâu sắc
+  "#64748B",
+  // Cool Gray - trung tính, dễ phối
+  "#6B7280",
+  // Gray - thanh lịch, cân bằng
+  "#4B5563",
+  // Charcoal - sang trọng, nam tính
+  "#334155",
+  // Steel - lạnh, chuyên nghiệp
+  "#2563EB",
+  // Royal Blue - tự tin, chuyên sâu
+  "#16A34A",
+  // Forest Green - tin cậy, bền vững
+  "#B45309",
+  // Bronze - cổ điển, đẳng cấp
+  "#DB2777"
+  // Raspberry - sáng tạo, phá cách
+];
+const getRandomColor = () => {
+  return tagColors[Math.floor(Math.random() * tagColors.length)];
+};
+function CustomColorPicker({ color, setColor, className }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: cn("ml-2", className), children: /* @__PURE__ */ jsxs("label", { className: "relative block h-[36px] w-[36px] overflow-hidden rounded-lg border border-gray-400 bg-white p-1", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-full w-full rounded-lg",
+        style: { backgroundColor: color }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        disabled: !setColor,
+        type: "color",
+        value: color,
+        onChange: (e) => {
+          if (setColor) {
+            setColor(e.target.value);
+          }
+        },
+        className: "absolute inset-0 h-full w-full cursor-pointer opacity-0",
+        "aria-label": t("common:action.selectColor", {
+          defaultValue: "Ch\u1ECDn m\xE0u"
+        })
+      }
+    )
+  ] }) });
+}
+export {
+  CustomColorPicker,
+  getRandomColor
+};

package/components/custom/combobox.js

@@ -0,0 +1,168 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import {
+  CaretSortIcon,
+  CheckIcon,
+  MagnifyingGlassIcon
+} from "@radix-ui/react-icons";
+import { LoaderCircle } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandList
+} from "../ui/command.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "../ui/popover.js";
+import useDebounce from "../../hooks/use-debounce.js";
+import { useQuery } from "@tanstack/react-query";
+import { maskData } from "@zenify-omni/chat-js/utils/data.js";
+import { cva } from "class-variance-authority";
+import { useTranslation } from "react-i18next";
+const Combobox = forwardRef(function Combobox2({
+  className,
+  value,
+  onChange,
+  onSearch,
+  placeholder = "",
+  searchKey = "",
+  searchDelay = 500,
+  disabled = false,
+  size = "default",
+  buildOption = (option) => option
+}, ref) {
+  const { t } = useTranslation();
+  const [open, setOpen] = useState(false);
+  const [searchText, setSearchText] = useState("");
+  const debounceSearchText = useDebounce(searchText, searchDelay);
+  const prevDebounceSearchTextRef = useRef(void 0);
+  const {
+    isLoading,
+    data: options,
+    refetch
+  } = useQuery({
+    enabled: false,
+    initialData: [],
+    queryKey: [searchKey, { keyword: debounceSearchText }],
+    queryFn: async () => {
+      const options2 = await onSearch(debounceSearchText);
+      return options2.map(buildOption);
+    }
+  });
+  useEffect(() => {
+    if (prevDebounceSearchTextRef.current === debounceSearchText) return;
+    prevDebounceSearchTextRef.current = debounceSearchText;
+    refetch();
+  }, [debounceSearchText, refetch]);
+  useEffect(() => {
+    if (!value) {
+      setSearchText("");
+    }
+  }, [value]);
+  const textVariants = cva("", {
+    variants: {
+      size: {
+        small: "text-xs",
+        default: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  });
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: true, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        tabIndex: -1,
+        className: cn(
+          "flex h-9 items-center justify-between whitespace-nowrap rounded-md border border-input bg-card px-3 py-2 text-sm shadow-sm focus-visible:ring-1 focus-visible:ring-ring",
+          !value && "text-muted-foreground",
+          disabled && "cursor-not-allowed bg-muted",
+          textVariants({ size }),
+          className
+        ),
+        onClick: (e) => {
+          if (!disabled) return;
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "max-w-[calc(100%-1.5rem)] truncate", children: value && value.label ? maskData(value.label) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-sm text-muted-foreground",
+                textVariants({ size })
+              ),
+              children: placeholder
+            }
+          ) }),
+          /* @__PURE__ */ jsx(CaretSortIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] overflow-auto p-0", children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", children: [
+        isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 shrink-0 animate-spin" }) : /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: cn(
+              "flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              textVariants({ size })
+            ),
+            placeholder: t("common:placeholder.typeToSearch", {
+              defaultValue: "Nh\u1EADp \u0111\u1EC3 t\xECm ki\u1EBFm"
+            }),
+            value: searchText,
+            onChange: (e) => {
+              setSearchText(e.target.value);
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        !isLoading && options.length === 0 && /* @__PURE__ */ jsx(CommandEmpty, { children: t("common:empty.noData", { defaultValue: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u" }) }),
+        /* @__PURE__ */ jsx(CommandGroup, { children: options.filter(
+          (option) => option?.value !== void 0 && option?.value !== null
+        ).map((option) => {
+          const optionValue = String(option.value);
+          const currentValue = value?.value !== void 0 && value?.value !== null ? String(value.value) : "";
+          return /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              className: cn(textVariants({ size })),
+              value: optionValue,
+              onSelect: (valueText) => {
+                onChange(valueText === currentValue ? null : option);
+                setOpen(false);
+              },
+              children: [
+                option.label,
+                /* @__PURE__ */ jsx(
+                  CheckIcon,
+                  {
+                    className: cn(
+                      "ml-auto h-4 w-4",
+                      currentValue === optionValue ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                )
+              ]
+            },
+            optionValue
+          );
+        }) })
+      ] })
+    ] }) })
+  ] });
+});
+export {
+  Combobox
+};

package/components/custom/custom-dialog.js

@@ -0,0 +1,44 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Cross2Icon } from "@radix-ui/react-icons";
+import { cn } from "../../lib/utils.js";
+const CustomDialog = ({
+  className,
+  isOpen,
+  onOpenChange,
+  title,
+  trigger,
+  children,
+  footer
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { onClick: () => onOpenChange(true), children: trigger }),
+    isOpen && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 !ml-0 flex items-center justify-center bg-black/80", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "w-full rounded-lg bg-background p-6 shadow-lg",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-foreground", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold leading-none tracking-tight", children: title }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => onOpenChange(false),
+                className: "text-foreground opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                children: /* @__PURE__ */ jsx(Cross2Icon, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { children }),
+          footer && /* @__PURE__ */ jsx("div", { className: "mt-6 text-right", children: footer })
+        ]
+      }
+    ) })
+  ] });
+};
+var custom_dialog_default = CustomDialog;
+export {
+  custom_dialog_default as default
+};

package/components/custom/custom-select.js

@@ -0,0 +1,256 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useCallback } from "react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../ui/select.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../../lib/utils.js";
+import { Input } from "../ui/input.js";
+import { Search, LoaderCircle } from "lucide-react";
+import { normalizeText } from "@zenify-omni/chat-js/utils/data.js";
+import { cva } from "class-variance-authority";
+import { useTranslation } from "react-i18next";
+const fieldVariants = cva("", {
+  variants: {
+    size: {
+      small: "text-xs",
+      default: "text-sm"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function transToGroupOption(options, groupBy) {
+  if (options.length === 0) {
+    return /* @__PURE__ */ new Map();
+  }
+  if (!groupBy) {
+    return /* @__PURE__ */ new Map([["", options]]);
+  }
+  const groupOption = /* @__PURE__ */ new Map();
+  options.forEach((option) => {
+    const key = option[groupBy] || "";
+    if (!groupOption.has(key)) {
+      groupOption.set(key, []);
+    }
+    groupOption.get(key).push(option);
+  });
+  return groupOption;
+}
+const CustomSelect = React.forwardRef(
+  ({
+    disabled,
+    options = [],
+    onChange,
+    checkItemDisabled,
+    isNullValue,
+    isSearch,
+    isLoading = false,
+    size,
+    groupBy,
+    onLoadMore,
+    hasNextPage,
+    isFetchingNextPage,
+    onItemPointerDown,
+    onItemKeyDown,
+    onSearchOptions,
+    ...props
+  }, ref) => {
+    const { t } = useTranslation();
+    const [search, setSearch] = useState("");
+    const [filteredData, setFilteredData] = useState(options);
+    const inputRef = useRef(null);
+    const scrollContainerRef = useRef(null);
+    const observerRef = useRef(null);
+    const sentinelRef = useCallback(
+      (node) => {
+        if (isFetchingNextPage) return;
+        if (observerRef.current) observerRef.current.disconnect();
+        observerRef.current = new IntersectionObserver(
+          (entries) => {
+            if (entries[0].isIntersecting && hasNextPage) {
+              onLoadMore?.();
+            }
+          },
+          { root: scrollContainerRef.current }
+        );
+        if (node) observerRef.current.observe(node);
+      },
+      [isFetchingNextPage, hasNextPage, onLoadMore]
+    );
+    const handleChange = (value) => {
+      if (!options || !options.length) return;
+      const option = options.find((x) => String(x.value) === String(value));
+      onChange?.(option ? option.value : value, option);
+    };
+    useEffect(() => {
+      const keyword = search.trim().toLowerCase();
+      if (!keyword) {
+        setFilteredData(options);
+        return;
+      }
+      const value = props?.option?.value ?? props.value;
+      let data = onSearchOptions ? onSearchOptions(options, keyword) : options.filter((item) => {
+        const label = normalizeText(item.label);
+        const key = normalizeText(keyword);
+        return label?.includes(key);
+      });
+      if (value) {
+        const selected = options.find((e) => e.value == value);
+        if (selected && !data.some((d) => d.value === selected.value)) {
+          data = [selected, ...data];
+        }
+      }
+      setFilteredData(data);
+    }, [search, options, props.value, props?.option?.value, onSearchOptions]);
+    const groupedOptions = transToGroupOption(filteredData, groupBy);
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        ...props,
+        disabled,
+        defaultValue: props.defaultValue,
+        value: props?.option?.value ?? props.value,
+        onValueChange: handleChange,
+        children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              ref,
+              onClick: () => {
+                setTimeout(() => {
+                  setSearch("");
+                  inputRef.current?.focus();
+                }, 1);
+              },
+              className: cn(
+                !props.value && "text-muted-foreground",
+                props.triggerClassName,
+                props.SelectTriggerOptions?.className,
+                props.error && "border border-[--label-red-foreground]",
+                fieldVariants({ size })
+              ),
+              disabled: props.SelectTriggerOptions?.disabled,
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: props.placeholder ?? "Ch\u1ECDn" })
+            }
+          ),
+          isLoading && /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx("div", { className: "max-h-[200px] space-y-2 overflow-y-auto", children: Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" }, index)) }) }),
+          !isLoading && /* @__PURE__ */ jsxs(SelectContent, { onCloseAutoFocus: (e) => e.preventDefault(), children: [
+            isSearch && /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex items-center bg-popover px-2 pb-2", children: [
+              /* @__PURE__ */ jsx(Search, { size: 16, className: "text-muted-foreground" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  ref: inputRef,
+                  onKeyDown: (e) => e.stopPropagation(),
+                  placeholder: t("common:placeholder.typeToSearch", {
+                    defaultValue: "Nh\u1EADp \u0111\u1EC3 t\xECm ki\u1EBFm"
+                  }),
+                  value: search,
+                  onChange: (e) => setSearch(e.target.value),
+                  className: cn(
+                    "h-7 border-none pl-1 text-sm shadow-none !outline-none focus:outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+                    props.SelectItemOptions?.className,
+                    fieldVariants({ size })
+                  ),
+                  onClick: (e) => e.stopPropagation(),
+                  onFocus: (e) => e.stopPropagation()
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: scrollContainerRef,
+                className: "max-h-[200px] overflow-y-auto",
+                children: [
+                  props.defaultValue && /* @__PURE__ */ jsx(
+                    SelectItem,
+                    {
+                      className: cn(fieldVariants({ size })),
+                      value: props.defaultValue,
+                      children: props.defaultValueLabel ?? "Ch\u1ECDn"
+                    },
+                    "item_0"
+                  ),
+                  isNullValue && /* @__PURE__ */ jsx(
+                    SelectItem,
+                    {
+                      className: cn(
+                        props.SelectItemOptions?.className,
+                        fieldVariants({ size })
+                      ),
+                      value: null,
+                      children: t("common:placeholder.selectDefault", {
+                        defaultValue: "--Ch\u1ECDn--"
+                      })
+                    }
+                  ),
+                  Array.from(groupedOptions.entries()).map(
+                    ([groupKey, groupOptions]) => {
+                      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                        groupKey && /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: cn(
+                              fieldVariants({ size }),
+                              "p-[6px] px-2 py-1.5 text-xs font-medium text-muted-foreground"
+                            ),
+                            children: props.renderGroupHeading?.(groupKey) || groupKey
+                          }
+                        ),
+                        groupOptions.map((option, index) => /* @__PURE__ */ jsx(
+                          SelectItem,
+                          {
+                            className: cn(
+                              props.SelectItemOptions?.className,
+                              fieldVariants({ size })
+                            ),
+                            value: option.value,
+                            disabled: (checkItemDisabled?.(option) || option.disabled) ?? false,
+                            onPointerDown: onItemPointerDown ? () => onItemPointerDown(option.value, option) : void 0,
+                            onKeyDown: onItemKeyDown ? (e) => onItemKeyDown(e, option.value, option) : void 0,
+                            children: option.label
+                          },
+                          `item_${groupKey}_${index}`
+                        ))
+                      ] }, groupKey);
+                    }
+                  ),
+                  !filteredData.length && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "py-2 text-center text-xs text-muted-foreground",
+                        fieldVariants({ size })
+                      ),
+                      children: t("common:empty.noResults", {
+                        defaultValue: "Kh\xF4ng t\xECm th\u1EA5y k\u1EBFt qu\u1EA3"
+                      })
+                    }
+                  ),
+                  isFetchingNextPage && /* @__PURE__ */ jsxs("div", { className: "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-muted-foreground outline-none", children: [
+                    /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+                    t("common:status.loadingMore", {
+                      defaultValue: "\u0110ang t\u1EA3i th\xEAm..."
+                    })
+                  ] }),
+                  onLoadMore && /* @__PURE__ */ jsx("div", { ref: sentinelRef, "aria-hidden": true, className: "h-px" })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+CustomSelect.displayName = "CustomSelect";
+export {
+  CustomSelect
+};

package/components/custom/cycle-value-helpers.js

@@ -0,0 +1,11 @@
+import { CYCLE_PRESETS } from "@zenify-omni/chat-js/constants/advance-filter.js";
+function applyPresetDefaults(value, presetKey) {
+  return {
+    ...value,
+    preset: presetKey,
+    tolerance: CYCLE_PRESETS[presetKey]?.tolerance ?? null
+  };
+}
+export {
+  applyPresetDefaults
+};

package/components/custom/cycle-value.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Input } from "../ui/input.js";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../ui/select.js";
+import FieldGenerator from "./field-generator.js";
+import { CYCLE_PRESET_OPTIONS } from "@zenify-omni/chat-js/constants/advance-filter.js";
+import { cn } from "../../lib/utils.js";
+import { applyPresetDefaults } from "./cycle-value-helpers.js";
+import { useTranslation } from "react-i18next";
+const CycleValue = React.forwardRef(({ value, onChange, error }, ref) => {
+  const { t } = useTranslation();
+  const current = value || {};
+  return /* @__PURE__ */ jsxs("div", { ref, className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: current.preset || "",
+          onValueChange: (presetKey) => onChange(applyPresetDefaults(current, presetKey)),
+          children: [
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
+              {
+                className: cn("w-full", error && "border-[--label-red-foreground]"),
+                children: /* @__PURE__ */ jsx(
+                  SelectValue,
+                  {
+                    placeholder: t("settings:smartView.selectCycle", {
+                      defaultValue: "Ch\u1ECDn chu k\u1EF3"
+                    })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(SelectContent, { children: CYCLE_PRESET_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-[--label-red-foreground]", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: t("settings:smartView.toleranceDays", {
+        defaultValue: "Sai s\u1ED1 (ng\xE0y)"
+      }) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          min: 0,
+          step: 1,
+          className: "w-full",
+          placeholder: t("settings:smartView.plusMinusDays", {
+            defaultValue: "\xB1 ng\xE0y"
+          }),
+          value: current.tolerance ?? "",
+          onChange: (e) => {
+            const raw = e.target.value;
+            const parsed = Math.floor(Number(raw));
+            onChange({
+              ...current,
+              tolerance: raw === "" || Number.isNaN(parsed) ? null : Math.max(0, parsed)
+            });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs text-muted-foreground", children: t("settings:smartView.anchorDate", { defaultValue: "Ng\xE0y m\u1ED1c" }) }),
+      /* @__PURE__ */ jsx(
+        FieldGenerator,
+        {
+          type: "date",
+          value: current.anchor ?? null,
+          onChange: (anchor) => onChange({ ...current, anchor })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-muted-foreground", children: t("settings:smartView.emptyMeansTodayHint", {
+        defaultValue: "\u0110\u1EC3 tr\u1ED1ng = t\xEDnh theo ng\xE0y hi\u1EC7n t\u1EA1i, t\u1EF1 c\u1EADp nh\u1EADt m\u1ED7i ng\xE0y"
+      }) })
+    ] })
+  ] });
+});
+CycleValue.displayName = "CycleValue";
+var cycle_value_default = CycleValue;
+export {
+  cycle_value_default as default
+};