@fluid-app/portal-sdk 0.1.349 → 0.1.351

package/dist/SearchSort-C6RV6d9g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSort-C6RV6d9g.mjs","names":[],"sources":["../../../products/core/src/products-core-api-context.tsx","../../../products/core/src/portal-products-api-context.tsx","../../../products/core/src/hooks/use-debounce.ts","../../../products/core/src/hooks/use-portal-products.ts","../../../products/core/src/hooks/use-portal-product-catalog.ts","../../../products/core/src/hooks/use-portal-product-detail.ts","../../../products/core/src/utils/subscription-plans.ts","../../../products/core/src/stores/use-product-store.ts","../../../products/core/src/stores/use-draft-store.ts","../../../products/core/src/utils/product-helpers.ts","../../../products/core/src/utils/product-price.ts","../../../platform/ui-components/src/components/SearchSort.tsx"],"sourcesContent":["import { createContext, type JSX, type ReactNode, use } from \"react\";\nimport type { ProductsApi } from \"./products-api\";\n\ninterface ProductsCoreConfig {\n  api: ProductsApi;\n}\n\nconst ProductsCoreContext = createContext<ProductsCoreConfig | null>(null);\n\nexport function ProductsCoreProvider({\n  api,\n  children,\n}: ProductsCoreConfig & { children: ReactNode }): JSX.Element {\n  return (\n    <ProductsCoreContext.Provider value={{ api }}>\n      {children}\n    </ProductsCoreContext.Provider>\n  );\n}\n\nexport function useProductsApi(): ProductsApi {\n  const ctx = use(ProductsCoreContext);\n  if (!ctx) {\n    throw new Error(\n      \"useProductsApi must be used within a <ProductsCoreProvider>\",\n    );\n  }\n  return ctx.api;\n}\n","import { createContext, type JSX, type ReactNode, use } from \"react\";\nimport type { PortalProductsApi } from \"./portal-products-api\";\n\ninterface PortalProductsCoreConfig {\n  api: PortalProductsApi;\n}\n\nconst PortalProductsCoreContext =\n  createContext<PortalProductsCoreConfig | null>(null);\n\nexport function PortalProductsCoreProvider({\n  api,\n  children,\n}: PortalProductsCoreConfig & { children: ReactNode }): JSX.Element {\n  return (\n    <PortalProductsCoreContext.Provider value={{ api }}>\n      {children}\n    </PortalProductsCoreContext.Provider>\n  );\n}\n\nexport function usePortalProductsApi(): PortalProductsApi {\n  const ctx = use(PortalProductsCoreContext);\n  if (!ctx) {\n    throw new Error(\n      \"usePortalProductsApi must be used within a <PortalProductsCoreProvider>\",\n    );\n  }\n  return ctx.api;\n}\n","import { useState, useEffect } from \"react\";\n\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { portalProducts } from \"../portal-products-api\";\nimport { usePortalProductsApi } from \"../portal-products-api-context\";\n\nconst portalProductKeys = {\n  all: [\"portal-products\"] as const,\n  list: (params?: portalProducts.CursorPaginationParams) =>\n    [...portalProductKeys.all, \"list\", params] as const,\n  detail: (id: string | number) =>\n    [...portalProductKeys.all, \"detail\", String(id)] as const,\n  search: (query: string, params?: portalProducts.CursorPaginationParams) =>\n    [...portalProductKeys.all, \"search\", query, params] as const,\n  media: (productId: string | number) =>\n    [...portalProductKeys.all, \"media\", String(productId)] as const,\n};\n\nexport { portalProductKeys };\n\nexport function usePortalProducts(\n  params?: portalProducts.CursorPaginationParams,\n) {\n  const api = usePortalProductsApi();\n  return useQuery({\n    queryKey: portalProductKeys.list(params),\n    queryFn: () => api.listProducts(params),\n  });\n}\n\nexport function usePortalProduct(\n  id: string | number,\n  options?: { enabled?: boolean },\n) {\n  const api = usePortalProductsApi();\n  return useQuery({\n    queryKey: portalProductKeys.detail(id),\n    queryFn: () => api.getProduct(id),\n    enabled: options?.enabled ?? true,\n  });\n}\n\nexport function usePortalProductSearch(\n  query: string,\n  params?: portalProducts.CursorPaginationParams & { enabled?: boolean },\n) {\n  const api = usePortalProductsApi();\n  const { enabled, ...paginationParams } = params ?? {};\n  return useQuery({\n    queryKey: portalProductKeys.search(query, paginationParams),\n    queryFn: () => api.searchProducts(query, paginationParams),\n    enabled: enabled ?? query.length > 0,\n  });\n}\n\nexport function usePortalProductMedia(\n  productId: string | number,\n  options?: { enabled?: boolean },\n) {\n  const api = usePortalProductsApi();\n  return useQuery({\n    queryKey: portalProductKeys.media(productId),\n    queryFn: () => api.getProductMedia(productId),\n    enabled: options?.enabled ?? true,\n  });\n}\n","import { useState, useMemo, useCallback } from \"react\";\nimport type { portalProducts } from \"../portal-products-api\";\nimport { usePortalProductsApi } from \"../portal-products-api-context\";\nimport { useDebounce } from \"./use-debounce\";\n\nexport interface UsePortalProductCatalogParams {\n  perPage?: number;\n}\n\n/** Page param is a cursor string from the BFF, or undefined for the first page. */\nexport type PortalProductPageParam = string | undefined;\n\nexport function usePortalProductCatalog({\n  perPage = 25,\n}: UsePortalProductCatalogParams = {}) {\n  const api = usePortalProductsApi();\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const debouncedSearchTerm = useDebounce(searchTerm, 300);\n  const [currentSort, setCurrentSort] = useState<string>(\"created_at_desc\");\n\n  const fetchProducts = useCallback(\n    async (\n      pageParam?: PortalProductPageParam,\n      signal?: AbortSignal,\n    ): Promise<portalProducts.PortalProductsResponse> => {\n      const params: portalProducts.CursorPaginationParams = {\n        limit: perPage,\n        sort: currentSort,\n      };\n      if (pageParam !== undefined) params.cursor = pageParam;\n      if (signal !== undefined) params.signal = signal;\n\n      if (debouncedSearchTerm) {\n        return api.searchProducts(debouncedSearchTerm, params);\n      }\n      return api.listProducts(params);\n    },\n    [api, debouncedSearchTerm, perPage, currentSort],\n  );\n\n  const getNextPageParam = useCallback(\n    (\n      lastPage: portalProducts.PortalProductsResponse,\n      _allPages: portalProducts.PortalProductsResponse[],\n      lastPageParam: PortalProductPageParam,\n    ): PortalProductPageParam => {\n      const nextCursor = lastPage.meta?.pagination?.next_cursor ?? undefined;\n      // Stop if the API returned the same cursor we just sent (prevents\n      // infinite refetch loops when the backend doesn't advance).\n      if (nextCursor != null && nextCursor === lastPageParam) {\n        return undefined;\n      }\n      return nextCursor;\n    },\n    [],\n  );\n\n  const queryKey = useMemo(\n    () => [\n      \"portal-product-catalog\",\n      debouncedSearchTerm || \"\",\n      perPage,\n      currentSort,\n    ],\n    [debouncedSearchTerm, perPage, currentSort],\n  );\n\n  return {\n    searchTerm,\n    setSearchTerm,\n    debouncedSearchTerm,\n    currentSort,\n    setCurrentSort,\n    fetchProducts,\n    getNextPageParam,\n    queryKey,\n    perPage,\n  };\n}\n","import { useMemo } from \"react\";\nimport { usePortalProduct } from \"./use-portal-products\";\n\nexport interface UsePortalProductDetailParams {\n  productId: string;\n}\n\nexport function usePortalProductDetail({\n  productId,\n}: UsePortalProductDetailParams) {\n  const {\n    data: productResponse,\n    isLoading,\n    error,\n  } = usePortalProduct(productId);\n\n  const product = productResponse?.product;\n\n  const images = useMemo(() => {\n    if (!product?.images) return [];\n    return product.images.map((img, idx) => ({\n      id: idx,\n      url: img.url ?? \"\",\n      alt: img.alt ?? null,\n    }));\n  }, [product?.images]);\n\n  return {\n    product,\n    isLoading,\n    error,\n    images,\n  };\n}\n","import type { products } from \"../types\";\n\nexport function ensureDefaultSubscriptionPlan(\n  plans: readonly products.ProductSubscriptionPlan[],\n): products.ProductSubscriptionPlan[] {\n  const activePlans = plans.filter((plan) => plan.active !== false);\n\n  if (activePlans.length === 0) {\n    return plans.map((plan) => ({ ...plan, default: false }));\n  }\n\n  const hasActiveDefault = activePlans.some((plan) => plan.default === true);\n\n  if (!hasActiveDefault) {\n    const planWithLowestId = activePlans.reduce((lowest, current) => {\n      const lowestId = lowest.subscription_plan?.id || Infinity;\n      const currentId = current.subscription_plan?.id || Infinity;\n      return currentId < lowestId ? current : lowest;\n    });\n\n    return plans.map((plan) => ({\n      ...plan,\n      default:\n        plan.subscription_plan?.id === planWithLowestId.subscription_plan?.id &&\n        plan.active !== false,\n    }));\n  }\n\n  return plans.map((plan) => ({\n    ...plan,\n    default: plan.active !== false ? (plan.default ?? false) : false,\n  }));\n}\n\nexport function plansToAttributes(\n  plans: readonly products.ProductSubscriptionPlan[],\n): products.ProductSubscriptionPlanAttribute[] {\n  return plans.map((plan) => ({\n    ...(plan.id !== undefined && { id: plan.id }),\n    subscription_plan_id: plan.subscription_plan.id,\n    default: plan.default || false,\n    active: plan.active !== false,\n  }));\n}\n","import { create, type StateCreator } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport type { products } from \"../types\";\nimport {\n  ensureDefaultSubscriptionPlan,\n  plansToAttributes,\n} from \"../utils/subscription-plans\";\n\n// Default state\nconst defaultState = {\n  title: \"\",\n  description: \"\",\n  introduction: \"\",\n  stripped: \"\",\n  feature_text: \"\",\n  sku: \"\",\n  slug: \"\",\n  canonical_url: null as string | null,\n  image_url: \"\",\n  status: \"draft\",\n  publish_at: null,\n  price: \"0\",\n  commission: 0,\n  public: true,\n  no_index: false,\n  show_reviews: true,\n  publish_to_retail_store: true,\n  publish_to_rep_store: true,\n  publish_to_share_tab: true,\n  collection_ids: [],\n  tag_ids: [],\n  images_attributes: [],\n  product_subscription_plans_attributes: [],\n  product_subscription_plans: [],\n  variants_attributes: [],\n  bundle: false,\n  track_inventory_on_bundle_items: false,\n  product_bundles_attributes: [],\n  option_attrs: [],\n  options: [],\n  metafields_attributes: [],\n  metadata: {},\n  search_engine_optimizer_attributes: {\n    title: \"\",\n    description: \"\",\n    image_url: \"\",\n    image_path: \"\",\n    block_crawler: false,\n  },\n};\n\ntype ValidationErrors = Partial<Record<string, string>>;\n\nexport type TranslationData = {\n  title?: string;\n  introduction?: string;\n  description?: string;\n  feature_text?: string;\n};\n\ntype LanguageTranslations = Record<string, TranslationData>;\ntype TranslationLoadingState = Record<string, boolean>;\n\ninterface UpdateFieldOptions {\n  shouldValidate?: boolean;\n  shouldClearError?: boolean;\n  markDirty?: boolean;\n}\n\ntype ArrayItemType<T> = T extends (infer U)[] ? U : unknown;\n\ntype ProductStoreFields = products.UpdateProduct & {\n  product_subscription_plans: products.ProductSubscriptionPlan[];\n  track_inventory_on_bundle_items: boolean;\n  canonical_url: string | null;\n  publish_at: string | null;\n};\n\nexport type ProductStoreState = ProductStoreFields & {\n  errors: ValidationErrors;\n  isValid: boolean;\n  isDirty: boolean;\n  translations: LanguageTranslations;\n  editedTranslations: LanguageTranslations;\n  translationErrors: Record<string, Record<string, string | undefined>>;\n  translationLoading: TranslationLoadingState;\n  translationsFetched: boolean;\n\n  setProduct: (productData: products.Product) => void;\n  updateField: <K extends keyof ProductStoreFields>(\n    key: K,\n    value: ProductStoreFields[K],\n    options?: UpdateFieldOptions,\n  ) => void;\n  updatePartial: (updates: Partial<ProductStoreFields>) => void;\n  updateSlug: (slug: string, isManual?: boolean) => void;\n  updateSEO: (seo: {\n    title?: string;\n    description?: string;\n    image_url?: string;\n    image_path?: string;\n    block_crawler?: boolean;\n  }) => void;\n  updateArrayItem: <K extends keyof ProductStoreFields>(\n    arrayKey: K,\n    itemId: number | string,\n    updatedItem: ArrayItemType<ProductStoreFields[K]>,\n    idField?: string,\n  ) => void;\n  reset: () => void;\n  validateField: (field: string) => void;\n  validateRequired: () => boolean;\n  clearErrors: () => void;\n  clearFieldError: (field: string) => void;\n  markClean: () => void;\n\n  setTranslationLoading: (languageIso: string, loading: boolean) => void;\n  setTranslationData: (languageIso: string, data: TranslationData) => void;\n  updateTranslationField: (\n    languageIso: string,\n    field: keyof TranslationData,\n    value: string,\n  ) => void;\n  getOriginalTranslation: (\n    languageIso: string,\n    field: keyof TranslationData,\n  ) => string | undefined;\n  getEditedTranslation: (\n    languageIso: string,\n    field: keyof TranslationData,\n  ) => string | undefined;\n  setTranslationError: (\n    languageIso: string,\n    field: keyof TranslationData,\n    error?: string,\n  ) => void;\n  getTranslationError: (\n    languageIso: string,\n    field: keyof TranslationData,\n  ) => string | undefined;\n  getTranslation: (\n    languageIso: string,\n    field: keyof TranslationData,\n  ) => string | undefined;\n  isTranslationLoading: (languageIso: string) => boolean;\n  resetTranslations: () => void;\n  setTranslationsFetched: (fetched: boolean) => void;\n};\n\nfunction syncSubscriptionPlans(plans: products.ProductSubscriptionPlan[]): {\n  product_subscription_plans: products.ProductSubscriptionPlan[];\n  product_subscription_plans_attributes: products.ProductSubscriptionPlanAttribute[];\n} {\n  const activePlans = plans.filter((plan) => plan.active !== false);\n  const plansWithDefault =\n    activePlans.length > 0 ? ensureDefaultSubscriptionPlan(plans) : plans;\n  return {\n    product_subscription_plans: plansWithDefault,\n    product_subscription_plans_attributes: plansToAttributes(plansWithDefault),\n  };\n}\n\nconst extractFilenameFromUrl = (imageUrl: string): string => {\n  try {\n    const url = new URL(imageUrl);\n    return url.pathname.split(\"/\").pop() || \"\";\n  } catch {\n    return imageUrl.split(\"/\").pop()?.split(\"?\")[0] || \"\";\n  }\n};\n\nconst createProductStore: StateCreator<ProductStoreState> = (set, get) => ({\n  ...defaultState,\n  track_inventory_on_bundle_items: false,\n  translations: {},\n  editedTranslations: {},\n  translationErrors: {},\n  translationLoading: {},\n  translationsFetched: false,\n  errors: {},\n  isValid: false,\n  isDirty: false,\n\n  setProduct: (productData: products.Product) => {\n    const initialImagePath =\n      productData.image_path && !productData.image_path.includes(\"undefined\")\n        ? productData.image_path\n        : productData.image_url\n          ? extractFilenameFromUrl(productData.image_url)\n          : undefined;\n    const categoryId = productData.category_id\n      ? parseInt(productData.category_id)\n      : productData.category?.id;\n    const transformedData: ProductStoreFields = {\n      ...(productData.id !== undefined && { id: productData.id }),\n      title: productData.title || \"\",\n      description: productData.description || \"\",\n      introduction: productData.introduction || \"\",\n      stripped: productData.stripped || \"\",\n      feature_text: productData.feature_text || \"\",\n      sku: productData.sku || \"\",\n      slug: productData.slug || \"\",\n      canonical_url: productData.canonical_url || null,\n      custom_slug: productData.custom_slug || false,\n      image_url: productData.image_url || \"\",\n      ...(initialImagePath !== undefined && { image_path: initialImagePath }),\n      status: productData.status || \"draft\",\n      publish_at: productData.publish_at || null,\n      commission:\n        typeof productData.commission === \"string\"\n          ? parseFloat(productData.commission)\n          : productData.commission || 0,\n      public: productData.public ?? true,\n      no_index: productData.no_index ?? false,\n      show_reviews: productData.show_reviews ?? true,\n      ...(productData.publish_to_retail_store !== undefined && {\n        publish_to_retail_store: productData.publish_to_retail_store,\n      }),\n      ...(productData.publish_to_rep_store !== undefined && {\n        publish_to_rep_store: productData.publish_to_rep_store,\n      }),\n      ...(productData.publish_to_share_tab !== undefined && {\n        publish_to_share_tab: productData.publish_to_share_tab,\n      }),\n      ...(productData.tax_category_id && {\n        tax_category_id: productData.tax_category_id,\n      }),\n      ...(productData.international_tax_type && {\n        international_tax_type: productData.international_tax_type,\n      }),\n      ...(categoryId !== undefined && { category_id: categoryId }),\n      ...(productData.application_theme_template_id != null && {\n        application_theme_template_id:\n          productData.application_theme_template_id,\n      }),\n      collection_ids:\n        (productData.collections as Array<{ id: number }> | undefined)?.map(\n          (collection) => collection.id,\n        ) ?? [],\n      tag_ids: Array.isArray(productData.tags)\n        ? (productData.tags as Array<{ id: number } | number>)\n            .map((tag) => (typeof tag === \"number\" ? tag : tag?.id))\n            .filter(Boolean)\n        : [],\n      search_engine_optimizer_attributes: (() => {\n        const seo = productData.search_engine_optimizer;\n        const resolvedTitle = seo?.title || productData.title;\n        return {\n          ...(seo?.id !== undefined && { id: seo.id }),\n          ...(resolvedTitle && { title: resolvedTitle }),\n          description: seo?.description || \"\",\n          image_url: seo?.image_url || productData.image_url || \"\",\n          image_path: seo?.image_path || productData.image_path || \"\",\n          block_crawler: seo?.block_crawler ?? false,\n        };\n      })(),\n      images_attributes:\n        (productData.images as products.ImageAttribute[] | undefined)?.map(\n          (img) => {\n            const imagePath =\n              img.image_path && !img.image_path.includes(\"undefined\")\n                ? img.image_path\n                : img.image_url\n                  ? extractFilenameFromUrl(img.image_url)\n                  : undefined;\n            return {\n              ...(img.id !== undefined && { id: img.id }),\n              position: img.position || 0,\n              image_url: img.image_url,\n              ...(imagePath !== undefined && { image_path: imagePath }),\n              _destroy: false,\n            };\n          },\n        ) || [],\n      ...(productData.images &&\n        productData.images.length > 0 &&\n        (() => {\n          if (\n            productData.image_path &&\n            typeof productData.image_path === \"string\" &&\n            !productData.image_path.includes(\"undefined\")\n          ) {\n            return { image_path: productData.image_path };\n          }\n          const firstImage = (\n            productData.images as products.ImageAttribute[]\n          ).find((img) => img.position === 0);\n          if (\n            firstImage?.image_path &&\n            typeof firstImage.image_path === \"string\" &&\n            !firstImage.image_path.includes(\"undefined\")\n          ) {\n            return { image_path: firstImage.image_path };\n          }\n          return productData.image_url\n            ? { image_path: extractFilenameFromUrl(productData.image_url) }\n            : {};\n        })()),\n      product_subscription_plans: (() => {\n        const plans =\n          productData?.product_subscription_plans?.map(\n            (plan: products.ProductSubscriptionPlan) => ({ ...plan }),\n          ) || [];\n        return plans.length > 0 ? ensureDefaultSubscriptionPlan(plans) : plans;\n      })(),\n      product_subscription_plans_attributes: (() => {\n        const plans =\n          productData?.product_subscription_plans?.map(\n            (plan: products.ProductSubscriptionPlan) => ({ ...plan }),\n          ) || [];\n        const finalPlans =\n          plans.length > 0 ? ensureDefaultSubscriptionPlan(plans) : plans;\n        return plansToAttributes(finalPlans);\n      })(),\n      variants_attributes:\n        productData?.variants\n          ?.filter(\n            (\n              variant: products.Variant,\n            ): variant is products.Variant & { id: number } =>\n              variant.id !== null && variant.id !== undefined,\n          )\n          .map((variant) => {\n            const imagesAttributes = variant?.images?.map(\n              (image: {\n                id?: number;\n                position: number;\n                image_url: string;\n              }) => ({\n                ...(image.id !== undefined && { id: image.id }),\n                position: image.position || 0,\n                image_url: image.image_url,\n                _destroy: false,\n              }),\n            );\n            const inventoryLevelsAttributes = variant?.inventory_levels\n              ?.filter(\n                (level: products.InventoryLevel) =>\n                  (level.warehouse_id ?? level.warehouse?.id) != null,\n              )\n              .map((level: products.InventoryLevel) => ({\n                id: level.id,\n                available: level.available,\n                committed: level.committed,\n                on_hand: level.on_hand,\n                unavailable: level.unavailable,\n                warehouse_id: level.warehouse?.id || 0,\n                _destroy: false,\n              }));\n            return {\n              id: variant.id,\n              title: variant.title ?? productData?.title ?? \"Untitled Variant\",\n              option_attrs: variant.option_attrs || [],\n              ...(variant.sku && { sku: variant.sku }),\n              ...(variant.price !== undefined && { price: variant.price }),\n              track_quantity: variant.track_quantity ?? false,\n              keep_selling: variant.keep_selling ?? false,\n              bar_code: variant.bar_code ?? \"\",\n              ...(variant.limit_subscription !== undefined && {\n                limit_subscription: variant.limit_subscription,\n              }),\n              subscription_max_qty: variant.subscription_max_qty ?? 0,\n              customer_limit: variant.customer_limit ?? 0,\n              is_master: variant.is_master,\n              _destroy: false,\n              ...(imagesAttributes && { images_attributes: imagesAttributes }),\n              ...(inventoryLevelsAttributes && {\n                inventory_levels_attributes: inventoryLevelsAttributes,\n              }),\n              variant_countries_attributes: variant?.variant_countries\n                ? Object.entries(\n                    variant.variant_countries as Record<\n                      string,\n                      products.VariantCountry\n                    >,\n                  ).map(([iso, country]) => ({\n                    id: country.id ?? 0,\n                    active: country.active ?? true,\n                    ...(country.country_id !== undefined && {\n                      country_id: country.country_id,\n                    }),\n                    country_name: country.country_name ?? \"\",\n                    country_iso: iso,\n                    price: Number(country.price) || 0,\n                    subscription_price: Number(country.subscription_price) || 0,\n                    wholesale: Number(country.wholesale) || 0,\n                    wholesale_subscription_price:\n                      Number(country.wholesale_subscription_price) || 0,\n                    compare_price: Number(country.compare_price) || 0,\n                    cv: Number(country.cv) || 0,\n                    qv: Number(country.qv) || 0,\n                    pc_cv: Number(country.pc_cv) || 0,\n                    pc_qv: Number(country.pc_qv) || 0,\n                    cost_of_goods_sold: Number(country.cost_of_goods_sold) || 0,\n                    currency_code: country.currency_code || null,\n                    shipping: Number(country.shipping) || 0,\n                    ...(country.points !== undefined && {\n                      points: country.points,\n                    }),\n                  }))\n                : [],\n            };\n          }) ?? [],\n      bundle: (productData.product_bundles?.length ?? 0) > 0,\n      track_inventory_on_bundle_items:\n        productData.track_inventory_on_bundle_items ?? false,\n      product_bundles_attributes: (productData.product_bundles || []).map(\n        (bundle: products.ProductBundle) => ({\n          id: bundle.id,\n          bundled_variant_id: bundle.bundled_variant?.id || 0,\n          bundled_variant: {\n            title: bundle.bundled_variant?.title || \"\",\n            sku: bundle.bundled_variant?.sku || null,\n            price: String(bundle.bundled_variant?.price || \"0\"),\n            price_in_currency: bundle.bundled_variant?.price_in_currency || \"\",\n            ...(bundle.bundled_variant?.currency_code !== undefined && {\n              currency_code: bundle.bundled_variant.currency_code,\n            }),\n            product: {\n              id: bundle.bundled_variant?.product.id || 0,\n              title: bundle.bundled_variant?.product.title || \"\",\n              image_url: bundle.bundled_variant?.product.image_url || \"\",\n              price: bundle.bundled_variant?.product.price || \"0\",\n              price_in_currency:\n                bundle.bundled_variant?.product.price_in_currency || \"\",\n              cv: bundle.bundled_variant?.product.cv || 0,\n              qv: bundle.bundled_variant?.product.qv || 0,\n            },\n          },\n          cv: bundle.cv || 0,\n          qv: bundle.qv || 0,\n          quantity: bundle.quantity,\n          display_externally: bundle.display_externally ?? true,\n          _destroy: false,\n        }),\n      ),\n      option_attrs: productData.option_attrs || [],\n      options: productData.options || [],\n      metafields_attributes: (productData.metafields || []).map(\n        (metafield: products.Metafield) => ({\n          id: metafield.id,\n          namespace: metafield.namespace,\n          key: metafield.key,\n          value: metafield.value,\n          value_type: metafield.value_type,\n          _destroy: false,\n        }),\n      ),\n      metadata: productData.metadata || {},\n    };\n\n    set({\n      ...transformedData,\n      errors: {},\n      isValid: false,\n      isDirty: false,\n    });\n  },\n\n  updateSlug: (slug, isManual = true) => {\n    set((state: ProductStoreState) => ({\n      slug,\n      custom_slug: isManual,\n      search_engine_optimizer_attributes: {\n        ...state.search_engine_optimizer_attributes,\n        title: state.search_engine_optimizer_attributes?.title || \"\",\n        description:\n          state.search_engine_optimizer_attributes?.description || \"\",\n        image_url: state.search_engine_optimizer_attributes?.image_url || \"\",\n        image_path: state.search_engine_optimizer_attributes?.image_path || \"\",\n        block_crawler:\n          state.search_engine_optimizer_attributes?.block_crawler ?? false,\n      },\n      isDirty: true,\n    }));\n  },\n\n  updateSEO: (seo) => {\n    set((state: ProductStoreState) => ({\n      search_engine_optimizer_attributes: {\n        ...state.search_engine_optimizer_attributes,\n        title:\n          seo.title !== undefined\n            ? seo.title\n            : state.search_engine_optimizer_attributes?.title || \"\",\n        description:\n          seo.description !== undefined\n            ? seo.description\n            : state.search_engine_optimizer_attributes?.description || \"\",\n        image_url:\n          seo.image_url !== undefined\n            ? seo.image_url\n            : state.search_engine_optimizer_attributes?.image_url || \"\",\n        image_path:\n          seo.image_path !== undefined\n            ? seo.image_path\n            : state.search_engine_optimizer_attributes?.image_path || \"\",\n        block_crawler:\n          seo.block_crawler !== undefined\n            ? seo.block_crawler\n            : (state.search_engine_optimizer_attributes?.block_crawler ??\n              false),\n      },\n      isDirty: true,\n    }));\n  },\n\n  updateField: <K extends keyof ProductStoreFields>(\n    key: K,\n    value: ProductStoreFields[K],\n    options?: UpdateFieldOptions,\n  ) => {\n    const {\n      shouldValidate = false,\n      shouldClearError = true,\n      markDirty = true,\n    } = options || {};\n\n    set((state: ProductStoreState) => {\n      if (key === \"product_subscription_plans\") {\n        return {\n          ...state,\n          ...syncSubscriptionPlans(value as products.ProductSubscriptionPlan[]),\n          errors: shouldClearError\n            ? { ...state.errors, [key]: undefined }\n            : state.errors,\n          isDirty: markDirty ? true : state.isDirty,\n        };\n      }\n\n      return {\n        ...state,\n        [key]: value,\n        errors: shouldClearError\n          ? { ...state.errors, [key]: undefined }\n          : state.errors,\n        isDirty: markDirty ? true : state.isDirty,\n      };\n    });\n\n    if (shouldValidate) {\n      get().validateField(key as string);\n    }\n  },\n\n  updatePartial: (updates: Partial<ProductStoreFields>) => {\n    set((state: ProductStoreState) => {\n      if (updates.product_subscription_plans) {\n        return {\n          ...state,\n          ...updates,\n          ...syncSubscriptionPlans(updates.product_subscription_plans),\n          errors: {\n            ...state.errors,\n            ...Object.keys(updates).reduce(\n              (acc, key) => {\n                acc[key] = undefined;\n                return acc;\n              },\n              {} as Record<string, undefined>,\n            ),\n          },\n          isDirty: true,\n        };\n      }\n\n      return {\n        ...state,\n        ...updates,\n        errors: {\n          ...state.errors,\n          ...Object.keys(updates).reduce(\n            (acc, key) => {\n              acc[key] = undefined;\n              return acc;\n            },\n            {} as Record<string, undefined>,\n          ),\n        },\n        isDirty: true,\n      };\n    });\n  },\n\n  updateArrayItem: <K extends keyof ProductStoreFields>(\n    arrayKey: K,\n    itemId: number | string,\n    updatedItem: ArrayItemType<ProductStoreFields[K]>,\n    idField: string = \"id\",\n  ) => {\n    set((state: ProductStoreState) => {\n      const currentArray = Array.isArray(state[arrayKey])\n        ? (state[arrayKey] as unknown[])\n        : [];\n\n      const updatedArray = currentArray.map((item) => {\n        if (\n          typeof item === \"object\" &&\n          item !== null &&\n          idField in item &&\n          (item as Record<string, unknown>)[idField] === itemId\n        ) {\n          return updatedItem;\n        }\n        return item;\n      });\n\n      if (arrayKey === \"product_subscription_plans\") {\n        return {\n          ...state,\n          ...syncSubscriptionPlans(\n            updatedArray as products.ProductSubscriptionPlan[],\n          ),\n          errors: { ...state.errors, [arrayKey]: undefined },\n          isDirty: true,\n        };\n      }\n\n      return {\n        ...state,\n        [arrayKey]: updatedArray,\n        errors: { ...state.errors, [arrayKey]: undefined },\n        isDirty: true,\n      };\n    });\n  },\n\n  reset: () => {\n    set({\n      ...defaultState,\n      track_inventory_on_bundle_items: false,\n      custom_slug: false,\n      errors: {},\n      isValid: false,\n      isDirty: false,\n    });\n  },\n\n  // Validation methods — these provide basic field-level validation.\n  // For full schema validation (e.g. Zod), the consumer should call\n  // their own validation function against the store state.\n  validateField: (field: string) => {\n    const fieldValue = get()[field as keyof ProductStoreState];\n    const hasValue =\n      fieldValue !== undefined && fieldValue !== null && fieldValue !== \"\";\n\n    set((state: ProductStoreState) => ({\n      errors: {\n        ...state.errors,\n        [field]: hasValue ? undefined : `${field} is required`,\n      },\n      isValid:\n        hasValue &&\n        Object.keys(state.errors).every(\n          (key) => key === field || !state.errors[key],\n        ),\n    }));\n  },\n\n  validateRequired: () => {\n    // Basic validation: check that title exists\n    const state = get();\n    const errors: ValidationErrors = {};\n\n    if (!state.title) {\n      errors.title = \"Title is required\";\n    }\n\n    if (Object.keys(errors).length > 0) {\n      set({ errors, isValid: false });\n      return false;\n    }\n\n    set({ errors: {}, isValid: true });\n    return true;\n  },\n\n  clearErrors: () => {\n    set({ errors: {}, isValid: false });\n  },\n\n  clearFieldError: (field: string) => {\n    set((state: ProductStoreState) => ({\n      errors: { ...state.errors, [field]: undefined },\n    }));\n  },\n\n  markClean: () => {\n    set({ isDirty: false });\n  },\n\n  // Translation methods\n  setTranslationLoading: (languageIso: string, loading: boolean) => {\n    set((state: ProductStoreState) => ({\n      translationLoading: {\n        ...state.translationLoading,\n        [languageIso]: loading,\n      },\n    }));\n  },\n\n  setTranslationData: (languageIso: string, data: TranslationData) => {\n    set((state: ProductStoreState) => ({\n      translations: {\n        ...state.translations,\n        [languageIso]: data,\n      },\n      translationLoading: {\n        ...state.translationLoading,\n        [languageIso]: false,\n      },\n    }));\n  },\n\n  updateTranslationField: (\n    languageIso: string,\n    field: keyof TranslationData,\n    value: string,\n  ) => {\n    set((state: ProductStoreState) => {\n      const originalValue = state.translations[languageIso]?.[field];\n      let error: string | undefined;\n\n      if (\n        field === \"title\" &&\n        value === \"\" &&\n        originalValue &&\n        originalValue.trim() !== \"\"\n      ) {\n        error = \"Title is required\";\n      }\n\n      return {\n        editedTranslations: {\n          ...state.editedTranslations,\n          [languageIso]: {\n            ...state.editedTranslations[languageIso],\n            [field]: value,\n          },\n        },\n        translationErrors: {\n          ...state.translationErrors,\n          [languageIso]: {\n            ...state.translationErrors[languageIso],\n            [field]: error,\n          },\n        },\n      };\n    });\n  },\n\n  getTranslation: (languageIso: string, field: keyof TranslationData) => {\n    const state = get();\n    return (\n      state.editedTranslations[languageIso]?.[field] ??\n      state.translations[languageIso]?.[field]\n    );\n  },\n\n  getOriginalTranslation: (\n    languageIso: string,\n    field: keyof TranslationData,\n  ) => {\n    return get().translations[languageIso]?.[field];\n  },\n\n  getEditedTranslation: (languageIso: string, field: keyof TranslationData) => {\n    return get().editedTranslations[languageIso]?.[field];\n  },\n\n  setTranslationError: (\n    languageIso: string,\n    field: keyof TranslationData,\n    error?: string,\n  ) => {\n    set((state: ProductStoreState) => ({\n      translationErrors: {\n        ...state.translationErrors,\n        [languageIso]: {\n          ...state.translationErrors[languageIso],\n          [field]: error,\n        },\n      },\n    }));\n  },\n\n  getTranslationError: (languageIso: string, field: keyof TranslationData) => {\n    return get().translationErrors[languageIso]?.[field];\n  },\n\n  isTranslationLoading: (languageIso: string) => {\n    return get().translationLoading[languageIso] ?? false;\n  },\n\n  resetTranslations: () => {\n    set({\n      translations: {},\n      editedTranslations: {},\n      translationErrors: {},\n      translationLoading: {},\n      translationsFetched: false,\n    });\n  },\n\n  setTranslationsFetched: (fetched: boolean) => {\n    set({ translationsFetched: fetched });\n  },\n});\n\n// Local declare so consumers don't need @types/node while keeping the literal\n// `process.env.NODE_ENV` AST that bundlers (Webpack/Turbopack/Vite) replace.\ndeclare const process: { env?: { NODE_ENV?: string } } | undefined;\nconst isDevEnv =\n  typeof process !== \"undefined\" && process.env?.NODE_ENV === \"development\";\n\nexport const useProductStore = isDevEnv\n  ? create<ProductStoreState>()(\n      devtools(createProductStore, { name: \"product-store\" }),\n    )\n  : create<ProductStoreState>()(createProductStore);\n","import { create } from \"zustand\";\n\ninterface DraftStore {\n  draftData: unknown | null;\n  isFromSettings: boolean;\n  navigationTarget: string | null;\n\n  saveDraft: (data: unknown) => void;\n  getDraft: () => unknown | null;\n  clearDraft: () => void;\n  setFromSettings: (value: boolean) => void;\n  setNavigationTarget: (target: string | null) => void;\n  reset: () => void;\n}\n\nexport const useDraftStore = create<DraftStore>()((set, get) => ({\n  draftData: null,\n  isFromSettings: false,\n  navigationTarget: null,\n\n  saveDraft: (data: unknown) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const formData = data as any;\n    const hasContent =\n      formData?.title ||\n      formData?.description ||\n      formData?.sku ||\n      (formData?.product_subscription_plans &&\n        formData.product_subscription_plans.length > 0);\n\n    if (hasContent) {\n      set({ draftData: data });\n    }\n  },\n\n  getDraft: () => {\n    const { draftData, isFromSettings, navigationTarget } = get();\n\n    if (!draftData) {\n      return null;\n    }\n\n    if (isFromSettings && navigationTarget) {\n      return draftData;\n    }\n\n    set({ draftData: null });\n    return null;\n  },\n\n  clearDraft: () => {\n    const { draftData } = get();\n    if (draftData) {\n      set({ draftData: null });\n    }\n  },\n\n  setFromSettings: (value: boolean) => {\n    set({ isFromSettings: value });\n  },\n\n  setNavigationTarget: (target: string | null) => {\n    set({ navigationTarget: target });\n  },\n\n  reset: () => {\n    set({ draftData: null, isFromSettings: false, navigationTarget: null });\n  },\n}));\n","import type { products } from \"../types\";\n\nexport function createSlug(title: string): string {\n  return title\n    .trim()\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, \"\")\n    .replace(/\\s+/g, \"-\")\n    .replace(/-+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n}\n\nexport function stripHtmlTags(html: string): string {\n  return html\n    .replace(/<[^>]*>/g, \"\")\n    .replace(/&[^;]+;/g, \" \")\n    .trim();\n}\n\nexport function getVariantImageUrl(\n  variant?: {\n    primary_image?: string | null;\n    image_url?: string | null;\n    images?: Array<{ image_url: string }> | null;\n  } | null,\n  product?: { image_url?: string | null } | null,\n): string {\n  if (!variant) return product?.image_url || \"\";\n  if (variant.primary_image) return variant.primary_image;\n  if (variant.image_url) return variant.image_url;\n  if (Array.isArray(variant.images) && variant.images.length > 0) {\n    const firstImage = variant.images[0];\n    if (firstImage?.image_url) return firstImage.image_url;\n  }\n  return product?.image_url || \"\";\n}\n\nexport function getProductImageUrl(\n  product?: {\n    image_url?: string | null;\n    images?: Array<{ image_url: string; position?: number }> | null;\n  } | null,\n): string | null {\n  if (!product) return null;\n  if (Array.isArray(product.images) && product.images.length > 0) {\n    const sortedImages = product.images.toSorted(\n      (a, b) => (a.position ?? 0) - (b.position ?? 0),\n    );\n    const primaryImage = sortedImages[0];\n    if (primaryImage?.image_url) return primaryImage.image_url;\n  }\n  return product.image_url ?? null;\n}\n\nexport function sanitizeBundleData<\n  T extends products.CreateProduct | products.UpdateProduct,\n>(productData: T): T {\n  const activeVariants = (productData.variants_attributes || []).filter(\n    (variant) => !variant._destroy,\n  );\n  const hasMultipleVariants = activeVariants.length > 1;\n\n  const activeOptions = (productData.options || []).filter(\n    (opt) => !opt._destroy,\n  );\n  const derivedOptionAttrs = [\n    ...new Set(activeOptions.map((opt) => opt.title.toLowerCase())),\n  ];\n\n  // We spread the original data and override specific fields, preserving the\n  // runtime shape. The cast to T is safe because we only narrow/replace fields\n  // that exist on the base type.\n  if (hasMultipleVariants) {\n    return {\n      ...productData,\n      options: undefined,\n      option_attrs: derivedOptionAttrs,\n      bundle: false,\n      product_bundles_attributes: [],\n      track_inventory_on_bundle_items: false,\n    } as T;\n  }\n\n  return {\n    ...productData,\n    options: undefined,\n    option_attrs: derivedOptionAttrs,\n  } as T;\n}\n\nexport interface ApiErrorShape {\n  message?: string;\n  error_message?: string;\n  status?: number;\n  data?: unknown;\n  errors?: Record<string, string[]>;\n}\n\nfunction getErrorsFromApiError(\n  error: ApiErrorShape,\n): Record<string, string[]> | undefined {\n  if (error?.errors && typeof error.errors === \"object\") {\n    return error.errors;\n  }\n  if (error?.data && typeof error.data === \"object\") {\n    const data = error.data as Record<string, unknown>;\n    const firstKey = Object.keys(data)[0];\n    if (firstKey && Array.isArray(data[firstKey])) {\n      return data as Record<string, string[]>;\n    }\n  }\n  return undefined;\n}\n\nfunction formatFieldName(fieldName: string): string {\n  const SEO_FIELD_LABELS: Record<string, string> = {\n    \"search_engine_optimizer.title\": \"SEO Title\",\n    \"search_engine_optimizer.description\": \"SEO Description\",\n    \"search_engine_optimizer.image_url\": \"SEO Image\",\n  };\n\n  if (SEO_FIELD_LABELS[fieldName]) return SEO_FIELD_LABELS[fieldName];\n\n  const parts = fieldName.split(\".\");\n  if (parts.length > 1) {\n    return parts\n      .map((part, index) =>\n        part\n          .split(\"_\")\n          .map((word, wordIndex) => {\n            if (\n              (index === 0 && wordIndex === 0) ||\n              (index > 0 && wordIndex > 0)\n            )\n              return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();\n            return word.toLowerCase();\n          })\n          .join(\" \"),\n      )\n      .join(\" \");\n  }\n\n  return fieldName\n    .split(\"_\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(\" \");\n}\n\nexport function getErrorMessage(\n  error: ApiErrorShape,\n  fallbackMessage: string,\n): string {\n  if (error?.message && error.message !== \"unprocessable entity\") {\n    return error.message;\n  }\n\n  const errorsObj = getErrorsFromApiError(error);\n  if (errorsObj) {\n    const firstField = Object.keys(errorsObj)[0];\n    if (firstField && errorsObj[firstField]) {\n      const fieldErrors = errorsObj[firstField];\n      if (\n        Array.isArray(fieldErrors) &&\n        fieldErrors.length > 0 &&\n        fieldErrors[0]\n      ) {\n        return `${formatFieldName(firstField)} ${fieldErrors[0]}`;\n      }\n    }\n  }\n\n  return fallbackMessage;\n}\n\nexport function isSeoError(fieldName: string): boolean {\n  return (\n    fieldName.startsWith(\"search_engine_optimizer\") || fieldName === \"slug\"\n  );\n}\n\nexport function extractSeoErrors(\n  error: ApiErrorShape,\n): Array<{ field: string; message: string }> {\n  const seoErrors: Array<{ field: string; message: string }> = [];\n  const errorsObj = getErrorsFromApiError(error);\n  if (errorsObj) {\n    for (const fieldName of Object.keys(errorsObj)) {\n      if (isSeoError(fieldName) && errorsObj[fieldName]) {\n        const fieldErrors = errorsObj[fieldName];\n        if (\n          Array.isArray(fieldErrors) &&\n          fieldErrors.length > 0 &&\n          fieldErrors[0]\n        ) {\n          seoErrors.push({\n            field: fieldName,\n            message: `${formatFieldName(fieldName)} ${fieldErrors[0].charAt(0).toUpperCase() + fieldErrors[0].slice(1)}`,\n          });\n        }\n      }\n    }\n  }\n  return seoErrors;\n}\n","import type { products } from \"../types\";\n\ntype ProductPriceInput = products.Product | products.ShopProduct;\n\nfunction stripParentheticalText(text: string | undefined): string | null {\n  if (!text) return null;\n  return text.replace(/\\s*\\([^)]*\\)/g, \"\").trim();\n}\n\nfunction isShopVariantCountry(\n  vc: products.VariantCountry | products.ShopVariantCountry | undefined,\n): vc is products.ShopVariantCountry {\n  return vc !== undefined && \"display_wholesale_subscription_price\" in vc;\n}\n\nfunction isAdminProduct(\n  product: ProductPriceInput,\n): product is products.Product {\n  return \"display_price\" in product;\n}\n\nfunction isVariantCountriesRecord(\n  vc: unknown,\n): vc is Record<string, products.VariantCountry> {\n  return vc !== null && typeof vc === \"object\" && !Array.isArray(vc);\n}\n\nexport function determineProductPrice(\n  product: ProductPriceInput,\n  countryIso: string,\n): { repPrice: string | null | undefined; price?: string | null } {\n  const { variants } = product;\n\n  // Get the first active variant for the country, or fall back to first variant\n  const selectedVariant =\n    variants?.find((v) => {\n      if (isVariantCountriesRecord(v.variant_countries)) {\n        return v.variant_countries[countryIso]?.active;\n      }\n      return false;\n    }) ||\n    variants?.[0] ||\n    null;\n\n  let variantCountry:\n    | products.VariantCountry\n    | products.ShopVariantCountry\n    | undefined;\n  if (countryIso && selectedVariant?.variant_countries) {\n    const variantCountries = selectedVariant.variant_countries;\n\n    if (Array.isArray(variantCountries)) {\n      variantCountry = variantCountries.find(\n        (v: products.ShopVariantCountry) => v?.country?.iso === countryIso,\n      );\n    } else if (isVariantCountriesRecord(variantCountries)) {\n      variantCountry = variantCountries[countryIso];\n    }\n  }\n\n  if (selectedVariant?.subscription_only)\n    return {\n      repPrice: isShopVariantCountry(variantCountry)\n        ? variantCountry.display_wholesale_subscription_price\n        : undefined,\n    };\n\n  const price = isShopVariantCountry(variantCountry)\n    ? variantCountry.display_price\n    : isAdminProduct(product)\n      ? product.display_price\n      : undefined;\n\n  const repPrice = isShopVariantCountry(variantCountry)\n    ? variantCountry.display_wholesale\n    : undefined;\n  return {\n    repPrice: stripParentheticalText(repPrice),\n    price: price === repPrice ? null : stripParentheticalText(price),\n  };\n}\n\nexport function extractPriceFromString(priceString: string): number | null {\n  if (!priceString) return null;\n  const strippedString = priceString.replace(/[^\\d.]/g, \"\");\n  return parseFloat(strippedString);\n}\n","import type React from \"react\";\nimport { ArrowUpDown, Check, Search, X } from \"lucide-react\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\n\ntype SortOption = {\n  label: string;\n  value: string;\n};\n\ntype BaseSearchProps = {\n  /** Current search value (controlled). */\n  searchValue: string;\n  /** Called on every keystroke with the new value. */\n  onSearchChange: (value: string) => void;\n  /** Placeholder text for the search input. */\n  placeholder?: string;\n};\n\ntype SearchOnlyProps = BaseSearchProps & {\n  sortOptions?: never;\n  sortValue?: never;\n  onSortChange?: never;\n};\n\ntype WithSortProps = BaseSearchProps & {\n  /** Sort options to display in the dropdown. */\n  sortOptions: ReadonlyArray<SortOption>;\n  /** Currently selected sort value. */\n  sortValue: string;\n  /** Called when a sort option is selected. */\n  onSortChange: (value: string) => void;\n};\n\ntype SearchSortProps = SearchOnlyProps | WithSortProps;\n\nexport type {\n  SortOption,\n  BaseSearchProps,\n  SearchOnlyProps,\n  WithSortProps,\n  SearchSortProps,\n};\n\nexport function SearchSort({\n  searchValue,\n  onSearchChange,\n  placeholder = \"Search...\",\n  sortOptions,\n  sortValue,\n  onSortChange,\n}: SearchSortProps): React.JSX.Element {\n  const activeSort = sortOptions?.find((o) => o.value === sortValue);\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <div className=\"relative min-w-0 flex-1\">\n        <Search className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2\" />\n        <Input\n          type=\"search\"\n          value={searchValue}\n          onChange={(e) => onSearchChange(e.target.value)}\n          placeholder={placeholder}\n          className=\"pl-9 [&::-webkit-search-cancel-button]:hidden\"\n        />\n        {searchValue.length > 0 && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            onClick={() => onSearchChange(\"\")}\n            aria-label=\"Clear search\"\n            className=\"absolute top-1/2 right-2 -translate-y-1/2\"\n          >\n            <X className=\"size-3\" />\n          </Button>\n        )}\n      </div>\n      {sortOptions && sortOptions.length > 0 && (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              variant=\"outline\"\n              aria-label={\n                activeSort ? `Sort: ${activeSort.label}` : \"Sort options\"\n              }\n            >\n              <ArrowUpDown className=\"size-4\" />\n              {activeSort && (\n                <span className=\"hidden sm:inline\">{activeSort.label}</span>\n              )}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            {sortOptions.map((option) => {\n              const isActive = option.value === sortValue;\n              return (\n                <DropdownMenuItem\n                  key={option.value}\n                  onClick={() => onSortChange(option.value)}\n                >\n                  <span className=\"flex-1\">{option.label}</span>\n                  {isActive && (\n                    <Check className=\"text-muted-foreground size-4\" />\n                  )}\n                </DropdownMenuItem>\n              );\n            })}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{SeparatorWidget-CDvDjL-k.mjs → SeparatorWidget-CGFzy35l.mjs}

@@ -1,4 +1,4 @@
-import { vt as __exportAll } from "./PortalTenantClientProvider-BmRtQAbi.mjs";
+import { vt as __exportAll } from "./PortalTenantClientProvider-DVClpfbi.mjs";
 import { l as getColorField } from "./registries-59Barbhg.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Ban } from "lucide-react";
@@ -168,4 +168,4 @@ const separatorWidgetPropertySchema = {
 //#endregion
 export { SeparatorWidget_exports as n, separatorWidgetPropertySchema as r, SeparatorWidget as t };
 
-//# sourceMappingURL=SeparatorWidget-CDvDjL-k.mjs.map
+//# sourceMappingURL=SeparatorWidget-CGFzy35l.mjs.map

package/dist/{SeparatorWidget-CDvDjL-k.mjs.map → SeparatorWidget-CGFzy35l.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SeparatorWidget-CDvDjL-k.mjs","names":[],"sources":["../../widgets/src/widgets/SeparatorWidget.tsx"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ColorOptions } from \"@fluid-app/portal-core/types\";\nimport { Ban } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { getColorField } from \"../core/fields\";\n\ntype SpacingOptions = 0 | 2 | 4 | 6 | 8 | 10;\n\ntype SeparatorWidgetProps = ComponentProps<\"div\"> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  color?: ColorOptions;\n  thickness?: `${number}px`;\n  width?: `${number}%`;\n  marginTop?: SpacingOptions;\n  marginBottom?: SpacingOptions;\n};\n\nexport function SeparatorWidget({\n  orientation = \"horizontal\",\n  color = \"muted\",\n  thickness = \"1px\",\n  width = \"100%\",\n  marginTop = 4,\n  marginBottom = 4,\n  className,\n  style,\n  ...props\n}: SeparatorWidgetProps): React.JSX.Element {\n  const isHorizontal = orientation === \"horizontal\";\n\n  return (\n    <div\n      className={`flex ${isHorizontal ? \"flex-row justify-center\" : \"h-full flex-col items-center\"} ${className ?? \"\"}`}\n      style={{\n        ...(isHorizontal\n          ? {\n              marginTop: `${marginTop * 4}px`,\n              marginBottom: `${marginBottom * 4}px`,\n            }\n          : {\n              paddingTop: `${marginTop * 4}px`,\n              paddingBottom: `${marginBottom * 4}px`,\n            }),\n        ...style,\n      }}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      {isHorizontal ? (\n        <div\n          className={`bg-${color}`}\n          style={{\n            width,\n            height: thickness,\n          }}\n        />\n      ) : (\n        <div\n          className={`bg-${color}`}\n          style={{\n            width: thickness,\n            height: \"100%\",\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const separatorWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SeparatorWidget\",\n  displayName: \"Separator\",\n  fields: [\n    {\n      key: \"orientation\",\n      label: \"Orientation\",\n      type: \"select\",\n      description: \"Direction of the separator line\",\n      defaultValue: \"horizontal\",\n      options: [\n        { label: \"Horizontal\", value: \"horizontal\" },\n        { label: \"Vertical\", value: \"vertical\" },\n      ],\n      group: \"Separator\",\n    },\n    getColorField({\n      key: \"color\",\n      label: \"Color\",\n      description: \"Color of the separator line\",\n      defaultValue: \"muted\",\n      group: \"Separator\",\n    }),\n    {\n      key: \"thickness\",\n      label: \"Thickness\",\n      type: \"cssUnit\",\n      description: \"Thickness of the separator line\",\n      defaultValue: \"1px\",\n      allowedUnits: [\"px\"],\n      minByUnit: { px: 1 },\n      maxByUnit: { px: 20 },\n      stepByUnit: { px: 1 },\n      group: \"Separator\",\n    },\n    {\n      key: \"width\",\n      label: \"Width\",\n      type: \"cssUnit\",\n      description: \"Width of the separator\",\n      defaultValue: \"100%\",\n      allowedUnits: [\"%\"],\n      defaultUnit: \"%\",\n      minByUnit: { \"%\": 1 },\n      maxByUnit: { \"%\": 100 },\n      stepByUnit: { \"%\": 1 },\n      group: \"Separator\",\n      requiresKeyValue: { key: \"orientation\", value: \"horizontal\" },\n    },\n    {\n      key: \"marginTop\",\n      label: \"Margin Top\",\n      type: \"buttonGroup\",\n      description: \"Space above the separator\",\n      defaultValue: 4,\n      options: [\n        { icon: Ban, ariaLabel: \"No top margin\", value: 0 },\n        { label: \"SM\", value: 2 },\n        { label: \"MD\", value: 4 },\n        { label: \"LG\", value: 6 },\n        { label: \"XL\", value: 8 },\n        { label: \"FULL\", value: 10 },\n      ],\n      group: \"Spacing\",\n    },\n    {\n      key: \"marginBottom\",\n      label: \"Margin Bottom\",\n      type: \"buttonGroup\",\n      description: \"Space below the separator\",\n      defaultValue: 4,\n      options: [\n        { icon: Ban, ariaLabel: \"No bottom margin\", value: 0 },\n        { label: \"SM\", value: 2 },\n        { label: \"MD\", value: 4 },\n        { label: \"LG\", value: 6 },\n        { label: \"XL\", value: 8 },\n        { label: \"FULL\", value: 10 },\n      ],\n      group: \"Spacing\",\n    },\n  ],\n};\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,gBAAgB,EAC9B,cAAc,cACd,QAAQ,SACR,YAAY,OACZ,QAAQ,QACR,YAAY,GACZ,eAAe,GACf,WACA,OACA,GAAG,SACuC;CAC1C,MAAM,eAAe,gBAAgB;AAErC,QACE,oBAAC,OAAD;EACE,WAAW,QAAQ,eAAe,4BAA4B,+BAA+B,GAAG,aAAa;EAC7G,OAAO;GACL,GAAI,eACA;IACE,WAAW,GAAG,YAAY,EAAE;IAC5B,cAAc,GAAG,eAAe,EAAE;IACnC,GACD;IACE,YAAY,GAAG,YAAY,EAAE;IAC7B,eAAe,GAAG,eAAe,EAAE;IACpC;GACL,GAAG;GACJ;EACD,eAAY;EACZ,GAAI;YAEH,eACC,oBAAC,OAAD;GACE,WAAW,MAAM;GACjB,OAAO;IACL;IACA,QAAQ;IACT;GACD,CAAA,GAEF,oBAAC,OAAD;GACE,WAAW,MAAM;GACjB,OAAO;IACL,OAAO;IACP,QAAQ;IACT;GACD,CAAA;EAEA,CAAA;;AAIV,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,QAAQ;EACN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAc,OAAO;IAAc,EAC5C;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,OAAO;GACR;EACD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,cAAc,CAAC,KAAK;GACpB,WAAW,EAAE,IAAI,GAAG;GACpB,WAAW,EAAE,IAAI,IAAI;GACrB,YAAY,EAAE,IAAI,GAAG;GACrB,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,cAAc,CAAC,IAAI;GACnB,aAAa;GACb,WAAW,EAAE,KAAK,GAAG;GACrB,WAAW,EAAE,KAAK,KAAK;GACvB,YAAY,EAAE,KAAK,GAAG;GACtB,OAAO;GACP,kBAAkB;IAAE,KAAK;IAAe,OAAO;IAAc;GAC9D;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS;IACP;KAAE,MAAM;KAAK,WAAW;KAAiB,OAAO;KAAG;IACnD;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAQ,OAAO;KAAI;IAC7B;GACD,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS;IACP;KAAE,MAAM;KAAK,WAAW;KAAoB,OAAO;KAAG;IACtD;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAQ,OAAO;KAAI;IAC7B;GACD,OAAO;GACR;EACF;CACF"}
+{"version":3,"file":"SeparatorWidget-CGFzy35l.mjs","names":[],"sources":["../../widgets/src/widgets/SeparatorWidget.tsx"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ColorOptions } from \"@fluid-app/portal-core/types\";\nimport { Ban } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { getColorField } from \"../core/fields\";\n\ntype SpacingOptions = 0 | 2 | 4 | 6 | 8 | 10;\n\ntype SeparatorWidgetProps = ComponentProps<\"div\"> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  color?: ColorOptions;\n  thickness?: `${number}px`;\n  width?: `${number}%`;\n  marginTop?: SpacingOptions;\n  marginBottom?: SpacingOptions;\n};\n\nexport function SeparatorWidget({\n  orientation = \"horizontal\",\n  color = \"muted\",\n  thickness = \"1px\",\n  width = \"100%\",\n  marginTop = 4,\n  marginBottom = 4,\n  className,\n  style,\n  ...props\n}: SeparatorWidgetProps): React.JSX.Element {\n  const isHorizontal = orientation === \"horizontal\";\n\n  return (\n    <div\n      className={`flex ${isHorizontal ? \"flex-row justify-center\" : \"h-full flex-col items-center\"} ${className ?? \"\"}`}\n      style={{\n        ...(isHorizontal\n          ? {\n              marginTop: `${marginTop * 4}px`,\n              marginBottom: `${marginBottom * 4}px`,\n            }\n          : {\n              paddingTop: `${marginTop * 4}px`,\n              paddingBottom: `${marginBottom * 4}px`,\n            }),\n        ...style,\n      }}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      {isHorizontal ? (\n        <div\n          className={`bg-${color}`}\n          style={{\n            width,\n            height: thickness,\n          }}\n        />\n      ) : (\n        <div\n          className={`bg-${color}`}\n          style={{\n            width: thickness,\n            height: \"100%\",\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const separatorWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SeparatorWidget\",\n  displayName: \"Separator\",\n  fields: [\n    {\n      key: \"orientation\",\n      label: \"Orientation\",\n      type: \"select\",\n      description: \"Direction of the separator line\",\n      defaultValue: \"horizontal\",\n      options: [\n        { label: \"Horizontal\", value: \"horizontal\" },\n        { label: \"Vertical\", value: \"vertical\" },\n      ],\n      group: \"Separator\",\n    },\n    getColorField({\n      key: \"color\",\n      label: \"Color\",\n      description: \"Color of the separator line\",\n      defaultValue: \"muted\",\n      group: \"Separator\",\n    }),\n    {\n      key: \"thickness\",\n      label: \"Thickness\",\n      type: \"cssUnit\",\n      description: \"Thickness of the separator line\",\n      defaultValue: \"1px\",\n      allowedUnits: [\"px\"],\n      minByUnit: { px: 1 },\n      maxByUnit: { px: 20 },\n      stepByUnit: { px: 1 },\n      group: \"Separator\",\n    },\n    {\n      key: \"width\",\n      label: \"Width\",\n      type: \"cssUnit\",\n      description: \"Width of the separator\",\n      defaultValue: \"100%\",\n      allowedUnits: [\"%\"],\n      defaultUnit: \"%\",\n      minByUnit: { \"%\": 1 },\n      maxByUnit: { \"%\": 100 },\n      stepByUnit: { \"%\": 1 },\n      group: \"Separator\",\n      requiresKeyValue: { key: \"orientation\", value: \"horizontal\" },\n    },\n    {\n      key: \"marginTop\",\n      label: \"Margin Top\",\n      type: \"buttonGroup\",\n      description: \"Space above the separator\",\n      defaultValue: 4,\n      options: [\n        { icon: Ban, ariaLabel: \"No top margin\", value: 0 },\n        { label: \"SM\", value: 2 },\n        { label: \"MD\", value: 4 },\n        { label: \"LG\", value: 6 },\n        { label: \"XL\", value: 8 },\n        { label: \"FULL\", value: 10 },\n      ],\n      group: \"Spacing\",\n    },\n    {\n      key: \"marginBottom\",\n      label: \"Margin Bottom\",\n      type: \"buttonGroup\",\n      description: \"Space below the separator\",\n      defaultValue: 4,\n      options: [\n        { icon: Ban, ariaLabel: \"No bottom margin\", value: 0 },\n        { label: \"SM\", value: 2 },\n        { label: \"MD\", value: 4 },\n        { label: \"LG\", value: 6 },\n        { label: \"XL\", value: 8 },\n        { label: \"FULL\", value: 10 },\n      ],\n      group: \"Spacing\",\n    },\n  ],\n};\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,gBAAgB,EAC9B,cAAc,cACd,QAAQ,SACR,YAAY,OACZ,QAAQ,QACR,YAAY,GACZ,eAAe,GACf,WACA,OACA,GAAG,SACuC;CAC1C,MAAM,eAAe,gBAAgB;AAErC,QACE,oBAAC,OAAD;EACE,WAAW,QAAQ,eAAe,4BAA4B,+BAA+B,GAAG,aAAa;EAC7G,OAAO;GACL,GAAI,eACA;IACE,WAAW,GAAG,YAAY,EAAE;IAC5B,cAAc,GAAG,eAAe,EAAE;IACnC,GACD;IACE,YAAY,GAAG,YAAY,EAAE;IAC7B,eAAe,GAAG,eAAe,EAAE;IACpC;GACL,GAAG;GACJ;EACD,eAAY;EACZ,GAAI;YAEH,eACC,oBAAC,OAAD;GACE,WAAW,MAAM;GACjB,OAAO;IACL;IACA,QAAQ;IACT;GACD,CAAA,GAEF,oBAAC,OAAD;GACE,WAAW,MAAM;GACjB,OAAO;IACL,OAAO;IACP,QAAQ;IACT;GACD,CAAA;EAEA,CAAA;;AAIV,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,QAAQ;EACN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAc,OAAO;IAAc,EAC5C;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,OAAO;GACR;EACD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,cAAc,CAAC,KAAK;GACpB,WAAW,EAAE,IAAI,GAAG;GACpB,WAAW,EAAE,IAAI,IAAI;GACrB,YAAY,EAAE,IAAI,GAAG;GACrB,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,cAAc,CAAC,IAAI;GACnB,aAAa;GACb,WAAW,EAAE,KAAK,GAAG;GACrB,WAAW,EAAE,KAAK,KAAK;GACvB,YAAY,EAAE,KAAK,GAAG;GACtB,OAAO;GACP,kBAAkB;IAAE,KAAK;IAAe,OAAO;IAAc;GAC9D;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS;IACP;KAAE,MAAM;KAAK,WAAW;KAAiB,OAAO;KAAG;IACnD;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAQ,OAAO;KAAI;IAC7B;GACD,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS;IACP;KAAE,MAAM;KAAK,WAAW;KAAoB,OAAO;KAAG;IACtD;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAM,OAAO;KAAG;IACzB;KAAE,OAAO;KAAQ,OAAO;KAAI;IAC7B;GACD,OAAO;GACR;EACF;CACF"}

package/dist/{ShareablesScreen-COg_WpdP.cjs → ShareablesScreen-B0vxU7i6.cjs}

@@ -1,15 +1,15 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-Bpm-CZq1.cjs");
-const require_static_dict_adapter = require("./static-dict-adapter-JAau5LHb.cjs");
-const require_translation_api_context_factory = require("./translation-api-context-factory-BSRK6Z50.cjs");
+const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-C0eJp8MN.cjs");
+const require_static_dict_adapter = require("./static-dict-adapter-BLq4QzCI.cjs");
+const require_translation_api_context_factory = require("./translation-api-context-factory-CjRDqIhF.cjs");
 const require_src = require("./src-Cx7UyT_c.cjs");
-const require_SearchSort = require("./SearchSort-B5hq2j-l.cjs");
-const require_use_navigation_parent = require("./use-navigation-parent-DQ8CiN9L.cjs");
-const require_ScreenHeaderContext = require("./ScreenHeaderContext-BiGgRqjY.cjs");
-const require_use_store = require("./use-store-lOOUcpRT.cjs");
-const require_use_account = require("./use-account-CQ-mhA3W.cjs");
-const require_AppNavigationContext = require("./AppNavigationContext-CoNtdUrr.cjs");
-const require_use_mysite_portal = require("./use-mysite-portal-CH9ZQROw.cjs");
+const require_SearchSort = require("./SearchSort-BjjBpuEi.cjs");
+const require_use_navigation_parent = require("./use-navigation-parent-q-la1wD2.cjs");
+const require_ScreenHeaderContext = require("./ScreenHeaderContext-VOp8pVHr.cjs");
+const require_use_store = require("./use-store-j_6I4DU4.cjs");
+const require_use_account = require("./use-account-DltRHEwC.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-CLOwdlpx.cjs");
+const require_use_mysite_portal = require("./use-mysite-portal-D3X51_Ax.cjs");
 const require_dist$3 = require("./dist-BwU2ZIKy.cjs");
 const require_es = require("./es-Cek6aP5I.cjs");
 const require_dist$4 = require("./dist-BDwE8Mtv.cjs");
@@ -31,17 +31,17 @@ function ShareablesCoreProvider({ config, children }) {
 	});
 }
 function useShareablesClient() {
-	const ctx = (0, react.useContext)(ShareablesCoreContext);
+	const ctx = (0, react.use)(ShareablesCoreContext);
 	if (!ctx) throw new Error("useShareablesClient must be used within a ShareablesCoreProvider");
 	return ctx.client ?? null;
 }
 function useShareablesUser() {
-	const ctx = (0, react.useContext)(ShareablesCoreContext);
+	const ctx = (0, react.use)(ShareablesCoreContext);
 	if (!ctx) throw new Error("useShareablesUser must be used within a ShareablesCoreProvider");
 	return ctx.user;
 }
 function useRepContext() {
-	return (0, react.useContext)(ShareablesCoreContext)?.repContext ?? false;
+	return (0, react.use)(ShareablesCoreContext)?.repContext ?? false;
 }
 //#endregion
 //#region ../../shareables/core/src/query-keys.ts
@@ -142,7 +142,7 @@ function ShareablesApiProvider({ value, children }) {
 	});
 }
 function useShareablesApi() {
-	const ctx = (0, react.useContext)(ShareablesApiContext);
+	const ctx = (0, react.use)(ShareablesApiContext);
 	if (!ctx) throw new Error("useShareablesApi must be used within a ShareablesApiProvider");
 	return ctx;
 }
@@ -369,12 +369,12 @@ function defaultRenderImage(props) {
 	});
 }
 function useRenderImage() {
-	const ctx = (0, react.useContext)(ShareablesUIContext);
+	const ctx = (0, react.use)(ShareablesUIContext);
 	if (ctx === MISSING_PROVIDER) return defaultRenderImage;
 	return ctx.renderImage ?? defaultRenderImage;
 }
 function useShareablesUI() {
-	const ctx = (0, react.useContext)(ShareablesUIContext);
+	const ctx = (0, react.use)(ShareablesUIContext);
 	if (ctx === MISSING_PROVIDER) throw new Error("useShareablesUI must be used within a <ShareablesUIProvider>. Wrap your component tree with <ShareablesUIProvider config={...}>.");
 	return ctx;
 }
@@ -10616,7 +10616,7 @@ function PlaylistFormProvider({ children, playlist }) {
 	});
 }
 function usePlaylistForm() {
-	const context = (0, react.useContext)(PlaylistFormContext);
+	const context = (0, react.use)(PlaylistFormContext);
 	if (!context) throw new Error("usePlaylistForm must be used within PlaylistFormProvider");
 	return context;
 }
@@ -10624,7 +10624,7 @@ function usePlaylistForm() {
 //#region ../../shareables/ui/src/components/playlists/form/PlaylistItemsContext.tsx
 const PlaylistItemsContext = (0, react.createContext)(void 0);
 function usePlaylistItems() {
-	const context = (0, react.useContext)(PlaylistItemsContext);
+	const context = (0, react.use)(PlaylistItemsContext);
 	if (!context) throw new Error("usePlaylistItems must be used within PlaylistItemsProvider");
 	return context;
 }
@@ -13709,7 +13709,7 @@ async function toggleFavorite(client, favoriteableId, favoriteableType) {
 //#region src/content/PortalContentApiProvider.tsx
 const ContentContext = (0, react.createContext)(null);
 function usePortalContentContext() {
-	const ctx = (0, react.useContext)(ContentContext);
+	const ctx = (0, react.use)(ContentContext);
 	if (!ctx) throw new Error("usePortalContentContext must be used within a <PortalContentApiProvider>");
 	return ctx;
 }
@@ -14002,4 +14002,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-COg_WpdP.cjs.map
+//# sourceMappingURL=ShareablesScreen-B0vxU7i6.cjs.map