@fluid-app/portal-sdk 0.1.209 → 0.1.210

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import "./es-DmEK0Umf.mjs";
-import { a as createScreen, c as FluidThemeProvider, h as deleteDatabase, i as widgetPropertySchemas, l as useThemeContext, m as createPersister, n as useFluidContext, o as createWidgetFromShareable, p as useAppDefinitionApi, r as DEFAULT_SDK_WIDGET_REGISTRY, s as createWidgetRegistry, t as FluidProvider } from "./FluidProvider-BhXU4mXn.mjs";
+import { a as createScreen, c as FluidThemeProvider, h as deleteDatabase, i as widgetPropertySchemas, l as useThemeContext, m as createPersister, n as useFluidContext, o as createWidgetFromShareable, p as useAppDefinitionApi, r as DEFAULT_SDK_WIDGET_REGISTRY, s as createWidgetRegistry, t as FluidProvider } from "./FluidProvider-DBh92Dz3.mjs";
 import { a as assertNever, i as assertDefined, n as DataAwareWidget, o as isWidgetType, r as WIDGET_TYPE_NAMES, s as isWidgetTypeName, u as useRegistry } from "./ScreenRenderer-Cv2rxvtF.mjs";
 import "./account-api-context-BIZ_aibJ.mjs";
 import "./store-api-context-C1lXT_3d.mjs";
@@ -20,7 +20,7 @@ import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "./Calend
 import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-gcPNwuZk.mjs";
 import "./purify.es-Bl6SBkmi.mjs";
 import { C as Skeleton$1, En as Button, Pn as cn$1, _t as CollapsibleContent, gt as Collapsible, ht as PopoverTrigger, mt as PopoverContent, pt as Popover, vt as CollapsibleTrigger, x as Toaster } from "./src-BEx23d86.mjs";
-import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-DZPzRM2a.mjs";
+import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-DhtepYkU.mjs";
 import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-CuP9OfBI.mjs";
 import "./scroll-arrows-CYshgsiB.mjs";
 import "./MediaRenderer-CEtrOi5O.mjs";
@@ -34,7 +34,7 @@ import { r as listWidgetPropertySchema, t as ListWidget } from "./ListWidget-DvZ
 import { r as mySiteWidgetPropertySchema, t as MySiteWidget } from "./MySiteWidget-C6IZytLt.mjs";
 import { r as nestedWidgetPropertySchema, t as NestedWidget } from "./NestedWidget-J9sJbt9s.mjs";
 import { r as pointsWidgetPropertySchema, t as PointsWidget } from "./PointsWidget-CoDqvWC5.mjs";
-import { r as quickShareWidgetPropertySchema, t as QuickShareWidget } from "./QuickShareWidget-Dbjueevf.mjs";
+import { r as quickShareWidgetPropertySchema, t as QuickShareWidget } from "./QuickShareWidget-CunkC1r8.mjs";
 import { r as recentActivityWidgetPropertySchema, t as RecentActivityWidget } from "./RecentActivityWidget-C6qm5x9b.mjs";
 import { r as separatorWidgetPropertySchema, t as SeparatorWidget } from "./SeparatorWidget-Clm35u4g.mjs";
 import { r as spacerWidgetPropertySchema, t as SpacerWidget } from "./SpacerWidget-JyChGNdx.mjs";
@@ -46,7 +46,7 @@ import { t as useAccount } from "./use-account-B16Tor2Q.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-CeLL33Gu.mjs";
 import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-BW3lSpfT.mjs";
-import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BVlyq4I8.mjs";
+import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BEZneAry.mjs";
 import "./dist-BETEuYfn.mjs";
 import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CCsst8bb.mjs";
 import "./SearchSort-TmuNOCwA.mjs";
@@ -61,7 +61,7 @@ import { n as productsScreenPropertySchema, t as ProductsScreen } from "./Produc
 import "./use-mysite-portal-axe_PFzR.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-Dz5htti5.mjs";
 import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BZK_lSdi.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DAZC9E9E.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DeVoH7co.mjs";
 import "./UpgradeScreen-K1atEcyx.mjs";
 import "./AppDownloadScreen-CLSjQhHn.mjs";
 import * as React$1 from "react";
@@ -2132,12 +2132,12 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BVlyq4I8.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BEZneAry.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = lazy(() => import("./OrdersScreen-D4pe5mLs.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CuP9OfBI.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-DZPzRM2a.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-DhtepYkU.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-CCsst8bb.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-DAZC9E9E.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-DeVoH7co.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-CeLL33Gu.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
 const ProductsScreen$1 = lazy(() => import("./ProductsScreen-CRV1_NVf.mjs").then((m) => ({ default: m.ProductsScreen })));
 const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-Ce7kJAPw.mjs").then((m) => ({ default: m.ShareablesScreen })));
@@ -3627,8 +3627,8 @@ z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-BVlyq4I8.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-DZPzRM2a.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-BEZneAry.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-DhtepYkU.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-CCsst8bb.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => import("./OrdersScreen-D4pe5mLs.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => import("./SubscriptionsScreen-CuP9OfBI.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
@@ -3636,7 +3636,7 @@ const screenPropertySchemas = {
 	ProductsScreen: () => import("./ProductsScreen-CRV1_NVf.mjs").then((m) => m.productsScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-Dz5htti5.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
 	ShareablesScreen: () => import("./ShareablesScreen-Ce7kJAPw.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-DAZC9E9E.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-DeVoH7co.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-K1atEcyx.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-CLSjQhHn.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.209",
+  "version": "0.1.210",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -72,46 +72,46 @@
     "typescript": "^5",
     "zod": "4.3.5",
     "@fluid-app/api-client-core": "0.1.0",
-    "@fluid-app/auth": "0.1.0",
     "@fluid-app/cart-ui": "0.1.17",
-    "@fluid-app/company-switcher-ui": "0.1.0",
     "@fluid-app/company-switcher-core": "0.1.0",
+    "@fluid-app/company-switcher-ui": "0.1.0",
+    "@fluid-app/auth": "0.1.0",
+    "@fluid-app/contacts-core": "0.1.0",
     "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/file-picker-core": "0.1.0",
-    "@fluid-app/contacts-ui": "0.1.0",
-    "@fluid-app/fluid-pay-core": "0.1.0",
     "@fluid-app/fluidos-api-client": "0.1.0",
     "@fluid-app/messaging-api-client": "0.1.0",
-    "@fluid-app/contacts-core": "0.1.0",
-    "@fluid-app/mysite-core": "0.1.0",
+    "@fluid-app/contacts-ui": "0.1.0",
     "@fluid-app/messaging-core": "0.1.0",
     "@fluid-app/messaging-ui": "0.1.0",
+    "@fluid-app/fluid-pay-core": "0.1.0",
+    "@fluid-app/mysite-core": "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/portal-app-download-ui": "0.1.0",
     "@fluid-app/permissions": "0.1.0",
     "@fluid-app/portal-core": "0.1.23",
-    "@fluid-app/portal-preview": "0.1.0",
+    "@fluid-app/portal-app-download-ui": "0.1.0",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
+    "@fluid-app/portal-preview": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
+    "@fluid-app/portal-tenant-api-client": "0.1.0",
     "@fluid-app/portal-tenant-contacts-api-client": "0.1.0",
     "@fluid-app/portal-tenant-content-api-client": "0.1.0",
-    "@fluid-app/portal-tenant-api-client": "0.1.0",
-    "@fluid-app/portal-tenant-mysite-api-client": "0.1.0",
     "@fluid-app/portal-tenant-pay-api-client": "0.1.0",
     "@fluid-app/portal-tenant-store-api-client": "0.1.0",
-    "@fluid-app/products-core": "0.1.0",
+    "@fluid-app/portal-tenant-mysite-api-client": "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/query-persister": "0.1.0",
+    "@fluid-app/profile-core": "0.1.0",
+    "@fluid-app/products-api-client": "0.1.0",
     "@fluid-app/shareables-core": "0.1.0",
+    "@fluid-app/query-persister": "0.1.0",
     "@fluid-app/shareables-ui": "0.1.0",
-    "@fluid-app/shop-ui": "0.1.0",
-    "@fluid-app/store-core": "0.1.0",
     "@fluid-app/store-api-client": "0.1.0",
+    "@fluid-app/store-core": "0.1.0",
+    "@fluid-app/shop-ui": "0.1.0",
     "@fluid-app/subscriptions-core": "0.1.0",
     "@fluid-app/subscriptions-ui": "0.1.0",
     "@fluid-app/typescript-config": "0.0.0",

package/dist/QuickShareWidget-DRbErOlt.cjs

@@ -1,268 +0,0 @@
-const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_registries = require("./registries-CpUM406S.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-let qrcode_react = require("qrcode.react");
-//#region ../widgets/src/widgets/QuickShareWidget.tsx
-var QuickShareWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
-	QuickShareWidget: () => QuickShareWidget,
-	quickShareWidgetPropertySchema: () => quickShareWidgetPropertySchema
-});
-function QuickShareWidget({ shareableResource, titleEnabled = true, titleText = "", titleFontSize = "2xl", titleColor = "foreground", textColor = "foreground", accentColor = "primary", padding = 4, borderRadius = "md", borderWidth = "none", borderColor = "muted", overlayEnabled = true, overlayType = "solid", overlayIntensity = 50, showBuyButton = false, className, ...props }) {
-	const backgroundImageUrl = shareableResource?.image_url || shareableResource?.imageUrl;
-	const shareLink = shareableResource?.share_link || "";
-	const displayUrl = shareLink || "Select a resource to generate link";
-	const displayTitle = titleText || shareableResource?.title || "Select a resource to display!";
-	const isProduct = shareableResource?.type === "Product" || shareableResource?.shareableType === "Product";
-	const shouldShowBuyButton = showBuyButton && isProduct;
-	const handleCopyToClipboard = async () => {
-		if (shareLink) try {
-			await navigator.clipboard.writeText(shareLink);
-		} catch (error) {
-			console.error("Failed to copy to clipboard:", error);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `relative overflow-hidden rounded-${borderRadius} ${require_registries.borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? require_registries.borderColorClasses[borderColor] : ""} bg-muted text-${textColor} ${className ?? ""}`,
-		...props,
-		children: [backgroundImageUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "absolute inset-0",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-				src: backgroundImageUrl,
-				alt: "",
-				className: "h-full w-full object-cover"
-			}), overlayEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: `absolute inset-0 ${overlayType === "gradient" ? "bg-gradient-to-t from-black to-transparent" : "bg-black"}`,
-				style: { opacity: (Number(String(overlayIntensity).replace("%", "")) || 50) / 100 }
-			})]
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: `bg-muted absolute inset-0 flex items-center justify-center`,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "h-16 w-16 opacity-20" })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: `relative flex min-h-[400px] flex-col p-${padding}`,
-			children: [titleEnabled && displayTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-					className: `text-center text-${titleFontSize} font-header font-semibold text-${titleColor} drop-shadow-lg`,
-					children: displayTitle
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "mt-auto flex flex-col gap-4",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex items-end justify-between gap-4",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "shrink-0 rounded-lg bg-white p-2",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(qrcode_react.QRCodeSVG, {
-							value: shareLink || "https://example.com",
-							size: 100,
-							level: "H"
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "mb-2 text-sm font-semibold tracking-wide drop-shadow",
-							children: "Your Shareable URL"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "flex items-center justify-between rounded-md border border-white/20 bg-black/50 p-2 text-sm text-white backdrop-blur",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "truncate",
-								children: displayUrl
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								onClick: handleCopyToClipboard,
-								className: `ml-2 shrink-0 rounded p-1 transition-colors hover:bg-${accentColor}/20`,
-								"aria-label": "Copy link",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "h-4 w-4" })
-							})]
-						})]
-					})]
-				}), shouldShowBuyButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: `flex w-full items-center justify-center gap-2 rounded-lg bg-${accentColor} p-3 font-medium text-${accentColor}-foreground transition-all hover:bg-${accentColor}/70`,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Buy" })]
-					})
-				})]
-			})]
-		})]
-	});
-}
-const quickShareWidgetPropertySchema = {
-	widgetType: "QuickShareWidget",
-	displayName: "Quick Share Widget",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: [
-		{
-			key: "shareableResource",
-			label: "Shareable Content",
-			type: "resource",
-			description: "Select the content to generate a share link for",
-			allowedTypes: [
-				"Product",
-				"Page",
-				"EnrollmentPack",
-				"Medium",
-				"Library"
-			],
-			tab: "styling",
-			group: "Content"
-		},
-		{
-			key: "titleEnabled",
-			label: "Show Title",
-			type: "boolean",
-			description: "Display a title overlay on the widget",
-			defaultValue: true,
-			tab: "styling",
-			group: "Title"
-		},
-		{
-			key: "titleText",
-			label: "Title",
-			type: "text",
-			description: "Custom title text (defaults to resource title if empty)",
-			defaultValue: "",
-			tab: "styling",
-			group: "Title",
-			requiresKeyToBeTrue: "titleEnabled"
-		},
-		require_registries.getFontSizeField({
-			key: "titleFontSize",
-			label: "Title Font Size",
-			description: "Font size for the title text",
-			defaultValue: "2xl",
-			tab: "styling",
-			group: "Title",
-			requiresKeyToBeTrue: "titleEnabled"
-		}),
-		require_registries.getColorField({
-			key: "titleColor",
-			label: "Title Color",
-			description: "Color for the title text",
-			defaultValue: "background",
-			tab: "styling",
-			group: "Title",
-			requiresKeyToBeTrue: "titleEnabled"
-		}),
-		require_registries.getColorField({
-			key: "textColor",
-			label: "Text Color",
-			description: "Default text color for the widget",
-			defaultValue: "background",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getColorField({
-			key: "accentColor",
-			label: "Accent Color",
-			description: "Color for accent elements and buy button",
-			defaultValue: "primary",
-			tab: "styling",
-			group: "Design"
-		}),
-		{
-			key: "overlayEnabled",
-			label: "Enable Overlay",
-			type: "boolean",
-			description: "Add background overlay for text readability",
-			defaultValue: true,
-			tab: "styling",
-			group: "Design"
-		},
-		{
-			key: "overlayType",
-			label: "Overlay Type",
-			type: "buttonGroup",
-			description: "Type of overlay to add to the background",
-			defaultValue: "solid",
-			options: [{
-				label: "Solid",
-				value: "solid"
-			}, {
-				label: "Gradient",
-				value: "gradient"
-			}],
-			tab: "styling",
-			group: "Design",
-			requiresKeyToBeTrue: "overlayEnabled"
-		},
-		{
-			key: "overlayIntensity",
-			label: "Overlay Intensity",
-			type: "slider",
-			description: "Opacity of the overlay background (0-100)",
-			min: 0,
-			max: 100,
-			step: 5,
-			defaultValue: 50,
-			unit: "%",
-			tab: "styling",
-			group: "Design",
-			requiresKeyToBeTrue: "overlayEnabled"
-		},
-		{
-			key: "separator",
-			type: "separator",
-			label: "Separator",
-			tab: "styling",
-			group: "Design"
-		},
-		require_registries.getPaddingField({
-			key: "padding",
-			label: "Padding",
-			description: "Padding around the widget content",
-			defaultValue: 4,
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderRadiusField({
-			key: "borderRadius",
-			label: "Border Radius",
-			description: "Border radius for the widget container",
-			defaultValue: "md",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderWidthField({
-			key: "borderWidth",
-			label: "Border Width",
-			description: "Border width for the widget",
-			defaultValue: "none",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderColorField({
-			key: "borderColor",
-			label: "Border Color",
-			description: "Border color for the widget",
-			defaultValue: "muted",
-			tab: "styling",
-			group: "Design"
-		})
-	]
-};
-//#endregion
-Object.defineProperty(exports, "QuickShareWidget", {
-	enumerable: true,
-	get: function() {
-		return QuickShareWidget;
-	}
-});
-Object.defineProperty(exports, "QuickShareWidget_exports", {
-	enumerable: true,
-	get: function() {
-		return QuickShareWidget_exports;
-	}
-});
-Object.defineProperty(exports, "quickShareWidgetPropertySchema", {
-	enumerable: true,
-	get: function() {
-		return quickShareWidgetPropertySchema;
-	}
-});
-
-//# sourceMappingURL=QuickShareWidget-DRbErOlt.cjs.map

package/dist/QuickShareWidget-DRbErOlt.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickShareWidget-DRbErOlt.cjs","names":["borderWidthClasses","borderColorClasses","Image","QRCodeSVG","Copy","ShoppingCart","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/widgets/QuickShareWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ShareableItem } from \"@fluid-app/portal-core/types\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport { Copy, ShoppingCart, Image } from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n  // Resource\n  shareableResource?: ShareableItem;\n\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n\n  // Actions\n  showBuyButton?: boolean;\n};\n\nexport function QuickShareWidget({\n  // Resource\n  shareableResource,\n\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"\",\n  titleFontSize = \"2xl\",\n  titleColor = \"foreground\",\n\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Overlay defaults\n  overlayEnabled = true,\n  overlayType = \"solid\",\n  overlayIntensity = 50,\n\n  // Actions defaults\n  showBuyButton = false,\n\n  className,\n  ...props\n}: QuickShareWidgetProps): React.JSX.Element {\n  // Determine background styling\n  const backgroundImageUrl =\n    shareableResource?.image_url || shareableResource?.imageUrl;\n\n  // Get share link from resource\n  const shareLink = shareableResource?.share_link || \"\";\n  const displayUrl = shareLink || \"Select a resource to generate link\";\n\n  // Determine title - use provided title or fall back to resource title\n  const displayTitle =\n    titleText || shareableResource?.title || \"Select a resource to display!\";\n\n  // Check if resource is a Product for buy button visibility\n  const isProduct =\n    shareableResource?.type === \"Product\" ||\n    shareableResource?.shareableType === \"Product\";\n  const shouldShowBuyButton = showBuyButton && isProduct;\n\n  // Copy to clipboard handler\n  const handleCopyToClipboard = async () => {\n    if (shareLink) {\n      try {\n        await navigator.clipboard.writeText(shareLink);\n      } catch (error) {\n        console.error(\"Failed to copy to clipboard:\", error);\n      }\n    }\n  };\n\n  return (\n    <div\n      className={`relative overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-muted text-${textColor} ${className ?? \"\"}`}\n      {...props}\n    >\n      {/* Background Image with Overlay */}\n      {backgroundImageUrl ? (\n        <div className=\"absolute inset-0\">\n          <img\n            src={backgroundImageUrl}\n            alt=\"\"\n            className=\"h-full w-full object-cover\"\n          />\n          {overlayEnabled && (\n            <div\n              className={`absolute inset-0 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n      ) : (\n        <div\n          className={`bg-muted absolute inset-0 flex items-center justify-center`}\n        >\n          <Image className=\"h-16 w-16 opacity-20\" />\n        </div>\n      )}\n\n      {/* Content Container */}\n      <div className={`relative flex min-h-[400px] flex-col p-${padding}`}>\n        {/* Title Overlay */}\n        {titleEnabled && displayTitle && (\n          <div className=\"flex flex-1 items-center justify-center\">\n            <h2\n              className={`text-center text-${titleFontSize} font-header font-semibold text-${titleColor} drop-shadow-lg`}\n            >\n              {displayTitle}\n            </h2>\n          </div>\n        )}\n\n        {/* Bottom Section - QR Code, URL, and Buttons */}\n        <div className=\"mt-auto flex flex-col gap-4\">\n          <div className=\"flex items-end justify-between gap-4\">\n            {/* QR Code */}\n            <div className=\"shrink-0 rounded-lg bg-white p-2\">\n              <QRCodeSVG\n                value={shareLink || \"https://example.com\"}\n                size={100}\n                level=\"H\"\n              />\n            </div>\n\n            {/* URL Display */}\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"mb-2 text-sm font-semibold tracking-wide drop-shadow\">\n                Your Shareable URL\n              </p>\n              <div className=\"flex items-center justify-between rounded-md border border-white/20 bg-black/50 p-2 text-sm text-white backdrop-blur\">\n                <span className=\"truncate\">{displayUrl}</span>\n                <button\n                  type=\"button\"\n                  onClick={handleCopyToClipboard}\n                  className={`ml-2 shrink-0 rounded p-1 transition-colors hover:bg-${accentColor}/20`}\n                  aria-label=\"Copy link\"\n                >\n                  <Copy className=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          </div>\n\n          {/* Action Buttons */}\n          {/* TODO: Needs button link implmented, once it is uncomment the config for showBuyButton */}\n          {shouldShowBuyButton && (\n            <div className=\"flex\">\n              <button\n                type=\"button\"\n                className={`flex w-full items-center justify-center gap-2 rounded-lg bg-${accentColor} p-3 font-medium text-${accentColor}-foreground transition-all hover:bg-${accentColor}/70`}\n              >\n                <ShoppingCart className=\"h-4 w-4\" />\n                <span>Buy</span>\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"QuickShareWidget\",\n  displayName: \"Quick Share Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Resource\n    {\n      key: \"shareableResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select the content to generate a share link for\",\n      allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Display a title overlay on the widget\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Custom title text (defaults to resource title if empty)\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title text\",\n      defaultValue: \"2xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title text\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Actions Group\n    // {\n    //   key: \"showBuyButton\",\n    //   label: \"Show Buy Button\",\n    //   type: \"boolean\",\n    //   description: \"Display the buy button (only visible for Product type)\",\n    //   defaultValue: false,\n    //   tab: \"styling\",\n    //   group: \"Actions\",\n    // },\n\n    // Styling Tab - Design Group\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for the widget\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for accent elements and buy button\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add background overlay for text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay to add to the background\",\n      defaultValue: \"solid\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay background (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget content\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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GD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACDC,mBAAAA,iBAAiB;GACf,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACFC,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAcFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACDC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}