@lunejs/admin-ui 0.1.2 → 0.1.4

package/dist/lib/asset/components/table/use-assets-table.js

@@ -1,37 +1,40 @@
-import { useEffect as g, useMemo as c } from "react";
-import { useDataTable as d } from "../../../../shared/components/data-table/use-data-table.js";
+import { useEffect as d, useMemo as c } from "react";
+import { useDataTable as g } from "../../../../shared/components/data-table/use-data-table.js";
 import { getSkip as h } from "../../../../shared/utils/pagination.utils.js";
 import { useAssetsCount as A } from "../../hooks/use-assets-count.js";
 import { useGetAssets as b } from "../../hooks/use-get-assets.js";
 const z = () => {
-  const o = d({
+  const a = g({
     search: ""
-  }), { filters: e, pagination: t } = o, { isLoading: a, count: n } = A(), {
+  }), { filters: e, pagination: t } = a, { isLoading: o, count: n } = A(), {
     isLoading: s,
     isRefetching: m,
     assets: i,
     pagination: { pageInfo: p },
     refetch: f
-  } = b({
-    filters: {
-      ...e.search && { filename: { contains: e.search } }
+  } = b(
+    {
+      filters: {
+        ...e.search && { filename: { contains: e.search } }
+      },
+      skip: h(t.page, t.size),
+      take: t.size
     },
-    skip: h(t.page, t.size),
-    take: t.size
-  });
-  g(() => {
+    "data-table"
+  );
+  d(() => {
     f();
   }, [e, t]);
-  const u = c(
+  const l = c(
     () => i?.map((r) => ({ ...r, createdAt: new Date(r.createdAt) })) ?? [],
     [i]
-  ), l = c(() => !s && !a && !n, [s, a, n]);
+  ), u = c(() => !s && !o && !n, [s, o, n]);
   return {
-    dataTable: o,
+    dataTable: a,
     isLoading: s,
     isRefetching: m,
-    shouldRenderEmptyState: l,
-    assets: u,
+    shouldRenderEmptyState: u,
+    assets: l,
     totalRows: p?.total ?? 0
   };
 };

package/dist/lib/asset/hooks/use-get-assets.d.ts

@@ -1,7 +1,7 @@
 import { AssetListInput, CommonAssetFragment, GetAllAssetsQueryQuery } from '../../api/types';
 import { GraphQLError } from 'graphql';
 import { RefetchOptions, QueryObserverResult, FetchStatus } from '@tanstack/query-core';
-export declare const useGetAssets: (input?: AssetListInput) => {
+export declare const useGetAssets: (input?: AssetListInput, key?: string) => {
     assets: CommonAssetFragment[];
     pagination: {
         count: number | undefined;

package/dist/lib/asset/hooks/use-get-assets.js

@@ -1,22 +1,22 @@
-import { useMemo as m } from "react";
-import { useGqlQuery as n } from "../../api/fetchers/use-gql-query.js";
-import { GET_ALL_ASSETS_QUERY as i, COMMON_ASSET_FRAGMENT as p } from "../../api/operations/asset.operations.js";
-import { getFragmentData as u } from "../../api/codegen/fragment-masking.js";
-import { AssetCacheKeys as A } from "../constants/cache-keys.js";
-const _ = (s) => {
-  const t = n(i, {
+import { useMemo as n } from "react";
+import { useGqlQuery as i } from "../../api/fetchers/use-gql-query.js";
+import { GET_ALL_ASSETS_QUERY as p, COMMON_ASSET_FRAGMENT as u } from "../../api/operations/asset.operations.js";
+import { getFragmentData as A } from "../../api/codegen/fragment-masking.js";
+import { AssetCacheKeys as c } from "../constants/cache-keys.js";
+const g = (s, e = "") => {
+  const t = i(p, {
     variables: { input: s },
-    key: [A.All]
-  }), e = m(
-    () => t.data?.assets.items.map((r) => u(p, r)) ?? [],
+    key: [c.All, e]
+  }), a = n(
+    () => t.data?.assets.items.map((m) => A(u, m)) ?? [],
     [t.data]
-  ), { count: a, pageInfo: o } = t.data?.assets ?? {};
+  ), { count: o, pageInfo: r } = t.data?.assets ?? {};
   return {
     ...t,
-    assets: e,
-    pagination: { count: a, pageInfo: o }
+    assets: a,
+    pagination: { count: o, pageInfo: r }
   };
 };
 export {
-  _ as useGetAssets
+  g as useGetAssets
 };

package/dist/lib/custom-fields/hooks/use-get-custom-field-definitions.js

@@ -1,11 +1,11 @@
 import { getFragmentData as m } from "../../api/codegen/fragment-masking.js";
 import { useGqlQuery as r } from "../../api/fetchers/use-gql-query.js";
 import { GET_CUSTOM_FIELD_DEFINITIONS_QUERY as a, COMMON_CUSTOM_FIELD_DEFINITION_FRAGMENT as f } from "../../api/operations/custom-field-definition.operations.js";
-import { CustomFieldDefinitionsCacheKeys as u } from "../constants/cache-keys.js";
+import { CustomFieldDefinitionsCacheKeys as F } from "../constants/cache-keys.js";
 const I = (t) => {
   const { data: i, ...o } = r(a, {
     variables: { input: t },
-    key: [u.All]
+    key: [F.All, JSON.stringify(t)]
   }), e = i?.customFieldDefinitions?.items.map(
     (s) => m(f, s)
   ) ?? [], n = {

package/dist/lib/order/components/table/use-orders-table.js

@@ -5,18 +5,18 @@ import { useDataTable as F } from "../../../../shared/components/data-table/use-
 import { getSkip as k } from "../../../../shared/utils/pagination.utils.js";
 import { OrderParamFiltersKeys as u } from "../../constants/param-filters-keys.js";
 import { useCountOrders as E } from "../../hooks/use-count-orders.js";
-import { useGetOrders as M } from "../../hooks/use-get-orders.js";
+import { useGetOrders as L } from "../../hooks/use-get-orders.js";
 const N = () => {
-  const [i] = P(), l = a(
-    () => i.get(u.OrderState),
+  const [l] = P(), c = a(
+    () => l.get(u.OrderState),
     []
   ), p = a(
-    () => i.get(u.CustomerEmail),
+    () => l.get(u.CustomerEmail),
     []
-  ), c = F({
+  ), m = F({
     search: p ?? "",
-    states: l ? [l] : []
-  }), { filters: t, pagination: s } = c, { isLoading: m, count: n } = E({
+    states: c ? [c] : []
+  }), { filters: t, pagination: s } = m, { isLoading: o, count: n } = E({
     filters: {
       states: [
         r.Canceled,
@@ -28,12 +28,12 @@ const N = () => {
       ]
     }
   }), {
-    isLoading: o,
+    isLoading: i,
     isRefetching: f,
     orders: d,
-    pagination: { pageInfo: h },
-    refetch: g
-  } = M({
+    pagination: { pageInfo: g },
+    refetch: h
+  } = L({
     filters: {
       ...t.search && { code: { contains: t.search } },
       ...t.search && { customer: { contains: t.search } },
@@ -43,7 +43,7 @@ const N = () => {
     take: s.size
   });
   O(() => {
-    g();
+    h();
   }, [t, s]);
   const y = a(
     () => d?.map((e) => ({
@@ -57,14 +57,14 @@ const N = () => {
       placedAt: e.placedAt ?? null
     })) ?? [],
     [d]
-  ), S = a(() => !o && !m && !n, [o, m, n]);
+  ), S = a(() => !i && !o && !n, [i, o, n]);
   return {
-    dataTable: c,
-    isLoading: o,
+    dataTable: m,
+    isLoading: i || o,
     isRefetching: f,
     shouldRenderEmptyState: S,
     orders: y,
-    totalRows: h?.total ?? 0
+    totalRows: g?.total ?? 0
   };
 };
 export {

package/dist/lib/product/components/product-details/header/submit-button/product-submit-button.js

@@ -40,7 +40,7 @@ const et = () => {
     l,
     {
       type: "submit",
-      disabled: !(o || s || r || n) || i.formState.isSubmitting || !t.name,
+      disabled: !(o || s || r || i.formState.isDirty || n) || i.formState.isSubmitting || !t.name,
       children: "Save"
     }
   );

package/dist/lib/product/components/product-details/use-form/use-update.js

@@ -1,44 +1,51 @@
-import { LunePrice as o } from "../../../../../packages/lune-common/dist/index.js";
+import { LunePrice as t } from "../../../../../packages/lune-common/dist/index.js";
 import { useUpdateProduct as l } from "../../../hooks/use-update-product.js";
-const g = () => {
-  const { updateProduct: n } = l();
+const p = () => {
+  const { updateProduct: c } = l();
   return {
-    updateProduct: (a, e) => {
-      const { variants: s, options: r } = e, d = a.variants.items[0].optionValues.length === 0, c = a?.variants.items[0];
-      return n(a.id, {
-        name: e.name,
-        description: e.description,
-        enabled: e.enabled,
-        defaultVariant: d ? a.variants.items[0].id : null,
-        customFields: e.customFields,
-        variants: s.length ? s.map((i) => ({
-          id: i?.id,
-          action: i.action,
-          salePrice: i.salePrice ? o.parse(i.salePrice) : 0,
-          stock: i.stock || 0,
-          optionValues: i.optionValues
+    updateProduct: (s, i) => {
+      const { variants: a, options: o } = i, d = s.variants.items[0].optionValues.length === 0, n = s?.variants.items[0];
+      return c(s.id, {
+        name: i.name,
+        description: i.description,
+        enabled: i.enabled,
+        defaultVariant: d ? s.variants.items[0].id : null,
+        customFields: i.customFields,
+        variants: a.length ? a.map((e) => ({
+          id: e?.id,
+          action: e.action,
+          salePrice: e.salePrice ? t.parse(e.salePrice) : 0,
+          stock: e.stock || 0,
+          comparisonPrice: e.comparisonPrice ? t.parse(e.comparisonPrice) : 0,
+          sku: e.sku,
+          requiresShipping: e.requiresShipping,
+          weight: e.weight,
+          height: e.height,
+          width: e.width,
+          length: e.length,
+          optionValues: e.optionValues
         })) : [
           {
-            id: c?.id,
-            salePrice: e.salePrice ? o.parse(e.salePrice) : 0,
-            comparisonPrice: e.comparisonPrice ? o.parse(e.comparisonPrice) : 0,
-            stock: e.stock || 0,
-            sku: e.sku,
-            weight: e.weight,
-            length: e.length,
-            width: e.width,
-            height: e.height,
-            requiresShipping: e.requiresShipping,
+            id: n?.id,
+            salePrice: i.salePrice ? t.parse(i.salePrice) : 0,
+            comparisonPrice: i.comparisonPrice ? t.parse(i.comparisonPrice) : 0,
+            stock: i.stock || 0,
+            sku: i.sku,
+            weight: i.weight,
+            length: i.length,
+            width: i.width,
+            height: i.height,
+            requiresShipping: i.requiresShipping,
             action: "none"
           }
         ],
-        variantsToRemove: a?.variants.items.filter((i) => !s.some((t) => t.id === i.id)).filter((i) => s.length ? !0 : i.id !== c?.id).map((i) => i.id) ?? [],
-        optionsToRemove: a?.options.filter((i) => !r.some((t) => t.id === i.id)).map((i) => i.id) ?? [],
-        options: r
+        variantsToRemove: s?.variants.items.filter((e) => !a.some((r) => r.id === e.id)).filter((e) => a.length ? !0 : e.id !== n?.id).map((e) => e.id) ?? [],
+        optionsToRemove: s?.options.filter((e) => !o.some((r) => r.id === e.id)).map((e) => e.id) ?? [],
+        options: o
       });
     }
   };
 };
 export {
-  g as useProductDetailsUpdate
+  p as useProductDetailsUpdate
 };

package/dist/lib/product/components/product-details/variants/variant-item/variant-item.js

@@ -1,7 +1,8 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import "react";
+import { isUUID as f } from "../../../../../../packages/lune-common/dist/index.js";
 import "../../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
-import { cn as s } from "../../../../../../packages/lune-ui/dist/lib/utils.js";
+import { cn as n } from "../../../../../../packages/lune-ui/dist/lib/utils.js";
 import "../../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 import "../../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-avatar/dist/index.js";
 import "../../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-separator/dist/index.js";
@@ -32,32 +33,32 @@ import "../../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tog
 import "../../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../../packages/lune-ui/dist/form/form.js";
-import { Link as f } from "../../../../../../node_modules/react-router/dist/development/chunk-JMJ3UQ3L.js";
-import { useVariantContext as x } from "../variants.context.js";
-const _ = ({ variant: r, groupName: a, className: d }) => {
-  const { product: u, variants: i, updateVariants: m } = x(), l = !!a, n = l ? r.values.filter((e) => e.name !== a).map((e) => e.name).join("/") : r.values.map((e) => e.name).join(" / ");
-  return /* @__PURE__ */ p("div", { className: s("flex items-center px-6 py-4 hover:bg-muted/50", d), children: [
-    /* @__PURE__ */ p("div", { className: s("flex items-center gap-4 w-full", l && "pl-8"), children: [
+import { Link as x } from "../../../../../../node_modules/react-router/dist/development/chunk-JMJ3UQ3L.js";
+import { useVariantContext as g } from "../variants.context.js";
+const oe = ({ variant: r, groupName: a, className: d }) => {
+  const { product: u, variants: i, updateVariants: m } = g(), s = !!a, p = s ? r.values.filter((e) => e.name !== a).map((e) => e.name).join("/") : r.values.map((e) => e.name).join(" / ");
+  return /* @__PURE__ */ l("div", { className: n("flex items-center px-6 py-4 hover:bg-muted/50", d), children: [
+    /* @__PURE__ */ l("div", { className: n("flex items-center gap-4 w-full", s && "pl-8"), children: [
       /* @__PURE__ */ t(
         h,
         {
-          "aria-label": `Select variant "${n}"`,
+          "aria-label": `Select variant "${p}"`,
           checked: r.selected,
           onCheckedChange: (e) => m(
             i.map((o) => o.id === r.id ? { ...o, selected: !!e } : o)
           )
         }
       ),
-      /* @__PURE__ */ t(
-        f,
+      f(r.id) ? /* @__PURE__ */ t(
+        x,
         {
           to: `/products/${u?.id}/variants/${r.id}`,
           className: "hover:underline w-full cursor-pointer",
-          children: n
+          children: p
         }
-      )
+      ) : /* @__PURE__ */ t("span", { className: "w-full", children: p })
     ] }),
-    /* @__PURE__ */ p("div", { className: "flex items-center gap-2 w-full", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-full", children: [
       /* @__PURE__ */ t(
         c,
         {
@@ -83,5 +84,5 @@ const _ = ({ variant: r, groupName: a, className: d }) => {
   ] });
 };
 export {
-  _ as VariantItem
+  oe as VariantItem
 };

package/dist/lib/product/hooks/use-update-product.js

@@ -1,47 +1,47 @@
 import { isUUID as r } from "../../../packages/lune-common/dist/index.js";
-import { queryClient as V } from "../../../app/app.js";
+import { queryClient as I } from "../../../app/app.js";
 import { useGqlMutationDEPRECATED as s } from "../../api/fetchers/use-gql-mutation.js";
-import { UPDATE_OPTION_MUTATION as w, CREATE_OPTION_MUTATION as g, REMOVE_OPTION_MUTATION as _ } from "../../api/operations/option.operations.js";
+import { UPDATE_OPTION_MUTATION as U, CREATE_OPTION_MUTATION as V, REMOVE_OPTION_MUTATION as _ } from "../../api/operations/option.operations.js";
 import { UPDATE_PRODUCT_MUTATION as N } from "../../api/operations/product.operations.js";
 import { UPDATE_VARIANT_MUTATION as M, REMOVE_VARIANT_MUTATION as R, CREATE_VARIANT_MUTATION as b } from "../../api/operations/variant.operations.js";
 import { ProductCacheKeys as C } from "../constants/cache-keys.js";
 const G = () => {
-  const { mutateAsync: T } = s(N), { mutateAsync: O } = s(M), { mutateAsync: d } = s(R), { mutateAsync: A } = s(b), { mutateAsync: E } = s(w), { mutateAsync: P } = s(g), { mutateAsync: h } = s(_);
+  const { mutateAsync: h } = s(N), { mutateAsync: T } = s(M), { mutateAsync: d } = s(R), { mutateAsync: O } = s(b), { mutateAsync: A } = s(U), { mutateAsync: P } = s(V), { mutateAsync: g } = s(_);
   return {
-    updateProduct: async (i, o) => {
-      const n = o.options?.filter((e) => !r(e.id)), c = o.options?.filter((e) => r(e.id));
-      n?.length && o.defaultVariant && await d({ id: o.defaultVariant });
-      const y = c.length ? await Promise.all(
+    updateProduct: async (n, o) => {
+      const a = o.options?.filter((e) => !r(e.id)), c = o.options?.filter((e) => r(e.id));
+      a?.length && o.defaultVariant && await d({ id: o.defaultVariant });
+      const E = c.length ? await Promise.all(
         c.map(
-          (e, t) => E({
+          (e, t) => A({
             id: e.id,
             input: {
               order: t,
               name: e.name,
-              values: e.values.map((a, m) => ({
-                id: r(a.id) ? a.id : "",
-                name: a.customObjectEntryId ? null : a.name,
-                customObjectEntryId: a.customObjectEntryId,
+              values: e.values.map((i, m) => ({
+                id: r(i.id) ? i.id : "",
+                name: i.customObjectEntryId ? null : i.name,
+                customObjectEntryId: i.customObjectEntryId,
                 order: m
               }))
             }
           })
         )
-      ) : [], f = n.length ? await P({
-        productId: i,
-        input: n.map((e, t) => ({
+      ) : [], w = a.length ? await P({
+        productId: n,
+        input: a.map((e, t) => ({
           order: c.length + t,
           name: e.name,
-          values: e.values.map((a, m) => ({
-            name: a.customObjectEntryId ? null : a.name,
-            customObjectEntryId: a.customObjectEntryId,
+          values: e.values.map((i, m) => ({
+            name: i.customObjectEntryId ? null : i.name,
+            customObjectEntryId: i.customObjectEntryId,
             order: m
           }))
         }))
       }) : [];
-      await Promise.all(o.optionsToRemove.map((e) => h({ id: e })));
-      const I = [...y, ...f], p = /* @__PURE__ */ new Map();
-      I.forEach((e) => {
+      await Promise.all(o.optionsToRemove.map((e) => g({ id: e })));
+      const y = [...E, ...w], p = /* @__PURE__ */ new Map();
+      y.forEach((e) => {
         e.values.forEach((t) => {
           p.set(t.name, t.id);
         });
@@ -50,8 +50,8 @@ const G = () => {
         ...e,
         optionValues: e.optionValues?.map((t) => ({ id: p.get(t.name) ?? t.id, name: t.name })).filter((t) => t.id) ?? []
       }));
-      await T({
-        id: i,
+      await h({
+        id: n,
         input: {
           name: o.name,
           description: o.description,
@@ -59,20 +59,25 @@ const G = () => {
           customFields: Object.entries(o.customFields).map(([e, t]) => ({ id: e, value: t }))
         }
       });
-      const U = l.filter((e) => e.action === "none"), u = l.filter((e) => e.action === "create");
+      const f = l.filter((e) => e.action === "none"), u = l.filter((e) => e.action === "create");
       await Promise.all(
-        U.map(
-          async (e) => await O({
+        f.map(
+          async (e) => await T({
             id: e.id,
             input: {
               salePrice: e.salePrice,
               stock: e.stock,
+              comparisonPrice: e.comparisonPrice,
+              sku: e.sku,
+              requiresShipping: e.requiresShipping,
+              weight: e.weight,
+              dimensions: { height: e.height, width: e.width, length: e.length },
               optionValues: e.optionValues?.map((t) => t.id)
             }
           })
         )
-      ), u.length && await A({
-        productId: i,
+      ), u.length && await O({
+        productId: n,
         input: u.map((e) => ({
           salePrice: e.salePrice,
           stock: e.stock,
@@ -85,7 +90,7 @@ const G = () => {
         }))
       }), await Promise.all(
         o.variantsToRemove.map(async (e) => await d({ id: e }))
-      ), V.refetchQueries({ queryKey: [C.Unique(i)] });
+      ), I.refetchQueries({ queryKey: [C.Unique(n)] });
     }
   };
 };

package/dist/lib/product/pages/variatns-page.js

@@ -33,20 +33,21 @@ import "../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist
 import "../../../packages/lune-ui/dist/form/form.js";
 import { useParams as f } from "../../../node_modules/react-router/dist/development/chunk-JMJ3UQ3L.js";
 import { PageLayout as x } from "../../../shared/components/layout/page-layout.js";
+import { PageLoader as u } from "../../../shared/components/loader/page-loader.js";
 import { NotFound as h } from "../../../shared/components/not-found/not-found.js";
-import { VariantDetails as u } from "../components/variant-details/variant-details.js";
+import { VariantDetails as v } from "../components/variant-details/variant-details.js";
 import { VariantsList as o } from "../components/variant-details/variants-list/variants-list.js";
-import { useGetProductForVariants as v } from "../hooks/use-get-product-for-variants.js";
-const or = () => {
-  const { id: p, variantId: a } = f(), { isLoading: s, product: i } = v(p), m = n(
+import { useGetProductForVariants as g } from "../hooks/use-get-product-for-variants.js";
+const mr = () => {
+  const { id: s, variantId: a } = f(), { isLoading: m, product: i } = g(s), p = n(
     () => i?.variants.items.find((e) => e.id === a) ?? null,
     [i, a]
   );
-  return i.id ? /* @__PURE__ */ t(
+  return m ? /* @__PURE__ */ r(u, {}) : i.id ? /* @__PURE__ */ t(
     x,
     {
       className: "max-w-5xl mx-auto w-full fade-in grid grid-cols-6 gap-6",
-      isLoading: s,
+      isLoading: m,
       children: [
         /* @__PURE__ */ r("section", { className: "col-span-2 hidden lg:block", children: /* @__PURE__ */ r(l, { className: "pt-4 pb-0 overflow-hidden", children: /* @__PURE__ */ t(c, { className: "px-0 flex flex-col gap-4", children: [
           /* @__PURE__ */ r(d, { className: "px-4", children: "Variants" }),
@@ -55,11 +56,11 @@ const or = () => {
             /* @__PURE__ */ r("div", { className: "border-t max-h-[calc(100vh-48px*2-16px-16px-16px-36px-34px)] overflow-y-auto", children: /* @__PURE__ */ r(o.List, {}) })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ r("section", { className: "col-span-6 lg:col-span-4", children: m && /* @__PURE__ */ r(
-          u,
+        /* @__PURE__ */ r("section", { className: "col-span-6 lg:col-span-4", children: p && /* @__PURE__ */ r(
+          v,
           {
             productId: i.id,
-            variant: m,
+            variant: p,
             variants: i.variants.items
           }
         ) })
@@ -68,5 +69,5 @@ const or = () => {
   ) : /* @__PURE__ */ r(h, {});
 };
 export {
-  or as VariantsPage
+  mr as VariantsPage
 };

package/dist/node_modules/es-toolkit/dist/compat/object/cloneDeep.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "../../../../../_virtual/cloneDeep.js";
+import { __exports as e } from "../../../../../_virtual/cloneDeep2.js";
 import { __require as u } from "./cloneDeepWith.js";
 var o;
 function c() {

package/dist/node_modules/es-toolkit/dist/object/cloneDeep.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "../../../../_virtual/cloneDeep2.js";
+import { __exports as e } from "../../../../_virtual/cloneDeep.js";
 import { __require as u } from "./cloneDeepWith.js";
 var o;
 function c() {

package/dist/shared/components/asset-selector/list/asset-selector-list.js

@@ -46,11 +46,14 @@ import { AssetSelectorEmptyState as Y } from "../empty-state/asset-selector-empt
 import { AssetSelectorNoMatchingFiltersState as _ } from "../empty-state/asset-selector-no-matching-filters-state.js";
 import O from "../../../../node_modules/lucide-react/dist/esm/icons/cloud-upload.js";
 const Mr = ({ selected: h, setSelected: s }) => {
-  const { theme: n } = U(), [g, p] = P(), [i, x] = C(""), { isUploading: c, uploadAsset: b } = M(), { isLoading: l, isRefetching: N, refetch: y, assets: m } = B({
-    filters: {
-      ...i && { filename: { contains: i } }
-    }
-  }), d = !!i, k = !l && !m.length && !d;
+  const { theme: n } = U(), [g, c] = P(), [i, x] = C(""), { isUploading: p, uploadAsset: b } = M(), { isLoading: l, isRefetching: N, refetch: y, assets: m } = B(
+    {
+      filters: {
+        ...i && { filename: { contains: i } }
+      }
+    },
+    "asset-selector"
+  ), d = !!i, k = !l && !m.length && !d;
   I(() => {
     y();
   }, [i]);
@@ -69,8 +72,8 @@ const Mr = ({ selected: h, setSelected: s }) => {
       {
         className: f(
           "flex items-center justify-between gap-3 pb-6 px-6 z-10 h-fit border border-transparent",
-          p && n === "light" && "shadow-sm",
-          p && n === "dark" && "border-b-border"
+          c && n === "light" && "shadow-sm",
+          c && n === "dark" && "border-b-border"
         ),
         children: [
           /* @__PURE__ */ o(E, { className: "max-w-80 w-full", children: [
@@ -90,8 +93,8 @@ const Mr = ({ selected: h, setSelected: s }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ e(T, { onDrop: (r) => b(r), children: /* @__PURE__ */ o(D, { isLoading: c, variant: "outline", className: "shrink-0", children: [
-            !c && /* @__PURE__ */ e(O, {}),
+          /* @__PURE__ */ e(T, { onDrop: (r) => b(r), children: /* @__PURE__ */ o(D, { isLoading: p, variant: "outline", className: "shrink-0", children: [
+            !p && /* @__PURE__ */ e(O, {}),
             " Upload"
           ] }) })
         ]

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lunejs/admin-ui",
   "description": "Admin UI for Lune",
   "license": "AGPL-3.0",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "files": [
     "dist"