@mercurjs/admin 2.0.0-canary.100

package/dist/location-service-zone-shipping-option-pricing-3T7HLKJC.js

@@ -0,0 +1,363 @@
+import {
+  ConditionalPriceForm,
+  ShippingOptionPriceProvider,
+  UpdateConditionalPriceSchema,
+  buildShippingOptionPriceRules,
+  useShippingOptionPriceColumns
+} from "./chunk-X6HEEFUW.js";
+import {
+  CONDITIONAL_PRICES_STACKED_MODAL_ID,
+  ITEM_TOTAL_ATTRIBUTE,
+  REGION_ID_ATTRIBUTE
+} from "./chunk-LXSBG6LK.js";
+import "./chunk-PXYDR7WQ.js";
+import {
+  DataGrid
+} from "./chunk-U3OWJE7V.js";
+import "./chunk-IQPN4PZJ.js";
+import {
+  castNumber
+} from "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  RouteFocusModal,
+  StackedFocusModal,
+  useRouteModal,
+  useStackedModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  useShippingOption,
+  useUpdateShippingOptions
+} from "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import {
+  useRegions
+} from "./chunk-VHCDSNXF.js";
+import {
+  useStore
+} from "./chunk-EJY35WBK.js";
+import {
+  usePricePreferences
+} from "./chunk-GYRTURN7.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-service-zone-shipping-option-pricing/location-service-zone-shipping-option-pricing.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-service-zone-shipping-option-pricing/components/create-shipping-options-form/edit-shipping-options-pricing-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import * as zod from "zod";
+import { Button, toast } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditShippingOptionPricingSchema = zod.object({
+  region_prices: zod.record(
+    zod.string(),
+    zod.string().or(zod.number()).optional()
+  ),
+  currency_prices: zod.record(
+    zod.string(),
+    zod.string().or(zod.number()).optional()
+  ),
+  conditional_region_prices: zod.record(
+    zod.string(),
+    zod.array(UpdateConditionalPriceSchema)
+  ),
+  conditional_currency_prices: zod.record(
+    zod.string(),
+    zod.array(UpdateConditionalPriceSchema)
+  )
+});
+function EditShippingOptionsPricingForm({
+  shippingOption
+}) {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const { getIsOpen, setIsOpen } = useStackedModal();
+  const [selectedPrice, setSelectedPrice] = useState(null);
+  const onOpenConditionalPricesModal = (info) => {
+    setIsOpen(CONDITIONAL_PRICES_STACKED_MODAL_ID, true);
+    setSelectedPrice(info);
+  };
+  const onCloseConditionalPricesModal = () => {
+    setIsOpen(CONDITIONAL_PRICES_STACKED_MODAL_ID, false);
+    setSelectedPrice(null);
+  };
+  const form = useForm({
+    defaultValues: getDefaultValues(shippingOption.prices),
+    resolver: zodResolver(EditShippingOptionPricingSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateShippingOptions(shippingOption.id);
+  const {
+    store,
+    isLoading: isStoreLoading,
+    isError: isStoreError,
+    error: storeError
+  } = useStore();
+  const currencies = useMemo(
+    () => store?.supported_currencies?.map((c) => c.currency_code) || [],
+    [store]
+  );
+  const {
+    regions,
+    isLoading: isRegionsLoading,
+    isError: isRegionsError,
+    error: regionsError
+  } = useRegions({
+    fields: "id,name,currency_code",
+    limit: 999
+  });
+  const { price_preferences: pricePreferences } = usePricePreferences({});
+  const { setCloseOnEscape } = useRouteModal();
+  const columns = useShippingOptionPriceColumns({
+    name: shippingOption.name,
+    currencies,
+    regions,
+    pricePreferences
+  });
+  const data = useMemo(
+    () => [[...currencies || [], ...regions || []]],
+    [currencies, regions]
+  );
+  const handleSubmit = form.handleSubmit(async (data2) => {
+    const currencyPrices = Object.entries(data2.currency_prices).map(([code, value]) => {
+      if (!value || !currencies.some((c) => c.toLowerCase() === code.toLowerCase())) {
+        return void 0;
+      }
+      const priceRecord = {
+        currency_code: code,
+        amount: castNumber(value)
+      };
+      const existingPrice = shippingOption.prices.find(
+        (p) => p.currency_code === code && !p.price_rules.length
+      );
+      if (existingPrice) {
+        priceRecord.id = existingPrice.id;
+      }
+      return priceRecord;
+    }).filter((p) => !!p);
+    const conditionalCurrencyPrices = Object.entries(
+      data2.conditional_currency_prices
+    ).flatMap(
+      ([currency_code, value]) => value?.map((rule) => ({
+        id: rule.id,
+        currency_code,
+        amount: castNumber(rule.amount),
+        rules: buildShippingOptionPriceRules(rule)
+      })) ?? []
+    );
+    const regionPrices = Object.entries(data2.region_prices).map(([region_id, value]) => {
+      if (!value || !regions?.some((region) => region.id === region_id)) {
+        return void 0;
+      }
+      const priceRecord = {
+        region_id,
+        amount: castNumber(value)
+      };
+      return priceRecord;
+    }).filter((p) => !!p);
+    const conditionalRegionPrices = Object.entries(
+      data2.conditional_region_prices
+    ).flatMap(
+      ([region_id, value]) => value?.map((rule) => ({
+        id: rule.id,
+        region_id,
+        amount: castNumber(rule.amount),
+        rules: buildShippingOptionPriceRules(rule)
+      })) ?? []
+    );
+    const allPrices = [
+      ...currencyPrices,
+      ...conditionalCurrencyPrices,
+      ...regionPrices,
+      ...conditionalRegionPrices
+    ];
+    await mutateAsync(
+      { prices: allPrices },
+      {
+        onSuccess: () => {
+          toast.success(t("general.success"));
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  const isLoading = isStoreLoading || isRegionsLoading || !currencies || !regions;
+  if (isStoreError) {
+    throw storeError;
+  }
+  if (isRegionsError) {
+    throw regionsError;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "location-shipping-option-pricing-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex h-full flex-col overflow-hidden",
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "location-shipping-option-pricing-form-header" }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { "data-testid": "location-shipping-option-pricing-form-body", children: /* @__PURE__ */ jsx(
+          StackedFocusModal,
+          {
+            id: CONDITIONAL_PRICES_STACKED_MODAL_ID,
+            onOpenChangeCallback: (open) => {
+              if (!open) {
+                setSelectedPrice(null);
+              }
+            },
+            "data-testid": "location-shipping-option-pricing-form-stacked-modal",
+            children: /* @__PURE__ */ jsxs(
+              ShippingOptionPriceProvider,
+              {
+                onOpenConditionalPricesModal,
+                onCloseConditionalPricesModal,
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col divide-y overflow-hidden", "data-testid": "location-shipping-option-pricing-form-container", children: /* @__PURE__ */ jsx(
+                    DataGrid,
+                    {
+                      isLoading,
+                      data,
+                      columns,
+                      state: form,
+                      onEditingChange: (editing) => setCloseOnEscape(!editing),
+                      disableInteractions: getIsOpen(
+                        CONDITIONAL_PRICES_STACKED_MODAL_ID
+                      ),
+                      "data-testid": "location-shipping-option-pricing-form-data-grid"
+                    }
+                  ) }),
+                  selectedPrice && /* @__PURE__ */ jsx(ConditionalPriceForm, { info: selectedPrice, variant: "update" })
+                ]
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "location-shipping-option-pricing-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", "data-testid": "location-shipping-option-pricing-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              className: "whitespace-nowrap",
+              isLoading: isPending,
+              onClick: handleSubmit,
+              type: "button",
+              "data-testid": "location-shipping-option-pricing-form-save-button",
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+}
+var findRuleValue = (rules, operator) => {
+  const fallbackValue = ["eq", "gt", "lt"].includes(operator) ? void 0 : null;
+  return rules?.find(
+    (r) => r.attribute === ITEM_TOTAL_ATTRIBUTE && r.operator === operator
+  )?.value || fallbackValue;
+};
+var mapToConditionalPrice = (price) => {
+  const rules = price.price_rules || [];
+  return {
+    id: price.id,
+    amount: price.amount,
+    gte: findRuleValue(rules, "gte"),
+    lte: findRuleValue(rules, "lte"),
+    gt: findRuleValue(rules, "gt"),
+    lt: findRuleValue(rules, "lt"),
+    eq: findRuleValue(rules, "eq")
+  };
+};
+var getDefaultValues = (prices) => {
+  const hasAttributes = (price, required, forbidden = []) => {
+    const attributes = price.price_rules?.map((r) => r.attribute) || [];
+    return required.every((attr) => attributes.includes(attr)) && !forbidden.some((attr) => attributes.includes(attr));
+  };
+  const currency_prices = {};
+  const conditional_currency_prices = {};
+  const region_prices = {};
+  const conditional_region_prices = {};
+  prices.forEach((price) => {
+    if (!price.price_rules?.length) {
+      currency_prices[price.currency_code] = price.amount;
+      return;
+    }
+    if (hasAttributes(price, [ITEM_TOTAL_ATTRIBUTE], [REGION_ID_ATTRIBUTE])) {
+      const code = price.currency_code;
+      if (!conditional_currency_prices[code]) {
+        conditional_currency_prices[code] = [];
+      }
+      conditional_currency_prices[code].push(mapToConditionalPrice(price));
+      return;
+    }
+    if (hasAttributes(price, [REGION_ID_ATTRIBUTE], [ITEM_TOTAL_ATTRIBUTE])) {
+      const regionId = price.price_rules.find(
+        (r) => r.attribute === REGION_ID_ATTRIBUTE
+      )?.value;
+      if (regionId !== void 0) {
+        region_prices[String(regionId)] = price.amount;
+      }
+      return;
+    }
+    if (hasAttributes(price, [REGION_ID_ATTRIBUTE, ITEM_TOTAL_ATTRIBUTE])) {
+      const regionId = price.price_rules.find(
+        (r) => r.attribute === REGION_ID_ATTRIBUTE
+      )?.value;
+      if (regionId !== void 0) {
+        const key = String(regionId);
+        if (!conditional_region_prices[key]) {
+          conditional_region_prices[key] = [];
+        }
+        conditional_region_prices[key].push(mapToConditionalPrice(price));
+      }
+    }
+  });
+  return {
+    currency_prices,
+    conditional_currency_prices,
+    region_prices,
+    conditional_region_prices
+  };
+};
+
+// src/pages/locations/location-service-zone-shipping-option-pricing/location-service-zone-shipping-option-pricing.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function LocationServiceZoneShippingOptionPricing() {
+  const { so_id, location_id } = useParams();
+  if (!so_id) {
+    throw new Response(
+      JSON.stringify({ message: "Shipping Option ID paramater is missing" }),
+      { status: 404, headers: { "Content-Type": "application/json" } }
+    );
+  }
+  const {
+    shipping_option: shippingOption,
+    isError,
+    error
+  } = useShippingOption(so_id, {
+    fields: "*prices,*prices.price_rules"
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { prev: `/settings/locations/${location_id}`, "data-testid": "location-shipping-option-pricing-modal", children: shippingOption && /* @__PURE__ */ jsx2(EditShippingOptionsPricingForm, { shippingOption }) });
+}
+export {
+  LocationServiceZoneShippingOptionPricing as Component
+};

package/dist/login-WU5VB5LW.js

@@ -0,0 +1,264 @@
+import {
+  AvatarBox
+} from "./chunk-CP5IL4P6.js";
+import {
+  isFetchError
+} from "./chunk-C6SUTRP2.js";
+import "./chunk-U2EI2ZLM.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import {
+  useSignInWithEmailPass
+} from "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/login/login.tsx
+import { Alert, Button, Heading, Hint, Input, Text } from "@medusajs/ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { Trans, useTranslation } from "react-i18next";
+import {
+  Link,
+  useLocation,
+  useNavigate,
+  useSearchParams
+} from "react-router-dom";
+import * as z from "zod";
+import config from "virtual:mercur/config";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LoginSchema = z.object({
+  email: z.string().email(),
+  password: z.string()
+});
+var Login = () => {
+  const { t } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+  const reason = searchParams.get("reason") || "";
+  const reasonMessage = reason && reason.toLowerCase() === "unauthorized" ? "Session expired" : reason;
+  const from = location.state?.from?.pathname || "/orders";
+  const form = useForm({
+    resolver: zodResolver(LoginSchema),
+    defaultValues: {
+      email: "",
+      password: ""
+    }
+  });
+  const { mutateAsync, isPending } = useSignInWithEmailPass();
+  const handleSubmit = form.handleSubmit(async ({ email, password }) => {
+    await mutateAsync(
+      {
+        email,
+        password
+      },
+      {
+        onError: (error) => {
+          if (isFetchError(error)) {
+            if (error.status === 401) {
+              form.setError("email", {
+                type: "manual",
+                message: error.message
+              });
+              return;
+            }
+          }
+          form.setError("root.serverError", {
+            type: "manual",
+            message: error.message
+          });
+        },
+        onSuccess: () => {
+          navigate(from, { replace: true });
+        }
+      }
+    );
+  });
+  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 min-h-dvh w-dvw items-center justify-center bg-ui-bg-subtle",
+      "data-testid": "login-page",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "m-4 flex w-full max-w-[280px] flex-col items-center",
+          "data-testid": "login-container",
+          children: [
+            /* @__PURE__ */ jsx(AvatarBox, {}),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "mb-4 flex flex-col items-center",
+                "data-testid": "login-header",
+                children: [
+                  /* @__PURE__ */ jsx(Heading, { "data-testid": "login-title", children: t("login.title", { name: config.name ?? "Mercur" }) }),
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      size: "small",
+                      className: "text-center text-ui-fg-subtle",
+                      "data-testid": "login-hint",
+                      children: t("login.hint")
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__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",
+                "data-testid": "login-form",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", 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"),
+                              "data-testid": "login-email-input"
+                            }
+                          ) }) });
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Form.Field,
+                      {
+                        control: form.control,
+                        name: "password",
+                        render: ({ field }) => {
+                          return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                            /* @__PURE__ */ jsx(Form.Label, {}),
+                            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                              Input,
+                              {
+                                type: "password",
+                                autoComplete: "current-password",
+                                ...field,
+                                className: "bg-ui-bg-field-component",
+                                placeholder: t("fields.password"),
+                                "data-testid": "login-password-input"
+                              }
+                            ) })
+                          ] });
+                        }
+                      }
+                    )
+                  ] }),
+                  validationError && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "text-center",
+                      "data-testid": "login-validation-error",
+                      children: /* @__PURE__ */ jsx(
+                        Hint,
+                        {
+                          className: "inline-flex",
+                          variant: "error",
+                          "data-testid": "login-validation-error-message",
+                          children: validationError
+                        }
+                      )
+                    }
+                  ),
+                  serverError && /* @__PURE__ */ jsx(
+                    Alert,
+                    {
+                      className: "items-center bg-ui-bg-base p-2",
+                      dismissible: true,
+                      variant: "error",
+                      "data-testid": "login-server-error",
+                      children: serverError
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      className: "w-full",
+                      type: "submit",
+                      isLoading: isPending,
+                      "data-testid": "login-submit-button",
+                      children: t("actions.continueWithEmail")
+                    }
+                  )
+                ]
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "txt-small my-6 text-ui-fg-muted",
+                "data-testid": "login-forgot-password-section",
+                children: /* @__PURE__ */ jsx(
+                  Trans,
+                  {
+                    i18nKey: "login.forgotPassword",
+                    components: [
+                      /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          to: "/reset-password",
+                          className: "font-medium text-ui-fg-interactive outline-none transition-fg hover:text-ui-fg-interactive-hover focus-visible:text-ui-fg-interactive-hover",
+                          "data-testid": "login-reset-password-link"
+                        },
+                        "reset-password-link"
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  Login as Component
+};