@fluid-app/portal-sdk 0.1.11

package/README.md

@@ -0,0 +1,415 @@
+# @fluid-app/portal-sdk
+
+SDK for building custom Fluid portals. Provides React hooks, providers, and an API client for integrating with the Fluid Commerce platform.
+
+## Installation
+
+```bash
+npm install @fluid-app/portal-sdk
+# or
+pnpm add @fluid-app/portal-sdk
+# or
+bun add @fluid-app/portal-sdk
+```
+
+### Peer Dependencies
+
+This package requires the following peer dependencies:
+
+```json
+{
+  "react": ">=18.0.0",
+  "@tanstack/react-query": ">=5.0.0"
+}
+```
+
+## Quick Start
+
+Wrap your application with `FluidProvider`:
+
+```tsx
+import { FluidProvider } from "@fluid-app/portal-sdk";
+
+function App() {
+  return (
+    <FluidProvider
+      config={{
+        baseUrl: "https://api.fluid.app/api",
+        getAuthToken: () => localStorage.getItem("fluid_token"),
+        onAuthError: () => {
+          // Handle 401 errors (e.g., redirect to login)
+          window.location.href = "/login";
+        },
+      }}
+    >
+      <YourApp />
+    </FluidProvider>
+  );
+}
+```
+
+## Hooks
+
+### useFluidApi
+
+Access the API client for making requests:
+
+```tsx
+import { useFluidApi } from "@fluid-app/portal-sdk";
+import { useQuery } from "@tanstack/react-query";
+
+function ProductList() {
+  const api = useFluidApi();
+
+  const { data: products, isLoading } = useQuery({
+    queryKey: ["products"],
+    queryFn: () => api.products.list({ active: true }),
+  });
+
+  if (isLoading) return <Spinner />;
+
+  return (
+    <ul>
+      {products?.map((product) => (
+        <li key={product.id}>{product.name}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+### useCurrentRep
+
+Fetch the currently authenticated rep's profile:
+
+```tsx
+import { useCurrentRep } from "@fluid-app/portal-sdk";
+
+function RepHeader() {
+  const { data: rep, isLoading } = useCurrentRep();
+
+  if (isLoading) return <Skeleton />;
+
+  return (
+    <div>
+      <Avatar src={rep?.avatar_url} />
+      <span>
+        {rep?.first_name} {rep?.last_name}
+      </span>
+    </div>
+  );
+}
+```
+
+### useFluidProfile
+
+Fetch the portal profile (themes, navigation, screens):
+
+```tsx
+import { useFluidProfile } from "@fluid-app/portal-sdk";
+
+function Navigation() {
+  const { data: profile, isLoading } = useFluidProfile();
+
+  if (isLoading) return <Spinner />;
+
+  return (
+    <nav>
+      {profile?.navigation.navigation_items.map((item) => (
+        <NavItem key={item.id} item={item} />
+      ))}
+    </nav>
+  );
+}
+```
+
+### useFluidPermissions
+
+Check user permissions with a convenient `can()` helper:
+
+```tsx
+import { useFluidPermissions } from "@fluid-app/portal-sdk";
+
+function TeamSettings() {
+  const { can, isSuperAdmin } = useFluidPermissions();
+
+  // Check if user can manage team
+  if (!can("team", "manage")) {
+    return <AccessDenied />;
+  }
+
+  return (
+    <div>
+      <h1>Team Settings</h1>
+      {/* Only show delete button if user has delete permission */}
+      {can("team", "delete") && <DeleteTeamButton />}
+    </div>
+  );
+}
+```
+
+Available permission actions: `"view"`, `"create"`, `"update"`, `"delete"`, `"settings"`, `"add"`, `"manage"`, `"send"`
+
+### useFluidTheme
+
+Control theme settings:
+
+```tsx
+import { useFluidTheme } from "@fluid-app/portal-sdk";
+import type { Theme } from "@fluid-app/portal-sdk";
+
+function ThemeSwitcher({ themes }: { themes: Theme[] }) {
+  const { currentTheme, setTheme, setThemeMode, mode } = useFluidTheme();
+
+  return (
+    <div>
+      <select
+        value={currentTheme?.name}
+        onChange={(e) => {
+          const theme = themes.find((t) => t.name === e.target.value);
+          if (theme) setTheme(theme);
+        }}
+      >
+        {themes.map((theme) => (
+          <option key={theme.name} value={theme.name}>
+            {theme.name}
+          </option>
+        ))}
+      </select>
+
+      <button onClick={() => setThemeMode(mode === "dark" ? "light" : "dark")}>
+        Toggle {mode === "dark" ? "Light" : "Dark"} Mode
+      </button>
+    </div>
+  );
+}
+```
+
+## API Client
+
+The SDK provides a typed API client with methods for common operations:
+
+### Products
+
+```tsx
+const api = useFluidApi();
+
+// List products with optional filters
+const products = await api.products.list({
+  active: true,
+  page: 1,
+  per_page: 20,
+});
+
+// Get a single product
+const product = await api.products.get("product-id");
+
+// Search products
+const results = await api.products.search("query");
+```
+
+### Orders
+
+```tsx
+const api = useFluidApi();
+
+// List orders
+const orders = await api.orders.list({
+  status: "pending",
+  date_from: "2024-01-01",
+});
+
+// Get a single order
+const order = await api.orders.get("order-id");
+
+// Create an order
+const newOrder = await api.orders.create({
+  customer_id: "customer-id",
+  line_items: [{ product_id: "product-id", quantity: 2 }],
+});
+```
+
+### Reps
+
+```tsx
+const api = useFluidApi();
+
+// Get current rep profile
+const rep = await api.reps.current();
+
+// Update profile
+const updated = await api.reps.updateProfile({
+  first_name: "John",
+  last_name: "Doe",
+});
+```
+
+### Analytics
+
+```tsx
+const api = useFluidApi();
+
+// Get dashboard data
+const dashboard = await api.analytics.dashboard();
+
+// Get sales data
+const sales = await api.analytics.sales({
+  date_from: "2024-01-01",
+  date_to: "2024-12-31",
+  group_by: "month",
+});
+```
+
+### Custom Requests
+
+For endpoints not covered by the typed methods:
+
+```tsx
+const api = useFluidApi();
+
+// Generic GET request
+const data = await api.get<MyType>("/custom/endpoint", { param: "value" });
+
+// Generic POST request
+const result = await api.post<MyType>("/custom/endpoint", { body: "data" });
+```
+
+## Providers
+
+### FluidProvider
+
+The main provider that sets up the SDK. It wraps:
+
+- `QueryClientProvider` (TanStack Query)
+- `FluidThemeProvider` (theme management)
+
+```tsx
+import { FluidProvider } from "@fluid-app/portal-sdk";
+import { QueryClient } from "@tanstack/react-query";
+
+// Optional: provide your own QueryClient
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { staleTime: 5 * 60 * 1000 },
+  },
+});
+
+function App() {
+  return (
+    <FluidProvider
+      config={{
+        baseUrl: "https://api.fluid.app/api",
+        getAuthToken: () => getToken(),
+      }}
+      queryClient={queryClient}
+      initialTheme={defaultTheme}
+    >
+      <YourApp />
+    </FluidProvider>
+  );
+}
+```
+
+### FluidThemeProvider
+
+Can be used standalone if you need theme management without the full SDK:
+
+```tsx
+import { FluidThemeProvider, useFluidTheme } from "@fluid-app/portal-sdk";
+
+function App() {
+  return (
+    <FluidThemeProvider initialTheme={myTheme}>
+      <ThemedContent />
+    </FluidThemeProvider>
+  );
+}
+```
+
+Theme CSS variables are applied to the document root (or a custom container) with the `--fluid-` prefix.
+
+## Types
+
+All types are exported for use in your application:
+
+```tsx
+import type {
+  // Core types
+  Profile,
+  Theme,
+  ThemeConfig,
+  Navigation,
+  NavigationItem,
+  ScreenDefinition,
+
+  // Permissions
+  UserPermissions,
+  Permissions,
+  PermissionAction,
+  ResourcePermissions,
+
+  // Rep
+  Rep,
+  UpdateRepData,
+
+  // API types
+  Product,
+  ProductListParams,
+  Order,
+  OrderListParams,
+  CreateOrderData,
+  DashboardData,
+  SalesData,
+  SalesParams,
+
+  // Client types
+  FluidSDKConfig,
+  FluidClient,
+  RequestOptions,
+} from "@fluid-app/portal-sdk";
+```
+
+## Query Keys
+
+Query keys are exported for cache invalidation and prefetching:
+
+```tsx
+import {
+  PROFILE_QUERY_KEY,
+  PERMISSIONS_QUERY_KEY,
+  CURRENT_REP_QUERY_KEY,
+} from "@fluid-app/portal-sdk";
+import { useQueryClient } from "@tanstack/react-query";
+
+function RefreshButton() {
+  const queryClient = useQueryClient();
+
+  const handleRefresh = () => {
+    queryClient.invalidateQueries({ queryKey: PROFILE_QUERY_KEY });
+  };
+
+  return <button onClick={handleRefresh}>Refresh Profile</button>;
+}
+```
+
+## Error Handling
+
+The SDK provides an `ApiError` class for structured error handling:
+
+```tsx
+import { ApiError, isApiError } from "@fluid-app/portal-sdk";
+
+try {
+  await api.orders.create(orderData);
+} catch (error) {
+  if (isApiError(error)) {
+    console.log("Status:", error.status);
+    console.log("Message:", error.message);
+    console.log("Data:", error.data); // Server error details
+  }
+}
+```
+
+## License
+
+Private - Fluid Commerce

package/dist/ContactsScreen-CB6l0Lf1.mjs

@@ -0,0 +1,24 @@
+import { t as __exportAll } from "./chunk-D1SwGrFN.mjs";
+import { t as CoreScreenPlaceholder } from "./CoreScreenPlaceholder-D93ZYKt2.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/screens/ContactsScreen.tsx
+var ContactsScreen_exports = /* @__PURE__ */ __exportAll({
+	ContactsScreen: () => ContactsScreen,
+	contactsScreenPropertySchema: () => contactsScreenPropertySchema
+});
+function ContactsScreen(_props) {
+	return /* @__PURE__ */ jsx(CoreScreenPlaceholder, { name: "Contacts" });
+}
+const contactsScreenPropertySchema = {
+	widgetType: "ContactsScreen",
+	displayName: "Contacts Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+export { ContactsScreen_exports as n, contactsScreenPropertySchema as r, ContactsScreen as t };
+
+//# sourceMappingURL=ContactsScreen-CB6l0Lf1.mjs.map

package/dist/ContactsScreen-CB6l0Lf1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactsScreen-CB6l0Lf1.mjs","names":[],"sources":["../src/screens/ContactsScreen.tsx"],"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 ContactsScreenProps = ComponentProps<\"div\"> & {\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Display\n  defaultViewMode?: \"list\" | \"grid\";\n\n  // Callbacks\n  onContactSelect?: (contactId: string) => void;\n  onCreateContact?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function ContactsScreen(_props: ContactsScreenProps): React.JSX.Element {\n  return <CoreScreenPlaceholder name=\"Contacts\" />;\n}\n\nexport const contactsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContactsScreen\",\n  displayName: \"Contacts Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;AA2BA,SAAgB,eAAe,QAAgD;AAC7E,QAAO,oBAAC,uBAAD,EAAuB,MAAK,YAAa,CAAA;;AAGlD,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/ContactsScreen-Cqyrl4AQ.cjs

@@ -0,0 +1,41 @@
+const require_MessagingScreen = require("./MessagingScreen-CHb-scHD.cjs");
+const require_CoreScreenPlaceholder = require("./CoreScreenPlaceholder-CA2-2V5o.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/screens/ContactsScreen.tsx
+var ContactsScreen_exports = /* @__PURE__ */ require_MessagingScreen.__exportAll({
+	ContactsScreen: () => ContactsScreen,
+	contactsScreenPropertySchema: () => contactsScreenPropertySchema
+});
+function ContactsScreen(_props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CoreScreenPlaceholder.CoreScreenPlaceholder, { name: "Contacts" });
+}
+const contactsScreenPropertySchema = {
+	widgetType: "ContactsScreen",
+	displayName: "Contacts Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+Object.defineProperty(exports, "ContactsScreen", {
+	enumerable: true,
+	get: function() {
+		return ContactsScreen;
+	}
+});
+Object.defineProperty(exports, "ContactsScreen_exports", {
+	enumerable: true,
+	get: function() {
+		return ContactsScreen_exports;
+	}
+});
+Object.defineProperty(exports, "contactsScreenPropertySchema", {
+	enumerable: true,
+	get: function() {
+		return contactsScreenPropertySchema;
+	}
+});
+
+//# sourceMappingURL=ContactsScreen-Cqyrl4AQ.cjs.map

package/dist/ContactsScreen-Cqyrl4AQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactsScreen-Cqyrl4AQ.cjs","names":["CoreScreenPlaceholder"],"sources":["../src/screens/ContactsScreen.tsx"],"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 ContactsScreenProps = ComponentProps<\"div\"> & {\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Display\n  defaultViewMode?: \"list\" | \"grid\";\n\n  // Callbacks\n  onContactSelect?: (contactId: string) => void;\n  onCreateContact?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function ContactsScreen(_props: ContactsScreenProps): React.JSX.Element {\n  return <CoreScreenPlaceholder name=\"Contacts\" />;\n}\n\nexport const contactsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContactsScreen\",\n  displayName: \"Contacts Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;AA2BA,SAAgB,eAAe,QAAgD;AAC7E,QAAO,iBAAA,GAAA,kBAAA,KAACA,8BAAAA,uBAAD,EAAuB,MAAK,YAAa,CAAA;;AAGlD,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/CoreScreenPlaceholder-CA2-2V5o.cjs

@@ -0,0 +1,38 @@
+require("./MessagingScreen-CHb-scHD.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/screens/CoreScreenPlaceholder.tsx
+/**
+* Internal placeholder component for core screens provided by Fluid Commerce.
+* This is NOT exported from the SDK — it's shared between core screen files.
+*/
+function CoreScreenPlaceholder({ name }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex min-h-[400px] items-center justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "border-border max-w-sm rounded-lg border border-dashed p-8 text-center",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: "text-foreground text-xl font-semibold",
+					children: name
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-muted-foreground mt-2",
+					children: "This screen is provided by Fluid Commerce"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-muted-foreground mt-1 text-sm",
+					children: "Connect to the Fluid platform to enable this feature"
+				})
+			]
+		})
+	});
+}
+//#endregion
+Object.defineProperty(exports, "CoreScreenPlaceholder", {
+	enumerable: true,
+	get: function() {
+		return CoreScreenPlaceholder;
+	}
+});
+
+//# sourceMappingURL=CoreScreenPlaceholder-CA2-2V5o.cjs.map

package/dist/CoreScreenPlaceholder-CA2-2V5o.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreScreenPlaceholder-CA2-2V5o.cjs","names":[],"sources":["../src/screens/CoreScreenPlaceholder.tsx"],"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({\n  name,\n}: {\n  readonly name: string;\n}): React.JSX.Element {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center\">\n      <div className=\"border-border max-w-sm rounded-lg border border-dashed p-8 text-center\">\n        <h2 className=\"text-foreground text-xl font-semibold\">{name}</h2>\n        <p className=\"text-muted-foreground mt-2\">\n          This screen is provided by Fluid Commerce\n        </p>\n        <p className=\"text-muted-foreground mt-1 text-sm\">\n          Connect to the Fluid platform to enable this feature\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAIA,SAAgB,sBAAsB,EACpC,QAGoB;AACpB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAI,WAAU;eAAyC;KAAU,CAAA;IACjE,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAA6B;KAEtC,CAAA;IACJ,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAqC;KAE9C,CAAA;IACA;;EACF,CAAA"}

package/dist/CoreScreenPlaceholder-D93ZYKt2.mjs

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/screens/CoreScreenPlaceholder.tsx
+/**
+* Internal placeholder component for core screens provided by Fluid Commerce.
+* This is NOT exported from the SDK — it's shared between core screen files.
+*/
+function CoreScreenPlaceholder({ name }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex min-h-[400px] items-center justify-center",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "border-border max-w-sm rounded-lg border border-dashed p-8 text-center",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-foreground text-xl font-semibold",
+					children: name
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mt-2",
+					children: "This screen is provided by Fluid Commerce"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mt-1 text-sm",
+					children: "Connect to the Fluid platform to enable this feature"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { CoreScreenPlaceholder as t };
+
+//# sourceMappingURL=CoreScreenPlaceholder-D93ZYKt2.mjs.map

package/dist/CoreScreenPlaceholder-D93ZYKt2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreScreenPlaceholder-D93ZYKt2.mjs","names":[],"sources":["../src/screens/CoreScreenPlaceholder.tsx"],"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({\n  name,\n}: {\n  readonly name: string;\n}): React.JSX.Element {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center\">\n      <div className=\"border-border max-w-sm rounded-lg border border-dashed p-8 text-center\">\n        <h2 className=\"text-foreground text-xl font-semibold\">{name}</h2>\n        <p className=\"text-muted-foreground mt-2\">\n          This screen is provided by Fluid Commerce\n        </p>\n        <p className=\"text-muted-foreground mt-1 text-sm\">\n          Connect to the Fluid platform to enable this feature\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,sBAAsB,EACpC,QAGoB;AACpB,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,MAAD;KAAI,WAAU;eAAyC;KAAU,CAAA;IACjE,oBAAC,KAAD;KAAG,WAAU;eAA6B;KAEtC,CAAA;IACJ,oBAAC,KAAD;KAAG,WAAU;eAAqC;KAE9C,CAAA;IACA;;EACF,CAAA"}

package/dist/CustomersScreen-BEar6Leg.mjs

@@ -0,0 +1,24 @@
+import { t as __exportAll } from "./chunk-D1SwGrFN.mjs";
+import { t as CoreScreenPlaceholder } from "./CoreScreenPlaceholder-D93ZYKt2.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/screens/CustomersScreen.tsx
+var CustomersScreen_exports = /* @__PURE__ */ __exportAll({
+	CustomersScreen: () => CustomersScreen,
+	customersScreenPropertySchema: () => customersScreenPropertySchema
+});
+function CustomersScreen(_props) {
+	return /* @__PURE__ */ jsx(CoreScreenPlaceholder, { name: "Customers" });
+}
+const customersScreenPropertySchema = {
+	widgetType: "CustomersScreen",
+	displayName: "Customers Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+export { CustomersScreen_exports as n, customersScreenPropertySchema as r, CustomersScreen as t };
+
+//# sourceMappingURL=CustomersScreen-BEar6Leg.mjs.map

package/dist/CustomersScreen-BEar6Leg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomersScreen-BEar6Leg.mjs","names":[],"sources":["../src/screens/CustomersScreen.tsx"],"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 CustomersScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function CustomersScreen(\n  _props: CustomersScreenProps,\n): React.JSX.Element {\n  return <CoreScreenPlaceholder name=\"Customers\" />;\n}\n\nexport const customersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CustomersScreen\",\n  displayName: \"Customers Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;AAmBA,SAAgB,gBACd,QACmB;AACnB,QAAO,oBAAC,uBAAD,EAAuB,MAAK,aAAc,CAAA;;AAGnD,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/CustomersScreen-gFgOzBox.cjs

@@ -0,0 +1,41 @@
+const require_MessagingScreen = require("./MessagingScreen-CHb-scHD.cjs");
+const require_CoreScreenPlaceholder = require("./CoreScreenPlaceholder-CA2-2V5o.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/screens/CustomersScreen.tsx
+var CustomersScreen_exports = /* @__PURE__ */ require_MessagingScreen.__exportAll({
+	CustomersScreen: () => CustomersScreen,
+	customersScreenPropertySchema: () => customersScreenPropertySchema
+});
+function CustomersScreen(_props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CoreScreenPlaceholder.CoreScreenPlaceholder, { name: "Customers" });
+}
+const customersScreenPropertySchema = {
+	widgetType: "CustomersScreen",
+	displayName: "Customers Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+Object.defineProperty(exports, "CustomersScreen", {
+	enumerable: true,
+	get: function() {
+		return CustomersScreen;
+	}
+});
+Object.defineProperty(exports, "CustomersScreen_exports", {
+	enumerable: true,
+	get: function() {
+		return CustomersScreen_exports;
+	}
+});
+Object.defineProperty(exports, "customersScreenPropertySchema", {
+	enumerable: true,
+	get: function() {
+		return customersScreenPropertySchema;
+	}
+});
+
+//# sourceMappingURL=CustomersScreen-gFgOzBox.cjs.map

package/dist/CustomersScreen-gFgOzBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomersScreen-gFgOzBox.cjs","names":["CoreScreenPlaceholder"],"sources":["../src/screens/CustomersScreen.tsx"],"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 CustomersScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function CustomersScreen(\n  _props: CustomersScreenProps,\n): React.JSX.Element {\n  return <CoreScreenPlaceholder name=\"Customers\" />;\n}\n\nexport const customersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CustomersScreen\",\n  displayName: \"Customers Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;AAmBA,SAAgB,gBACd,QACmB;AACnB,QAAO,iBAAA,GAAA,kBAAA,KAACA,8BAAAA,uBAAD,EAAuB,MAAK,aAAc,CAAA;;AAGnD,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}