@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-YDAJI7WF.js

@@ -0,0 +1,389 @@
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  Skeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ConditionalTooltip
+} from "./chunk-LAVHRER2.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+
+// src/components/forms/metadata-form/metadata-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Button,
+  DropdownMenu,
+  Heading,
+  IconButton,
+  InlineTip,
+  clx,
+  toast
+} from "@medusajs/ui";
+import { useFieldArray, useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import {
+  ArrowDownMini,
+  ArrowUpMini,
+  EllipsisVertical,
+  Trash
+} from "@medusajs/icons";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MetadataFieldSchema = z.object({
+  key: z.string(),
+  disabled: z.boolean().optional(),
+  value: z.any()
+});
+var MetadataSchema = z.object({
+  metadata: z.array(MetadataFieldSchema)
+});
+var MetadataForm = (props) => {
+  const { t } = useTranslation();
+  const { isPending, ...innerProps } = props;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: t("metadata.edit.header") }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: t("metadata.edit.description") })
+    ] }),
+    isPending ? /* @__PURE__ */ jsx(PlaceholderInner, {}) : /* @__PURE__ */ jsx(InnerForm, { ...innerProps })
+  ] });
+};
+var METADATA_KEY_LABEL_ID = "metadata-form-key-label";
+var METADATA_VALUE_LABEL_ID = "metadata-form-value-label";
+var InnerForm = ({
+  metadata,
+  hook,
+  isMutating
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const hasUneditableRows = getHasUneditableRows(metadata);
+  const form = useForm({
+    defaultValues: {
+      metadata: getDefaultValues(metadata)
+    },
+    resolver: zodResolver(MetadataSchema)
+  });
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const parsedData = parseValues(data, metadata);
+    await hook(
+      {
+        metadata: parsedData
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("metadata.edit.successToast"));
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const { fields, insert, remove } = useFieldArray({
+    control: form.control,
+    name: "metadata"
+  });
+  function deleteRow(index) {
+    remove(index);
+    if (fields.length === 1) {
+      insert(0, {
+        key: "",
+        value: "",
+        disabled: false
+      });
+    }
+  }
+  function insertRow(index, position) {
+    insert(index + (position === "above" ? 0 : 1), {
+      key: "",
+      value: "",
+      disabled: false
+    });
+  }
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-base shadow-elevation-card-rest grid grid-cols-1 divide-y rounded-lg", children: [
+            /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle grid grid-cols-2 divide-x rounded-t-lg", children: [
+              /* @__PURE__ */ jsx("div", { className: "txt-compact-small-plus text-ui-fg-subtle px-2 py-1.5", children: /* @__PURE__ */ jsx("label", { id: METADATA_KEY_LABEL_ID, children: t("metadata.edit.labels.key") }) }),
+              /* @__PURE__ */ jsx("div", { className: "txt-compact-small-plus text-ui-fg-subtle px-2 py-1.5", children: /* @__PURE__ */ jsx("label", { id: METADATA_VALUE_LABEL_ID, children: t("metadata.edit.labels.value") }) })
+            ] }),
+            fields.map((field, index) => {
+              const isDisabled = field.disabled || false;
+              let placeholder = "-";
+              if (typeof field.value === "object") {
+                placeholder = "{ ... }";
+              }
+              if (Array.isArray(field.value)) {
+                placeholder = "[ ... ]";
+              }
+              return /* @__PURE__ */ jsx(
+                ConditionalTooltip,
+                {
+                  showTooltip: isDisabled,
+                  content: t("metadata.edit.complexRow.tooltip"),
+                  children: /* @__PURE__ */ jsxs("div", { className: "group/table relative", children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: clx("grid grid-cols-2 divide-x", {
+                          "overflow-hidden rounded-b-lg": index === fields.length - 1
+                        }),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Form.Field,
+                            {
+                              control: form.control,
+                              name: `metadata.${index}.key`,
+                              render: ({ field: field2 }) => {
+                                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                                  GridInput,
+                                  {
+                                    "aria-labelledby": METADATA_KEY_LABEL_ID,
+                                    ...field2,
+                                    disabled: isDisabled,
+                                    placeholder: "Key"
+                                  }
+                                ) }) });
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Form.Field,
+                            {
+                              control: form.control,
+                              name: `metadata.${index}.value`,
+                              render: ({ field: { value, ...field2 } }) => {
+                                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                                  GridInput,
+                                  {
+                                    "aria-labelledby": METADATA_VALUE_LABEL_ID,
+                                    ...field2,
+                                    value: isDisabled ? placeholder : value,
+                                    disabled: isDisabled,
+                                    placeholder: "Value"
+                                  }
+                                ) }) });
+                              }
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      DropdownMenu,
+                      {
+                        dir: direction,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            DropdownMenu.Trigger,
+                            {
+                              className: clx(
+                                "invisible absolute inset-y-0 -end-2.5 my-auto group-hover/table:visible data-[state='open']:visible",
+                                {
+                                  hidden: isDisabled
+                                }
+                              ),
+                              disabled: isDisabled,
+                              asChild: true,
+                              children: /* @__PURE__ */ jsx(IconButton, { size: "2xsmall", children: /* @__PURE__ */ jsx(EllipsisVertical, {}) })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenu.Item,
+                              {
+                                className: "gap-x-2",
+                                onClick: () => insertRow(index, "above"),
+                                children: [
+                                  /* @__PURE__ */ jsx(ArrowUpMini, { className: "text-ui-fg-subtle" }),
+                                  t("metadata.edit.actions.insertRowAbove")
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenu.Item,
+                              {
+                                className: "gap-x-2",
+                                onClick: () => insertRow(index, "below"),
+                                children: [
+                                  /* @__PURE__ */ jsx(ArrowDownMini, { className: "text-ui-fg-subtle" }),
+                                  t("metadata.edit.actions.insertRowBelow")
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenu.Item,
+                              {
+                                className: "gap-x-2",
+                                onClick: () => deleteRow(index),
+                                children: [
+                                  /* @__PURE__ */ jsx(Trash, { className: "text-ui-fg-subtle" }),
+                                  t("metadata.edit.actions.deleteRow")
+                                ]
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                },
+                field.id
+              );
+            })
+          ] }),
+          hasUneditableRows && /* @__PURE__ */ jsx(
+            InlineTip,
+            {
+              variant: "warning",
+              label: t("metadata.edit.complexRow.label"),
+              children: t("metadata.edit.complexRow.description")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              type: "button",
+              disabled: isMutating,
+              children: t("actions.cancel")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isMutating, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+var GridInput = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      ...props,
+      autoComplete: "off",
+      className: clx(
+        "txt-compact-small text-ui-fg-base placeholder:text-ui-fg-muted disabled:text-ui-fg-disabled disabled:bg-ui-bg-base bg-transparent px-2 py-1.5 outline-none",
+        className
+      )
+    }
+  );
+});
+GridInput.displayName = "MetadataForm.GridInput";
+var PlaceholderInner = () => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[148ox] w-full rounded-lg" }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-12 rounded-md" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-12 rounded-md" })
+    ] }) })
+  ] });
+};
+var EDITABLE_TYPES = ["string", "number", "boolean"];
+function getDefaultValues(metadata) {
+  if (!metadata || !Object.keys(metadata).length) {
+    return [
+      {
+        key: "",
+        value: "",
+        disabled: false
+      }
+    ];
+  }
+  return Object.entries(metadata).map(([key, value]) => {
+    if (!EDITABLE_TYPES.includes(typeof value)) {
+      return {
+        key,
+        value,
+        disabled: true
+      };
+    }
+    let stringValue = value;
+    if (typeof value !== "string") {
+      stringValue = JSON.stringify(value);
+    }
+    return {
+      key,
+      value: stringValue,
+      original_key: key
+    };
+  });
+}
+function parseValues(values, original) {
+  const metadata = values.metadata;
+  const isEmpty = !metadata.length || metadata.length === 1 && !metadata[0].key && !metadata[0].value;
+  if (isEmpty) {
+    return null;
+  }
+  const update = {};
+  if (original) {
+    Object.keys(original).forEach((originalKey) => {
+      const exists = metadata.some((field) => field.key === originalKey);
+      if (!exists) {
+        update[originalKey] = "";
+      }
+    });
+  }
+  metadata.forEach((field) => {
+    let key = field.key;
+    let value = field.value;
+    const disabled = field.disabled;
+    if (!key) {
+      return;
+    }
+    if (disabled) {
+      update[key] = value;
+      return;
+    }
+    key = key.trim();
+    value = value?.trim() ?? "";
+    if (value === "true") {
+      update[key] = true;
+    } else if (value === "false") {
+      update[key] = false;
+    } else {
+      const isNumeric = /^-?\d*\.?\d+$/.test(value);
+      if (isNumeric) {
+        update[key] = parseFloat(value);
+      } else {
+        update[key] = value;
+      }
+    }
+  });
+  return update;
+}
+function getHasUneditableRows(metadata) {
+  if (!metadata) {
+    return false;
+  }
+  return Object.values(metadata).some(
+    (value) => !EDITABLE_TYPES.includes(typeof value)
+  );
+}
+
+export {
+  MetadataForm
+};

package/dist/chunk-YMKZS2HK.js

@@ -0,0 +1,82 @@
+import {
+  useDateTableFilters
+} from "./chunk-26OOAKQ6.js";
+
+// src/hooks/table/filters/use-collection-table-filters.tsx
+var useCollectionTableFilters = () => {
+  const dateFilters = useDateTableFilters();
+  return dateFilters;
+};
+
+// src/hooks/table/filters/use-product-tag-table-filters.tsx
+var useProductTagTableFilters = () => {
+  const dateFilters = useDateTableFilters();
+  return dateFilters;
+};
+
+// src/hooks/table/filters/use-seller-table-filters.tsx
+import { useTranslation } from "react-i18next";
+var useSellerTableFilters = () => {
+  const { t } = useTranslation();
+  const statusFilter = {
+    key: "status",
+    label: t("fields.status"),
+    type: "select",
+    multiple: true,
+    options: [
+      {
+        label: t("sellers.status.pending"),
+        value: "pending"
+      },
+      {
+        label: t("sellers.status.active"),
+        value: "active"
+      },
+      {
+        label: t("sellers.status.suspended"),
+        value: "suspended"
+      }
+    ]
+  };
+  const dateFilters = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" }
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date"
+  }));
+  return [statusFilter, ...dateFilters];
+};
+
+// src/hooks/table/filters/use-shipping-option-table-filters.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useShippingOptionTableFilters = (locations) => {
+  const { t } = useTranslation2();
+  const locationFilter = {
+    key: "stock_location_id",
+    label: t("fields.location"),
+    type: "select",
+    options: locations.map((l) => ({ label: l.name, value: l.id }))
+  };
+  const dateFilters = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" }
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date"
+  }));
+  const filters = [locationFilter, ...dateFilters];
+  return filters;
+};
+
+// src/hooks/table/filters/use-tax-rate-table-filters.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+export {
+  useCollectionTableFilters,
+  useProductTagTableFilters,
+  useSellerTableFilters,
+  useShippingOptionTableFilters
+};

package/dist/chunk-YQYGAFCS.js

@@ -0,0 +1,119 @@
+import {
+  salesChannelsQueryKeys
+} from "./chunk-QUTZUW55.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  queryKeysFactory
+} from "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+
+// src/hooks/api/api-keys.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var API_KEYS_QUERY_KEY = "api_keys";
+var apiKeysQueryKeys = queryKeysFactory(API_KEYS_QUERY_KEY);
+var useApiKey = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.apiKeys.$id.query({ $id: id, ...query }),
+    queryKey: apiKeysQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useApiKeys = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.apiKeys.query({ ...query }),
+    queryKey: apiKeysQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateApiKey = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.mutate(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.$id.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useRevokeApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.apiKeys.$id.revoke.mutate({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.apiKeys.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useBatchRemoveSalesChannelsFromApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.$id.salesChannels.mutate({ $id: id, remove: payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useBatchAddSalesChannelsToApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.$id.salesChannels.mutate({ $id: id, add: payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  apiKeysQueryKeys,
+  useApiKey,
+  useApiKeys,
+  useCreateApiKey,
+  useUpdateApiKey,
+  useRevokeApiKey,
+  useDeleteApiKey,
+  useBatchRemoveSalesChannelsFromApiKey,
+  useBatchAddSalesChannelsToApiKey
+};

package/dist/chunk-YVCBMOJG.js

@@ -0,0 +1,50 @@
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+
+// src/components/common/switch-box/switch-box.tsx
+import { Switch } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SwitchBox = ({
+  label,
+  description,
+  optional = false,
+  tooltip,
+  onCheckedChange,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Form.Field,
+    {
+      ...props,
+      render: ({ field: { value, onChange, ...field } }) => {
+        return /* @__PURE__ */ jsxs(Form.Item, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-component shadow-elevation-card-rest flex items-start gap-x-3 rounded-lg p-3", children: [
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                className: "rtl:rotate-180",
+                dir: "ltr",
+                ...field,
+                checked: value,
+                onCheckedChange: (e) => {
+                  onCheckedChange?.(e);
+                  onChange(e);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional, tooltip, children: label }),
+              /* @__PURE__ */ jsx(Form.Hint, { children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+        ] });
+      }
+    }
+  );
+};
+
+export {
+  SwitchBox
+};

package/dist/chunk-YWWUOGJA.js

@@ -0,0 +1,62 @@
+// src/components/table/data-table/hooks.tsx
+import { useSearchParams } from "react-router-dom";
+var useSelectedParams = ({
+  param,
+  prefix,
+  multiple = false
+}) => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const identifier = prefix ? `${prefix}_${param}` : param;
+  const offsetKey = prefix ? `${prefix}_offset` : "offset";
+  const add = (value) => {
+    setSearchParams((prev) => {
+      const newValue = new URLSearchParams(prev);
+      const updateMultipleValues = () => {
+        const existingValues = newValue.get(identifier)?.split(",") || [];
+        if (!existingValues.includes(value)) {
+          existingValues.push(value);
+          newValue.set(identifier, existingValues.join(","));
+        }
+      };
+      const updateSingleValue = () => {
+        newValue.set(identifier, value);
+      };
+      multiple ? updateMultipleValues() : updateSingleValue();
+      newValue.delete(offsetKey);
+      return newValue;
+    });
+  };
+  const deleteParam = (value) => {
+    const deleteMultipleValues = (prev) => {
+      const existingValues = prev.get(identifier)?.split(",") || [];
+      const index = existingValues.indexOf(value || "");
+      if (index > -1) {
+        existingValues.splice(index, 1);
+        prev.set(identifier, existingValues.join(","));
+      }
+    };
+    const deleteSingleValue = (prev) => {
+      prev.delete(identifier);
+    };
+    setSearchParams((prev) => {
+      if (value) {
+        multiple ? deleteMultipleValues(prev) : deleteSingleValue(prev);
+        if (!prev.get(identifier)) {
+          prev.delete(identifier);
+        }
+      } else {
+        prev.delete(identifier);
+      }
+      prev.delete(offsetKey);
+      return prev;
+    });
+  };
+  const get = () => {
+    return searchParams.get(identifier)?.split(",").filter(Boolean) || [];
+  };
+  return { add, delete: deleteParam, get };
+};
+
+export {
+  useSelectedParams
+};