@fluid-app/rep-sdk 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/rep-sdk",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "SDK for building custom Fluid rep portals",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -16,6 +16,9 @@
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "sideEffects": false,
   "dependencies": {
     "@radix-ui/react-slot": "^1.1.2",
@@ -26,31 +29,47 @@
     "qrcode.react": "^4.2.0",
     "recharts": "^2.15.4",
     "tailwind-merge": "^3.0.2",
-    "@fluid-app/rep-core": "0.1.0",
+    "@fluid-app/fluid-messaging-api-client": "0.1.0",
+    "@fluid-app/fluid-messaging-core": "0.1.0",
+    "@fluid-app/fluid-messaging-ui": "0.1.0",
+    "@fluid-app/rep-core": "0.1.2",
     "@fluid-app/rep-widgets": "0.1.0"
   },
   "peerDependencies": {
+    "@fortawesome/fontawesome-svg-core": ">=6.0.0",
+    "@fortawesome/pro-regular-svg-icons": ">=6.0.0",
+    "@fortawesome/react-fontawesome": ">=0.2.0",
     "@tanstack/react-query": ">=5.0.0",
-    "lucide-react": ">=0.400.0",
-    "react": ">=18.0.0"
+    "react": ">=18.0.0",
+    "react-hook-form": ">=7.0.0",
+    "@hookform/resolvers": ">=3.0.0",
+    "zod": ">=3.0.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.11",
     "@types/react": "^19.2.13",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/pro-regular-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@hookform/resolvers": "^4.1.3",
     "jsdom": "^28.0.0",
-    "lucide-react": "^0.475.0",
+    "react-hook-form": "^7.55.0",
+    "zod": "^3.24.2",
     "react": "^19.2.4",
     "tsup": "^8.4.0",
     "typescript": "^5",
     "vitest": "^4.0.18",
+    "@fluid-app/eslint-config": "0.0.0",
     "@fluid-app/typescript-config": "0.0.0",
-    "@fluid-app/eslint-config": "0.0.0"
+    "@fluid-app/query-persister": "0.1.0",
+    "@fluid-app/fluidos-api-client": "0.1.0"
   },
   "scripts": {
+    "transit": "tsc --emitDeclarationOnly",
     "build": "tsup",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint . --max-warnings 0",
+    "lint": "eslint . --max-warnings 0 --cache --cache-strategy content",
     "lint:fix": "eslint . --fix",
     "test": "vitest run",
     "test:watch": "vitest"

package/dist/ContactsScreen-BYXF74BO.js

@@ -1,4 +0,0 @@
-export { ContactsScreen, contactsScreenPropertySchema } from './chunk-WH7WZXT6.js';
-import './chunk-LO2HDG6C.js';
-//# sourceMappingURL=ContactsScreen-BYXF74BO.js.map
-//# sourceMappingURL=ContactsScreen-BYXF74BO.js.map

package/dist/ContactsScreen-XZOQJVFE.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunkMEOOAMH2_cjs = require('./chunk-MEOOAMH2.cjs');
-require('./chunk-DEQ3PBVX.cjs');
-
-
-
-Object.defineProperty(exports, "ContactsScreen", {
-  enumerable: true,
-  get: function () { return chunkMEOOAMH2_cjs.ContactsScreen; }
-});
-Object.defineProperty(exports, "contactsScreenPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkMEOOAMH2_cjs.contactsScreenPropertySchema; }
-});
-//# sourceMappingURL=ContactsScreen-XZOQJVFE.cjs.map
-//# sourceMappingURL=ContactsScreen-XZOQJVFE.cjs.map

package/dist/CustomersScreen-53SXRDDK.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunkMBUCXIUN_cjs = require('./chunk-MBUCXIUN.cjs');
-require('./chunk-DEQ3PBVX.cjs');
-
-
-
-Object.defineProperty(exports, "CustomersScreen", {
-  enumerable: true,
-  get: function () { return chunkMBUCXIUN_cjs.CustomersScreen; }
-});
-Object.defineProperty(exports, "customersScreenPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkMBUCXIUN_cjs.customersScreenPropertySchema; }
-});
-//# sourceMappingURL=CustomersScreen-53SXRDDK.cjs.map
-//# sourceMappingURL=CustomersScreen-53SXRDDK.cjs.map

package/dist/CustomersScreen-VS6LGULO.js

@@ -1,4 +0,0 @@
-export { CustomersScreen, customersScreenPropertySchema } from './chunk-CXRJSGO6.js';
-import './chunk-LO2HDG6C.js';
-//# sourceMappingURL=CustomersScreen-VS6LGULO.js.map
-//# sourceMappingURL=CustomersScreen-VS6LGULO.js.map

package/dist/MessagingScreen-O42JEJMW.js

@@ -1,4 +0,0 @@
-export { MessagingScreen, messagingScreenPropertySchema } from './chunk-PJWPO4BJ.js';
-import './chunk-LO2HDG6C.js';
-//# sourceMappingURL=MessagingScreen-O42JEJMW.js.map
-//# sourceMappingURL=MessagingScreen-O42JEJMW.js.map

package/dist/MessagingScreen-UCVLYWZB.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunkJZRNKSKT_cjs = require('./chunk-JZRNKSKT.cjs');
-require('./chunk-DEQ3PBVX.cjs');
-
-
-
-Object.defineProperty(exports, "MessagingScreen", {
-  enumerable: true,
-  get: function () { return chunkJZRNKSKT_cjs.MessagingScreen; }
-});
-Object.defineProperty(exports, "messagingScreenPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkJZRNKSKT_cjs.messagingScreenPropertySchema; }
-});
-//# sourceMappingURL=MessagingScreen-UCVLYWZB.cjs.map
-//# sourceMappingURL=MessagingScreen-UCVLYWZB.cjs.map

package/dist/OrdersScreen-QQJFTTSS.js

@@ -1,4 +0,0 @@
-export { OrdersScreen, ordersScreenPropertySchema } from './chunk-PZIHCYDD.js';
-import './chunk-LO2HDG6C.js';
-//# sourceMappingURL=OrdersScreen-QQJFTTSS.js.map
-//# sourceMappingURL=OrdersScreen-QQJFTTSS.js.map

package/dist/OrdersScreen-WNT2WDLI.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunkYII3IXF4_cjs = require('./chunk-YII3IXF4.cjs');
-require('./chunk-DEQ3PBVX.cjs');
-
-
-
-Object.defineProperty(exports, "OrdersScreen", {
-  enumerable: true,
-  get: function () { return chunkYII3IXF4_cjs.OrdersScreen; }
-});
-Object.defineProperty(exports, "ordersScreenPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkYII3IXF4_cjs.ordersScreenPropertySchema; }
-});
-//# sourceMappingURL=OrdersScreen-WNT2WDLI.cjs.map
-//# sourceMappingURL=OrdersScreen-WNT2WDLI.cjs.map

package/dist/ProductsScreen-CTIAKS3Z.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunkQUVJ3R4T_cjs = require('./chunk-QUVJ3R4T.cjs');
-require('./chunk-DEQ3PBVX.cjs');
-
-
-
-Object.defineProperty(exports, "ProductsScreen", {
-  enumerable: true,
-  get: function () { return chunkQUVJ3R4T_cjs.ProductsScreen; }
-});
-Object.defineProperty(exports, "productsScreenPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkQUVJ3R4T_cjs.productsScreenPropertySchema; }
-});
-//# sourceMappingURL=ProductsScreen-CTIAKS3Z.cjs.map
-//# sourceMappingURL=ProductsScreen-CTIAKS3Z.cjs.map

package/dist/ProductsScreen-TRIT2FE3.js

@@ -1,4 +0,0 @@
-export { ProductsScreen, productsScreenPropertySchema } from './chunk-2AWTZV3T.js';
-import './chunk-LO2HDG6C.js';
-//# sourceMappingURL=ProductsScreen-TRIT2FE3.js.map
-//# sourceMappingURL=ProductsScreen-TRIT2FE3.js.map

package/dist/chunk-DEQ3PBVX.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-function CoreScreenPlaceholder({ name }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-sm rounded-lg border border-dashed border-gray-300 p-8 text-center dark:border-gray-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: name }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-gray-500 dark:text-gray-400", children: "This screen is provided by Fluid Commerce" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-400 dark:text-gray-500", children: "Connect to the Fluid platform to enable this feature" })
-  ] }) });
-}
-
-exports.CoreScreenPlaceholder = CoreScreenPlaceholder;
-exports.__reExport = __reExport;
-//# sourceMappingURL=chunk-DEQ3PBVX.cjs.map
-//# sourceMappingURL=chunk-DEQ3PBVX.cjs.map

package/dist/chunk-DEQ3PBVX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/screens/CoreScreenPlaceholder.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAIO,SAAS,qBAAA,CAAsB,EAAE,IAAA,EAAK,EAA8B;AACzE,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,kDACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+FAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wDAAA,EACX,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uCAAA,EAAwC,QAAA,EAAA,2CAAA,EAErD,CAAA;AAAA,oBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+CAAA,EAAgD,QAAA,EAAA,sDAAA,EAE7D;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ","file":"chunk-DEQ3PBVX.cjs","sourcesContent":["/**\n * Internal placeholder component for core screens provided by Fluid Commerce.\n * This is NOT exported from the SDK — it's shared between core screen files.\n */\nexport function CoreScreenPlaceholder({ name }: { readonly name: string }) {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center\">\n      <div className=\"max-w-sm rounded-lg border border-dashed border-gray-300 p-8 text-center dark:border-gray-700\">\n        <h2 className=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          {name}\n        </h2>\n        <p className=\"mt-2 text-gray-500 dark:text-gray-400\">\n          This screen is provided by Fluid Commerce\n        </p>\n        <p className=\"mt-1 text-sm text-gray-400 dark:text-gray-500\">\n          Connect to the Fluid platform to enable this feature\n        </p>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-JZRNKSKT.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var chunkDEQ3PBVX_cjs = require('./chunk-DEQ3PBVX.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-function MessagingScreen(_props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDEQ3PBVX_cjs.CoreScreenPlaceholder, { name: "Messaging" });
-}
-var messagingScreenPropertySchema = {
-  widgetType: "MessagingScreen",
-  displayName: "Messaging Screen",
-  tabsConfig: [{ id: "styling", label: "Styling" }],
-  fields: []
-};
-
-exports.MessagingScreen = MessagingScreen;
-exports.messagingScreenPropertySchema = messagingScreenPropertySchema;
-//# sourceMappingURL=chunk-JZRNKSKT.cjs.map
-//# sourceMappingURL=chunk-JZRNKSKT.cjs.map

package/dist/chunk-JZRNKSKT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/screens/MessagingScreen.tsx"],"names":["jsx","CoreScreenPlaceholder"],"mappings":";;;;;AAwBO,SAAS,gBAAgB,MAAA,EAA8B;AAC5D,EAAA,uBAAOA,cAAA,CAACC,uCAAA,EAAA,EAAsB,IAAA,EAAK,WAAA,EAAY,CAAA;AACjD;AAEO,IAAM,6BAAA,GAAsD;AAAA,EACjE,UAAA,EAAY,iBAAA;AAAA,EACZ,WAAA,EAAa,kBAAA;AAAA,EACb,YAAY,CAAC,EAAE,IAAI,SAAA,EAAW,KAAA,EAAO,WAAW,CAAA;AAAA,EAChD,QAAQ;AACV","file":"chunk-JZRNKSKT.cjs","sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { CoreScreenPlaceholder } from \"./CoreScreenPlaceholder\";\n\ntype MessagingScreenProps = ComponentProps<\"div\"> & {\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Callbacks\n  onConversationSelect?: (conversationId: string) => void;\n  onSendMessage?: (conversationId: string, message: string) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function MessagingScreen(_props: MessagingScreenProps) {\n  return <CoreScreenPlaceholder name=\"Messaging\" />;\n}\n\nexport const messagingScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"MessagingScreen\",\n  displayName: \"Messaging Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"]}

package/dist/chunk-LO2HDG6C.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-function CoreScreenPlaceholder({ name }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-sm rounded-lg border border-dashed border-gray-300 p-8 text-center dark:border-gray-700", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: name }),
-    /* @__PURE__ */ jsx("p", { className: "mt-2 text-gray-500 dark:text-gray-400", children: "This screen is provided by Fluid Commerce" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-400 dark:text-gray-500", children: "Connect to the Fluid platform to enable this feature" })
-  ] }) });
-}
-
-export { CoreScreenPlaceholder, __reExport };
-//# sourceMappingURL=chunk-LO2HDG6C.js.map
-//# sourceMappingURL=chunk-LO2HDG6C.js.map

package/dist/chunk-LO2HDG6C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/screens/CoreScreenPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAIO,SAAS,qBAAA,CAAsB,EAAE,IAAA,EAAK,EAA8B;AACzE,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,kDACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+FAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wDAAA,EACX,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uCAAA,EAAwC,QAAA,EAAA,2CAAA,EAErD,CAAA;AAAA,oBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+CAAA,EAAgD,QAAA,EAAA,sDAAA,EAE7D;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ","file":"chunk-LO2HDG6C.js","sourcesContent":["/**\n * Internal placeholder component for core screens provided by Fluid Commerce.\n * This is NOT exported from the SDK — it's shared between core screen files.\n */\nexport function CoreScreenPlaceholder({ name }: { readonly name: string }) {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center\">\n      <div className=\"max-w-sm rounded-lg border border-dashed border-gray-300 p-8 text-center dark:border-gray-700\">\n        <h2 className=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          {name}\n        </h2>\n        <p className=\"mt-2 text-gray-500 dark:text-gray-400\">\n          This screen is provided by Fluid Commerce\n        </p>\n        <p className=\"mt-1 text-sm text-gray-400 dark:text-gray-500\">\n          Connect to the Fluid platform to enable this feature\n        </p>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-PJWPO4BJ.js

@@ -1,16 +0,0 @@
-import { CoreScreenPlaceholder } from './chunk-LO2HDG6C.js';
-import { jsx } from 'react/jsx-runtime';
-
-function MessagingScreen(_props) {
-  return /* @__PURE__ */ jsx(CoreScreenPlaceholder, { name: "Messaging" });
-}
-var messagingScreenPropertySchema = {
-  widgetType: "MessagingScreen",
-  displayName: "Messaging Screen",
-  tabsConfig: [{ id: "styling", label: "Styling" }],
-  fields: []
-};
-
-export { MessagingScreen, messagingScreenPropertySchema };
-//# sourceMappingURL=chunk-PJWPO4BJ.js.map
-//# sourceMappingURL=chunk-PJWPO4BJ.js.map

package/dist/chunk-PJWPO4BJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/screens/MessagingScreen.tsx"],"names":[],"mappings":";;;AAwBO,SAAS,gBAAgB,MAAA,EAA8B;AAC5D,EAAA,uBAAO,GAAA,CAAC,qBAAA,EAAA,EAAsB,IAAA,EAAK,WAAA,EAAY,CAAA;AACjD;AAEO,IAAM,6BAAA,GAAsD;AAAA,EACjE,UAAA,EAAY,iBAAA;AAAA,EACZ,WAAA,EAAa,kBAAA;AAAA,EACb,YAAY,CAAC,EAAE,IAAI,SAAA,EAAW,KAAA,EAAO,WAAW,CAAA;AAAA,EAChD,QAAQ;AACV","file":"chunk-PJWPO4BJ.js","sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { CoreScreenPlaceholder } from \"./CoreScreenPlaceholder\";\n\ntype MessagingScreenProps = ComponentProps<\"div\"> & {\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Callbacks\n  onConversationSelect?: (conversationId: string) => void;\n  onSendMessage?: (conversationId: string, message: string) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function MessagingScreen(_props: MessagingScreenProps) {\n  return <CoreScreenPlaceholder name=\"Messaging\" />;\n}\n\nexport const messagingScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"MessagingScreen\",\n  displayName: \"Messaging Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"]}