@mercurjs/vendor 2.0.2 → 2.1.0-canary.5

package/dist/{chunk-RMBCBXWD.js → chunk-GQFNE5VL.js}

@@ -1,6 +1,6 @@
 import {
   useProductTag
-} from "./chunk-NYRRRCJS.js";
+} from "./chunk-ZCJ737TR.js";
 
 // src/pages/settings/product-tags/[id]/breadcrumb.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/chunk-HFRHHT36.js

@@ -0,0 +1,98 @@
+import {
+  useDate
+} from "./chunk-LRD242C7.js";
+
+// src/components/data-table/helpers/general/use-data-table-date-filters.tsx
+import { createDataTableFilterHelper } from "@medusajs/ui";
+import { subDays, subMonths } from "date-fns";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+var filterHelper = createDataTableFilterHelper();
+var useDateFilterOptions = () => {
+  const { t } = useTranslation();
+  const today = useMemo(() => {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(0, 0, 0, 0);
+    return date;
+  }, []);
+  return useMemo(() => {
+    return [
+      {
+        label: t("filters.date.today"),
+        value: {
+          $gte: today.toISOString()
+        }
+      },
+      {
+        label: t("filters.date.lastSevenDays"),
+        value: {
+          $gte: subDays(today, 7).toISOString()
+          // 7 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastThirtyDays"),
+        value: {
+          $gte: subDays(today, 30).toISOString()
+          // 30 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastNinetyDays"),
+        value: {
+          $gte: subDays(today, 90).toISOString()
+          // 90 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastTwelveMonths"),
+        value: {
+          $gte: subMonths(today, 12).toISOString()
+          // 12 months ago
+        }
+      }
+    ];
+  }, [today, t]);
+};
+var useDataTableDateFilters = (disableRangeOption) => {
+  const { t } = useTranslation();
+  const { getFullDate } = useDate();
+  const dateFilterOptions = useDateFilterOptions();
+  const rangeOptions = useMemo(() => {
+    if (disableRangeOption) {
+      return {
+        disableRangeOption: true
+      };
+    }
+    return {
+      rangeOptionStartLabel: t("filters.date.starting"),
+      rangeOptionEndLabel: t("filters.date.ending"),
+      rangeOptionLabel: t("filters.date.custom"),
+      options: dateFilterOptions
+    };
+  }, [disableRangeOption, t, dateFilterOptions]);
+  return useMemo(() => {
+    return [
+      filterHelper.accessor("created_at", {
+        type: "date",
+        label: t("fields.createdAt"),
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      }),
+      filterHelper.accessor("updated_at", {
+        type: "date",
+        label: t("fields.updatedAt"),
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      })
+    ];
+  }, [t, dateFilterOptions, getFullDate, rangeOptions]);
+};
+
+export {
+  useDataTableDateFilters
+};

package/dist/{chunk-O7E4KQAK.js → chunk-I4F7UYZE.js}

@@ -1,7 +1,7 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-FNG7ZA7N.js";
+} from "./chunk-NCQBAHWT.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";

package/dist/chunk-JWB2HSCJ.js

@@ -0,0 +1,30 @@
+// src/components/layout/auth-layout/auth-layout.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AuthLayout = ({ children }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-dvh w-dvw overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base border-ui-border-base flex h-full w-full flex-col overflow-y-auto border-r lg:w-[584px] lg:shrink-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col p-8 lg:px-14 lg:py-12", children }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "relative hidden flex-1 items-center justify-center overflow-hidden lg:flex",
+        style: {
+          backgroundImage: "url(/onboarding/bg.svg)",
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        },
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "/onboarding/0.png",
+            alt: "",
+            className: "max-h-[75%] w-[75%] object-contain"
+          }
+        )
+      }
+    )
+  ] });
+};
+
+export {
+  AuthLayout
+};

package/dist/{chunk-FNG7ZA7N.js → chunk-NCQBAHWT.js}

@@ -1,6 +1,6 @@
 import {
   StatusCell
-} from "./chunk-573EQEW2.js";
+} from "./chunk-6HPF5UZA.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-T7LEJIIM.js → chunk-PT3UQCSN.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-RM5RSDYP.js";
 import {
   useProductTags
-} from "./chunk-NYRRRCJS.js";
+} from "./chunk-ZCJ737TR.js";
 
 // src/pages/settings/product-tags/product-tag-list-page.tsx
 import { Children as Children3 } from "react";

package/dist/chunk-TLE6YHGH.js

@@ -0,0 +1,26 @@
+// src/components/inputs/handle-input/handle-input.tsx
+import { Input, Text } from "@medusajs/ui";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HandleInput = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r", children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          className: "text-ui-fg-muted",
+          size: "small",
+          leading: "compact",
+          weight: "plus",
+          children: "/"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Input, { ref, ...props, className: "pl-10" })
+    ] });
+  }
+);
+HandleInput.displayName = "HandleInput";
+
+export {
+  HandleInput
+};

package/dist/{chunk-JRT2U4UI.js → chunk-TRKJKAM6.js}

@@ -11458,6 +11458,7 @@ var en_default = {
     domain: "Seller",
     manageYourStoresDetails: "Manage your seller's details",
     editStore: "Edit seller",
+    handleTooltip: "The handle becomes the URL slug for your store. Leave empty to auto-generate from the name.",
     profileCompletion: {
       title: "Complete store profile",
       steps: {
@@ -11469,14 +11470,14 @@ var en_default = {
     },
     status: {
       active: "Active",
-      pendingApproval: "Pending approval",
+      pendingApproval: "Pending",
       suspended: "Suspended",
       terminated: "Terminated"
     },
     alert: {
       pendingApproval: {
-        title: "Your store is under review",
-        description: "Your application is being reviewed by our team. You will be notified once your store is approved."
+        title: "Store request",
+        description: "Store request has been submitted successfully. Once the Admin reviews it, you'll receive a notification in your panel."
       },
       suspended: {
         title: "Your store has been suspended",
@@ -11518,6 +11519,13 @@ var en_default = {
     },
     address: {
       header: "Address",
+      defaultName: "Headquarters",
+      nameLabel: "Name",
+      namePlaceholder: "Headquarters",
+      empty: {
+        title: "No address",
+        message: "There are no records to show"
+      },
       edit: {
         header: "Edit Address",
         description: "Update the address for your store.",
@@ -11526,6 +11534,10 @@ var en_default = {
     },
     paymentDetails: {
       header: "Payment Details",
+      empty: {
+        title: "No payment details",
+        message: "There are no records to show"
+      },
       edit: {
         header: "Edit Payment Details",
         description: "Update the payment details for your store.",
@@ -11543,29 +11555,49 @@ var en_default = {
     },
     professionalDetails: {
       header: "Company Details",
+      empty: {
+        title: "No company details",
+        message: "There are no records to show"
+      },
       edit: {
         header: "Edit Professional Details",
         description: "Update the professional details for your store.",
         successToast: "Professional details updated"
       },
       fields: {
-        corporateName: "Corporate name",
+        corporateName: "Company",
         registrationNumber: "Registration number",
         taxId: "Tax ID"
       }
     },
-    scheduledClosure: {
-      header: "Scheduled Closure",
-      edit: {
-        header: "Schedule Store Closure",
-        description: "Configure the scheduled closure dates for your store.",
-        successToast: "Scheduled closure updated"
+    timeOff: {
+      header: "Time off",
+      columns: {
+        firstDay: "First day",
+        lastDay: "Last day",
+        note: "Note"
+      },
+      empty: {
+        title: "No time off yet",
+        message: "This store doesn't have scheduled time off",
+        action: "Create"
+      },
+      create: {
+        header: "Create Time Off",
+        description: "Schedule a time off period for your store.",
+        successToast: "Time off saved"
       },
       fields: {
-        closedFrom: "Close from",
-        closedTo: "Close until",
-        closedToHint: "If empty, the store will remain closed indefinitely."
-      }
+        firstDay: "First day",
+        lastDay: "Last day",
+        lastDayHint: "Leave empty to keep the store closed indefinitely",
+        note: "Note"
+      },
+      deleteConfirm: {
+        title: "Delete time off",
+        description: "Are you sure you want to remove this time off period?"
+      },
+      deleteSuccess: "Time off removed"
     },
     subscription: {
       header: "Subscription",
@@ -11577,6 +11609,9 @@ var en_default = {
       requiresOrders: "Requires orders",
       month: "month"
     },
+    edit: {
+      websiteHint: "Must include protocol (e.g. https://)"
+    },
     toast: {
       update: "Store successfully updated",
       currenciesUpdated: "Currencies updated successfully",
@@ -11901,26 +11936,27 @@ var en_default = {
     }
   },
   storeSelect: {
-    title: "Choose a store",
-    subtitle: "These are all your available stores",
-    pendingApproval: "Pending approval",
+    title: "Select a store",
+    subtitle: "Choose a store to continue.",
+    pendingApproval: "Pending",
     addNewStore: "Add new store",
     status: {
-      open: "Open",
-      pendingApproval: "Pending approval",
-      suspended: "Suspended",
+      open: "Active",
+      pendingApproval: "Pending",
+      suspended: "Inactive",
       terminated: "Terminated"
     }
   },
   login: {
-    forgotPassword: "Forgot password? - <0>Reset</0>",
-    title: "Welcome to {{name}}",
-    hint: "Sign in to access the vendor hub",
-    notSellerYet: "Not a seller yet? - <0>Create an account</0>"
+    forgotPassword: "Forgot password? <0>Reset</0>",
+    title: "Welcome back!",
+    hint: "Log in to your vendor account.",
+    submit: "Log in",
+    notSellerYet: "Not a seller yet? <0>Create an account</0>"
   },
   register: {
-    title: "Start selling on {{name}}",
-    hint: "Create account to get started",
+    title: "Create your vendor account",
+    hint: "Start selling on {{name}}.",
     companyName: "Company name",
     confirmPassword: "Confirm password",
     signUp: "Sign up",
@@ -11965,7 +12001,7 @@ var en_default = {
       professionalSubtitle: "Professional seller information",
       isProfessional: "Professional seller",
       isProfessionalDescription: "Register as a business entity",
-      corporateName: "Corporate name",
+      corporateName: "Company",
       registrationNumber: "Registration number",
       taxId: "Tax ID",
       completeSetup: "Complete setup"
@@ -11975,20 +12011,81 @@ var en_default = {
       description: "Your seller account has been created and is pending approval. We'll notify you at {{email}} once your store is reviewed.",
       hint: "In the meantime, you can select your store and complete your setup.",
       action: "Continue to dashboard"
+    },
+    wizard: {
+      stepOf: "Step {{current}} of {{total}}",
+      steps: {
+        store: "Store Details",
+        address: "Address",
+        company: "Company Details",
+        payment: "Payment Details"
+      },
+      store: {
+        title: "Enter your store details",
+        name: "Name",
+        email: "Email",
+        handle: "Handle",
+        handleTooltip: "The handle becomes the URL slug for your store. Leave empty to auto-generate from the name.",
+        handlePlaceholder: "my-store",
+        currency: "Currency",
+        selectCurrency: "Select",
+        currencyHint: "Cannot be changed after store is created"
+      },
+      skip: "Skip",
+      address: {
+        title: "Enter your address",
+        name: "Name",
+        namePlaceholder: "Headquarters",
+        address: "Address",
+        address2: "Apartment, suite, etc.",
+        postalCode: "Postal Code",
+        city: "City",
+        country: "Country",
+        state: "State"
+      },
+      company: {
+        title: "Enter your company details",
+        subtitle: "Professional seller information",
+        corporateName: "Company",
+        registrationNumber: "Registration number",
+        taxId: "Tax ID"
+      },
+      payment: {
+        title: "Enter your payment details",
+        subtitle: "How you'd like to receive payouts",
+        accountName: "Account name",
+        accountNumber: "Account number",
+        achRoutingNumber: "ACH routing number",
+        iban: "IBAN",
+        swiftBic: "SWIFT / BIC"
+      },
+      validation: {
+        nameRequired: "Please enter a name",
+        emailInvalid: "Please enter an email",
+        currencyRequired: "Please select a currency",
+        countryRequired: "Please select a country",
+        accountNameRequired: "Please enter account name"
+      },
+      preview: {
+        title: "Welcome to Mercur",
+        description: "Your all-in-one vendor portal for managing your store, products, orders, and payouts.",
+        placeholder: "App preview"
+      }
     }
   },
   invite: {
-    title: "You've been invited to {{name}}",
-    hint: "Create your account below",
+    title: "You're invited to join {{name}}!",
+    hint: "Enter your details and create a password to set up your account.",
     existingMemberHint: "Sign in with your existing account",
     backToLogin: "Back to login",
     createAccount: "Create account",
     signIn: "Sign in",
-    alreadyHaveAccount: "Already have an account? - <0>Log in</0>",
+    alreadyHaveAccount: "Already have an account?",
+    logIn: "Log in",
     emailTooltip: "Your email cannot be changed. If you would like to use another email, a new invite must be sent.",
     invalidInvite: "The invite is invalid or has expired.",
-    successTitle: "You joined {{name}}",
-    successHint: "You can now access the vendor portal. Log in to get started.",
+    successTitle: "Welcome to {{name}}!",
+    successHint: "Setting up your account...",
     invalidTokenTitle: "Your invite token is invalid",
     invalidTokenHint: "Try requesting a new invite link.",
     passwordMismatch: "Passwords do not match",
@@ -12252,7 +12349,7 @@ var en_default = {
     company: "Company",
     phone: "Phone",
     metadata: "Metadata",
-    selectCountry: "Select country",
+    selectCountry: "Select",
     products: "Products",
     variants: "Variants",
     orders: "Orders",

package/dist/{chunk-ASEVHHCT.js → chunk-UDG47AEE.js}

@@ -1,6 +1,6 @@
 import {
   useProductTags
-} from "./chunk-NYRRRCJS.js";
+} from "./chunk-ZCJ737TR.js";
 import {
   useProductTypes
 } from "./chunk-VV6IKGCN.js";

package/dist/{chunk-XZG2HZYW.js → chunk-WFE6CT6M.js}

@@ -1,6 +1,6 @@
 import {
   useDataTableDateFilters
-} from "./chunk-CUMY2VZ5.js";
+} from "./chunk-HFRHHT36.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";

package/dist/{chunk-N2WKLVUX.js → chunk-XF3W2U3Q.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4MFMCZEJ.js";
 import {
   useProductTableFilters
-} from "./chunk-ASEVHHCT.js";
+} from "./chunk-UDG47AEE.js";
 import {
   _DataTable,
   useDataTable

package/dist/{chunk-JKKRKFCS.js → chunk-YPSJN3XT.js}

@@ -1,3 +1,6 @@
+import {
+  AuthLayout
+} from "./chunk-JWB2HSCJ.js";
 import {
   AvatarBox
 } from "./chunk-CP5IL4P6.js";
@@ -30,9 +33,9 @@ var LoginLogo = () => {
 };
 var LoginHeader = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col items-center", children: [
-    /* @__PURE__ */ jsx(Heading, { children: t("login.title", { name: config.name ?? "Mercur" }) }),
-    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("login.hint") })
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-col", children: [
+    /* @__PURE__ */ jsx(Heading, { children: t("login.title") }),
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("login.hint") })
   ] });
 };
 var LoginForm = () => {
@@ -85,24 +88,17 @@ var LoginForm = () => {
   });
   const serverError = form.formState.errors?.root?.serverError?.message || reasonMessage;
   const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message;
-  return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+  return /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ jsx(
         Form.Field,
         {
           control: form.control,
           name: "email",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                autoComplete: "email",
-                ...field,
-                className: "bg-ui-bg-field-component",
-                placeholder: t("fields.email")
-              }
-            ) }) });
-          }
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("fields.email") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { autoComplete: "email", ...field }) })
+          ] })
         }
       ),
       /* @__PURE__ */ jsx(
@@ -110,21 +106,20 @@ var LoginForm = () => {
         {
           control: form.control,
           name: "password",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("fields.password") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
               Input,
               {
                 type: "password",
                 autoComplete: "current-password",
-                ...field,
-                className: "bg-ui-bg-field-component",
-                placeholder: t("fields.password")
+                ...field
               }
-            ) }) });
-          }
+            ) })
+          ] })
         }
       ),
-      validationError && /* @__PURE__ */ jsx("div", { className: "mt-6 text-center", children: /* @__PURE__ */ jsx(Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+      validationError && /* @__PURE__ */ jsx(Hint, { className: "inline-flex", variant: "error", children: validationError }),
       serverError && /* @__PURE__ */ jsx(
         Alert,
         {
@@ -135,12 +130,12 @@ var LoginForm = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(Button, { className: "w-full", type: "submit", isLoading: isPending, children: "Sign In" })
-  ] }) }) });
+    /* @__PURE__ */ jsx(Button, { className: "w-full", type: "submit", isLoading: isPending, children: t("login.submit") })
+  ] }) });
 };
 var LoginFooter = () => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "mt-auto flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted txt-small", children: /* @__PURE__ */ jsx(
       Trans,
       {
         i18nKey: "login.forgotPassword",
@@ -175,12 +170,14 @@ var LoginFooter = () => {
   ] });
 };
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(AuthLayout, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(LoginLogo, {}),
-    /* @__PURE__ */ jsx(LoginHeader, {}),
-    /* @__PURE__ */ jsx(LoginForm, {}),
+    /* @__PURE__ */ jsxs("div", { className: "mt-8", children: [
+      /* @__PURE__ */ jsx(LoginHeader, {}),
+      /* @__PURE__ */ jsx(LoginForm, {})
+    ] }),
     /* @__PURE__ */ jsx(LoginFooter, {})
-  ] }) }) });
+  ] }) });
 };
 var LoginPage = Object.assign(Root, {
   Logo: LoginLogo,