@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/routes/gift-cards/_id_/@expiration/page.js

@@ -0,0 +1,137 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { Heading, toast, RadioGroup, clx, DatePicker, Button } from "@medusajs/ui";
+import { useState } from "react";
+import { useForm } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { useParams } from "react-router-dom";
+import { z } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/zod/lib/index.mjs";
+import { Form } from "../../../../components/form.js";
+import { KeyboundForm } from "../../../../components/keybound-form.js";
+import { RouteDrawer } from "../../../../components/modals/route-drawer/route-drawer.js";
+import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "../../../../components/modals/route-modal-provider/route-modal-context.js";
+import { useRouteModal } from "../../../../components/modals/route-modal-provider/use-route-modal.js";
+import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
+import "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
+import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
+import { useGiftCard, useUpdateGiftCard } from "../../../../hooks/api/gift-cards.js";
+const GiftCardExpiration = () => {
+  const { id } = useParams();
+  const {
+    gift_card: giftCard,
+    isPending,
+    isError,
+    error
+  } = useGiftCard(id, {});
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!giftCard;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit expiration date" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the expiration date for the gift card" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsx(GiftCardExpirationForm, { giftCard })
+  ] });
+};
+const GiftCardExpirationForm = ({ giftCard }) => {
+  const form = useForm({
+    defaultValues: {
+      expires_at: giftCard.expires_at ? new Date(giftCard.expires_at) : null
+    },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
+  const { handleSuccess } = useRouteModal();
+  const [isSettingExpiration, setIsSettingExpiration] = useState(
+    !!giftCard.expires_at
+  );
+  const onSubmit = form.handleSubmit(async (data) => {
+    var _a;
+    await mutateAsync(
+      {
+        expires_at: isSettingExpiration ? (_a = data.expires_at) == null ? void 0 : _a.toISOString() : null
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs(
+            RadioGroup,
+            {
+              className: "flex flex-col gap-y-3",
+              value: isSettingExpiration.toString(),
+              onValueChange: (value) => setIsSettingExpiration(value === "true"),
+              children: [
+                /* @__PURE__ */ jsx(
+                  RadioGroup.ChoiceBox,
+                  {
+                    value: "false",
+                    description: "",
+                    label: "No expiration date",
+                    className: clx("basis-1/2")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  RadioGroup.ChoiceBox,
+                  {
+                    value: "true",
+                    label: "Set expiration date",
+                    description: "",
+                    className: clx("basis-1/2")
+                  }
+                )
+              ]
+            }
+          ),
+          isSettingExpiration && /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "expires_at",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: "Expiration date" }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    DatePicker,
+                    {
+                      granularity: "minute",
+                      hourCycle: 12,
+                      shouldCloseOnSelect: false,
+                      ...field
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema = z.object({
+  expires_at: z.date().nullish()
+});
+export {
+  GiftCardExpiration as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/@note/page.js

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { Heading, toast, Textarea, Button } from "@medusajs/ui";
+import { useForm } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/react-hook-form/dist/index.esm.mjs";
+import { useParams } from "react-router-dom";
+import { z } from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/zod/lib/index.mjs";
+import { Form } from "../../../../components/form.js";
+import { KeyboundForm } from "../../../../components/keybound-form.js";
+import { RouteDrawer } from "../../../../components/modals/route-drawer/route-drawer.js";
+import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "react";
+import "../../../../components/modals/route-modal-provider/route-modal-context.js";
+import { useRouteModal } from "../../../../components/modals/route-modal-provider/use-route-modal.js";
+import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
+import "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
+import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
+import { useGiftCard, useUpdateGiftCard } from "../../../../hooks/api/gift-cards.js";
+const Note = () => {
+  const { id } = useParams();
+  const {
+    gift_card: giftCard,
+    isPending,
+    isError,
+    error
+  } = useGiftCard(id, {});
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!giftCard;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit note" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the note for the gift card" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsx(GiftCardNoteForm, { giftCard })
+  ] });
+};
+const GiftCardNoteForm = ({ giftCard }) => {
+  const form = useForm({
+    defaultValues: {
+      note: giftCard.note ?? ""
+    },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateGiftCard(giftCard.id);
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      { note: data.note },
+      {
+        onSuccess: () => handleSuccess(),
+        onError: (error) => toast.error(error.message)
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "note",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: "Note" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema = z.object({
+  note: z.string().optional()
+});
+export {
+  Note as default
+};

package/.medusa/server/src/admin/routes/gift-cards/_id_/@owner/components/transfer-icon.js

@@ -0,0 +1,352 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const TransferIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "514",
+    height: "182",
+    viewBox: "0 0 514 182",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "0.5", y: "0.5", width: "513", height: "181", rx: "6.5", fill: "#FAFAFA" }),
+      /* @__PURE__ */ jsx("rect", { x: "0.5", y: "0.5", width: "513", height: "181", rx: "6.5", stroke: "#E4E4E7" }),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.00428286",
+          y: "-0.742904",
+          width: "33.5",
+          height: "65.5",
+          rx: "6.75",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 306.755 89.438)",
+          fill: "#D4D4D8",
+          stroke: "#52525B",
+          "stroke-width": "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.00428286",
+          y: "-0.742904",
+          width: "33.5",
+          height: "65.5",
+          rx: "6.75",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 306.755 86.438)",
+          fill: "white",
+          stroke: "#52525B",
+          "stroke-width": "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M297.579 108.142L296.126 108.959",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.88",
+          d: "M299.305 110.546L297.257 110.534",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.75",
+          d: "M297.552 112.929L296.108 112.096",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.63",
+          d: "M293.347 113.897L293.354 112.73",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.5",
+          d: "M289.154 112.881L290.606 112.064",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.38",
+          d: "M287.428 110.477L289.476 110.489",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.25",
+          d: "M289.181 108.094L290.624 108.928",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.13",
+          d: "M293.386 107.126L293.379 108.293",
+          stroke: "#52525B",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "12",
+          height: "3",
+          rx: "1.5",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 313.446 93.2925)",
+          fill: "#D4D4D8"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.00428286",
+          y: "-0.742904",
+          width: "33.5",
+          height: "65.5",
+          rx: "6.75",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 234.023 47.4146)",
+          fill: "#D4D4D8",
+          stroke: "#52525B",
+          "stroke-width": "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.00428286",
+          y: "-0.742904",
+          width: "33.5",
+          height: "65.5",
+          rx: "6.75",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 234.023 44.4146)",
+          fill: "white",
+          stroke: "#52525B",
+          "stroke-width": "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "12",
+          height: "3",
+          rx: "1.5",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 240.714 51.269)",
+          fill: "#D4D4D8"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "17",
+          height: "3",
+          rx: "1.5",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 214.556 67.958)",
+          fill: "#D4D4D8"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "12",
+          height: "3",
+          rx: "1.5",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 210.197 70.4092)",
+          fill: "#D4D4D8"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M209.36 64.9564C207.928 64.1287 205.59 64.1152 204.148 64.9264C202.706 65.7375 202.698 67.0703 204.131 67.898C205.563 68.7257 207.901 68.7392 209.343 67.928C210.785 67.1169 210.793 65.7841 209.36 64.9564ZM205.438 67.1626C204.722 66.7488 204.726 66.0822 205.447 65.6768C206.168 65.2713 207.337 65.2781 208.053 65.6918C208.769 66.1055 208.765 66.7722 208.044 67.1776C207.324 67.583 206.154 67.5763 205.438 67.1626Z",
+          fill: "#A1A1AA"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "17",
+          height: "3",
+          rx: "1.5",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 226.758 61.0942)",
+          fill: "#A1A1AA"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "12",
+          height: "3",
+          rx: "1.5",
+          transform: "matrix(0.865865 0.500278 -0.871576 0.490261 222.399 63.5454)",
+          fill: "#A1A1AA"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M221.562 58.0926C220.13 57.2649 217.792 57.2514 216.35 58.0626C214.908 58.8737 214.9 60.2065 216.333 61.0342C217.766 61.8619 220.103 61.8754 221.545 61.0642C222.987 60.2531 222.995 58.9203 221.562 58.0926ZM220.858 59.8971L217.815 60.1265C217.683 60.1366 217.55 60.1133 217.449 60.0629C217.44 60.0584 217.432 60.0544 217.425 60.0499C217.339 60.0004 217.29 59.9335 217.291 59.8637L217.294 59.12C217.294 58.9751 217.501 58.8585 217.756 58.8599C218.01 58.8614 218.217 58.98 218.216 59.1256L218.214 59.5669L220.732 59.3768C220.984 59.3577 221.217 59.4584 221.251 59.6029C221.286 59.7468 221.11 59.8787 220.858 59.8976L220.858 59.8971Z",
+          fill: "#52525B"
+        }
+      ),
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_28788_23850)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M250.105 82.8025L257.489 82.845L257.514 78.6353",
+          stroke: "#A1A1AA",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip1_28788_23850)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M260.496 88.8059L267.88 88.8485L267.904 84.6387",
+          stroke: "#A1A1AA",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip2_28788_23850)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M270.886 94.8093L278.27 94.8519L278.294 90.6421",
+          stroke: "#A1A1AA",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip3_28788_23850)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M243.113 90.1911L235.728 90.1486L235.704 94.3583",
+          stroke: "#A1A1AA",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip4_28788_23850)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M253.503 96.1945L246.119 96.152L246.095 100.362",
+          stroke: "#A1A1AA",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip5_28788_23850)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M263.893 102.198L256.509 102.155L256.484 106.365",
+          stroke: "#A1A1AA",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("defs", { children: [
+        /* @__PURE__ */ jsx("clipPath", { id: "clip0_28788_23850", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "matrix(0.865865 0.500278 -0.871576 0.490261 255.359 75.6509)"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("clipPath", { id: "clip1_28788_23850", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "matrix(0.865865 0.500278 -0.871576 0.490261 265.75 81.6543)"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("clipPath", { id: "clip2_28788_23850", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "matrix(0.865865 0.500278 -0.871576 0.490261 276.14 87.6577)"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("clipPath", { id: "clip3_28788_23850", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "matrix(0.865865 0.500278 -0.871576 0.490261 237.928 85.4561)"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("clipPath", { id: "clip4_28788_23850", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "matrix(0.865865 0.500278 -0.871576 0.490261 248.318 91.4595)"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("clipPath", { id: "clip5_28788_23850", children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "12",
+            height: "12",
+            fill: "white",
+            transform: "matrix(0.865865 0.500278 -0.871576 0.490261 258.708 97.4629)"
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+export {
+  TransferIcon,
+  TransferIcon as default
+};