@lodashventure/medusa-campaign 1.1.0 → 1.1.1

package/.medusa/server/src/admin/index.js

@@ -1230,7 +1230,7 @@ const FlashSalePage = () => {
   const table = ui.useDataTable({
     data: (data == null ? void 0 : data.campaigns) || [],
     columns: columns2,
-    getRowId: (campaign2) => campaign2.id,
+    getRowId: (campaign) => campaign.id,
     pagination: {
       state: pagination,
       onPaginationChange: setPagination
@@ -7340,42 +7340,6 @@ const FlashSaleForm = ({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Start Date" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "date",
-                    name: "start_date",
-                    value: campaign.starts_at ? dayjs__default.default(campaign.starts_at).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => {
-                      const time = campaign.starts_at ? dayjs__default.default(campaign.starts_at).format("HH:mm") : "00:00";
-                      handleCampaignChange(
-                        "starts_at",
-                        `${e2.target.value}T${time}`
-                      );
-                    },
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "time",
-                    name: "start_time",
-                    value: campaign.starts_at ? dayjs__default.default(campaign.starts_at).format("HH:mm") : "",
-                    onChange: (e2) => {
-                      const date = campaign.starts_at ? dayjs__default.default(campaign.starts_at).format("YYYY-MM-DD") : dayjs__default.default().format("YYYY-MM-DD");
-                      handleCampaignChange(
-                        "starts_at",
-                        `${date}T${e2.target.value}`
-                      );
-                    },
-                    disabled,
-                    className: "w-32"
-                  }
-                )
-              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   ui.Input,
@@ -7402,36 +7366,6 @@ const FlashSaleForm = ({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "End Date" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "date",
-                    name: "end_date",
-                    value: campaign.ends_at ? dayjs__default.default(campaign.ends_at).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => {
-                      const time = campaign.ends_at ? dayjs__default.default(campaign.ends_at).format("HH:mm") : "23:59";
-                      handleCampaignChange("ends_at", `${e2.target.value}T${time}`);
-                    },
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Input,
-                  {
-                    type: "time",
-                    name: "end_time",
-                    value: campaign.ends_at ? dayjs__default.default(campaign.ends_at).format("HH:mm") : "",
-                    onChange: (e2) => {
-                      const date = campaign.ends_at ? dayjs__default.default(campaign.ends_at).format("YYYY-MM-DD") : dayjs__default.default().format("YYYY-MM-DD");
-                      handleCampaignChange("ends_at", `${date}T${e2.target.value}`);
-                    },
-                    disabled,
-                    className: "w-32"
-                  }
-                )
-              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   ui.Input,

package/.medusa/server/src/admin/index.mjs

@@ -1225,7 +1225,7 @@ const FlashSalePage = () => {
   const table = useDataTable({
     data: (data == null ? void 0 : data.campaigns) || [],
     columns: columns2,
-    getRowId: (campaign2) => campaign2.id,
+    getRowId: (campaign) => campaign.id,
     pagination: {
       state: pagination,
       onPaginationChange: setPagination
@@ -7335,42 +7335,6 @@ const FlashSaleForm = ({
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(Label, { children: "Start Date" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "date",
-                    name: "start_date",
-                    value: campaign.starts_at ? dayjs(campaign.starts_at).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => {
-                      const time = campaign.starts_at ? dayjs(campaign.starts_at).format("HH:mm") : "00:00";
-                      handleCampaignChange(
-                        "starts_at",
-                        `${e2.target.value}T${time}`
-                      );
-                    },
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "time",
-                    name: "start_time",
-                    value: campaign.starts_at ? dayjs(campaign.starts_at).format("HH:mm") : "",
-                    onChange: (e2) => {
-                      const date = campaign.starts_at ? dayjs(campaign.starts_at).format("YYYY-MM-DD") : dayjs().format("YYYY-MM-DD");
-                      handleCampaignChange(
-                        "starts_at",
-                        `${date}T${e2.target.value}`
-                      );
-                    },
-                    disabled,
-                    className: "w-32"
-                  }
-                )
-              ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsx(
                   Input,
@@ -7397,36 +7361,6 @@ const FlashSaleForm = ({
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(Label, { children: "End Date" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "date",
-                    name: "end_date",
-                    value: campaign.ends_at ? dayjs(campaign.ends_at).format("YYYY-MM-DD") : "",
-                    onChange: (e2) => {
-                      const time = campaign.ends_at ? dayjs(campaign.ends_at).format("HH:mm") : "23:59";
-                      handleCampaignChange("ends_at", `${e2.target.value}T${time}`);
-                    },
-                    disabled,
-                    className: "flex-1"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "time",
-                    name: "end_time",
-                    value: campaign.ends_at ? dayjs(campaign.ends_at).format("HH:mm") : "",
-                    onChange: (e2) => {
-                      const date = campaign.ends_at ? dayjs(campaign.ends_at).format("YYYY-MM-DD") : dayjs().format("YYYY-MM-DD");
-                      handleCampaignChange("ends_at", `${date}T${e2.target.value}`);
-                    },
-                    disabled,
-                    className: "w-32"
-                  }
-                )
-              ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsx(
                   Input,

package/.medusa/server/src/workflows/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updatePromotionUsageWorkflow = exports.updateCustomFlashSaleWorkflow = exports.createCustomFlashSaleWorkflow = void 0;
+var createCustomCampaignWorkflow_1 = require("./custom-campaign/createCustomCampaignWorkflow");
+Object.defineProperty(exports, "createCustomFlashSaleWorkflow", { enumerable: true, get: function () { return createCustomCampaignWorkflow_1.createCustomFlashSaleWorkflow; } });
+var updateCustomFlashSaleWorkflow_1 = require("./custom-campaign/updateCustomFlashSaleWorkflow");
+Object.defineProperty(exports, "updateCustomFlashSaleWorkflow", { enumerable: true, get: function () { return updateCustomFlashSaleWorkflow_1.updateCustomFlashSaleWorkflow; } });
+var updatePromotionUsageWorkflow_1 = require("./custom-campaign/updatePromotionUsageWorkflow");
+Object.defineProperty(exports, "updatePromotionUsageWorkflow", { enumerable: true, get: function () { return updatePromotionUsageWorkflow_1.updatePromotionUsageWorkflow; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvd29ya2Zsb3dzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtGQUErRjtBQUF0Riw2SUFBQSw2QkFBNkIsT0FBQTtBQUN0QyxpR0FBZ0c7QUFBdkYsOElBQUEsNkJBQTZCLE9BQUE7QUFDdEMsK0ZBQThGO0FBQXJGLDRJQUFBLDRCQUE0QixPQUFBIn0=

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@lodashventure/medusa-campaign",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A starter for Medusa plugins.",
   "author": "Medusa (https://medusajs.com)",
   "license": "MIT",
   "files": [
-    ".medusa/server"
+    ".medusa/server",
+    "src"
   ],
   "exports": {
     "./package.json": "./package.json",
@@ -25,8 +26,7 @@
   ],
   "scripts": {
     "build": "medusa plugin:build",
-    "dev": "medusa plugin:develop",
-    "prepublishOnly": "medusa plugin:build"
+    "dev": "medusa plugin:develop"
   },
   "devDependencies": {
     "@medusajs/admin-sdk": "2.10.0",

package/src/admin/README.md

@@ -0,0 +1,31 @@
+# Admin Customizations
+
+You can extend the Medusa Admin to add widgets and new pages. Your customizations interact with API routes to provide merchants with custom functionalities.
+
+## Example: Create a Widget
+
+A widget is a React component that can be injected into an existing page in the admin dashboard.
+
+For example, create the file `src/admin/widgets/product-widget.tsx` with the following content:
+
+```tsx title="src/admin/widgets/product-widget.tsx"
+import { defineWidgetConfig } from "@medusajs/admin-sdk"
+
+// The widget
+const ProductWidget = () => {
+  return (
+    <div>
+      <h2>Product Widget</h2>
+    </div>
+  )
+}
+
+// The widget's configurations
+export const config = defineWidgetConfig({
+  zone: "product.details.after",
+})
+
+export default ProductWidget
+```
+
+This inserts a widget with the text “Product Widget” at the end of a product’s details page.

package/src/admin/components/FlashSaleForm.tsx

@@ -0,0 +1,379 @@
+import { Trash } from "@medusajs/icons";
+import {
+  Button,
+  Container,
+  FocusModal,
+  Input,
+  Label,
+  Select,
+  Table,
+  Textarea,
+  toast,
+} from "@medusajs/ui";
+import dayjs from "dayjs";
+import { FC, useState } from "react";
+import { Controller, useFieldArray, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import z from "zod";
+import { ProductSelector } from "./ProductSelector";
+
+const customCampaignSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  description: z.string().min(1, "Description is required"),
+  type: z.literal("flash-sale"),
+  starts_at: z.string().min(1, "Start date is required"),
+  ends_at: z.string().min(1, "End date is required"),
+});
+
+export type CustomCampaign = z.infer<typeof customCampaignSchema>;
+
+const campaignProductSchema = z.object({
+  product: z.object({
+    id: z.string(),
+    title: z.string(),
+  }),
+  discountType: z.enum([
+    "percentage",
+    // , "fixed"
+  ]),
+  discountValue: z.number().min(1),
+  limit: z.number().min(1),
+  maxQty: z.number().min(1),
+});
+
+export type CampaignProduct = z.infer<typeof campaignProductSchema>;
+
+export const campaignDataSchema = customCampaignSchema
+  .extend({
+    products: z
+      .array(campaignProductSchema)
+      .min(1, "At least one product is required"),
+  })
+  .refine(
+    (data) => new Date(data.starts_at) < new Date(data.ends_at),
+    "End date must be after start date",
+  );
+
+export type CampaignData = z.infer<typeof campaignDataSchema>;
+
+interface FlashSaleFormProps {
+  initialData?: CustomCampaign;
+  initialProducts?: Map<string, CampaignProduct>;
+  onSubmit: (data: CampaignData) => void;
+  onCancel: () => void;
+  disabled?: boolean;
+}
+
+export const FlashSaleForm: FC<FlashSaleFormProps> = ({
+  initialData,
+  initialProducts,
+  onSubmit,
+  onCancel,
+  disabled = false,
+}) => {
+  const {
+    control,
+    register,
+    handleSubmit,
+    watch,
+    setValue,
+    formState: { errors },
+  } = useForm<CampaignData>({
+    resolver: zodResolver(campaignDataSchema),
+    defaultValues: {
+      name: initialData?.name || "",
+      description: initialData?.description || "",
+      type: "flash-sale",
+      starts_at: initialData?.starts_at || "",
+      ends_at: initialData?.ends_at || "",
+      products: initialProducts ? Array.from(initialProducts.values()) : [],
+    },
+  });
+
+  const { fields, append, remove, update } = useFieldArray({
+    control,
+    name: "products",
+  });
+
+  const [openProductModal, setOpenProductModal] = useState(false);
+
+  const startsAt = watch("starts_at");
+  const endsAt = watch("ends_at");
+
+  const handleDateTimeChange = (
+    field: "starts_at" | "ends_at",
+    type: "date" | "time",
+    value: string,
+  ) => {
+    const currentValue = watch(field);
+
+    if (type === "date") {
+      const time = currentValue
+        ? dayjs(currentValue).format("HH:mm")
+        : field === "starts_at"
+          ? "00:00"
+          : "23:59";
+      setValue(field, `${value}T${time}`);
+    } else {
+      const date = currentValue
+        ? dayjs(currentValue).format("YYYY-MM-DD")
+        : dayjs().format("YYYY-MM-DD");
+      setValue(field, `${date}T${value}`);
+    }
+  };
+
+  const onFormSubmit = (data: CampaignData) => {
+    onSubmit(data);
+  };
+
+  const onFormError = () => {
+    const errorMessages = Object.entries(errors)
+      .map(([key, value]) => {
+        if (key === "products" && Array.isArray(value)) {
+          return value
+            .map((item, index) =>
+              item
+                ? `Product ${index + 1}: ${Object.values(item).join(", ")}`
+                : "",
+            )
+            .filter(Boolean)
+            .join(", ");
+        }
+        return value?.message || value?.root?.message;
+      })
+      .filter(Boolean)
+      .join(", ");
+
+    toast.error("Invalid data", {
+      description: errorMessages,
+    });
+  };
+
+  return (
+    <Container>
+      <div className="flex items-center justify-between">
+        <h1 className="text-xl font-semibold">Flash sale campaign</h1>
+        <Button variant="transparent" onClick={onCancel}>
+          Cancel
+        </Button>
+      </div>
+      <form
+        onSubmit={handleSubmit(onFormSubmit, onFormError)}
+        className="space-y-4 my-8"
+      >
+        <div>
+          <Label>Name</Label>
+          <Input {...register("name")} disabled={disabled} />
+          {errors.name && (
+            <p className="text-red-500 text-sm mt-1">{errors.name.message}</p>
+          )}
+        </div>
+
+        <div>
+          <Label>Description</Label>
+          <Textarea {...register("description")} disabled={disabled} />
+          {errors.description && (
+            <p className="text-red-500 text-sm mt-1">
+              {errors.description.message}
+            </p>
+          )}
+        </div>
+
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <Label>Start Date</Label>
+            <div className="flex gap-2">
+              <Input
+                type="date"
+                value={startsAt ? dayjs(startsAt).format("YYYY-MM-DD") : ""}
+                onChange={(e) =>
+                  handleDateTimeChange("starts_at", "date", e.target.value)
+                }
+                disabled={disabled}
+                className="flex-1"
+              />
+              <Input
+                type="time"
+                value={startsAt ? dayjs(startsAt).format("HH:mm") : ""}
+                onChange={(e) =>
+                  handleDateTimeChange("starts_at", "time", e.target.value)
+                }
+                disabled={disabled}
+                className="w-32"
+              />
+            </div>
+            {errors.starts_at && (
+              <p className="text-red-500 text-sm mt-1">
+                {errors.starts_at.message}
+              </p>
+            )}
+          </div>
+          <div>
+            <Label>End Date</Label>
+            <div className="flex gap-2">
+              <Input
+                type="date"
+                value={endsAt ? dayjs(endsAt).format("YYYY-MM-DD") : ""}
+                onChange={(e) =>
+                  handleDateTimeChange("ends_at", "date", e.target.value)
+                }
+                disabled={disabled}
+                className="flex-1"
+              />
+              <Input
+                type="time"
+                value={endsAt ? dayjs(endsAt).format("HH:mm") : ""}
+                onChange={(e) =>
+                  handleDateTimeChange("ends_at", "time", e.target.value)
+                }
+                disabled={disabled}
+                className="w-32"
+              />
+            </div>
+            {errors.ends_at && (
+              <p className="text-red-500 text-sm mt-1">
+                {errors.ends_at.message}
+              </p>
+            )}
+          </div>
+        </div>
+
+        <div className="flex justify-between items-center">
+          <Label>Products</Label>
+          <Button
+            type="button"
+            variant="secondary"
+            onClick={() => setOpenProductModal(true)}
+            disabled={disabled}
+          >
+            Add Product
+          </Button>
+        </div>
+
+        {errors.products?.root && (
+          <p className="text-red-500 text-sm">{errors.products.root.message}</p>
+        )}
+
+        <Table>
+          <Table.Header>
+            <Table.Row>
+              <Table.HeaderCell>Product</Table.HeaderCell>
+              <Table.HeaderCell>Discount Type</Table.HeaderCell>
+              <Table.HeaderCell>Discount Value</Table.HeaderCell>
+              <Table.HeaderCell>Limit</Table.HeaderCell>
+              <Table.HeaderCell>Max Qty per Order</Table.HeaderCell>
+              <Table.HeaderCell>Actions</Table.HeaderCell>
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+            {fields.map((field, index) => (
+              <Table.Row key={field.id}>
+                <Table.Cell>{field.product.title}</Table.Cell>
+                <Table.Cell>
+                  <Controller
+                    name={`products.${index}.discountType`}
+                    control={control}
+                    render={({ field }) => (
+                      <Select
+                        value={field.value}
+                        onValueChange={field.onChange}
+                        disabled={disabled}
+                      >
+                        <Select.Trigger>
+                          <Select.Value placeholder="Select discount type" />
+                        </Select.Trigger>
+                        <Select.Content>
+                          <Select.Item value="percentage">
+                            Percentage
+                          </Select.Item>
+                          {/* <Select.Item value="fixed">Fixed</Select.Item> */}
+                        </Select.Content>
+                      </Select>
+                    )}
+                  />
+                </Table.Cell>
+                <Table.Cell>
+                  <Controller
+                    name={`products.${index}.discountValue`}
+                    control={control}
+                    render={({ field }) => (
+                      <Input
+                        type="number"
+                        value={field.value}
+                        onChange={(e) => field.onChange(Number(e.target.value))}
+                        disabled={disabled}
+                      />
+                    )}
+                  />
+                </Table.Cell>
+                <Table.Cell>
+                  <Controller
+                    name={`products.${index}.limit`}
+                    control={control}
+                    render={({ field }) => (
+                      <Input
+                        type="number"
+                        value={field.value}
+                        onChange={(e) => field.onChange(Number(e.target.value))}
+                        disabled={disabled}
+                      />
+                    )}
+                  />
+                </Table.Cell>
+                <Table.Cell>
+                  <Controller
+                    name={`products.${index}.maxQty`}
+                    control={control}
+                    render={({ field }) => (
+                      <Input
+                        type="number"
+                        value={field.value}
+                        onChange={(e) => field.onChange(Number(e.target.value))}
+                        disabled={disabled}
+                      />
+                    )}
+                  />
+                </Table.Cell>
+                <Table.Cell>
+                  <Button
+                    type="button"
+                    variant="danger"
+                    onClick={() => remove(index)}
+                    disabled={disabled}
+                  >
+                    <Trash />
+                  </Button>
+                </Table.Cell>
+              </Table.Row>
+            ))}
+          </Table.Body>
+        </Table>
+
+        <Button type="submit" disabled={disabled}>
+          Save
+        </Button>
+      </form>
+
+      <FocusModal open={openProductModal} onOpenChange={setOpenProductModal}>
+        <FocusModal.Content>
+          <FocusModal.Header title="Add Product" />
+          <FocusModal.Body>
+            <ProductSelector
+              selectedProductIds={fields.map((f) => f.product.id)}
+              onSelectProduct={(product) => {
+                append({
+                  product,
+                  discountType: "percentage",
+                  discountValue: 10,
+                  limit: 10,
+                  maxQty: 1,
+                });
+                setOpenProductModal(false);
+              }}
+            />
+          </FocusModal.Body>
+        </FocusModal.Content>
+      </FocusModal>
+    </Container>
+  );
+};