@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/components/modals/stacked-modal-provider/stacked-modal-provider.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { StackedModalContext } from "./stacked-modal-context.js";
+const StackedModalProvider = ({
+  children,
+  onOpenChange
+}) => {
+  const [state, setState] = useState({});
+  const getIsOpen = (id) => {
+    return state[id] || false;
+  };
+  const setIsOpen = (id, open) => {
+    setState((prevState) => ({
+      ...prevState,
+      [id]: open
+    }));
+    onOpenChange(open);
+  };
+  const register = (id) => {
+    setState((prevState) => ({
+      ...prevState,
+      [id]: false
+    }));
+  };
+  const unregister = (id) => {
+    setState((prevState) => {
+      const newState = { ...prevState };
+      delete newState[id];
+      return newState;
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    StackedModalContext.Provider,
+    {
+      value: {
+        getIsOpen,
+        setIsOpen,
+        register,
+        unregister
+      },
+      children
+    }
+  );
+};
+export {
+  StackedModalProvider
+};

package/.medusa/server/src/admin/components/modals/stacked-modal-provider/use-stacked-modal.js

@@ -0,0 +1,14 @@
+import { useContext } from "react";
+import { StackedModalContext } from "./stacked-modal-context.js";
+const useStackedModal = () => {
+  const context = useContext(StackedModalContext);
+  if (!context) {
+    throw new Error(
+      "useStackedModal must be used within a StackedModalProvider"
+    );
+  }
+  return context;
+};
+export {
+  useStackedModal
+};

package/.medusa/server/src/admin/components/placeholder-cell.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+const PlaceholderCell = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted", children: "-" }) });
+};
+export {
+  PlaceholderCell
+};

package/.medusa/server/src/admin/components/product/product-cell/index.js

@@ -0,0 +1,5 @@
+import { ProductCell, ProductHeader } from "./product-cell.js";
+export {
+  ProductCell,
+  ProductHeader
+};

package/.medusa/server/src/admin/components/product/product-cell/product-cell.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Thumbnail } from "../../thumbnail.js";
+const ProductCell = ({ product }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full max-w-[250px] items-center gap-x-3 overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-fit flex-shrink-0", children: /* @__PURE__ */ jsx(Thumbnail, { src: product.thumbnail }) }),
+    /* @__PURE__ */ jsx("span", { title: product.title, className: "truncate", children: product.title })
+  ] });
+};
+const ProductHeader = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: "Product" }) });
+};
+export {
+  ProductCell,
+  ProductHeader
+};

package/.medusa/server/src/admin/components/product/product-status-cell/index.js

@@ -0,0 +1,5 @@
+import { ProductStatusCell, ProductStatusHeader } from "./product-status-cell.js";
+export {
+  ProductStatusCell,
+  ProductStatusHeader
+};

package/.medusa/server/src/admin/components/product/product-status-cell/product-status-cell.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { StatusBadge } from "@medusajs/ui";
+const ProductStatusCell = ({ status }) => {
+  const [color, text] = {
+    draft: ["grey", "Draft"],
+    proposed: ["orange", "Proposed"],
+    published: ["green", "Published"],
+    rejected: ["red", "Rejected"]
+  }[status];
+  return /* @__PURE__ */ jsx(StatusBadge, { color, children: text });
+};
+const ProductStatusHeader = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: "Status" }) });
+};
+export {
+  ProductStatusCell,
+  ProductStatusHeader
+};

package/.medusa/server/src/admin/components/product/sales-channels-cell/index.js

@@ -0,0 +1,5 @@
+import { SalesChannelHeader, SalesChannelsCell } from "./sales-channels-cell.js";
+export {
+  SalesChannelHeader,
+  SalesChannelsCell
+};

package/.medusa/server/src/admin/components/product/sales-channels-cell/sales-channels-cell.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@medusajs/ui";
+import { PlaceholderCell } from "../../placeholder-cell.js";
+const SalesChannelsCell = ({
+  salesChannels
+}) => {
+  if (!salesChannels || !salesChannels.length) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  if (salesChannels.length > 2) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: salesChannels.slice(0, 2).map((sc) => sc.name).join(", ") }),
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: /* @__PURE__ */ jsx("ul", { children: salesChannels.slice(2).map((sc) => /* @__PURE__ */ jsx("li", { children: sc.name }, sc.id)) }),
+          children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: `+ ${salesChannels.length - 2} more` })
+        }
+      )
+    ] });
+  }
+  const channels = salesChannels.map((sc) => sc.name).join(", ");
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden max-w-[250px]", children: /* @__PURE__ */ jsx("span", { title: channels, className: "truncate", children: channels }) });
+};
+const SalesChannelHeader = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: "Sales Channels" }) });
+};
+export {
+  SalesChannelHeader,
+  SalesChannelsCell
+};

package/.medusa/server/src/admin/components/product/variant-cell/index.js

@@ -0,0 +1,5 @@
+import { VariantCell, VariantHeader } from "./variant-cell.js";
+export {
+  VariantCell,
+  VariantHeader
+};

package/.medusa/server/src/admin/components/product/variant-cell/variant-cell.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { PlaceholderCell } from "../../placeholder-cell.js";
+const VariantCell = ({ variants }) => {
+  if (!variants || !variants.length) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: `${variants.length} denomination${variants.length > 1 ? "s" : ""}` }) });
+};
+const VariantHeader = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { children: "Denominations" }) });
+};
+export {
+  VariantCell,
+  VariantHeader
+};

package/.medusa/server/src/admin/components/section-row.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { clx, Text } from "@medusajs/ui";
+const SectionRow = ({ title, value, actions }) => {
+  const isValueString = typeof value === "string" || !value;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        `text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4`,
+        {
+          "grid-cols-[1fr_1fr_28px]": !!actions
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: title }),
+        isValueString ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            className: "whitespace-pre-line text-pretty",
+            children: value ?? "-"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: value }),
+        actions && /* @__PURE__ */ jsx("div", { children: actions })
+      ]
+    }
+  );
+};
+export {
+  SectionRow
+};

package/.medusa/server/src/admin/components/sidebar-link.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import { TriangleRightMini } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
+const SidebarLink = ({
+  to,
+  labelKey,
+  descriptionKey,
+  icon,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(Link, { to, className: "group outline-none", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    icon && /* @__PURE__ */ jsx("div", { children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-ui-fg-subtle",
+          children: descriptionKey
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: children ? children : /* @__PURE__ */ jsx(TriangleRightMini, { className: "text-ui-fg-muted" }) })
+  ] }) }) }) });
+};
+export {
+  SidebarLink
+};

package/.medusa/server/src/admin/components/sortable-list.js

@@ -0,0 +1,152 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { defaultDropAnimationSideEffects, useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, DragOverlay } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@dnd-kit/core/dist/core.esm.js";
+import { sortableKeyboardCoordinates, SortableContext, useSortable, arrayMove } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { CSS } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { DotsSix } from "@medusajs/icons";
+import { IconButton, clx } from "@medusajs/ui";
+import { createContext, useState, useMemo, Fragment, useContext } from "react";
+const List = ({
+  items,
+  onChange,
+  renderItem
+}) => {
+  const [active, setActive] = useState(null);
+  const [activeItem, activeIndex] = useMemo(() => {
+    if (active === null) {
+      return [null, null];
+    }
+    const index = items.findIndex(({ id }) => id === active.id);
+    return [items[index], index];
+  }, [active, items]);
+  const sensors = useSensors(
+    useSensor(PointerSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const handleDragStart = ({ active: active2 }) => {
+    setActive(active2);
+  };
+  const handleDragEnd = ({ active: active2, over }) => {
+    if (over && active2.id !== over.id) {
+      const activeIndex2 = items.findIndex(({ id }) => id === active2.id);
+      const overIndex = items.findIndex(({ id }) => id === over.id);
+      onChange(arrayMove(items, activeIndex2, overIndex));
+    }
+    setActive(null);
+  };
+  const handleDragCancel = () => {
+    setActive(null);
+  };
+  return /* @__PURE__ */ jsxs(
+    DndContext,
+    {
+      sensors,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: handleDragCancel,
+      children: [
+        /* @__PURE__ */ jsx(Overlay, { children: activeItem && activeIndex !== null ? renderItem(activeItem, activeIndex) : null }),
+        /* @__PURE__ */ jsx(SortableContext, { items, children: /* @__PURE__ */ jsx(
+          "ul",
+          {
+            role: "application",
+            className: "flex list-inside list-none list-image-none flex-col p-0",
+            children: items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, index) }, item.id))
+          }
+        ) })
+      ]
+    }
+  );
+};
+const dropAnimationConfig = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+const Overlay = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    DragOverlay,
+    {
+      className: "shadow-elevation-card-hover overflow-hidden rounded-md [&>li]:border-b-0",
+      dropAnimation: dropAnimationConfig,
+      children
+    }
+  );
+};
+const SortableItemContext = createContext(
+  null
+);
+const useSortableItemContext = () => {
+  const context = useContext(SortableItemContext);
+  if (!context) {
+    throw new Error(
+      "useSortableItemContext must be used within a SortableItemContext"
+    );
+  }
+  return context;
+};
+const Item = ({
+  id,
+  className,
+  children
+}) => {
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition
+  } = useSortable({ id });
+  const context = useMemo(
+    () => ({
+      attributes,
+      listeners,
+      ref: setActivatorNodeRef,
+      isDragging
+    }),
+    [attributes, listeners, setActivatorNodeRef, isDragging]
+  );
+  const style = {
+    opacity: isDragging ? 0.4 : void 0,
+    transform: CSS.Translate.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: clx("transition-fg flex flex-1 list-none", className),
+      ref: setNodeRef,
+      style,
+      children
+    }
+  ) });
+};
+const DragHandle = () => {
+  const { attributes, listeners, ref } = useSortableItemContext();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      variant: "transparent",
+      size: "small",
+      ...attributes,
+      ...listeners,
+      ref,
+      className: "cursor-grab touch-none active:cursor-grabbing",
+      children: /* @__PURE__ */ jsx(DotsSix, { className: "text-ui-fg-muted" })
+    }
+  );
+};
+const SortableList = Object.assign(List, {
+  Item,
+  DragHandle
+});
+export {
+  SortableList
+};

package/.medusa/server/src/admin/components/switch-box.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Switch } from "@medusajs/ui";
+import { Form } from "./form.js";
+const SwitchBox = ({
+  label,
+  description,
+  optional = false,
+  tooltip,
+  onCheckedChange,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Form.Field,
+    {
+      ...props,
+      render: ({ field: { value, onChange, ...field } }) => {
+        return /* @__PURE__ */ jsxs(Form.Item, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-component shadow-elevation-card-rest flex items-start gap-x-3 rounded-lg p-3", children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                ...field,
+                checked: value,
+                onCheckedChange: (e) => {
+                  onCheckedChange == null ? void 0 : onCheckedChange(e);
+                  onChange(e);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional, tooltip, children: label }),
+              /* @__PURE__ */ jsx(Form.Hint, { children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+        ] });
+      }
+    }
+  );
+};
+export {
+  SwitchBox
+};

package/.medusa/server/src/admin/components/tax-badge.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { TaxInclusive, TaxExclusive } from "@medusajs/icons";
+import { Tooltip } from "@medusajs/ui";
+const IncludesTaxTooltip = ({
+  includesTax
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      maxWidth: 999,
+      content: includesTax ? "Includes Tax" : "Excludes Tax",
+      children: includesTax ? /* @__PURE__ */ jsx(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
+    }
+  );
+};
+export {
+  IncludesTaxTooltip
+};

package/.medusa/server/src/admin/components/thumbnail.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Photo } from "@medusajs/icons";
+import { clx } from "@medusajs/ui";
+const Thumbnail = ({ src, alt, size = "base" }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clx(
+        "bg-ui-bg-component border-ui-border-base flex items-center justify-center overflow-hidden rounded border",
+        {
+          "h-8 w-6": size === "base",
+          "h-5 w-4": size === "small"
+        }
+      ),
+      children: src ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt,
+          className: "h-full w-full object-cover object-center"
+        }
+      ) : /* @__PURE__ */ jsx(Photo, { className: "text-ui-fg-subtle" })
+    }
+  );
+};
+export {
+  Thumbnail
+};

package/.medusa/server/src/admin/components/upload-media-form-item.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { FileUpload } from "./file-upload.js";
+import { Form } from "./form.js";
+const SUPPORTED_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/heic",
+  "image/svg+xml"
+];
+const SUPPORTED_FORMATS_FILE_EXTENSIONS = [
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".webp",
+  ".heic",
+  ".svg"
+];
+const UploadMediaFormItem = ({
+  form,
+  append,
+  showHint = true
+}) => {
+  const hasInvalidFiles = useCallback(
+    (fileList) => {
+      const invalidFile = fileList.find(
+        (f) => !SUPPORTED_FORMATS.includes(f.file.type)
+      );
+      if (invalidFile) {
+        form.setError("media", {
+          type: "invalid_file",
+          message: `"'${invalidFile.file.name}' is not a supported file type. Supported file types are: ${SUPPORTED_FORMATS_FILE_EXTENSIONS.join(
+            ", "
+          )}.",`
+        });
+        return true;
+      }
+      return false;
+    },
+    [form]
+  );
+  const onUploaded = useCallback(
+    (files) => {
+      form.clearErrors("media");
+      if (hasInvalidFiles(files)) {
+        return;
+      }
+      files.forEach((f) => append({ ...f, isThumbnail: false }));
+    },
+    [form, append, hasInvalidFiles]
+  );
+  return /* @__PURE__ */ jsx(
+    Form.Field,
+    {
+      control: form.control,
+      name: "media",
+      render: () => {
+        return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Upload images" }),
+            showHint && /* @__PURE__ */ jsx(Form.Hint, { children: "Upload images for the gift card product" })
+          ] }),
+          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+            FileUpload,
+            {
+              label: "Upload images",
+              hint: "Upload images for the gift card product",
+              hasError: !!form.formState.errors.media,
+              formats: SUPPORTED_FORMATS,
+              onUploaded
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+        ] }) });
+      }
+    }
+  );
+};
+export {
+  UploadMediaFormItem
+};

package/.medusa/server/src/admin/hooks/api/customers.js

@@ -0,0 +1,26 @@
+import { useQuery } from "@tanstack/react-query";
+import { queryKeysFactory } from "../../lib/query-key.js";
+import { sdk } from "../../lib/sdk.js";
+const CUSTOMERS_QUERY_KEY = "customers";
+const customersQueryKeys = queryKeysFactory(CUSTOMERS_QUERY_KEY);
+const useCustomer = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: customersQueryKeys.detail(id),
+    queryFn: async () => sdk.admin.customer.retrieve(id, query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+const useCustomers = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.customer.list(query),
+    queryKey: customersQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+export {
+  customersQueryKeys,
+  useCustomer,
+  useCustomers
+};