@fluid-app/portal-sdk 0.1.97 → 0.1.98

package/dist/{use-customer-account-DSR6VNmL.cjs → use-customer-account-DZW_YY9d.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-roApesp3.cjs");
-const require_use_account_clients = require("./use-account-clients-BUJ8gkPI.cjs");
+const require_FluidProvider = require("./FluidProvider-CyzA2g75.cjs");
+const require_use_account_clients = require("./use-account-clients-CkDfPpCR.cjs");
 let _tanstack_react_query = require("@tanstack/react-query");
 //#region src/account/use-customer-account.ts
 function useCustomerAccount({ enabled = true } = {}) {
@@ -26,4 +26,4 @@ Object.defineProperty(exports, "useCustomerAccount", {
 	}
 });
 
-//# sourceMappingURL=use-customer-account-DSR6VNmL.cjs.map
+//# sourceMappingURL=use-customer-account-DZW_YY9d.cjs.map

package/dist/{use-customer-account-DSR6VNmL.cjs.map → use-customer-account-DZW_YY9d.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-customer-account-DSR6VNmL.cjs","names":["useFluidAuth","useFluidPayApi"],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useFluidPayApi } from \"@fluid-app/fluid-pay-core\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const api = useFluidPayApi();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => api.customers.fetchAccount(jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;;AAIA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAASA,4BAAAA,cAAc;CACtC,MAAM,MAAMC,sBAAAA,gBAAgB;CAC5B,MAAM,MAAM,SAAS;CAErB,MAAM,SAAA,GAAA,sBAAA,UAAiB;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAe,IAAI,UAAU,aAAa,IAAI;EAC9C,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}
+{"version":3,"file":"use-customer-account-DZW_YY9d.cjs","names":["useFluidAuth","useFluidPayApi"],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useFluidPayApi } from \"@fluid-app/fluid-pay-core\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const api = useFluidPayApi();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => api.customers.fetchAccount(jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;;AAIA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAASA,4BAAAA,cAAc;CACtC,MAAM,MAAMC,sBAAAA,gBAAgB;CAC5B,MAAM,MAAM,SAAS;CAErB,MAAM,SAAA,GAAA,sBAAA,UAAiB;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAe,IAAI,UAAU,aAAa,IAAI;EAC9C,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}

package/dist/{use-customer-account-DqzsUJ02.mjs → use-customer-account-DzOD3vLz.mjs}

@@ -1,5 +1,5 @@
-import { bt as useFluidPayApi } from "./FluidProvider-C8sXuPhI.mjs";
-import { a as useFluidAuth } from "./use-account-clients-B278xE7A.mjs";
+import { bt as useFluidPayApi } from "./FluidProvider-CWYquEIF.mjs";
+import { a as useFluidAuth } from "./use-account-clients-Dsqx0mKw.mjs";
 import { useQuery } from "@tanstack/react-query";
 //#region src/account/use-customer-account.ts
 function useCustomerAccount({ enabled = true } = {}) {
@@ -20,4 +20,4 @@ function useCustomerAccount({ enabled = true } = {}) {
 //#endregion
 export { useCustomerAccount as t };
 
-//# sourceMappingURL=use-customer-account-DqzsUJ02.mjs.map
+//# sourceMappingURL=use-customer-account-DzOD3vLz.mjs.map

package/dist/{use-customer-account-DqzsUJ02.mjs.map → use-customer-account-DzOD3vLz.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-customer-account-DqzsUJ02.mjs","names":[],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useFluidPayApi } from \"@fluid-app/fluid-pay-core\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const api = useFluidPayApi();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => api.customers.fetchAccount(jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;AAIA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAAS,cAAc;CACtC,MAAM,MAAM,gBAAgB;CAC5B,MAAM,MAAM,SAAS;CAErB,MAAM,QAAQ,SAAS;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAe,IAAI,UAAU,aAAa,IAAI;EAC9C,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}
+{"version":3,"file":"use-customer-account-DzOD3vLz.mjs","names":[],"sources":["../src/account/use-customer-account.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useFluidPayApi } from \"@fluid-app/fluid-pay-core\";\nimport { useFluidAuth } from \"../hooks/use-fluid-auth\";\n\nexport function useCustomerAccount({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  const { token, user } = useFluidAuth();\n  const api = useFluidPayApi();\n  const jwt = token ?? \"\";\n\n  const query = useQuery({\n    queryKey: [\"fluidPayAccount\", user?.id],\n    queryFn: () => api.customers.fetchAccount(jwt),\n    enabled: !!jwt && enabled,\n  });\n\n  return {\n    customerId: query.data?.customer?.id,\n    isLoadingCustomer: query.isLoading,\n    isCustomerError: query.isError,\n  };\n}\n"],"mappings":";;;;AAIA,SAAgB,mBAAmB,EACjC,UAAU,SACe,EAAE,EAAE;CAC7B,MAAM,EAAE,OAAO,SAAS,cAAc;CACtC,MAAM,MAAM,gBAAgB;CAC5B,MAAM,MAAM,SAAS;CAErB,MAAM,QAAQ,SAAS;EACrB,UAAU,CAAC,mBAAmB,MAAM,GAAG;EACvC,eAAe,IAAI,UAAU,aAAa,IAAI;EAC9C,SAAS,CAAC,CAAC,OAAO;EACnB,CAAC;AAEF,QAAO;EACL,YAAY,MAAM,MAAM,UAAU;EAClC,mBAAmB,MAAM;EACzB,iBAAiB,MAAM;EACxB"}

package/dist/{use-fluid-api-CVYfAcJM.mjs → use-fluid-api-CaSYWFuj.mjs}

@@ -1,4 +1,4 @@
-import { n as useFluidContext } from "./FluidProvider-C8sXuPhI.mjs";
+import { n as useFluidContext } from "./FluidProvider-CWYquEIF.mjs";
 //#region src/hooks/use-fluid-api.ts
 /**
 * Hook to access the Fluid API client
@@ -24,4 +24,4 @@ function useFluidApi() {
 //#endregion
 export { useFluidApi as t };
 
-//# sourceMappingURL=use-fluid-api-CVYfAcJM.mjs.map
+//# sourceMappingURL=use-fluid-api-CaSYWFuj.mjs.map

package/dist/{use-fluid-api-CVYfAcJM.mjs.map → use-fluid-api-CaSYWFuj.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-fluid-api-CVYfAcJM.mjs","names":[],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAW,iBAAiB;AACpC,QAAO"}
+{"version":3,"file":"use-fluid-api-CaSYWFuj.mjs","names":[],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAW,iBAAiB;AACpC,QAAO"}

package/dist/{use-fluid-api-5vFjbTFA.cjs → use-fluid-api-Kw0AKvCs.cjs}

@@ -1,4 +1,4 @@
-const require_FluidProvider = require("./FluidProvider-roApesp3.cjs");
+const require_FluidProvider = require("./FluidProvider-CyzA2g75.cjs");
 //#region src/hooks/use-fluid-api.ts
 /**
 * Hook to access the Fluid API client
@@ -29,4 +29,4 @@ Object.defineProperty(exports, "useFluidApi", {
 	}
 });
 
-//# sourceMappingURL=use-fluid-api-5vFjbTFA.cjs.map
+//# sourceMappingURL=use-fluid-api-Kw0AKvCs.cjs.map

package/dist/{use-fluid-api-5vFjbTFA.cjs.map → use-fluid-api-Kw0AKvCs.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-fluid-api-5vFjbTFA.cjs","names":["useFluidContext"],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAWA,sBAAAA,iBAAiB;AACpC,QAAO"}
+{"version":3,"file":"use-fluid-api-Kw0AKvCs.cjs","names":["useFluidContext"],"sources":["../src/hooks/use-fluid-api.ts"],"sourcesContent":["import { useFluidContext } from \"../providers/FluidProvider\";\nimport type { FluidClient } from \"../client/fluid-client\";\n\n/**\n * Hook to access the Fluid API client\n *\n * @example\n * ```tsx\n * function ProductList() {\n *   const api = useFluidApi();\n *\n *   const { data: products } = useQuery({\n *     queryKey: [\"products\"],\n *     queryFn: () => api.products.list(),\n *   });\n *\n *   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;\n * }\n * ```\n */\nexport function useFluidApi(): FluidClient {\n  const { client } = useFluidContext();\n  return client;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAA2B;CACzC,MAAM,EAAE,WAAWA,sBAAAA,iBAAiB;AACpC,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.97",
+  "version": "0.1.98",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -66,47 +66,47 @@
     "typescript": "^5",
     "zod": "4.3.5",
     "@fluid-app/api-client-core": "0.1.0",
-    "@fluid-app/cart-ui": "0.1.12",
     "@fluid-app/auth": "0.1.0",
+    "@fluid-app/cart-ui": "0.1.12",
+    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/company-switcher-ui": "0.1.0",
     "@fluid-app/contacts-core": "0.1.0",
-    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/contacts-ui": "0.1.0",
     "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/fluid-pay-api-client": "0.1.0",
     "@fluid-app/fluid-pay-core": "0.1.0",
     "@fluid-app/fluidos-api-client": "0.1.0",
-    "@fluid-app/messaging-core": "0.1.0",
     "@fluid-app/messaging-api-client": "0.1.0",
+    "@fluid-app/messaging-core": "0.1.0",
     "@fluid-app/messaging-ui": "0.1.0",
+    "@fluid-app/orders-api-client": "0.1.0",
     "@fluid-app/mysite-ui": "0.1.0",
-    "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/orders-ui": "0.1.0",
-    "@fluid-app/orders-api-client": "0.1.0",
     "@fluid-app/permissions": "0.1.0",
     "@fluid-app/portal-app-download-ui": "0.1.0",
+    "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/portal-preview": "0.1.0",
     "@fluid-app/portal-core": "0.1.23",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
     "@fluid-app/portal-widgets": "0.1.22",
     "@fluid-app/products-api-client": "0.1.0",
-    "@fluid-app/profile-core": "0.1.0",
+    "@fluid-app/products-core": "0.1.0",
     "@fluid-app/profile-ui": "0.1.0",
+    "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/query-persister": "0.1.0",
     "@fluid-app/shareables-api-client": "0.1.0",
-    "@fluid-app/products-core": "0.1.0",
-    "@fluid-app/shareables-core": "0.1.0",
     "@fluid-app/shareables-ui": "0.1.0",
+    "@fluid-app/shareables-core": "0.1.0",
     "@fluid-app/shop-ui": "0.1.0",
     "@fluid-app/subscriptions-core": "0.1.0",
     "@fluid-app/subscriptions-api-client": "0.1.0",
     "@fluid-app/subscriptions-ui": "0.1.0",
-    "@fluid-app/ui-primitives": "0.1.13",
     "@fluid-app/typescript-config": "0.0.0",
+    "@fluid-app/ui-primitives": "0.1.13",
     "@fluid-app/user-notes-api-client": "0.1.0",
-    "@fluid-app/user-contacts-api-client": "0.1.0",
-    "@fluid-app/user-tasks-api-client": "0.1.0"
+    "@fluid-app/user-tasks-api-client": "0.1.0",
+    "@fluid-app/user-contacts-api-client": "0.1.0"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",

package/dist/MediaRenderer-CSrxxSt4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaRenderer-CSrxxSt4.cjs","names":["Video","Image"],"sources":["../../widgets/src/components/MediaRenderer.tsx"],"sourcesContent":["import type React from \"react\";\nimport { Image, Video } from \"lucide-react\";\nimport type { ShareableItem, WidgetSchema } from \"@fluid-app/portal-core/types\";\n\nexport type MediaRendererProps = {\n  src?: string | undefined;\n  alt?: string | undefined;\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | undefined;\n  focusPoint?: string | undefined;\n  mediaType?: \"image\" | \"video\" | undefined;\n  poster?: string | undefined;\n  autoplay?: boolean | undefined;\n  loop?: boolean | undefined;\n  muted?: boolean | undefined;\n  controls?: boolean | undefined;\n};\n\nexport function MediaRenderer({\n  src,\n  alt = \"Media\",\n  objectFit = \"cover\",\n  focusPoint,\n  mediaType = \"image\",\n  poster,\n  autoplay = false,\n  loop = false,\n  muted = true,\n  controls = true,\n}: MediaRendererProps): React.JSX.Element {\n  const hasValidSrc = src && src.trim() !== \"\";\n  const objectPosition = focusPoint?.replace(\"-\", \" \");\n\n  if (!hasValidSrc) {\n    const Icon = mediaType === \"video\" ? Video : Image;\n    const label =\n      mediaType === \"video\" ? \"No video selected\" : \"No image selected\";\n    return (\n      <div className=\"bg-muted flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n          <Icon className=\"h-12 w-12\" />\n          <p className=\"text-sm\">{label}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const isContainMode = objectFit === \"contain\";\n  const blurSrc = isContainMode ? `${src}?tr=bl-50` : undefined;\n\n  if (mediaType === \"video\") {\n    const blurredBgSrc = isContainMode\n      ? poster\n        ? `${poster}?tr=bl-50`\n        : blurSrc\n      : undefined;\n\n    const controlsHoverClass = controls\n      ? \"[@media(hover:hover)]:[&::-webkit-media-controls-panel]:opacity-0 [&::-webkit-media-controls-panel]:transition-opacity [&::-webkit-media-controls-panel]:duration-300 [@media(hover:hover)]:hover:[&::-webkit-media-controls-panel]:opacity-100\"\n      : \"pointer-events-none\";\n\n    if (isContainMode && blurredBgSrc) {\n      return (\n        <div className=\"relative h-full w-full overflow-hidden\">\n          <img\n            src={blurredBgSrc}\n            alt=\"\"\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            aria-hidden=\"true\"\n          />\n          <div\n            className=\"pointer-events-none absolute inset-0 bg-black/30\"\n            aria-hidden=\"true\"\n          />\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoplay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            className={`relative z-10 h-full w-full object-contain ${controlsHoverClass}`}\n          >\n            Your browser does not support the video tag.\n          </video>\n        </div>\n      );\n    }\n\n    return (\n      <video\n        src={src}\n        poster={poster}\n        controls={controls}\n        autoPlay={autoplay}\n        loop={loop}\n        muted={muted}\n        playsInline\n        className={`h-full w-full object-${objectFit} ${controlsHoverClass}`}\n        style={objectPosition ? { objectPosition } : undefined}\n      >\n        Your browser does not support the video tag.\n      </video>\n    );\n  }\n\n  if (isContainMode) {\n    return (\n      <div className=\"relative h-full w-full overflow-hidden\">\n        <img\n          src={blurSrc}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          aria-hidden=\"true\"\n        />\n        <div\n          className=\"pointer-events-none absolute inset-0 bg-black/30\"\n          aria-hidden=\"true\"\n        />\n        <img\n          src={src}\n          alt={alt}\n          className=\"relative z-10 h-full w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`h-full w-full object-${objectFit}`}\n      style={objectPosition ? { objectPosition } : undefined}\n    />\n  );\n}\n\n/**\n * Converts a ShareableItem to MediaRenderer props.\n * Replaces the createWidgetFromShareable → ScreenRenderer pattern.\n */\nexport function getMediaPropsFromShareable(\n  item: ShareableItem,\n): MediaRendererProps {\n  const isVideo = item.kind === \"video\" || !!item.videoUrl;\n\n  if (isVideo && item.videoUrl) {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      src: item.videoUrl,\n      alt: item.title ?? \"Video\",\n    };\n    if (item.imageUrl != null) result.poster = item.imageUrl;\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: item.title || \"Image\",\n    objectFit: \"cover\",\n  };\n  if (item.imageUrl != null) result.src = item.imageUrl;\n  return result;\n}\n\n/**\n * Extracts media props from an ImageWidget/VideoWidget schema.\n * Used by CarouselWidget for slide.content rendering.\n */\nexport function getMediaPropsFromWidgetSchema(\n  schema: WidgetSchema,\n): MediaRendererProps {\n  const props = schema.props;\n\n  const resource = props.resource as ShareableItem | undefined;\n  const useCustomUrl = props.useCustomUrl as boolean | undefined;\n  const focusPoint = props.focusPoint as string | undefined;\n  const displayFit = props.displayFit as\n    | MediaRendererProps[\"objectFit\"]\n    | undefined;\n\n  if (schema.type === \"VideoWidget\") {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      autoplay: (props.autoplay as boolean | undefined) ?? false,\n      loop: (props.loop as boolean | undefined) ?? false,\n      muted: (props.muted as boolean | undefined) ?? true,\n      controls: (props.controls as boolean | undefined) ?? true,\n      objectFit: displayFit ?? \"cover\",\n      focusPoint,\n    };\n    if (useCustomUrl) {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else if (resource) {\n      if (resource.videoUrl) result.src = resource.videoUrl;\n      else if (typeof props.src === \"string\") result.src = props.src;\n      if (resource.imageUrl) result.poster = resource.imageUrl;\n      else if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    }\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: (props.alt as string | undefined) ?? \"Image\",\n    objectFit: displayFit ?? \"cover\",\n    focusPoint,\n  };\n  if (useCustomUrl) {\n    if (typeof props.src === \"string\") result.src = props.src;\n  } else if (resource) {\n    if (resource.imageUrl) result.src = resource.imageUrl;\n    else if (typeof props.src === \"string\") result.src = props.src;\n    if (resource.title) result.alt = resource.title;\n  } else {\n    if (typeof props.src === \"string\") result.src = props.src;\n  }\n  return result;\n}\n"],"mappings":"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"}

package/dist/MediaRenderer-C_maibNT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaRenderer-C_maibNT.mjs","names":[],"sources":["../../widgets/src/components/MediaRenderer.tsx"],"sourcesContent":["import type React from \"react\";\nimport { Image, Video } from \"lucide-react\";\nimport type { ShareableItem, WidgetSchema } from \"@fluid-app/portal-core/types\";\n\nexport type MediaRendererProps = {\n  src?: string | undefined;\n  alt?: string | undefined;\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | undefined;\n  focusPoint?: string | undefined;\n  mediaType?: \"image\" | \"video\" | undefined;\n  poster?: string | undefined;\n  autoplay?: boolean | undefined;\n  loop?: boolean | undefined;\n  muted?: boolean | undefined;\n  controls?: boolean | undefined;\n};\n\nexport function MediaRenderer({\n  src,\n  alt = \"Media\",\n  objectFit = \"cover\",\n  focusPoint,\n  mediaType = \"image\",\n  poster,\n  autoplay = false,\n  loop = false,\n  muted = true,\n  controls = true,\n}: MediaRendererProps): React.JSX.Element {\n  const hasValidSrc = src && src.trim() !== \"\";\n  const objectPosition = focusPoint?.replace(\"-\", \" \");\n\n  if (!hasValidSrc) {\n    const Icon = mediaType === \"video\" ? Video : Image;\n    const label =\n      mediaType === \"video\" ? \"No video selected\" : \"No image selected\";\n    return (\n      <div className=\"bg-muted flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n          <Icon className=\"h-12 w-12\" />\n          <p className=\"text-sm\">{label}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const isContainMode = objectFit === \"contain\";\n  const blurSrc = isContainMode ? `${src}?tr=bl-50` : undefined;\n\n  if (mediaType === \"video\") {\n    const blurredBgSrc = isContainMode\n      ? poster\n        ? `${poster}?tr=bl-50`\n        : blurSrc\n      : undefined;\n\n    const controlsHoverClass = controls\n      ? \"[@media(hover:hover)]:[&::-webkit-media-controls-panel]:opacity-0 [&::-webkit-media-controls-panel]:transition-opacity [&::-webkit-media-controls-panel]:duration-300 [@media(hover:hover)]:hover:[&::-webkit-media-controls-panel]:opacity-100\"\n      : \"pointer-events-none\";\n\n    if (isContainMode && blurredBgSrc) {\n      return (\n        <div className=\"relative h-full w-full overflow-hidden\">\n          <img\n            src={blurredBgSrc}\n            alt=\"\"\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            aria-hidden=\"true\"\n          />\n          <div\n            className=\"pointer-events-none absolute inset-0 bg-black/30\"\n            aria-hidden=\"true\"\n          />\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoplay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            className={`relative z-10 h-full w-full object-contain ${controlsHoverClass}`}\n          >\n            Your browser does not support the video tag.\n          </video>\n        </div>\n      );\n    }\n\n    return (\n      <video\n        src={src}\n        poster={poster}\n        controls={controls}\n        autoPlay={autoplay}\n        loop={loop}\n        muted={muted}\n        playsInline\n        className={`h-full w-full object-${objectFit} ${controlsHoverClass}`}\n        style={objectPosition ? { objectPosition } : undefined}\n      >\n        Your browser does not support the video tag.\n      </video>\n    );\n  }\n\n  if (isContainMode) {\n    return (\n      <div className=\"relative h-full w-full overflow-hidden\">\n        <img\n          src={blurSrc}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          aria-hidden=\"true\"\n        />\n        <div\n          className=\"pointer-events-none absolute inset-0 bg-black/30\"\n          aria-hidden=\"true\"\n        />\n        <img\n          src={src}\n          alt={alt}\n          className=\"relative z-10 h-full w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`h-full w-full object-${objectFit}`}\n      style={objectPosition ? { objectPosition } : undefined}\n    />\n  );\n}\n\n/**\n * Converts a ShareableItem to MediaRenderer props.\n * Replaces the createWidgetFromShareable → ScreenRenderer pattern.\n */\nexport function getMediaPropsFromShareable(\n  item: ShareableItem,\n): MediaRendererProps {\n  const isVideo = item.kind === \"video\" || !!item.videoUrl;\n\n  if (isVideo && item.videoUrl) {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      src: item.videoUrl,\n      alt: item.title ?? \"Video\",\n    };\n    if (item.imageUrl != null) result.poster = item.imageUrl;\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: item.title || \"Image\",\n    objectFit: \"cover\",\n  };\n  if (item.imageUrl != null) result.src = item.imageUrl;\n  return result;\n}\n\n/**\n * Extracts media props from an ImageWidget/VideoWidget schema.\n * Used by CarouselWidget for slide.content rendering.\n */\nexport function getMediaPropsFromWidgetSchema(\n  schema: WidgetSchema,\n): MediaRendererProps {\n  const props = schema.props;\n\n  const resource = props.resource as ShareableItem | undefined;\n  const useCustomUrl = props.useCustomUrl as boolean | undefined;\n  const focusPoint = props.focusPoint as string | undefined;\n  const displayFit = props.displayFit as\n    | MediaRendererProps[\"objectFit\"]\n    | undefined;\n\n  if (schema.type === \"VideoWidget\") {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      autoplay: (props.autoplay as boolean | undefined) ?? false,\n      loop: (props.loop as boolean | undefined) ?? false,\n      muted: (props.muted as boolean | undefined) ?? true,\n      controls: (props.controls as boolean | undefined) ?? true,\n      objectFit: displayFit ?? \"cover\",\n      focusPoint,\n    };\n    if (useCustomUrl) {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else if (resource) {\n      if (resource.videoUrl) result.src = resource.videoUrl;\n      else if (typeof props.src === \"string\") result.src = props.src;\n      if (resource.imageUrl) result.poster = resource.imageUrl;\n      else if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    }\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: (props.alt as string | undefined) ?? \"Image\",\n    objectFit: displayFit ?? \"cover\",\n    focusPoint,\n  };\n  if (useCustomUrl) {\n    if (typeof props.src === \"string\") result.src = props.src;\n  } else if (resource) {\n    if (resource.imageUrl) result.src = resource.imageUrl;\n    else if (typeof props.src === \"string\") result.src = props.src;\n    if (resource.title) result.alt = resource.title;\n  } else {\n    if (typeof props.src === \"string\") result.src = props.src;\n  }\n  return result;\n}\n"],"mappings":"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"}