@swiftsell/react-cpq 0.0.1 → 0.0.2

package/README.md

@@ -0,0 +1,118 @@
+## TODO: UPDATE THIS AI-GENERATED README
+
+# SwiftSell React CPQ
+
+A React-based Configure, Price, Quote (CPQ) solution with Threedium 3D visualization integration.
+
+## Overview
+
+SwiftSell React CPQ is a modern TypeScript/React application designed to provide an interactive configure-price-quote experience with real-time 3D product visualization.
+
+## Features
+
+- **Dynamic Configuration Forms**: Build flexible product configuration interfaces
+- **Real-time Pricing**: Automatic price calculation based on configurations
+- **3D Visualization**: Integrated Threedium 3D model support
+- **Type-Safe**: Full TypeScript support for robust development
+- **Context API**: Centralized state management for CPQ operations
+
+## Project Structure
+
+```
+src/
+├── components/          # React components
+│   ├── ConfigurationForm.tsx
+│   ├── fields/         # Form field components
+│   │   ├── SelectField.tsx
+│   │   └── TextField.tsx
+│   └── index.ts
+├── context/            # State management
+│   ├── SwiftSellCPQContext.ts
+│   ├── SwiftSellCPQProvider.tsx
+│   └── useSwiftSellCPQ.ts
+├── threedium/          # 3D visualization integration
+│   ├── ThreediumAdapter.ts
+│   └── useThreediumSync.ts
+├── types/              # TypeScript type definitions
+│   ├── cpq.ts
+│   ├── ui.ts
+│   └── index.ts
+└── index.ts
+```
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js (v16 or higher)
+- npm or yarn
+
+### Installation
+
+```bash
+npm install
+```
+
+### Development
+
+```bash
+npm run dev
+```
+
+### Build
+
+```bash
+npm run build
+```
+
+## Usage
+
+### Basic Setup
+
+Import the provider in your application root:
+
+```typescript
+import { SwiftSellCPQProvider } from './context/SwiftSellCPQProvider';
+
+function App() {
+  return (
+    <SwiftSellCPQProvider>
+      {/* Your app components */}
+    </SwiftSellCPQProvider>
+  );
+}
+```
+
+### Using the CPQ Context
+
+```typescript
+import { useSwiftSellCPQ } from './context/useSwiftSellCPQ';
+
+function MyComponent() {
+  const cpq = useSwiftSellCPQ();
+  // Use CPQ state and functions
+}
+```
+
+## Technologies
+
+- **React** - UI framework
+- **TypeScript** - Static typing
+- **Context API** - State management
+- **Threedium** - 3D visualization
+
+## Configuration
+
+See `tsconfig.json` and `tsdown.config.ts` for build and TypeScript configuration options.
+
+## Contributing
+
+Please follow the existing code structure and TypeScript conventions when contributing.
+
+## License
+
+[Add your license information here]
+
+## Support
+
+For issues and questions, please open an issue in the repository.

package/dist/index.cjs

@@ -0,0 +1,102 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/context/SwiftSellCPQContext.ts
+const SwiftSellCPQContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/context/SwiftSellCPQProvider.tsx
+const INITIAL_FIELDS = [{
+	id: "color",
+	label: "Color",
+	type: "select",
+	value: "red",
+	options: [{
+		value: "red",
+		label: "Red"
+	}, {
+		value: "blue",
+		label: "Blue"
+	}]
+}, {
+	id: "name",
+	label: "Name",
+	type: "text",
+	value: ""
+}];
+function SwiftSellCPQProvider({ children }) {
+	const [fields, setFields] = (0, react.useState)(INITIAL_FIELDS);
+	const setValue = (0, react.useCallback)((fieldId, value) => {
+		setFields((prev) => prev.map((f) => f.id === fieldId ? {
+			...f,
+			value
+		} : f));
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwiftSellCPQContext.Provider, {
+		value: {
+			fields,
+			setValue
+		},
+		children
+	});
+}
+
+//#endregion
+//#region src/context/useSwiftSellCPQ.ts
+function useSwiftSellCPQ() {
+	const ctx = (0, react.useContext)(SwiftSellCPQContext);
+	if (!ctx) throw new Error("useSwiftSellCPQ must be used within a SwiftSellCPQProvider");
+	return ctx;
+}
+
+//#endregion
+//#region src/components/fields/SelectField.tsx
+function SelectField({ fieldId, render }) {
+	const { fields, setValue } = useSwiftSellCPQ();
+	const field = fields.find((f) => f.id === fieldId);
+	if (!field || field.type !== "select") return null;
+	if (render) return render({
+		field,
+		setValue: (value) => setValue(fieldId, value)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		value: field.value,
+		onChange: (e) => setValue(fieldId, e.target.value),
+		children: field.options?.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+			value: opt.value,
+			children: opt.label
+		}, opt.value))
+	});
+}
+
+//#endregion
+//#region src/components/fields/TextField.tsx
+function TextField({ fieldId, render }) {
+	const { fields, setValue } = useSwiftSellCPQ();
+	const field = fields.find((f) => f.id === fieldId);
+	if (!field || field.type !== "text") return null;
+	if (render) return render({
+		field,
+		setValue: (value) => setValue(fieldId, value)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		type: "text",
+		value: field.value,
+		onChange: (e) => setValue(fieldId, e.target.value)
+	});
+}
+
+//#endregion
+//#region src/components/ConfigurationForm.tsx
+function ConfigurationForm() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, { fieldId: "color" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, { fieldId: "name" })] });
+}
+
+//#endregion
+exports.ConfigurationForm = ConfigurationForm;
+exports.SelectField = SelectField;
+exports.SwiftSellCPQProvider = SwiftSellCPQProvider;
+exports.TextField = TextField;
+exports.useSwiftSellCPQ = useSwiftSellCPQ;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/context/SwiftSellCPQContext.ts","../src/context/SwiftSellCPQProvider.tsx","../src/context/useSwiftSellCPQ.ts","../src/components/fields/SelectField.tsx","../src/components/fields/TextField.tsx","../src/components/ConfigurationForm.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { CPQField } from '../types';\n\nexport interface SwiftSellCPQContextValue {\n  fields: CPQField[];\n  setValue: (fieldId: string, value: string) => void;\n}\n\nexport const SwiftSellCPQContext =\n  createContext<SwiftSellCPQContextValue | null>(null);\n","import { useState, useCallback, type ReactNode } from 'react';\nimport { SwiftSellCPQContext } from './SwiftSellCPQContext';\nimport type { CPQField } from '../types';\n\nexport interface SwiftSellCPQProviderProps {\n  children: ReactNode;\n}\n\nconst INITIAL_FIELDS: CPQField[] = [\n  {\n    id: 'color',\n    label: 'Color',\n    type: 'select',\n    value: 'red',\n    options: [\n      { value: 'red', label: 'Red' },\n      { value: 'blue', label: 'Blue' },\n    ],\n  },\n  {\n    id: 'name',\n    label: 'Name',\n    type: 'text',\n    value: '',\n  },\n];\n\nexport function SwiftSellCPQProvider({ children }: SwiftSellCPQProviderProps) {\n  const [fields, setFields] = useState<CPQField[]>(INITIAL_FIELDS);\n\n  const setValue = useCallback((fieldId: string, value: string) => {\n    setFields((prev) =>\n      prev.map((f) => (f.id === fieldId ? { ...f, value } : f)),\n    );\n  }, []);\n\n  return (\n    <SwiftSellCPQContext.Provider value={{ fields, setValue }}>\n      {children}\n    </SwiftSellCPQContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport { SwiftSellCPQContext } from './SwiftSellCPQContext';\n\nexport function useSwiftSellCPQ() {\n  const ctx = useContext(SwiftSellCPQContext);\n  if (!ctx) {\n    throw new Error(\n      'useSwiftSellCPQ must be used within a SwiftSellCPQProvider',\n    );\n  }\n  return ctx;\n}\n","import { useSwiftSellCPQ } from '../../context/useSwiftSellCPQ';\nimport type { RenderFieldProps } from '../../types';\n\ninterface SelectFieldProps {\n  fieldId: string;\n  render?: (props: RenderFieldProps) => React.ReactNode;\n}\n\nexport function SelectField({ fieldId, render }: SelectFieldProps) {\n  const { fields, setValue } = useSwiftSellCPQ();\n  const field = fields.find((f) => f.id === fieldId);\n\n  if (!field || field.type !== 'select') return null;\n\n  if (render) {\n    return render({\n      field,\n      setValue: (value) => setValue(fieldId, value),\n    });\n  }\n\n  return (\n    <select\n      value={field.value}\n      onChange={(e) => setValue(fieldId, e.target.value)}\n    >\n      {field.options?.map((opt) => (\n        <option\n          key={opt.value}\n          value={opt.value}\n        >\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import { useSwiftSellCPQ } from '../../context/useSwiftSellCPQ';\nimport type { RenderFieldProps } from '../../types';\n\ninterface TextFieldProps {\n  fieldId: string;\n  render?: (props: RenderFieldProps) => React.ReactNode;\n}\n\nexport function TextField({ fieldId, render }: TextFieldProps) {\n  const { fields, setValue } = useSwiftSellCPQ();\n  const field = fields.find((f) => f.id === fieldId);\n\n  if (!field || field.type !== 'text') return null;\n\n  if (render) {\n    return render({\n      field,\n      setValue: (value) => setValue(fieldId, value),\n    });\n  }\n\n  return (\n    <input\n      type=\"text\"\n      value={field.value}\n      onChange={(e) => setValue(fieldId, e.target.value)}\n    />\n  );\n}\n","import { SelectField, TextField } from './fields';\n\nexport function ConfigurationForm() {\n  return (\n    <div>\n      <SelectField fieldId=\"color\" />\n      <TextField fieldId=\"name\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAQA,MAAa,+CACoC,KAAK;;;;ACDtD,MAAM,iBAA6B,CACjC;CACE,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,SAAS,CACP;EAAE,OAAO;EAAO,OAAO;EAAO,EAC9B;EAAE,OAAO;EAAQ,OAAO;EAAQ,CACjC;CACF,EACD;CACE,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACR,CACF;AAED,SAAgB,qBAAqB,EAAE,YAAuC;CAC5E,MAAM,CAAC,QAAQ,iCAAkC,eAAe;CAEhE,MAAM,mCAAwB,SAAiB,UAAkB;AAC/D,aAAW,SACT,KAAK,KAAK,MAAO,EAAE,OAAO,UAAU;GAAE,GAAG;GAAG;GAAO,GAAG,EAAG,CAC1D;IACA,EAAE,CAAC;AAEN,QACE,2CAAC,oBAAoB;EAAS,OAAO;GAAE;GAAQ;GAAU;EACtD;GAC4B;;;;;ACpCnC,SAAgB,kBAAkB;CAChC,MAAM,4BAAiB,oBAAoB;AAC3C,KAAI,CAAC,IACH,OAAM,IAAI,MACR,6DACD;AAEH,QAAO;;;;;ACFT,SAAgB,YAAY,EAAE,SAAS,UAA4B;CACjE,MAAM,EAAE,QAAQ,aAAa,iBAAiB;CAC9C,MAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,OAAO,QAAQ;AAElD,KAAI,CAAC,SAAS,MAAM,SAAS,SAAU,QAAO;AAE9C,KAAI,OACF,QAAO,OAAO;EACZ;EACA,WAAW,UAAU,SAAS,SAAS,MAAM;EAC9C,CAAC;AAGJ,QACE,2CAAC;EACC,OAAO,MAAM;EACb,WAAW,MAAM,SAAS,SAAS,EAAE,OAAO,MAAM;YAEjD,MAAM,SAAS,KAAK,QACnB,2CAAC;GAEC,OAAO,IAAI;aAEV,IAAI;KAHA,IAAI,MAIF,CACT;GACK;;;;;AC1Bb,SAAgB,UAAU,EAAE,SAAS,UAA0B;CAC7D,MAAM,EAAE,QAAQ,aAAa,iBAAiB;CAC9C,MAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,OAAO,QAAQ;AAElD,KAAI,CAAC,SAAS,MAAM,SAAS,OAAQ,QAAO;AAE5C,KAAI,OACF,QAAO,OAAO;EACZ;EACA,WAAW,UAAU,SAAS,SAAS,MAAM;EAC9C,CAAC;AAGJ,QACE,2CAAC;EACC,MAAK;EACL,OAAO,MAAM;EACb,WAAW,MAAM,SAAS,SAAS,EAAE,OAAO,MAAM;GAClD;;;;;ACxBN,SAAgB,oBAAoB;AAClC,QACE,4CAAC,oBACC,2CAAC,eAAY,SAAQ,UAAU,EAC/B,2CAAC,aAAU,SAAQ,SAAS,IACxB"}

package/dist/index.d.cts

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/context/SwiftSellCPQProvider.d.ts
+interface SwiftSellCPQProviderProps {
+  children: ReactNode;
+}
+declare function SwiftSellCPQProvider({
+  children
+}: SwiftSellCPQProviderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/types/cpq.d.ts
+interface CPQFieldOption {
+  value: string;
+  label: string;
+}
+interface CPQField {
+  id: string;
+  label: string;
+  type: 'text' | 'select';
+  value: string;
+  options?: CPQFieldOption[];
+}
+//#endregion
+//#region src/types/ui.d.ts
+interface RenderFieldProps {
+  field: CPQField;
+  setValue: (value: string) => void;
+}
+//#endregion
+//#region src/context/SwiftSellCPQContext.d.ts
+interface SwiftSellCPQContextValue {
+  fields: CPQField[];
+  setValue: (fieldId: string, value: string) => void;
+}
+//#endregion
+//#region src/context/useSwiftSellCPQ.d.ts
+declare function useSwiftSellCPQ(): SwiftSellCPQContextValue;
+//#endregion
+//#region src/components/ConfigurationForm.d.ts
+declare function ConfigurationForm(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/fields/SelectField.d.ts
+interface SelectFieldProps {
+  fieldId: string;
+  render?: (props: RenderFieldProps) => React.ReactNode;
+}
+declare function SelectField({
+  fieldId,
+  render
+}: SelectFieldProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+//#region src/components/fields/TextField.d.ts
+interface TextFieldProps {
+  fieldId: string;
+  render?: (props: RenderFieldProps) => React.ReactNode;
+}
+declare function TextField({
+  fieldId,
+  render
+}: TextFieldProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { CPQField, CPQFieldOption, ConfigurationForm, RenderFieldProps, SelectField, SwiftSellCPQProvider, TextField, useSwiftSellCPQ };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/context/SwiftSellCPQProvider.tsx","../src/types/cpq.ts","../src/types/ui.ts","../src/context/SwiftSellCPQContext.ts","../src/context/useSwiftSellCPQ.ts","../src/components/ConfigurationForm.tsx","../src/components/fields/SelectField.tsx","../src/components/fields/TextField.tsx"],"mappings":";;;;;UAIiB,yBAAA;EACf,QAAA,EAAU,SAAA;AAAA;AAAA,iBAsBI,oBAAA,CAAA;EAAuB;AAAA,GAAY,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC3B3D,cAAA;EACf,KAAA;EACA,KAAA;AAAA;AAAA,UAGe,QAAA;EACf,EAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,OAAA,GAAU,cAAA;AAAA;;;UCRK,gBAAA;EACf,KAAA,EAAO,QAAA;EACP,QAAA,GAAW,KAAA;AAAA;;;UCDI,wBAAA;EACf,MAAA,EAAQ,QAAA;EACR,QAAA,GAAW,OAAA,UAAiB,KAAA;AAAA;;;iBCFd,eAAA,CAAA,GAAe,wBAAA;;;iBCDf,iBAAA,CAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCCvB,gBAAA;EACR,OAAA;EACA,MAAA,IAAU,KAAA,EAAO,gBAAA,KAAqB,KAAA,CAAM,SAAA;AAAA;AAAA,iBAG9B,WAAA,CAAA;EAAc,OAAA;EAAS;AAAA,GAAU,gBAAA,wCAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;;;UCLvD,cAAA;EACR,OAAA;EACA,MAAA,IAAU,KAAA,EAAO,gBAAA,KAAqB,KAAA,CAAM,SAAA;AAAA;AAAA,iBAG9B,SAAA,CAAA;EAAY,OAAA;EAAS;AAAA,GAAU,cAAA,wCAAc,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA"}

package/dist/index.d.mts

@@ -0,0 +1,65 @@
+import * as react from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/context/SwiftSellCPQProvider.d.ts
+interface SwiftSellCPQProviderProps {
+  children: ReactNode;
+}
+declare function SwiftSellCPQProvider({
+  children
+}: SwiftSellCPQProviderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/types/cpq.d.ts
+interface CPQFieldOption {
+  value: string;
+  label: string;
+}
+interface CPQField {
+  id: string;
+  label: string;
+  type: 'text' | 'select';
+  value: string;
+  options?: CPQFieldOption[];
+}
+//#endregion
+//#region src/types/ui.d.ts
+interface RenderFieldProps {
+  field: CPQField;
+  setValue: (value: string) => void;
+}
+//#endregion
+//#region src/context/SwiftSellCPQContext.d.ts
+interface SwiftSellCPQContextValue {
+  fields: CPQField[];
+  setValue: (fieldId: string, value: string) => void;
+}
+//#endregion
+//#region src/context/useSwiftSellCPQ.d.ts
+declare function useSwiftSellCPQ(): SwiftSellCPQContextValue;
+//#endregion
+//#region src/components/ConfigurationForm.d.ts
+declare function ConfigurationForm(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/fields/SelectField.d.ts
+interface SelectFieldProps {
+  fieldId: string;
+  render?: (props: RenderFieldProps) => React.ReactNode;
+}
+declare function SelectField({
+  fieldId,
+  render
+}: SelectFieldProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+//#region src/components/fields/TextField.d.ts
+interface TextFieldProps {
+  fieldId: string;
+  render?: (props: RenderFieldProps) => React.ReactNode;
+}
+declare function TextField({
+  fieldId,
+  render
+}: TextFieldProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { CPQField, CPQFieldOption, ConfigurationForm, RenderFieldProps, SelectField, SwiftSellCPQProvider, TextField, useSwiftSellCPQ };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/context/SwiftSellCPQProvider.tsx","../src/types/cpq.ts","../src/types/ui.ts","../src/context/SwiftSellCPQContext.ts","../src/context/useSwiftSellCPQ.ts","../src/components/ConfigurationForm.tsx","../src/components/fields/SelectField.tsx","../src/components/fields/TextField.tsx"],"mappings":";;;;;UAIiB,yBAAA;EACf,QAAA,EAAU,SAAA;AAAA;AAAA,iBAsBI,oBAAA,CAAA;EAAuB;AAAA,GAAY,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC3B3D,cAAA;EACf,KAAA;EACA,KAAA;AAAA;AAAA,UAGe,QAAA;EACf,EAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,OAAA,GAAU,cAAA;AAAA;;;UCRK,gBAAA;EACf,KAAA,EAAO,QAAA;EACP,QAAA,GAAW,KAAA;AAAA;;;UCDI,wBAAA;EACf,MAAA,EAAQ,QAAA;EACR,QAAA,GAAW,OAAA,UAAiB,KAAA;AAAA;;;iBCFd,eAAA,CAAA,GAAe,wBAAA;;;iBCDf,iBAAA,CAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCCvB,gBAAA;EACR,OAAA;EACA,MAAA,IAAU,KAAA,EAAO,gBAAA,KAAqB,KAAA,CAAM,SAAA;AAAA;AAAA,iBAG9B,WAAA,CAAA;EAAc,OAAA;EAAS;AAAA,GAAU,gBAAA,wCAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;;;UCLvD,cAAA;EACR,OAAA;EACA,MAAA,IAAU,KAAA,EAAO,gBAAA,KAAqB,KAAA,CAAM,SAAA;AAAA;AAAA,iBAG9B,SAAA,CAAA;EAAY,OAAA;EAAS;AAAA,GAAU,cAAA,wCAAc,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA"}

package/dist/index.mjs

@@ -0,0 +1,97 @@
+import { createContext, useCallback, useContext, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/context/SwiftSellCPQContext.ts
+const SwiftSellCPQContext = createContext(null);
+
+//#endregion
+//#region src/context/SwiftSellCPQProvider.tsx
+const INITIAL_FIELDS = [{
+	id: "color",
+	label: "Color",
+	type: "select",
+	value: "red",
+	options: [{
+		value: "red",
+		label: "Red"
+	}, {
+		value: "blue",
+		label: "Blue"
+	}]
+}, {
+	id: "name",
+	label: "Name",
+	type: "text",
+	value: ""
+}];
+function SwiftSellCPQProvider({ children }) {
+	const [fields, setFields] = useState(INITIAL_FIELDS);
+	const setValue = useCallback((fieldId, value) => {
+		setFields((prev) => prev.map((f) => f.id === fieldId ? {
+			...f,
+			value
+		} : f));
+	}, []);
+	return /* @__PURE__ */ jsx(SwiftSellCPQContext.Provider, {
+		value: {
+			fields,
+			setValue
+		},
+		children
+	});
+}
+
+//#endregion
+//#region src/context/useSwiftSellCPQ.ts
+function useSwiftSellCPQ() {
+	const ctx = useContext(SwiftSellCPQContext);
+	if (!ctx) throw new Error("useSwiftSellCPQ must be used within a SwiftSellCPQProvider");
+	return ctx;
+}
+
+//#endregion
+//#region src/components/fields/SelectField.tsx
+function SelectField({ fieldId, render }) {
+	const { fields, setValue } = useSwiftSellCPQ();
+	const field = fields.find((f) => f.id === fieldId);
+	if (!field || field.type !== "select") return null;
+	if (render) return render({
+		field,
+		setValue: (value) => setValue(fieldId, value)
+	});
+	return /* @__PURE__ */ jsx("select", {
+		value: field.value,
+		onChange: (e) => setValue(fieldId, e.target.value),
+		children: field.options?.map((opt) => /* @__PURE__ */ jsx("option", {
+			value: opt.value,
+			children: opt.label
+		}, opt.value))
+	});
+}
+
+//#endregion
+//#region src/components/fields/TextField.tsx
+function TextField({ fieldId, render }) {
+	const { fields, setValue } = useSwiftSellCPQ();
+	const field = fields.find((f) => f.id === fieldId);
+	if (!field || field.type !== "text") return null;
+	if (render) return render({
+		field,
+		setValue: (value) => setValue(fieldId, value)
+	});
+	return /* @__PURE__ */ jsx("input", {
+		type: "text",
+		value: field.value,
+		onChange: (e) => setValue(fieldId, e.target.value)
+	});
+}
+
+//#endregion
+//#region src/components/ConfigurationForm.tsx
+function ConfigurationForm() {
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(SelectField, { fieldId: "color" }), /* @__PURE__ */ jsx(TextField, { fieldId: "name" })] });
+}
+
+//#endregion
+export { ConfigurationForm, SelectField, SwiftSellCPQProvider, TextField, useSwiftSellCPQ };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/context/SwiftSellCPQContext.ts","../src/context/SwiftSellCPQProvider.tsx","../src/context/useSwiftSellCPQ.ts","../src/components/fields/SelectField.tsx","../src/components/fields/TextField.tsx","../src/components/ConfigurationForm.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { CPQField } from '../types';\n\nexport interface SwiftSellCPQContextValue {\n  fields: CPQField[];\n  setValue: (fieldId: string, value: string) => void;\n}\n\nexport const SwiftSellCPQContext =\n  createContext<SwiftSellCPQContextValue | null>(null);\n","import { useState, useCallback, type ReactNode } from 'react';\nimport { SwiftSellCPQContext } from './SwiftSellCPQContext';\nimport type { CPQField } from '../types';\n\nexport interface SwiftSellCPQProviderProps {\n  children: ReactNode;\n}\n\nconst INITIAL_FIELDS: CPQField[] = [\n  {\n    id: 'color',\n    label: 'Color',\n    type: 'select',\n    value: 'red',\n    options: [\n      { value: 'red', label: 'Red' },\n      { value: 'blue', label: 'Blue' },\n    ],\n  },\n  {\n    id: 'name',\n    label: 'Name',\n    type: 'text',\n    value: '',\n  },\n];\n\nexport function SwiftSellCPQProvider({ children }: SwiftSellCPQProviderProps) {\n  const [fields, setFields] = useState<CPQField[]>(INITIAL_FIELDS);\n\n  const setValue = useCallback((fieldId: string, value: string) => {\n    setFields((prev) =>\n      prev.map((f) => (f.id === fieldId ? { ...f, value } : f)),\n    );\n  }, []);\n\n  return (\n    <SwiftSellCPQContext.Provider value={{ fields, setValue }}>\n      {children}\n    </SwiftSellCPQContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport { SwiftSellCPQContext } from './SwiftSellCPQContext';\n\nexport function useSwiftSellCPQ() {\n  const ctx = useContext(SwiftSellCPQContext);\n  if (!ctx) {\n    throw new Error(\n      'useSwiftSellCPQ must be used within a SwiftSellCPQProvider',\n    );\n  }\n  return ctx;\n}\n","import { useSwiftSellCPQ } from '../../context/useSwiftSellCPQ';\nimport type { RenderFieldProps } from '../../types';\n\ninterface SelectFieldProps {\n  fieldId: string;\n  render?: (props: RenderFieldProps) => React.ReactNode;\n}\n\nexport function SelectField({ fieldId, render }: SelectFieldProps) {\n  const { fields, setValue } = useSwiftSellCPQ();\n  const field = fields.find((f) => f.id === fieldId);\n\n  if (!field || field.type !== 'select') return null;\n\n  if (render) {\n    return render({\n      field,\n      setValue: (value) => setValue(fieldId, value),\n    });\n  }\n\n  return (\n    <select\n      value={field.value}\n      onChange={(e) => setValue(fieldId, e.target.value)}\n    >\n      {field.options?.map((opt) => (\n        <option\n          key={opt.value}\n          value={opt.value}\n        >\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import { useSwiftSellCPQ } from '../../context/useSwiftSellCPQ';\nimport type { RenderFieldProps } from '../../types';\n\ninterface TextFieldProps {\n  fieldId: string;\n  render?: (props: RenderFieldProps) => React.ReactNode;\n}\n\nexport function TextField({ fieldId, render }: TextFieldProps) {\n  const { fields, setValue } = useSwiftSellCPQ();\n  const field = fields.find((f) => f.id === fieldId);\n\n  if (!field || field.type !== 'text') return null;\n\n  if (render) {\n    return render({\n      field,\n      setValue: (value) => setValue(fieldId, value),\n    });\n  }\n\n  return (\n    <input\n      type=\"text\"\n      value={field.value}\n      onChange={(e) => setValue(fieldId, e.target.value)}\n    />\n  );\n}\n","import { SelectField, TextField } from './fields';\n\nexport function ConfigurationForm() {\n  return (\n    <div>\n      <SelectField fieldId=\"color\" />\n      <TextField fieldId=\"name\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,MAAa,sBACX,cAA+C,KAAK;;;;ACDtD,MAAM,iBAA6B,CACjC;CACE,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,SAAS,CACP;EAAE,OAAO;EAAO,OAAO;EAAO,EAC9B;EAAE,OAAO;EAAQ,OAAO;EAAQ,CACjC;CACF,EACD;CACE,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACR,CACF;AAED,SAAgB,qBAAqB,EAAE,YAAuC;CAC5E,MAAM,CAAC,QAAQ,aAAa,SAAqB,eAAe;CAEhE,MAAM,WAAW,aAAa,SAAiB,UAAkB;AAC/D,aAAW,SACT,KAAK,KAAK,MAAO,EAAE,OAAO,UAAU;GAAE,GAAG;GAAG;GAAO,GAAG,EAAG,CAC1D;IACA,EAAE,CAAC;AAEN,QACE,oBAAC,oBAAoB;EAAS,OAAO;GAAE;GAAQ;GAAU;EACtD;GAC4B;;;;;ACpCnC,SAAgB,kBAAkB;CAChC,MAAM,MAAM,WAAW,oBAAoB;AAC3C,KAAI,CAAC,IACH,OAAM,IAAI,MACR,6DACD;AAEH,QAAO;;;;;ACFT,SAAgB,YAAY,EAAE,SAAS,UAA4B;CACjE,MAAM,EAAE,QAAQ,aAAa,iBAAiB;CAC9C,MAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,OAAO,QAAQ;AAElD,KAAI,CAAC,SAAS,MAAM,SAAS,SAAU,QAAO;AAE9C,KAAI,OACF,QAAO,OAAO;EACZ;EACA,WAAW,UAAU,SAAS,SAAS,MAAM;EAC9C,CAAC;AAGJ,QACE,oBAAC;EACC,OAAO,MAAM;EACb,WAAW,MAAM,SAAS,SAAS,EAAE,OAAO,MAAM;YAEjD,MAAM,SAAS,KAAK,QACnB,oBAAC;GAEC,OAAO,IAAI;aAEV,IAAI;KAHA,IAAI,MAIF,CACT;GACK;;;;;AC1Bb,SAAgB,UAAU,EAAE,SAAS,UAA0B;CAC7D,MAAM,EAAE,QAAQ,aAAa,iBAAiB;CAC9C,MAAM,QAAQ,OAAO,MAAM,MAAM,EAAE,OAAO,QAAQ;AAElD,KAAI,CAAC,SAAS,MAAM,SAAS,OAAQ,QAAO;AAE5C,KAAI,OACF,QAAO,OAAO;EACZ;EACA,WAAW,UAAU,SAAS,SAAS,MAAM;EAC9C,CAAC;AAGJ,QACE,oBAAC;EACC,MAAK;EACL,OAAO,MAAM;EACb,WAAW,MAAM,SAAS,SAAS,EAAE,OAAO,MAAM;GAClD;;;;;ACxBN,SAAgB,oBAAoB;AAClC,QACE,qBAAC,oBACC,oBAAC,eAAY,SAAQ,UAAU,EAC/B,oBAAC,aAAU,SAAQ,SAAS,IACxB"}

package/package.json

@@ -1,8 +1,17 @@
 {
   "name": "@swiftsell/react-cpq",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "React CPQ component library for use with Infor CPQ",
   "private": false,
+  "publishConfig": {
+    "access": "public",
+    "provenance": false,
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RenTechAdmin/SwiftSellReactCPQ.git"
+  },
   "type": "module",
   "files": [
     "dist"
@@ -30,6 +39,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
+    "@types/node": "^25.2.2",
     "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
     "eslint": "^10.0.0",