@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/components/data-grid/components/data-grid-boolean-cell.js

@@ -0,0 +1,66 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@medusajs/ui";
+import { Controller } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { useCombinedRefs } from "../../../utils/refs.js";
+import { useDataGridCell } from "../hooks/use-data-grid-cell.js";
+import { useDataGridCellError } from "../hooks/use-data-grid-cell-error.js";
+import "react";
+import "../context/data-grid-context.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/get.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/set.js";
+import { DataGridCellContainer } from "./data-grid-cell-container.js";
+const DataGridBooleanCell = ({
+  context,
+  disabled
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx(Inner, { field: field2, inputProps: input, disabled }) });
+      }
+    }
+  );
+};
+const Inner = ({
+  field,
+  inputProps,
+  disabled
+}) => {
+  const { ref, value, onBlur, name, disabled: fieldDisabled } = field;
+  const {
+    ref: inputRef,
+    onBlur: onInputBlur,
+    onChange,
+    onFocus,
+    ...attributes
+  } = inputProps;
+  const combinedRefs = useCombinedRefs(ref, inputRef);
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      disabled: disabled || fieldDisabled,
+      name,
+      checked: value,
+      onCheckedChange: (newValue) => onChange(newValue === true, value),
+      onFocus,
+      onBlur: () => {
+        onBlur();
+        onInputBlur();
+      },
+      ref: combinedRefs,
+      tabIndex: -1,
+      ...attributes
+    }
+  );
+};
+export {
+  DataGridBooleanCell
+};

package/.medusa/server/src/admin/components/data-grid/components/data-grid-cell-container.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ErrorMessage } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@hookform/error-message/dist/index.esm.js";
+import { ExclamationCircle } from "@medusajs/icons";
+import { clx, Tooltip } from "@medusajs/ui";
+import { get } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { DataGridRowErrorIndicator } from "./data-grid-row-error-indicator.js";
+const DataGridCellContainer = ({
+  isAnchor,
+  isSelected,
+  isDragSelected,
+  field,
+  showOverlay,
+  placeholder,
+  innerProps,
+  overlayProps,
+  children,
+  errors,
+  rowErrors,
+  outerComponent
+}) => {
+  const error = get(errors, field);
+  const hasError = !!error;
+  return /* @__PURE__ */ jsxs("div", { className: "group/container relative size-full", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clx(
+          "bg-ui-bg-base group/cell relative flex size-full items-center gap-x-2 px-4 py-2.5 outline-none",
+          {
+            "bg-ui-tag-red-bg text-ui-tag-red-text": hasError && !isAnchor && !isSelected && !isDragSelected,
+            "ring-ui-bg-interactive ring-2 ring-inset": isAnchor,
+            "bg-ui-bg-highlight [&:has([data-field]:focus)]:bg-ui-bg-base": isSelected || isAnchor,
+            "bg-ui-bg-subtle": isDragSelected && !isAnchor
+          }
+        ),
+        tabIndex: -1,
+        ...innerProps,
+        children: [
+          /* @__PURE__ */ jsx(
+            ErrorMessage,
+            {
+              name: field,
+              errors,
+              render: ({ message }) => {
+                return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Tooltip, { content: message, delayDuration: 0, children: /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-tag-red-icon z-[3]" }) }) });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "relative z-[1] flex size-full items-center justify-center", children: /* @__PURE__ */ jsx(RenderChildren, { isAnchor, placeholder, children }) }),
+          /* @__PURE__ */ jsx(DataGridRowErrorIndicator, { rowErrors }),
+          showOverlay && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...overlayProps,
+              "data-cell-overlay": "true",
+              className: "absolute inset-0 z-[2]"
+            }
+          )
+        ]
+      }
+    ),
+    outerComponent
+  ] });
+};
+const RenderChildren = ({
+  isAnchor,
+  placeholder,
+  children
+}) => {
+  if (!isAnchor && placeholder) {
+    return placeholder;
+  }
+  return children;
+};
+export {
+  DataGridCellContainer
+};

package/.medusa/server/src/admin/components/data-grid/components/data-grid-currency-cell.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState, useEffect } from "react";
+import CurrencyInput, { formatValue } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-currency-input-field/dist/index.esm.js";
+import { Controller } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { currencies } from "../../../lib/currencies.js";
+import { useCombinedRefs } from "../../../utils/refs.js";
+import { useDataGridCell } from "../hooks/use-data-grid-cell.js";
+import { useDataGridCellError } from "../hooks/use-data-grid-cell-error.js";
+import "../context/data-grid-context.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/get.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/set.js";
+import { DataGridCellContainer } from "./data-grid-cell-container.js";
+const DataGridCurrencyCell = ({
+  context,
+  code
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  const currency = currencies[code.toUpperCase()];
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx(Inner, { field: field2, inputProps: input, currencyInfo: currency }) });
+      }
+    }
+  );
+};
+const Inner = ({
+  field,
+  inputProps,
+  currencyInfo
+}) => {
+  const { value, onChange: _, onBlur, ref, ...rest } = field;
+  const {
+    ref: inputRef,
+    onBlur: onInputBlur,
+    onFocus,
+    onChange,
+    ...attributes
+  } = inputProps;
+  const formatter = useCallback(
+    (value2) => {
+      const ensuredValue = typeof value2 === "number" ? value2.toString() : value2 || "";
+      return formatValue({
+        value: ensuredValue,
+        decimalScale: currencyInfo.decimal_digits,
+        disableGroupSeparators: true,
+        decimalSeparator: "."
+      });
+    },
+    [currencyInfo]
+  );
+  const [localValue, setLocalValue] = useState(value || "");
+  const handleValueChange = (value2, _name, _values) => {
+    if (!value2) {
+      setLocalValue("");
+      return;
+    }
+    setLocalValue(value2);
+  };
+  useEffect(() => {
+    let update = value;
+    if (!isNaN(Number(value))) {
+      update = formatter(update);
+    }
+    setLocalValue(update);
+  }, [value, formatter]);
+  const combinedRed = useCombinedRefs(inputRef, ref);
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex size-full items-center", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "txt-compact-small text-ui-fg-muted pointer-events-none absolute left-0 w-fit min-w-4",
+        "aria-hidden": true,
+        children: currencyInfo.symbol_native
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CurrencyInput,
+      {
+        ...rest,
+        ...attributes,
+        ref: combinedRed,
+        className: "txt-compact-small w-full flex-1 cursor-default appearance-none bg-transparent pl-8 text-right outline-none",
+        value: localValue || void 0,
+        onValueChange: handleValueChange,
+        formatValueOnBlur: true,
+        onBlur: () => {
+          onBlur();
+          onInputBlur();
+          onChange(localValue, value);
+        },
+        onFocus,
+        decimalScale: currencyInfo.decimal_digits,
+        decimalsLimit: currencyInfo.decimal_digits,
+        autoComplete: "off",
+        tabIndex: -1
+      }
+    )
+  ] });
+};
+export {
+  DataGridCurrencyCell
+};

package/.medusa/server/src/admin/components/data-grid/components/data-grid-duplicate-cell.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import "../context/data-grid-context.js";
+import { useDataGridDuplicateCell } from "../hooks/use-data-grid-duplicate-cell.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/get.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/set.js";
+const DataGridDuplicateCell = ({
+  duplicateOf,
+  children
+}) => {
+  const { watchedValue } = useDataGridDuplicateCell({ duplicateOf });
+  return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base txt-compact-small text-ui-fg-subtle flex size-full cursor-not-allowed items-center justify-between overflow-hidden px-4 py-2.5 outline-none", children: typeof children === "function" ? children({ value: watchedValue }) : children });
+};
+export {
+  DataGridDuplicateCell
+};

package/.medusa/server/src/admin/components/data-grid/components/data-grid-keyboard-shortcut-modal.js

@@ -0,0 +1,214 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { XMark } from "@medusajs/icons";
+import { Button, clx, Heading, Kbd, IconButton, Input, Text } from "@medusajs/ui";
+import { Dialog } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/radix-ui/dist/index.mjs";
+import { useState, useMemo } from "react";
+const useDataGridShortcuts = () => {
+  const shortcuts = useMemo(
+    () => [
+      {
+        label: "Undo",
+        keys: {
+          Mac: ["⌘", "Z"],
+          Windows: ["Ctrl", "Z"]
+        }
+      },
+      {
+        label: "Redo",
+        keys: {
+          Mac: ["⇧", "⌘", "Z"],
+          Windows: ["Shift", "Ctrl", "Z"]
+        }
+      },
+      {
+        label: "Copy",
+        keys: {
+          Mac: ["⌘", "C"],
+          Windows: ["Ctrl", "C"]
+        }
+      },
+      {
+        label: "Paste",
+        keys: {
+          Mac: ["⌘", "V"],
+          Windows: ["Ctrl", "V"]
+        }
+      },
+      {
+        label: "Edit",
+        keys: {
+          Mac: ["↵"],
+          Windows: ["Enter"]
+        }
+      },
+      {
+        label: "Delete",
+        keys: {
+          Mac: ["⌫"],
+          Windows: ["Backspace"]
+        }
+      },
+      {
+        label: "Clear",
+        keys: {
+          Mac: ["Space"],
+          Windows: ["Space"]
+        }
+      },
+      {
+        label: "Move Up",
+        keys: {
+          Mac: ["↑"],
+          Windows: ["↑"]
+        }
+      },
+      {
+        label: "Move Down",
+        keys: {
+          Mac: ["↓"],
+          Windows: ["↓"]
+        }
+      },
+      {
+        label: "Move Left",
+        keys: {
+          Mac: ["←"],
+          Windows: ["←"]
+        }
+      },
+      {
+        label: "Move Right",
+        keys: {
+          Mac: ["→"],
+          Windows: ["→"]
+        }
+      },
+      {
+        label: "Move Top",
+        keys: {
+          Mac: ["⌘", "↑"],
+          Windows: ["Ctrl", "↑"]
+        }
+      },
+      {
+        label: "Move Bottom",
+        keys: {
+          Mac: ["⌘", "↓"],
+          Windows: ["Ctrl", "↓"]
+        }
+      },
+      {
+        label: "Select Down",
+        keys: {
+          Mac: ["⇧", "↓"],
+          Windows: ["Shift", "↓"]
+        }
+      },
+      {
+        label: "Select Up",
+        keys: {
+          Mac: ["⇧", "↑"],
+          Windows: ["Shift", "↑"]
+        }
+      },
+      {
+        label: "Select Column Down",
+        keys: {
+          Mac: ["⇧", "⌘", "↓"],
+          Windows: ["Shift", "Ctrl", "↓"]
+        }
+      },
+      {
+        label: "Select Column Up",
+        keys: {
+          Mac: ["⇧", "⌘", "↑"],
+          Windows: ["Shift", "Ctrl", "↑"]
+        }
+      },
+      {
+        label: "Focus Toolbar",
+        keys: {
+          Mac: ["⌃", "⌥", ","],
+          Windows: ["Ctrl", "Alt", ","]
+        }
+      },
+      {
+        label: "Focus Cancel",
+        keys: {
+          Mac: ["⌃", "⌥", "."],
+          Windows: ["Ctrl", "Alt", "."]
+        }
+      }
+    ],
+    []
+  );
+  return shortcuts;
+};
+const DataGridKeyboardShortcutModal = ({
+  open,
+  onOpenChange
+}) => {
+  const [searchValue, onSearchValueChange] = useState("");
+  const shortcuts = useDataGridShortcuts();
+  const searchResults = useMemo(() => {
+    return shortcuts.filter(
+      (shortcut) => shortcut.label.toLowerCase().includes(searchValue.toLowerCase())
+    );
+  }, [searchValue, shortcuts]);
+  return /* @__PURE__ */ jsxs(Dialog.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Shortcuts" }) }),
+    /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+      /* @__PURE__ */ jsx(
+        Dialog.Overlay,
+        {
+          className: clx(
+            "bg-ui-bg-overlay fixed inset-0",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs(Dialog.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg outline-none", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Dialog.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Shortcuts" }) }),
+              /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx(Kbd, { children: "esc" }),
+              /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx(XMark, {}) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              value: searchValue,
+              autoFocus: true,
+              onChange: (e) => onSearchValueChange(e.target.value)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+          var _a;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
+              children: [
+                /* @__PURE__ */ jsx(Text, { size: "small", children: shortcut.label }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-1", children: (_a = shortcut.keys.Mac) == null ? void 0 : _a.map((key, index2) => {
+                  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ jsx(Kbd, { children: key }) }, index2);
+                }) })
+              ]
+            },
+            index
+          );
+        }) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  DataGridKeyboardShortcutModal
+};

package/.medusa/server/src/admin/components/data-grid/components/data-grid-number-cell.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+import { clx } from "@medusajs/ui";
+import { useState, useEffect } from "react";
+import { Controller } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { useCombinedRefs } from "../../../utils/refs.js";
+import { useDataGridCell } from "../hooks/use-data-grid-cell.js";
+import { useDataGridCellError } from "../hooks/use-data-grid-cell-error.js";
+import "../context/data-grid-context.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/get.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/set.js";
+import { DataGridCellContainer } from "./data-grid-cell-container.js";
+const DataGridNumberCell = ({
+  context,
+  ...rest
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx(Inner, { field: field2, inputProps: input, ...rest }) });
+      }
+    }
+  );
+};
+const Inner = ({
+  field,
+  inputProps,
+  ...props
+}) => {
+  const { ref, value, onChange: _, onBlur, ...fieldProps } = field;
+  const {
+    ref: inputRef,
+    onChange,
+    onBlur: onInputBlur,
+    onFocus,
+    ...attributes
+  } = inputProps;
+  const [localValue, setLocalValue] = useState(value);
+  useEffect(() => {
+    setLocalValue(value);
+  }, [value]);
+  const combinedRefs = useCombinedRefs(inputRef, ref);
+  return /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: combinedRefs,
+      value: localValue,
+      onChange: (e) => setLocalValue(e.target.value),
+      onBlur: () => {
+        onBlur();
+        onInputBlur();
+        onChange(localValue, value);
+      },
+      onFocus,
+      type: "number",
+      inputMode: "decimal",
+      className: clx(
+        "txt-compact-small size-full bg-transparent outline-none",
+        "placeholder:text-ui-fg-muted"
+      ),
+      tabIndex: -1,
+      ...props,
+      ...fieldProps,
+      ...attributes
+    }
+  ) });
+};
+export {
+  DataGridNumberCell
+};

package/.medusa/server/src/admin/components/data-grid/components/data-grid-readonly-cell.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { clx } from "@medusajs/ui";
+import "react";
+import "../context/data-grid-context.js";
+import { useDataGridCellError } from "../hooks/use-data-grid-cell-error.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/get.js";
+import "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/lodash/set.js";
+import { DataGridRowErrorIndicator } from "./data-grid-row-error-indicator.js";
+const DataGridReadonlyCell = ({
+  context,
+  color = "muted",
+  children
+}) => {
+  const { rowErrors } = useDataGridCellError({ context });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        "txt-compact-small text-ui-fg-subtle flex size-full cursor-not-allowed items-center justify-between overflow-hidden px-4 py-2.5 outline-none",
+        color === "muted" && "bg-ui-bg-subtle",
+        color === "normal" && "bg-ui-bg-base"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 truncate", children }),
+        /* @__PURE__ */ jsx(DataGridRowErrorIndicator, { rowErrors })
+      ]
+    }
+  );
+};
+export {
+  DataGridReadonlyCell
+};