@fluid-app/portal-sdk 0.1.207 → 0.1.209

package/dist/{SeparatorWidget-_37ala5k.cjs → SeparatorWidget-CjVHbHzQ.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_registries = require("./registries-GJMHub-Q.cjs");
+const require_registries = require("./registries-CpUM406S.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 //#region ../widgets/src/widgets/SeparatorWidget.tsx
@@ -102,6 +102,7 @@ const separatorWidgetPropertySchema = {
 			options: [
 				{
 					icon: lucide_react.Ban,
+					ariaLabel: "No top margin",
 					value: 0
 				},
 				{
@@ -136,6 +137,7 @@ const separatorWidgetPropertySchema = {
 			options: [
 				{
 					icon: lucide_react.Ban,
+					ariaLabel: "No bottom margin",
 					value: 0
 				},
 				{
@@ -183,4 +185,4 @@ Object.defineProperty(exports, "separatorWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SeparatorWidget-_37ala5k.cjs.map
+//# sourceMappingURL=SeparatorWidget-CjVHbHzQ.cjs.map

package/dist/{SeparatorWidget-_37ala5k.cjs.map → SeparatorWidget-CjVHbHzQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SeparatorWidget-_37ala5k.cjs","names":["getColorField","Ban"],"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, 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, 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,iBAAA,GAAA,kBAAA,KAAC,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,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,MAAM;GACjB,OAAO;IACL;IACA,QAAQ;IACT;GACD,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,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;EACDA,mBAAAA,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,MAAMC,aAAAA;KAAK,OAAO;KAAG;IACvB;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,MAAMA,aAAAA;KAAK,OAAO;KAAG;IACvB;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-CjVHbHzQ.cjs","names":["getColorField","Ban"],"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,iBAAA,GAAA,kBAAA,KAAC,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,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,MAAM;GACjB,OAAO;IACL;IACA,QAAQ;IACT;GACD,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,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;EACDA,mBAAAA,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,MAAMC,aAAAA;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,MAAMA,aAAAA;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/{SeparatorWidget-C5kp4gzo.mjs → SeparatorWidget-Clm35u4g.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-DmEK0Umf.mjs";
-import { l as getColorField } from "./registries-CyjQkRM-.mjs";
+import { l as getColorField } from "./registries-DT36l-bR.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Ban } from "lucide-react";
 //#region ../widgets/src/widgets/SeparatorWidget.tsx
@@ -102,6 +102,7 @@ const separatorWidgetPropertySchema = {
 			options: [
 				{
 					icon: Ban,
+					ariaLabel: "No top margin",
 					value: 0
 				},
 				{
@@ -136,6 +137,7 @@ const separatorWidgetPropertySchema = {
 			options: [
 				{
 					icon: Ban,
+					ariaLabel: "No bottom margin",
 					value: 0
 				},
 				{
@@ -166,4 +168,4 @@ const separatorWidgetPropertySchema = {
 //#endregion
 export { SeparatorWidget_exports as n, separatorWidgetPropertySchema as r, SeparatorWidget as t };
 
-//# sourceMappingURL=SeparatorWidget-C5kp4gzo.mjs.map
+//# sourceMappingURL=SeparatorWidget-Clm35u4g.mjs.map

package/dist/{SeparatorWidget-C5kp4gzo.mjs.map → SeparatorWidget-Clm35u4g.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SeparatorWidget-C5kp4gzo.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, 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, 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,OAAO;KAAG;IACvB;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,OAAO;KAAG;IACvB;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-Clm35u4g.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-Be0YXQ2y.mjs → ShareablesScreen-BZK_lSdi.mjs}

@@ -3,7 +3,7 @@ import { b as fluidToast } from "./src-BEx23d86.mjs";
 import { t as useAccount } from "./use-account-B16Tor2Q.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-BW3lSpfT.mjs";
-import { a as ShareablesApp, c as ShareablesCoreProvider, n as usePortalContentContext, o as useFilePickerApi, r as toggleFavorite, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-CAa1jYwz.mjs";
+import { a as ShareablesApp, c as ShareablesCoreProvider, n as usePortalContentContext, o as useFilePickerApi, r as toggleFavorite, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-B-miOfQl.mjs";
 import { t as PortalProductsApiProvider } from "./PortalProductsApiProvider-DHni3Y1V.mjs";
 import { t as PORTAL_MYSITE_KEYS } from "./use-mysite-portal-axe_PFzR.mjs";
 import { useCallback, useMemo } from "react";
@@ -185,4 +185,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-Be0YXQ2y.mjs.map
+//# sourceMappingURL=ShareablesScreen-BZK_lSdi.mjs.map

package/dist/{ShareablesScreen-Be0YXQ2y.mjs.map → ShareablesScreen-BZK_lSdi.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareablesScreen-Be0YXQ2y.mjs","names":[],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useFilePickerApi } from \"@fluid-app/file-picker-core\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const filePickerApi = useFilePickerApi();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n        error?: unknown;\n      }) => {\n        fluidToast({ title: opts.title, type: opts.type });\n        if (opts.error) console.error(\"[Shareables]\", opts.error);\n      },\n      filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onMySiteShare: async (params: {\n        shareLink: string;\n        relateable_id: number;\n        relateable_type: string;\n      }) => {\n        await toggleFavorite(\n          client,\n          params.relateable_id,\n          params.relateable_type,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (\n            query: string,\n            options?: { cursor?: string | null; limit?: number },\n          ) => {\n            // Empty query → listProducts so the tag modal opens with\n            // suggestions instead of a blank state. Non-empty → real search.\n            // Both APIs forward cursor/limit so the tag modal can paginate.\n            const limit = options?.limit ?? 25;\n            const cursor = options?.cursor ?? undefined;\n            const result =\n              query.trim().length > 0\n                ? await portalProductsApi.searchProducts(query, {\n                    cursor,\n                    limit,\n                  })\n                : await portalProductsApi.listProducts({ cursor, limit });\n            // Filter out products without an id — mapping an id-less record\n            // to `id: 0` would let a subsequent add/remove tag operation\n            // silently run on id=0 (confusing 404/422 at best, incorrect\n            // mutation at worst).\n            const mapped = (result.products ?? [])\n              .map(\n                (p: {\n                  id?: number;\n                  title?: string;\n                  name?: string;\n                  image_url?: string | null;\n                  price?: string | null;\n                }) =>\n                  p.id != null\n                    ? {\n                        id: p.id,\n                        name: p.name ?? p.title ?? \"Untitled\",\n                        image_url: p.image_url ?? null,\n                        price: p.price ?? null,\n                      }\n                    : null,\n              )\n              .filter((p): p is NonNullable<typeof p> => p !== null);\n            return {\n              products: mapped,\n              nextCursor: result.meta?.pagination?.next_cursor ?? null,\n            };\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            const url = response.asset?.default_variant_url;\n            if (!url) {\n              // DAM accepted the upload but didn't return a playable URL.\n              // Throwing here lets the caller (MediaEditScreen catch handler)\n              // surface a toast and keeps the pending thumbnail state clean —\n              // returning \"\" silently would corrupt the save payload with an\n              // empty thumbnail URL.\n              throw new Error(\"Thumbnail upload succeeded but no URL returned\");\n            }\n            return url;\n          },\n    }),\n    [\n      account,\n      store,\n      navigate,\n      filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"ShareablesScreen-BZK_lSdi.mjs","names":[],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useFilePickerApi } from \"@fluid-app/file-picker-core\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const filePickerApi = useFilePickerApi();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n        error?: unknown;\n      }) => {\n        fluidToast({ title: opts.title, type: opts.type });\n        if (opts.error) console.error(\"[Shareables]\", opts.error);\n      },\n      filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onMySiteShare: async (params: {\n        shareLink: string;\n        relateable_id: number;\n        relateable_type: string;\n      }) => {\n        await toggleFavorite(\n          client,\n          params.relateable_id,\n          params.relateable_type,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (\n            query: string,\n            options?: { cursor?: string | null; limit?: number },\n          ) => {\n            // Empty query → listProducts so the tag modal opens with\n            // suggestions instead of a blank state. Non-empty → real search.\n            // Both APIs forward cursor/limit so the tag modal can paginate.\n            const limit = options?.limit ?? 25;\n            const cursor = options?.cursor ?? undefined;\n            const result =\n              query.trim().length > 0\n                ? await portalProductsApi.searchProducts(query, {\n                    cursor,\n                    limit,\n                  })\n                : await portalProductsApi.listProducts({ cursor, limit });\n            // Filter out products without an id — mapping an id-less record\n            // to `id: 0` would let a subsequent add/remove tag operation\n            // silently run on id=0 (confusing 404/422 at best, incorrect\n            // mutation at worst).\n            const mapped = (result.products ?? [])\n              .map(\n                (p: {\n                  id?: number;\n                  title?: string;\n                  name?: string;\n                  image_url?: string | null;\n                  price?: string | null;\n                }) =>\n                  p.id != null\n                    ? {\n                        id: p.id,\n                        name: p.name ?? p.title ?? \"Untitled\",\n                        image_url: p.image_url ?? null,\n                        price: p.price ?? null,\n                      }\n                    : null,\n              )\n              .filter((p): p is NonNullable<typeof p> => p !== null);\n            return {\n              products: mapped,\n              nextCursor: result.meta?.pagination?.next_cursor ?? null,\n            };\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            const url = response.asset?.default_variant_url;\n            if (!url) {\n              // DAM accepted the upload but didn't return a playable URL.\n              // Throwing here lets the caller (MediaEditScreen catch handler)\n              // surface a toast and keeps the pending thumbnail state clean —\n              // returning \"\" silently would corrupt the save payload with an\n              // empty thumbnail URL.\n              throw new Error(\"Thumbnail upload succeeded but no URL returned\");\n            }\n            return url;\n          },\n    }),\n    [\n      account,\n      store,\n      navigate,\n      filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-vk_JZ-_9.cjs → ShareablesScreen-BlX1v88I.cjs}

@@ -4,7 +4,7 @@ const require_src = require("./src-D57IFKXU.cjs");
 const require_use_account = require("./use-account-C5QI6NSe.cjs");
 const require_use_store = require("./use-store-BLcehk1A.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-CbK8uCjS.cjs");
-const require_PortalContentApiProvider = require("./PortalContentApiProvider-C5WzWC3k.cjs");
+const require_PortalContentApiProvider = require("./PortalContentApiProvider-Cec9tth6.cjs");
 const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Ca1oeTtJ.cjs");
 const require_use_mysite_portal = require("./use-mysite-portal-DzDYRU0u.cjs");
 let react = require("react");
@@ -197,4 +197,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-vk_JZ-_9.cjs.map
+//# sourceMappingURL=ShareablesScreen-BlX1v88I.cjs.map

package/dist/{ShareablesScreen-vk_JZ-_9.cjs.map → ShareablesScreen-BlX1v88I.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareablesScreen-vk_JZ-_9.cjs","names":["PortalProductsApiProvider","PortalContentApiProvider","usePortalContentContext","useFilePickerApi","useAccount","useStore","useAppNavigation","usePortalTenantClient","ShareablesCoreProvider","ShareablesUIProvider","toggleFavorite","PORTAL_MYSITE_KEYS","ShareablesApp"],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useFilePickerApi } from \"@fluid-app/file-picker-core\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const filePickerApi = useFilePickerApi();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n        error?: unknown;\n      }) => {\n        fluidToast({ title: opts.title, type: opts.type });\n        if (opts.error) console.error(\"[Shareables]\", opts.error);\n      },\n      filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onMySiteShare: async (params: {\n        shareLink: string;\n        relateable_id: number;\n        relateable_type: string;\n      }) => {\n        await toggleFavorite(\n          client,\n          params.relateable_id,\n          params.relateable_type,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (\n            query: string,\n            options?: { cursor?: string | null; limit?: number },\n          ) => {\n            // Empty query → listProducts so the tag modal opens with\n            // suggestions instead of a blank state. Non-empty → real search.\n            // Both APIs forward cursor/limit so the tag modal can paginate.\n            const limit = options?.limit ?? 25;\n            const cursor = options?.cursor ?? undefined;\n            const result =\n              query.trim().length > 0\n                ? await portalProductsApi.searchProducts(query, {\n                    cursor,\n                    limit,\n                  })\n                : await portalProductsApi.listProducts({ cursor, limit });\n            // Filter out products without an id — mapping an id-less record\n            // to `id: 0` would let a subsequent add/remove tag operation\n            // silently run on id=0 (confusing 404/422 at best, incorrect\n            // mutation at worst).\n            const mapped = (result.products ?? [])\n              .map(\n                (p: {\n                  id?: number;\n                  title?: string;\n                  name?: string;\n                  image_url?: string | null;\n                  price?: string | null;\n                }) =>\n                  p.id != null\n                    ? {\n                        id: p.id,\n                        name: p.name ?? p.title ?? \"Untitled\",\n                        image_url: p.image_url ?? null,\n                        price: p.price ?? null,\n                      }\n                    : null,\n              )\n              .filter((p): p is NonNullable<typeof p> => p !== null);\n            return {\n              products: mapped,\n              nextCursor: result.meta?.pagination?.next_cursor ?? null,\n            };\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            const url = response.asset?.default_variant_url;\n            if (!url) {\n              // DAM accepted the upload but didn't return a playable URL.\n              // Throwing here lets the caller (MediaEditScreen catch handler)\n              // surface a toast and keeps the pending thumbnail state clean —\n              // returning \"\" silently would corrupt the save payload with an\n              // empty thumbnail URL.\n              throw new Error(\"Thumbnail upload succeeded but no URL returned\");\n            }\n            return url;\n          },\n    }),\n    [\n      account,\n      store,\n      navigate,\n      filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"ShareablesScreen-BlX1v88I.cjs","names":["PortalProductsApiProvider","PortalContentApiProvider","usePortalContentContext","useFilePickerApi","useAccount","useStore","useAppNavigation","usePortalTenantClient","ShareablesCoreProvider","ShareablesUIProvider","toggleFavorite","PORTAL_MYSITE_KEYS","ShareablesApp"],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useFilePickerApi } from \"@fluid-app/file-picker-core\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const filePickerApi = useFilePickerApi();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n        error?: unknown;\n      }) => {\n        fluidToast({ title: opts.title, type: opts.type });\n        if (opts.error) console.error(\"[Shareables]\", opts.error);\n      },\n      filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onMySiteShare: async (params: {\n        shareLink: string;\n        relateable_id: number;\n        relateable_type: string;\n      }) => {\n        await toggleFavorite(\n          client,\n          params.relateable_id,\n          params.relateable_type,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (\n            query: string,\n            options?: { cursor?: string | null; limit?: number },\n          ) => {\n            // Empty query → listProducts so the tag modal opens with\n            // suggestions instead of a blank state. Non-empty → real search.\n            // Both APIs forward cursor/limit so the tag modal can paginate.\n            const limit = options?.limit ?? 25;\n            const cursor = options?.cursor ?? undefined;\n            const result =\n              query.trim().length > 0\n                ? await portalProductsApi.searchProducts(query, {\n                    cursor,\n                    limit,\n                  })\n                : await portalProductsApi.listProducts({ cursor, limit });\n            // Filter out products without an id — mapping an id-less record\n            // to `id: 0` would let a subsequent add/remove tag operation\n            // silently run on id=0 (confusing 404/422 at best, incorrect\n            // mutation at worst).\n            const mapped = (result.products ?? [])\n              .map(\n                (p: {\n                  id?: number;\n                  title?: string;\n                  name?: string;\n                  image_url?: string | null;\n                  price?: string | null;\n                }) =>\n                  p.id != null\n                    ? {\n                        id: p.id,\n                        name: p.name ?? p.title ?? \"Untitled\",\n                        image_url: p.image_url ?? null,\n                        price: p.price ?? null,\n                      }\n                    : null,\n              )\n              .filter((p): p is NonNullable<typeof p> => p !== null);\n            return {\n              products: mapped,\n              nextCursor: result.meta?.pagination?.next_cursor ?? null,\n            };\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            const url = response.asset?.default_variant_url;\n            if (!url) {\n              // DAM accepted the upload but didn't return a playable URL.\n              // Throwing here lets the caller (MediaEditScreen catch handler)\n              // surface a toast and keeps the pending thumbnail state clean —\n              // returning \"\" silently would corrupt the save payload with an\n              // empty thumbnail URL.\n              throw new Error(\"Thumbnail upload succeeded but no URL returned\");\n            }\n            return url;\n          },\n    }),\n    [\n      account,\n      store,\n      navigate,\n      filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-CpFuhYs5.mjs → ShareablesScreen-Ce7kJAPw.mjs}

@@ -7,9 +7,9 @@ import "./ScreenHeaderContext-FYyYk97y.mjs";
 import "./dist-BETEuYfn.mjs";
 import "./SearchSort-TmuNOCwA.mjs";
 import "./dist-DBPpJ567.mjs";
-import "./PortalContentApiProvider-CAa1jYwz.mjs";
+import "./PortalContentApiProvider-B-miOfQl.mjs";
 import "./sortable.esm-DFTEWOHN.mjs";
 import "./PortalProductsApiProvider-DHni3Y1V.mjs";
 import "./use-mysite-portal-axe_PFzR.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-Be0YXQ2y.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BZK_lSdi.mjs";
 export { ShareablesScreen, shareablesScreenPropertySchema };

package/dist/{ShareablesScreen-B-q3ovAv.cjs → ShareablesScreen-DELGijpZ.cjs}

@@ -8,10 +8,10 @@ require("./dist-CGuUUVNt.cjs");
 require("./es-DHLLltoR.cjs");
 require("./SearchSort-ztRXlRwu.cjs");
 require("./dist-DDZMFlal.cjs");
-require("./PortalContentApiProvider-C5WzWC3k.cjs");
+require("./PortalContentApiProvider-Cec9tth6.cjs");
 require("./dist-DWs3-WOI.cjs");
 require("./PortalProductsApiProvider-Ca1oeTtJ.cjs");
 require("./use-mysite-portal-DzDYRU0u.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-vk_JZ-_9.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-BlX1v88I.cjs");
 exports.ShareablesScreen = require_ShareablesScreen.ShareablesScreen;
 exports.shareablesScreenPropertySchema = require_ShareablesScreen.shareablesScreenPropertySchema;

package/dist/ShopScreen-7s5O5oFR.cjs

@@ -0,0 +1,46 @@
+require("./chunk-9hOWP6kD.cjs");
+require("./FluidProvider-CVYSJW9G.cjs");
+require("./ScreenRenderer-DfeRRgBO.cjs");
+require("./account-api-context-DZP9IiGg.cjs");
+require("./store-api-context-D1gZn22Z.cjs");
+require("./mysite-api-context-CilZcDS4.cjs");
+require("./src-BNcNh8fM.cjs");
+require("./registry-context-RWj2xJlC.cjs");
+require("./WidgetInteractionContext-Bd1hEEV2.cjs");
+require("./EmbedWidget-PIWoA9sU.cjs");
+require("./error-state-C-AalLnz.cjs");
+require("./LayoutWidget-BbABNLAR.cjs");
+require("./registries-CpUM406S.cjs");
+require("./fields-C8gY9GlT.cjs");
+require("./TextWidget-D9H9WUPH.cjs");
+require("./AlertWidget-Bli5ni5t.cjs");
+require("./BulletListWidget-BHkly6-D.cjs");
+require("./CalendarWidget-BcZNsVQo.cjs");
+require("./CardWidget-BAl-3dJF.cjs");
+require("./purify.es-BQcWWtgQ.cjs");
+require("./src-D57IFKXU.cjs");
+require("./scroll-arrows-CzWtSS8l.cjs");
+require("./MediaRenderer-CfgWd0cC.cjs");
+require("./CarouselWidget-BWpRWnUV.cjs");
+require("./CatchUpWidget-sUlMDu2k.cjs");
+require("./ChartWidget-C2fmc4-R.cjs");
+require("./ContainerWidget-DWp7gOZM.cjs");
+require("./ImageWidget-DbV--wn4.cjs");
+require("./LinkWidget-DMdMfamp.cjs");
+require("./ListWidget-B5jPU4m1.cjs");
+require("./MySiteWidget-C1OYAsZw.cjs");
+require("./NestedWidget-BSNtbipH.cjs");
+require("./PointsWidget-Bw08kgNE.cjs");
+require("./QuickShareWidget-DRbErOlt.cjs");
+require("./RecentActivityWidget-Cw5Qxx_x.cjs");
+require("./SeparatorWidget-CjVHbHzQ.cjs");
+require("./SpacerWidget-D9lOLPr5.cjs");
+require("./TableWidget-DCWm-ENc.cjs");
+require("./ToDoWidget-x86UGKLQ.cjs");
+require("./VideoWidget-CvDmuMnA.cjs");
+require("./ScreenHeaderContext-BXgWydjB.cjs");
+require("./SearchSort-ztRXlRwu.cjs");
+require("./PortalProductsApiProvider-Ca1oeTtJ.cjs");
+const require_ShopScreen = require("./ShopScreen-dkt4YuUO.cjs");
+exports.ShopScreen = require_ShopScreen.ShopScreen;
+exports.shopScreenPropertySchema = require_ShopScreen.shopScreenPropertySchema;

package/dist/{ShopScreen-BOd8LD3L.mjs → ShopScreen-DAZC9E9E.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-DmEK0Umf.mjs";
-import { n as useFluidContext } from "./FluidProvider-5TV1VHtq.mjs";
+import { n as useFluidContext } from "./FluidProvider-BhXU4mXn.mjs";
 import { $ as DropdownMenuSeparator, A as Select, C as Skeleton, En as Button, F as RadioGroup, I as RadioGroupItem, J as DropdownMenuContent, M as SelectItem, N as SelectTrigger, P as SelectValue, Q as DropdownMenuRadioItem, X as DropdownMenuLabel, Z as DropdownMenuRadioGroup, cn as Breadcrumb, dn as BreadcrumbList, fn as BreadcrumbPage, j as SelectContent, ln as BreadcrumbItem, pn as BreadcrumbSeparator, q as DropdownMenu, rt as DropdownMenuTrigger, un as BreadcrumbLink, wt as Card } from "./src-BEx23d86.mjs";
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-FYyYk97y.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
@@ -1144,4 +1144,4 @@ function ProductBreadcrumb({ productId }) {
 //#endregion
 export { ShopScreen_exports as n, shopScreenPropertySchema as r, ShopScreen as t };
 
-//# sourceMappingURL=ShopScreen-BOd8LD3L.mjs.map
+//# sourceMappingURL=ShopScreen-DAZC9E9E.mjs.map