@mercurjs/admin 2.2.0-canary.15 → 2.2.0-canary.16

package/dist/offer-variant-detail-page-U4LDYFE3.js

@@ -0,0 +1,143 @@
+import {
+  OfferInventorySection,
+  OfferPricingSection,
+  OfferStoreSidebar
+} from "./chunk-4FHHNYIV.js";
+import {
+  OFFER_VARIANT_DETAIL_FIELDS
+} from "./chunk-S6A4FVM2.js";
+import {
+  useOffer
+} from "./chunk-UIVWOKWT.js";
+import "./chunk-PXYDR7WQ.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import {
+  NoRecords
+} from "./chunk-634XVU3D.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-FI474ADU.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/[id]/variants/[offer_id]/offer-variant-detail-page.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/offers/[id]/variants/[offer_id]/_components/offer-variant-general-section.tsx
+import { Badge, Container, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OfferVariantGeneralSection = ({
+  offer
+}) => {
+  const { t } = useTranslation();
+  const variant = offer.product_variant;
+  const options = variant?.options ?? [];
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx(Heading, { children: variant?.title ?? "-" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.offerVariant") })
+    ] }) }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("offers.fields.sku"), value: offer.sku ?? "-" }),
+    options.map((opt) => /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: opt.option?.title ?? "-",
+        value: opt.value ? /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: opt.value }) : "-"
+      },
+      opt.id ?? opt.option?.id ?? opt.value ?? ""
+    ))
+  ] });
+};
+
+// src/pages/offers/[id]/variants/[offer_id]/_components/offer-variant-shipping-section.tsx
+import { Buildings } from "@medusajs/icons";
+import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferVariantShippingSection = ({
+  offer
+}) => {
+  const { t } = useTranslation2();
+  const profile = offer.shipping_profile;
+  return /* @__PURE__ */ jsxs2(Container2, { className: "p-0", children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("offers.detail.shippingConfiguration") }) }),
+    profile?.name ? /* @__PURE__ */ jsx2("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx2("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx2("div", { className: "shadow-elevation-card-rest text-ui-fg-subtle flex size-7 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx2(Buildings, {}) }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-base truncate font-medium", children: profile.name }),
+        profile.type && /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle truncate", children: profile.type })
+      ] })
+    ] }) }) }) : /* @__PURE__ */ jsx2(NoRecords, { className: "h-40" })
+  ] });
+};
+
+// src/pages/offers/[id]/variants/[offer_id]/offer-variant-detail-page.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const { offer_id } = useParams();
+  const initialData = useLoaderData();
+  const {
+    offer,
+    isPending: isLoading,
+    isError,
+    error
+  } = useOffer(
+    offer_id,
+    { fields: OFFER_VARIANT_DETAIL_FIELDS },
+    { initialData }
+  );
+  if (isError) {
+    throw error;
+  }
+  if (isLoading || !offer) {
+    return /* @__PURE__ */ jsx3(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 3 });
+  }
+  const typed = offer;
+  return /* @__PURE__ */ jsx3(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(TwoColumnPage, { data: typed, hasOutlet: true, children: [
+    /* @__PURE__ */ jsxs3(TwoColumnPage.Main, { children: [
+      /* @__PURE__ */ jsx3(OfferVariantGeneralSection, { offer: typed }),
+      /* @__PURE__ */ jsx3(OfferInventorySection, { offer: typed })
+    ] }),
+    /* @__PURE__ */ jsxs3(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx3(OfferVariantShippingSection, { offer: typed }),
+      /* @__PURE__ */ jsx3(OfferPricingSection, { offer: typed }),
+      /* @__PURE__ */ jsx3(OfferStoreSidebar, { offer: typed })
+    ] })
+  ] }) });
+};
+var OfferVariantDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  General: OfferVariantGeneralSection,
+  Inventory: OfferInventorySection,
+  Shipping: OfferVariantShippingSection,
+  Pricing: OfferPricingSection,
+  Store: OfferStoreSidebar
+});
+var Component = Root;
+export {
+  Component,
+  OfferVariantDetailPage
+};