@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/components/data-grid/components/data-grid-row-error-indicator.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip, Badge } from "@medusajs/ui";
+const DataGridRowErrorIndicator = ({
+  rowErrors
+}) => {
+  const rowErrorCount = rowErrors ? rowErrors.length : 0;
+  if (!rowErrors || rowErrorCount <= 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      content: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-y-3", children: rowErrors.map((error, index) => /* @__PURE__ */ jsx(DataGridRowErrorLine, { error }, index)) }),
+      delayDuration: 0,
+      children: /* @__PURE__ */ jsx(Badge, { color: "red", size: "2xsmall", className: "cursor-default", children: rowErrorCount })
+    }
+  );
+};
+const DataGridRowErrorLine = ({
+  error
+}) => {
+  return /* @__PURE__ */ jsxs("li", { className: "txt-compact-small flex flex-col items-start", children: [
+    error.message,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: error.to,
+        className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover transition-fg",
+        children: "Fix error"
+      }
+    )
+  ] });
+};
+export {
+  DataGridRowErrorIndicator
+};

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

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Skeleton } from "@medusajs/ui";
+const DataGridSkeleton = ({
+  columns,
+  rows: rowCount = 10
+}) => {
+  const rows = Array.from({ length: rowCount }, (_, i) => i);
+  const colCount = columns.length;
+  return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle size-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base border-b p-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-button-neutral h-7 w-[116px] animate-pulse rounded-md" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle size-full overflow-auto", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "grid",
+          style: {
+            gridTemplateColumns: `repeat(${colCount}, 1fr)`
+          },
+          children: columns.map((_col, i) => {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
+                children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[14px] w-[164px]" })
+              },
+              i
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { children: rows.map((_, j) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "grid",
+          style: { gridTemplateColumns: `repeat(${colCount}, 1fr)` },
+          children: columns.map((_col, k) => {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
+                children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[14px] w-[164px]" })
+              },
+              k
+            );
+          })
+        },
+        j
+      )) })
+    ] })
+  ] });
+};
+export {
+  DataGridSkeleton
+};

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

@@ -0,0 +1,66 @@
+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 DataGridTextCell = ({
+  context
+}) => {
+  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 }) });
+      }
+    }
+  );
+};
+const Inner = ({
+  field,
+  inputProps
+}) => {
+  const { onChange: _, onBlur, ref, value, ...rest } = field;
+  const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
+  const [localValue, setLocalValue] = useState(value);
+  useEffect(() => {
+    setLocalValue(value);
+  }, [value]);
+  const combinedRefs = useCombinedRefs(inputRef, ref);
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: clx(
+        "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer items-center justify-center bg-transparent outline-none",
+        "focus:cursor-text"
+      ),
+      autoComplete: "off",
+      tabIndex: -1,
+      value: localValue,
+      onChange: (e) => setLocalValue(e.target.value),
+      ref: combinedRefs,
+      onBlur: () => {
+        onBlur();
+        onInputBlur();
+        onChange(localValue, value);
+      },
+      ...input,
+      ...rest
+    }
+  );
+};
+export {
+  DataGridTextCell
+};

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

@@ -0,0 +1,166 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@medusajs/ui";
+import { useState, useEffect, useRef } from "react";
+import CurrencyInput 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 { useCombinedRefs } from "../../../utils/refs.js";
+import { ConditionalTooltip } from "../../conditional-tooltip.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 DataGridTogglableNumberCell = ({
+  context,
+  disabledToggleTooltip,
+  ...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,
+            outerComponent: /* @__PURE__ */ jsx(
+              OuterComponent,
+              {
+                field: field2,
+                inputProps: input,
+                isAnchor: container.isAnchor,
+                tooltip: disabledToggleTooltip
+              }
+            ),
+            children: /* @__PURE__ */ jsx(Inner, { field: field2, inputProps: input, ...rest })
+          }
+        );
+      }
+    }
+  );
+};
+const OuterComponent = ({
+  field,
+  inputProps,
+  isAnchor,
+  tooltip
+}) => {
+  const buttonRef = useRef(null);
+  const { value } = field;
+  const { onChange } = inputProps;
+  const [localValue, setLocalValue] = useState(value);
+  useEffect(() => {
+    setLocalValue(value);
+  }, [value]);
+  const handleCheckedChange = (update) => {
+    const newValue = { ...localValue, checked: update };
+    if (!update && !newValue.disabledToggle) {
+      newValue.quantity = "";
+    }
+    if (update && newValue.quantity === "") {
+      newValue.quantity = 0;
+    }
+    setLocalValue(newValue);
+    onChange(newValue, value);
+  };
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      var _a;
+      if (isAnchor && e.key.toLowerCase() === "x") {
+        e.preventDefault();
+        (_a = buttonRef.current) == null ? void 0 : _a.click();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isAnchor]);
+  return /* @__PURE__ */ jsx(
+    ConditionalTooltip,
+    {
+      showTooltip: localValue.disabledToggle && tooltip,
+      content: tooltip,
+      children: /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-4 z-[3] flex w-fit items-center justify-center", children: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          ref: buttonRef,
+          size: "small",
+          className: "shrink-0",
+          checked: localValue.checked,
+          disabled: localValue.disabledToggle,
+          onCheckedChange: handleCheckedChange
+        }
+      ) })
+    }
+  );
+};
+const Inner = ({
+  field,
+  inputProps,
+  placeholder,
+  ...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);
+  const handleInputChange = (updatedValue, _name, _values) => {
+    const ensuredValue = updatedValue !== void 0 ? updatedValue : "";
+    const newValue = { ...localValue, quantity: ensuredValue };
+    if (ensuredValue !== "") {
+      newValue.checked = true;
+    } else if (newValue.checked && newValue.disabledToggle === false) {
+      newValue.checked = false;
+    }
+    setLocalValue(newValue);
+  };
+  const handleOnChange = () => {
+    if (localValue.disabledToggle && localValue.quantity === "") {
+      localValue.quantity = 0;
+    }
+    onChange(localValue, value);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center gap-x-2", children: /* @__PURE__ */ jsx(
+    CurrencyInput,
+    {
+      ...fieldProps,
+      ...attributes,
+      ...props,
+      ref: combinedRefs,
+      className: "txt-compact-small w-full flex-1 cursor-default appearance-none bg-transparent pl-8 text-right outline-none",
+      value: localValue == null ? void 0 : localValue.quantity,
+      onValueChange: handleInputChange,
+      formatValueOnBlur: true,
+      onBlur: () => {
+        onBlur();
+        onInputBlur();
+        handleOnChange();
+      },
+      onFocus,
+      decimalsLimit: 0,
+      autoComplete: "off",
+      tabIndex: -1,
+      placeholder: !localValue.checked ? placeholder : void 0
+    }
+  ) });
+};
+export {
+  DataGridTogglableNumberCell
+};

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

@@ -0,0 +1,16 @@
+import { DataGridBooleanCell } from "./data-grid-boolean-cell.js";
+import { DataGridCurrencyCell } from "./data-grid-currency-cell.js";
+import { DataGridNumberCell } from "./data-grid-number-cell.js";
+import { DataGridReadonlyCell } from "./data-grid-readonly-cell.js";
+import { DataGridRoot } from "./data-grid-root.js";
+import { DataGridSkeleton } from "./data-grid-skeleton.js";
+import { DataGridTextCell } from "./data-grid-text-cell.js";
+export {
+  DataGridBooleanCell,
+  DataGridCurrencyCell,
+  DataGridNumberCell,
+  DataGridReadonlyCell as DataGridReadOnlyCell,
+  DataGridRoot,
+  DataGridSkeleton,
+  DataGridTextCell
+};

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

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+const DataGridContext = createContext(
+  null
+);
+export {
+  DataGridContext
+};

package/.medusa/server/src/admin/components/data-grid/context/index.js

@@ -0,0 +1,6 @@
+import { DataGridContext } from "./data-grid-context.js";
+import { useDataGridContext } from "./use-data-grid-context.js";
+export {
+  DataGridContext,
+  useDataGridContext
+};

package/.medusa/server/src/admin/components/data-grid/context/use-data-grid-context.js

@@ -0,0 +1,14 @@
+import { useContext } from "react";
+import { DataGridContext } from "./data-grid-context.js";
+const useDataGridContext = () => {
+  const context = useContext(DataGridContext);
+  if (!context) {
+    throw new Error(
+      "useDataGridContext must be used within a DataGridContextProvider"
+    );
+  }
+  return context;
+};
+export {
+  useDataGridContext
+};

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

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { DataGridBooleanCell } from "./components/data-grid-boolean-cell.js";
+import { DataGridCurrencyCell } from "./components/data-grid-currency-cell.js";
+import { DataGridNumberCell } from "./components/data-grid-number-cell.js";
+import { DataGridReadonlyCell } from "./components/data-grid-readonly-cell.js";
+import { DataGridRoot } from "./components/data-grid-root.js";
+import { DataGridSkeleton } from "./components/data-grid-skeleton.js";
+import { DataGridTextCell } from "./components/data-grid-text-cell.js";
+const _DataGrid = ({
+  isLoading,
+  ...props
+}) => {
+  var _a;
+  return isLoading ? /* @__PURE__ */ jsx(
+    DataGridSkeleton,
+    {
+      columns: props.columns,
+      rows: ((_a = props.data) == null ? void 0 : _a.length) && props.data.length > 0 ? props.data.length : 10
+    }
+  ) : /* @__PURE__ */ jsx(DataGridRoot, { ...props });
+};
+const DataGrid = Object.assign(_DataGrid, {
+  BooleanCell: DataGridBooleanCell,
+  TextCell: DataGridTextCell,
+  NumberCell: DataGridNumberCell,
+  CurrencyCell: DataGridCurrencyCell,
+  ReadonlyCell: DataGridReadonlyCell
+});
+export {
+  DataGrid
+};

package/.medusa/server/src/admin/components/data-grid/helpers/create-data-grid-column-helper.js

@@ -0,0 +1,28 @@
+import { createColumnHelper } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@tanstack/react-table/build/lib/index.mjs";
+function createDataGridHelper() {
+  const columnHelper = createColumnHelper();
+  return {
+    column: ({
+      id,
+      name,
+      header,
+      cell,
+      disableHiding = false,
+      field,
+      type
+    }) => columnHelper.display({
+      id,
+      header,
+      cell,
+      enableHiding: !disableHiding,
+      meta: {
+        name,
+        field,
+        type
+      }
+    })
+  };
+}
+export {
+  createDataGridHelper
+};

package/.medusa/server/src/admin/components/data-grid/helpers/create-data-grid-price-columns.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IncludesTaxTooltip } from "../../tax-badge.js";
+import { DataGridCurrencyCell } from "../components/data-grid-currency-cell.js";
+import { DataGridReadonlyCell } from "../components/data-grid-readonly-cell.js";
+import { createDataGridHelper } from "./create-data-grid-column-helper.js";
+const createDataGridPriceColumns = ({
+  currencies,
+  regions,
+  pricePreferences,
+  isReadyOnly,
+  getFieldName
+}) => {
+  const columnHelper = createDataGridHelper();
+  return [
+    ...(currencies == null ? void 0 : currencies.map((currency) => {
+      const preference = pricePreferences == null ? void 0 : pricePreferences.find(
+        (p) => p.attribute === "currency_code" && p.value === currency
+      );
+      const translatedCurrencyName = `Price ${currency.toUpperCase()}`;
+      return columnHelper.column({
+        id: `currency_prices.${currency}`,
+        name: translatedCurrencyName,
+        field: (context) => {
+          const isReadyOnlyValue = isReadyOnly == null ? void 0 : isReadyOnly(context);
+          if (isReadyOnlyValue) {
+            return null;
+          }
+          return getFieldName(context, currency);
+        },
+        type: "number",
+        header: () => /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
+          /* @__PURE__ */ jsx(IncludesTaxTooltip, { includesTax: preference == null ? void 0 : preference.is_tax_inclusive })
+        ] }),
+        cell: (context) => {
+          if (isReadyOnly == null ? void 0 : isReadyOnly(context)) {
+            return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context });
+          }
+          return /* @__PURE__ */ jsx(DataGridCurrencyCell, { code: currency, context });
+        }
+      });
+    })) ?? [],
+    ...(regions == null ? void 0 : regions.map((region) => {
+      const preference = pricePreferences == null ? void 0 : pricePreferences.find(
+        (p) => p.attribute === "region_id" && p.value === region.id
+      );
+      const translatedRegionName = `Price ${region.name}`;
+      return columnHelper.column({
+        id: `region_prices.${region.id}`,
+        name: translatedRegionName,
+        field: (context) => {
+          const isReadyOnlyValue = isReadyOnly == null ? void 0 : isReadyOnly(context);
+          if (isReadyOnlyValue) {
+            return null;
+          }
+          return getFieldName(context, region.id);
+        },
+        type: "number",
+        header: () => /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
+          /* @__PURE__ */ jsx(IncludesTaxTooltip, { includesTax: preference == null ? void 0 : preference.is_tax_inclusive })
+        ] }),
+        cell: (context) => {
+          if (isReadyOnly == null ? void 0 : isReadyOnly(context)) {
+            return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context });
+          }
+          const currency = currencies == null ? void 0 : currencies.find((c) => c === region.currency_code);
+          if (!currency) {
+            return null;
+          }
+          return /* @__PURE__ */ jsx(
+            DataGridCurrencyCell,
+            {
+              code: region.currency_code,
+              context
+            }
+          );
+        }
+      });
+    })) ?? []
+  ];
+};
+export {
+  createDataGridPriceColumns
+};

package/.medusa/server/src/admin/components/data-grid/helpers/index.js

@@ -0,0 +1,6 @@
+import { createDataGridHelper } from "./create-data-grid-column-helper.js";
+import { createDataGridPriceColumns } from "./create-data-grid-price-columns.js";
+export {
+  createDataGridHelper,
+  createDataGridPriceColumns
+};

package/.medusa/server/src/admin/components/data-grid/hooks/index.js

@@ -0,0 +1,31 @@
+import { useDataGridCell } from "./use-data-grid-cell.js";
+import { useDataGridCellError } from "./use-data-grid-cell-error.js";
+import { useDataGridCellHandlers } from "./use-data-grid-cell-handlers.js";
+import { useDataGridCellMetadata } from "./use-data-grid-cell-metadata.js";
+import { useDataGridCellSnapshot } from "./use-data-grid-cell-snapshot.js";
+import { useDataGridClipboardEvents } from "./use-data-grid-clipboard-events.js";
+import { useDataGridColumnVisibility } from "./use-data-grid-column-visibility.js";
+import { useDataGridDuplicateCell } from "./use-data-grid-duplicate-cell.js";
+import { useDataGridErrorHighlighting } from "./use-data-grid-error-highlighting.js";
+import { convertArrayToPrimitive, useDataGridFormHandlers } from "./use-data-grid-form-handlers.js";
+import { useDataGridKeydownEvent } from "./use-data-grid-keydown-event.js";
+import { useDataGridMouseUpEvent } from "./use-data-grid-mouse-up-event.js";
+import { useDataGridNavigation } from "./use-data-grid-navigation.js";
+import { useDataGridQueryTool } from "./use-data-grid-query-tool.js";
+export {
+  convertArrayToPrimitive,
+  useDataGridCell,
+  useDataGridCellError,
+  useDataGridCellHandlers,
+  useDataGridCellMetadata,
+  useDataGridCellSnapshot,
+  useDataGridClipboardEvents,
+  useDataGridColumnVisibility,
+  useDataGridDuplicateCell,
+  useDataGridErrorHighlighting,
+  useDataGridFormHandlers,
+  useDataGridKeydownEvent,
+  useDataGridMouseUpEvent,
+  useDataGridNavigation,
+  useDataGridQueryTool
+};

package/.medusa/server/src/admin/components/data-grid/hooks/use-data-grid-cell-error.js

@@ -0,0 +1,50 @@
+import { useMemo } from "react";
+import { get } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import "../context/data-grid-context.js";
+import { useDataGridContext } from "../context/use-data-grid-context.js";
+const useDataGridCellError = ({
+  context
+}) => {
+  const { errors, getCellErrorMetadata, navigateToField } = useDataGridContext();
+  const { rowIndex, columnIndex } = context;
+  const { accessor, field } = useMemo(() => {
+    return getCellErrorMetadata({ row: rowIndex, col: columnIndex });
+  }, [rowIndex, columnIndex, getCellErrorMetadata]);
+  const rowErrorsObject = accessor && columnIndex === 0 ? get(errors, accessor) : void 0;
+  const rowErrors = [];
+  function collectErrors(errorObject, baseAccessor) {
+    if (!errorObject) {
+      return;
+    }
+    if (isFieldError(errorObject)) {
+      const message = errorObject.message;
+      const to = () => navigateToField(baseAccessor);
+      if (message) {
+        rowErrors.push({ message, to });
+      }
+    } else {
+      Object.keys(errorObject).forEach((key) => {
+        const nestedError = errorObject[key];
+        const fieldAccessor = `${baseAccessor}.${key}`;
+        if (nestedError && typeof nestedError === "object") {
+          collectErrors(nestedError, fieldAccessor);
+        }
+      });
+    }
+  }
+  if (rowErrorsObject && accessor) {
+    collectErrors(rowErrorsObject, accessor);
+  }
+  const cellError = field ? get(errors, field) : void 0;
+  return {
+    errors,
+    rowErrors,
+    cellError
+  };
+};
+function isFieldError(errors) {
+  return typeof errors === "object" && "message" in errors && "type" in errors;
+}
+export {
+  useDataGridCellError
+};