@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/edit-stocks-and-prices-MHHQFWFA.js

@@ -1,408 +0,0 @@
-import {
-  castNumber
-} from "./chunk-SMQT3ZNO.js";
-import {
-  DataGrid,
-  createDataGridHelper,
-  createDataGridLocationStockColumns,
-  createDataGridPriceColumns
-} from "./chunk-Y2QI7KWS.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-3CK6OINO.js";
-import "./chunk-3QSRE5LS.js";
-import "./chunk-47SXTGLN.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
-import "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-PCMNEUMV.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-RL7SFZOF.js";
-import "./chunk-LWJF63JW.js";
-import {
-  useStockLocations
-} from "./chunk-NBPMNUKZ.js";
-import "./chunk-WBI7FEGI.js";
-import "./chunk-VXWN37PT.js";
-import {
-  usePricePreferences,
-  useRegions
-} from "./chunk-UL4O5M4S.js";
-import {
-  useStore
-} from "./chunk-FX4V5JCF.js";
-import "./chunk-3B34B2M2.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-WIYFXWRI.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
-import {
-  useBatchInventoryItemsLocationLevels,
-  useMultipleInventoryItemLevels,
-  useProduct,
-  useUpdateProductVariantsBatch
-} from "./chunk-ZEVYT6IX.js";
-import "./chunk-A5DJIOHN.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/products/[id]/edit-stocks-and-prices/index.tsx
-import { useMemo as useMemo2 } from "react";
-import { useParams } from "react-router-dom";
-
-// src/pages/products/[id]/edit-stocks-and-prices/components/stocks-and-prices-edit.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/pages/products/[id]/edit-stocks-and-prices/schema.ts
-import * as zod from "zod";
-var LocationSchema = zod.object({
-  id: zod.string(),
-  quantity: zod.union([zod.number(), zod.string(), zod.null()]).optional(),
-  checked: zod.boolean(),
-  disabledToggle: zod.boolean(),
-  level_id: zod.string().optional()
-});
-var UpdateVariantStocksSchema = zod.object({
-  variants: zod.array(
-    zod.object({
-      id: zod.string(),
-      title: zod.string().optional(),
-      inventory_item_id: zod.string().optional(),
-      prices: zod.record(zod.string(), zod.string().or(zod.number()).optional()).optional(),
-      locations: zod.array(LocationSchema)
-    })
-  )
-});
-
-// src/pages/products/[id]/edit-stocks-and-prices/components/stocks-and-prices-edit-form.tsx
-import { useMemo } from "react";
-import { useWatch } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { Text } from "@medusajs/ui";
-import { jsx } from "react/jsx-runtime";
-var StocksAndPricesEditForm = ({
-  form,
-  stockLocations,
-  product
-}) => {
-  const { store } = useStore();
-  const { regions } = useRegions({ limit: 9999 });
-  const { price_preferences: pricePreferences } = usePricePreferences({});
-  const { setCloseOnEscape } = useRouteModal();
-  const columns = useStocksAndPricesGridColumns({
-    stockLocations,
-    currencies: store?.supported_currencies,
-    regions,
-    pricePreferences
-  });
-  const variants = useWatch({
-    control: form.control,
-    name: "variants"
-  });
-  const dataWithProductInfo = useMemo(() => {
-    if (!variants?.length) return [];
-    const productInfoRow = {
-      id: `product-info-${product.id}`,
-      title: product.title,
-      isProductInfo: true,
-      prices: {},
-      locations: stockLocations.map((location) => ({
-        id: location.id,
-        quantity: null,
-        checked: false,
-        disabledToggle: true,
-        level_id: void 0
-      }))
-    };
-    return [productInfoRow, ...variants];
-  }, [variants, product.title, product.id, stockLocations]);
-  return /* @__PURE__ */ jsx(
-    DataGrid,
-    {
-      columns,
-      data: dataWithProductInfo,
-      state: form,
-      onEditingChange: (editing) => setCloseOnEscape(!editing)
-    }
-  );
-};
-var columnHelper = createDataGridHelper();
-var useStocksAndPricesGridColumns = ({
-  stockLocations = [],
-  currencies = [],
-  regions: _regions = [],
-  pricePreferences = []
-}) => {
-  const { t } = useTranslation();
-  return useMemo(() => {
-    return [
-      columnHelper.column({
-        id: t("fields.title"),
-        header: t("fields.title"),
-        cell: (context) => {
-          const entity = context.row.original;
-          const isProductInfo = entity.isProductInfo;
-          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `flex items-center gap-x-2 overflow-hidden ${isProductInfo ? "bg-ui-bg-field text-ui-fg-disabled" : "text-ui-fg-subtle"}`,
-              children: /* @__PURE__ */ jsx(Text, { as: "span", className: "truncate", children: entity.title })
-            }
-          ) });
-        },
-        disableHiding: true
-      }),
-      ...createDataGridLocationStockColumns({
-        stockLocations,
-        isReadyOnly: (context) => context.row.original.isProductInfo,
-        getFieldName: (context, stockLocationIndex) => {
-          const entity = context.row.original;
-          if (entity.isProductInfo) return null;
-          return `variants.${context.row.index - 1}.locations.${stockLocationIndex}`;
-        },
-        t
-      }),
-      ...createDataGridPriceColumns({
-        currencies: currencies.map((c) => c.currency_code),
-        regions: [],
-        pricePreferences,
-        isReadyOnly: (context) => context.row.original.isProductInfo,
-        getFieldName: (context, value) => {
-          const entity = context.row.original;
-          if (entity.isProductInfo) return null;
-          return `variants.${context.row.index - 1}.prices.${value}`;
-        },
-        t
-      })
-    ];
-  }, [t, currencies, pricePreferences, stockLocations]);
-};
-
-// src/pages/products/[id]/edit-stocks-and-prices/components/stocks-and-prices-edit.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var createFormValues = (product, stockLocations, inventoryItems) => {
-  if (!product?.variants) return { variants: [] };
-  const data = product.variants.reduce(
-    (acc, variant) => {
-      const prices = variant.prices?.reduce((acc2, price) => {
-        acc2[price.currency_code] = price.amount;
-        return acc2;
-      }, {}) || {};
-      const locations = stockLocations?.map((location) => {
-        const inventoryItem = inventoryItems?.find(
-          (item) => item.inventory_item_id === variant.inventory_items?.[0]?.inventory_item_id
-        );
-        const value = inventoryItem?.location_levels?.find(
-          (level) => level.location_id === location.id
-        );
-        return {
-          id: location.id,
-          level_id: value?.id,
-          quantity: typeof value?.stocked_quantity === "number" ? value.stocked_quantity : null,
-          checked: !!value,
-          disabledToggle: false
-        };
-      }) || [];
-      acc.push({
-        id: variant.id,
-        title: variant.title,
-        inventory_item_id: variant.inventory_items?.[0]?.inventory_item_id,
-        prices,
-        locations
-      });
-      return acc;
-    },
-    []
-  );
-  return { variants: data };
-};
-var getPricesPayload = (variants) => {
-  return variants.filter((variant) => Object.keys(variant.prices || {}).length).map((variant) => {
-    const prices = Object.entries(variant.prices || {}).filter(
-      ([_, amount]) => amount !== null && amount !== void 0 && amount !== ""
-    ).map(([currency_code, amount]) => ({
-      currency_code,
-      amount: typeof amount === "string" ? parseFloat(amount) : amount
-    }));
-    return {
-      id: variant.id,
-      prices
-    };
-  });
-};
-var getInventoryLocationLevelsPayload = (variants) => {
-  const payload = {
-    create: [],
-    update: [],
-    delete: [],
-    force: true
-  };
-  variants.forEach((variant) => {
-    variant.locations?.forEach(({ checked, level_id, quantity, id }) => {
-      if (!level_id && checked) {
-        payload.create.push({
-          inventory_item_id: variant.inventory_item_id,
-          location_id: id,
-          stocked_quantity: quantity ? castNumber(quantity) : 0
-        });
-      } else if (level_id && !checked) {
-        payload.delete.push(level_id);
-      } else if (level_id && checked) {
-        payload.update.push({
-          inventory_item_id: variant.inventory_item_id,
-          location_id: id,
-          stocked_quantity: quantity ? castNumber(quantity) : 0
-        });
-      }
-    });
-  });
-  return payload;
-};
-var StocksAndPricesEdit = ({
-  product,
-  inventoryItems,
-  stockLocations,
-  productId
-}) => {
-  const { t } = useTranslation2();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: createFormValues(product, stockLocations, inventoryItems),
-    resolver: zodResolver(UpdateVariantStocksSchema, {})
-  });
-  const updateVariantsBatch = useUpdateProductVariantsBatch(productId);
-  const updateInventoryLocationLevels = useBatchInventoryItemsLocationLevels();
-  const handleSave = form.handleSubmit(async (data) => {
-    try {
-      const pricesPayload = getPricesPayload(data.variants);
-      const inventoryPayload = getInventoryLocationLevelsPayload(data.variants);
-      await Promise.all([
-        updateVariantsBatch.mutateAsync(pricesPayload),
-        updateInventoryLocationLevels.mutateAsync(inventoryPayload)
-      ]);
-      toast.success(
-        t("products.variants.editStocksAndPrices.successToast")
-      );
-      handleSuccess(`/products/${product.id}`);
-    } catch (error) {
-      if (error instanceof Error) {
-        toast.error(error.message);
-      }
-    }
-  });
-  const isLoading = updateVariantsBatch.isPending || updateInventoryLocationLevels.isPending;
-  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSave,
-      className: "flex size-full flex-col",
-      children: [
-        /* @__PURE__ */ jsxs(RouteFocusModal.Header, { children: [
-          /* @__PURE__ */ jsx2(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx2("span", { className: "sr-only", children: t("products.variants.editStocksAndPrices.header") }) }),
-          /* @__PURE__ */ jsx2(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx2("span", { className: "sr-only", children: t("products.variants.editStocksAndPrices.description") }) })
-        ] }),
-        /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx2(
-          StocksAndPricesEditForm,
-          {
-            form,
-            stockLocations,
-            product
-          }
-        ) }),
-        /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx2(
-            Button,
-            {
-              type: "submit",
-              variant: "primary",
-              size: "small",
-              isLoading,
-              children: t("actions.save")
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-// src/pages/products/[id]/edit-stocks-and-prices/index.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ProductEditStocksAndPrices = () => {
-  const { id } = useParams();
-  if (!id) {
-    return null;
-  }
-  const {
-    stock_locations,
-    isPending: isStockLocationsPending,
-    isError: isErrorStockLocations,
-    error: errorStockLocations
-  } = useStockLocations({
-    limit: 9999
-  });
-  const {
-    product,
-    isPending: isProductPending,
-    isError: isProductError,
-    error: productError
-  } = useProduct(id, {
-    fields: "*variants,*variants.inventory_items,*categories"
-  });
-  const inventoryItemIds = useMemo2(() => {
-    if (!product || !product.variants) return [];
-    const ids = [];
-    product.variants.forEach((variant) => {
-      variant.inventory_items?.forEach((item) => {
-        ids.push(item.inventory_item_id);
-      });
-    });
-    return ids;
-  }, [product]);
-  const {
-    inventoryItemsWithLevels,
-    isPending: isInventoryPending,
-    isError: isInventoryError,
-    error: inventoryError
-  } = useMultipleInventoryItemLevels(inventoryItemIds, {
-    fields: "*stock_locations"
-  });
-  const isError = isProductError || isErrorStockLocations || isInventoryError;
-  const error = productError || errorStockLocations || inventoryError;
-  const isPending = isProductPending || isStockLocationsPending || isInventoryPending;
-  const ready = !isPending && !!product && !!inventoryItemsWithLevels && !!stock_locations;
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx3(RouteFocusModal, { children: ready && /* @__PURE__ */ jsx3(
-    StocksAndPricesEdit,
-    {
-      product,
-      inventoryItems: inventoryItemsWithLevels,
-      stockLocations: stock_locations,
-      productId: id
-    }
-  ) });
-};
-var Component = ProductEditStocksAndPrices;
-export {
-  Component,
-  ProductEditStocksAndPrices
-};