@codee-sh/medusa-plugin-automations 1.0.5 → 1.0.7

package/.medusa/server/src/admin/_chunks/base-config-D8uDn9uc

@@ -0,0 +1,414 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const __adminExtensions__ = require("./__admin-extensions__-Cc5RhzDh");
+const ui = require("@medusajs/ui");
+const TextField = ({
+  label,
+  value,
+  onChange,
+  placeholder = "",
+  required = false,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Input,
+    {
+      type: "text",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      placeholder,
+      disabled
+    }
+  );
+};
+const TextAreaField = ({
+  label,
+  value,
+  onChange,
+  placeholder = "",
+  required = false,
+  disabled = false,
+  rows = 3
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Textarea,
+    {
+      value,
+      onChange: (e) => onChange(e.target.value),
+      placeholder,
+      disabled,
+      rows
+    }
+  );
+};
+const NumberField = ({
+  label,
+  value,
+  onChange,
+  placeholder = "",
+  required = false,
+  disabled = false,
+  min,
+  max,
+  step = null
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Input,
+    {
+      type: "number",
+      value,
+      onChange: (e) => onChange(Number(e.target.value)),
+      placeholder,
+      disabled,
+      min: min || void 0,
+      max: max || void 0,
+      step: step || void 0
+    }
+  );
+};
+const SelectField = ({
+  label,
+  value,
+  onChange,
+  options,
+  required = false,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Select,
+    {
+      value,
+      onValueChange: onChange,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select an option" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Select.Item,
+          {
+            value: option.value,
+            children: option.name
+          },
+          option.value
+        )) })
+      ]
+    }
+  );
+};
+const CheckboxField = ({
+  label,
+  checked,
+  onChange,
+  required = false,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Checkbox,
+      {
+        checked,
+        onCheckedChange: onChange,
+        disabled,
+        id: `checkbox-${label}`
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Label,
+      {
+        htmlFor: `checkbox-${label}`,
+        className: "text-sm font-medium cursor-pointer",
+        children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+        ]
+      }
+    )
+  ] });
+};
+const FormField = ({
+  label,
+  required,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { className: "text-sm font-medium", children: [
+      label,
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+    ] }) }),
+    children
+  ] });
+};
+const ManagerFields = ({
+  fields,
+  name,
+  form,
+  errors
+}) => {
+  const renderField = (groupField) => {
+    switch (groupField.type) {
+      case "text":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: groupField.defaultValue || "",
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      TextField,
+                      {
+                        label: groupField.label,
+                        value: field.value || "",
+                        onChange: (value) => field.onChange(value),
+                        placeholder: groupField.placeholder,
+                        required: groupField.required
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      case "email":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: groupField.defaultValue || "",
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      TextField,
+                      {
+                        label: groupField.label,
+                        value: field.value || "",
+                        onChange: (value) => field.onChange(value),
+                        placeholder: groupField.placeholder,
+                        required: groupField.required
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      case "textarea":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: "",
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      TextAreaField,
+                      {
+                        label: groupField.label,
+                        value: field.value || "",
+                        onChange: (value) => field.onChange(value),
+                        placeholder: groupField.placeholder,
+                        required: groupField.required
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      case "number":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: groupField.defaultValue || 0,
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      NumberField,
+                      {
+                        label: groupField.label,
+                        value: field.value || 0,
+                        onChange: (value) => field.onChange(value),
+                        placeholder: groupField.placeholder,
+                        required: groupField.required,
+                        min: groupField.min || null,
+                        max: groupField.max || null,
+                        step: groupField.step || null
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      case "select":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: groupField.defaultValue || "",
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      SelectField,
+                      {
+                        label: groupField.label,
+                        value: field.value || "",
+                        onChange: (value) => field.onChange(value),
+                        options: groupField.options || [],
+                        required: groupField.required
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      case "chip-input":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: groupField.defaultValue || false,
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      __adminExtensions__.ChipInput,
+                      {
+                        name: groupField.name,
+                        value: field.value || [],
+                        onChange: (value) => field.onChange(value),
+                        placeholder: groupField.placeholder,
+                        allowDuplicates: false,
+                        showRemove: true,
+                        variant: "base"
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      case "checkbox":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          __adminExtensions__.Controller,
+          {
+            name: `${name}.${groupField.name}`,
+            control: form.control,
+            defaultValue: groupField.defaultValue || false,
+            shouldUnregister: false,
+            render: ({ field, fieldState }) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                FormField,
+                {
+                  label: groupField.label,
+                  required: groupField.required,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      CheckboxField,
+                      {
+                        label: groupField.label,
+                        checked: field.value || false,
+                        onChange: (checked) => field.onChange(checked),
+                        required: groupField.required
+                      }
+                    ),
+                    fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: fieldState.error.message }),
+                    (errors == null ? void 0 : errors[groupField.name]) && !fieldState.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: errors[groupField.name] })
+                  ]
+                }
+              );
+            }
+          },
+          groupField.name || groupField.key
+        );
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderField(field) }, field.key)) });
+};
+function BaseConfigComponent({
+  form,
+  fields,
+  name,
+  errors
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ManagerFields,
+    {
+      name,
+      form,
+      fields,
+      errors
+    }
+  );
+}
+exports.BaseConfigComponent = BaseConfigComponent;
+exports.default = BaseConfigComponent;