@squaredr/fieldcraft-pro 1.7.0 → 1.9.0

package/LICENSE.txt

@@ -1,51 +1,51 @@
-SquaredR Commercial License
-
-Copyright (c) 2024-2026 SquaredR. All rights reserved.
-
-This software and associated documentation files (the "Software") are the
-proprietary property of SquaredR.
-
-GRANT OF LICENSE
-
-Subject to the terms of this license and payment of applicable fees, SquaredR
-grants you a non-exclusive, non-transferable license to:
-
-  1. Use the Software in a single production application per license key.
-  2. Modify the Software for your own internal use within the licensed
-     application.
-  3. Use the Software in unlimited development and staging environments
-     without a license key (development mode).
-
-RESTRICTIONS
-
-You may NOT:
-
-  1. Redistribute, sublicense, sell, or otherwise transfer the Software or
-     any derivative works to third parties.
-  2. Remove or alter any copyright notices, license keys, or proprietary
-     markings in the Software.
-  3. Use the Software to build a competing product or service.
-  4. Share license keys across organizations or unrelated projects.
-
-DEVELOPMENT MODE
-
-The Software may be used without a license key for development and evaluation
-purposes. Development mode includes visual watermarks and console notices to
-indicate unlicensed usage. Production deployment requires a valid license key.
-
-DISCLAIMER OF WARRANTIES
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL
-SQUAREDR BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY ARISING FROM
-THE USE OF THE SOFTWARE.
-
-TERMINATION
-
-This license is effective until terminated. It will terminate automatically
-if you fail to comply with any term. Upon termination, you must destroy all
-copies of the Software in your possession.
-
-For licensing inquiries: support@squaredr.tech
-Purchase a license: https://squaredr.tech/products/fieldcraft/admin-pro#pricing
+SquaredR Commercial License
+
+Copyright (c) 2024-2026 SquaredR. All rights reserved.
+
+This software and associated documentation files (the "Software") are the
+proprietary property of SquaredR.
+
+GRANT OF LICENSE
+
+Subject to the terms of this license and payment of applicable fees, SquaredR
+grants you a non-exclusive, non-transferable license to:
+
+  1. Use the Software in a single production application per license key.
+  2. Modify the Software for your own internal use within the licensed
+     application.
+  3. Use the Software in unlimited development and staging environments
+     without a license key (development mode).
+
+RESTRICTIONS
+
+You may NOT:
+
+  1. Redistribute, sublicense, sell, or otherwise transfer the Software or
+     any derivative works to third parties.
+  2. Remove or alter any copyright notices, license keys, or proprietary
+     markings in the Software.
+  3. Use the Software to build a competing product or service.
+  4. Share license keys across organizations or unrelated projects.
+
+DEVELOPMENT MODE
+
+The Software may be used without a license key for development and evaluation
+purposes. Development mode includes visual watermarks and console notices to
+indicate unlicensed usage. Production deployment requires a valid license key.
+
+DISCLAIMER OF WARRANTIES
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL
+SQUAREDR BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY ARISING FROM
+THE USE OF THE SOFTWARE.
+
+TERMINATION
+
+This license is effective until terminated. It will terminate automatically
+if you fail to comply with any term. Upon termination, you must destroy all
+copies of the Software in your possession.
+
+For licensing inquiries: support@squaredr.tech
+Purchase a license: https://squaredr.tech/products/fieldcraft/admin-pro#pricing

package/README.md

@@ -1,139 +1,139 @@
-# @squaredr/fieldcraft-pro
-
-[![npm version](https://img.shields.io/npm/v/@squaredr/fieldcraft-pro.svg)](https://www.npmjs.com/package/@squaredr/fieldcraft-pro)
-[![license](https://img.shields.io/badge/license-Commercial-blue.svg)](https://fieldcraft.squaredr.tech/pro#pricing)
-
-Pro components for [FieldCraft](https://fieldcraft.squaredr.tech) — a schema-driven form engine for React. Build forms visually, view responses, and customize themes without writing code.
-
-## What's Included
-
-| Component | Description |
-|-----------|-------------|
-| **FormBuilder** | Drag-and-drop visual form designer with 44 field types, undo/redo, import/export, and live preview |
-| **ResponseViewer** | Read-only viewer for submitted form data with table and detail views, CSV/JSON export |
-| **ThemeEditor** | Visual theme editor for form styling with color pickers, typography controls, and live preview |
-
-## Install
-
-```bash
-npm install @squaredr/fieldcraft-pro @squaredr/fieldcraft-core @squaredr/fieldcraft-react
-```
-
-## Quick Start
-
-```tsx
-import { FieldCraftProProvider, FormBuilder } from "@squaredr/fieldcraft-pro";
-import "@squaredr/fieldcraft-pro/styles.css";
-
-function App() {
-  return (
-    <FieldCraftProProvider licenseKey="YOUR_LICENSE_KEY">
-      <FormBuilder
-        onSave={(schema) => console.log(schema)}
-        height="100vh"
-      />
-    </FieldCraftProProvider>
-  );
-}
-```
-
-## Subpath Imports
-
-```tsx
-// Root — everything
-import { FormBuilder, ResponseViewer, ThemeEditor } from "@squaredr/fieldcraft-pro";
-
-// Tree-shakeable subpath imports
-import { FormBuilder } from "@squaredr/fieldcraft-pro/form-builder";
-import { ResponseViewer } from "@squaredr/fieldcraft-pro/response-viewer";
-import { ThemeEditor } from "@squaredr/fieldcraft-pro/theme-editor";
-
-// CSS
-import "@squaredr/fieldcraft-pro/styles.css";              // Form Builder styles
-import "@squaredr/fieldcraft-pro/theme-editor/styles.css"; // Theme Editor styles
-```
-
-## Form Builder
-
-Visual form designer with drag-and-drop, live preview, and schema export:
-
-```tsx
-import { FormBuilder } from "@squaredr/fieldcraft-pro";
-
-<FormBuilder
-  onSave={(schema) => saveToServer(schema)}
-  onChange={(schema) => setPreview(schema)}
-  height="100vh"
-/>
-```
-
-### Field Types (42)
-
-| Category | Fields |
-|----------|--------|
-| Text | Short Text, Long Text, Email, Phone, URL, Password |
-| Numeric | Number, Slider, Rating, NPS, Opinion Scale, Currency |
-| Selection | Single Select, Multi Select, Dropdown, Yes/No, Ranking, Checkbox Group |
-| Date/Time | Date, Time, Date Range, Date of Birth |
-| Media | File Upload, Signature, Image Capture |
-| Content | Welcome Screen, Thank You Screen, Rich Text, Image, Video, Divider, Spacer |
-| Structural | Section Header, Info Block, Page Break, Consent |
-| Advanced | Matrix, Calculated, Hidden, Repeater, Address, Legal Name, Country Select |
-
-### Extending with Custom Fields
-
-The FormBuilder accepts `questionTypes` and `palette` props to inject additional field types at runtime:
-
-```tsx
-import { FormBuilder, QUESTION_TYPE_INFO, DEFAULT_PALETTE } from "@squaredr/fieldcraft-pro";
-
-<FormBuilder
-  questionTypes={{ ...QUESTION_TYPE_INFO, ...myCustomTypes }}
-  palette={[...DEFAULT_PALETTE, ...myCustomCategories]}
-/>
-```
-
-## Response Viewer
-
-Display submitted form responses in table or card/detail views:
-
-```tsx
-import { ResponseViewer } from "@squaredr/fieldcraft-pro";
-
-<ResponseViewer
-  schema={schema}
-  responses={responses}
-  onExport={(format) => console.log(`Export as ${format}`)}
-/>
-```
-
-## Theme Editor
-
-Live-edit form themes with color pickers, typography controls, and shape/spacing sliders:
-
-```tsx
-import { ThemeEditor } from "@squaredr/fieldcraft-pro";
-
-<ThemeEditor
-  onChange={(theme) => console.log(theme)}
-  onSave={(theme) => saveToServer(theme)}
-/>
-```
-
-Includes presets: Clean, Dark, Modern, High Contrast, Clinical, Playful.
-
-## Requirements
-
-- React 18 or 19
-- `@squaredr/fieldcraft-core` >= 1.6.0
-- `@squaredr/fieldcraft-react` >= 1.6.0
-
-## License
-
-Commercial license required for production use. Free in development mode.
-
-See [LICENSE.txt](./LICENSE.txt) for details.
-
----
-
-[Get a license](https://fieldcraft.squaredr.tech/pro#pricing) | [Documentation](https://fieldcraft.squaredr.tech/docs) | [GitHub](https://github.com/SquaredR98/fieldcraft-pro) | [Discord](https://discord.gg/squaredr)
+# @squaredr/fieldcraft-pro
+
+[![npm version](https://img.shields.io/npm/v/@squaredr/fieldcraft-pro.svg)](https://www.npmjs.com/package/@squaredr/fieldcraft-pro)
+[![license](https://img.shields.io/badge/license-Commercial-blue.svg)](https://fieldcraft.squaredr.tech/pro#pricing)
+
+Pro components for [FieldCraft](https://fieldcraft.squaredr.tech) — a schema-driven form engine for React. Build forms visually, view responses, and customize themes without writing code.
+
+## What's Included
+
+| Component | Description |
+|-----------|-------------|
+| **FormBuilder** | Drag-and-drop visual form designer with 44 field types, undo/redo, import/export, and live preview |
+| **ResponseViewer** | Read-only viewer for submitted form data with table and detail views, CSV/JSON export |
+| **ThemeEditor** | Visual theme editor for form styling with color pickers, typography controls, and live preview |
+
+## Install
+
+```bash
+npm install @squaredr/fieldcraft-pro @squaredr/fieldcraft-core @squaredr/fieldcraft-react
+```
+
+## Quick Start
+
+```tsx
+import { FieldCraftProProvider, FormBuilder } from "@squaredr/fieldcraft-pro";
+import "@squaredr/fieldcraft-pro/styles.css";
+
+function App() {
+  return (
+    <FieldCraftProProvider licenseKey="YOUR_LICENSE_KEY">
+      <FormBuilder
+        onSave={(schema) => console.log(schema)}
+        height="100vh"
+      />
+    </FieldCraftProProvider>
+  );
+}
+```
+
+## Subpath Imports
+
+```tsx
+// Root — everything
+import { FormBuilder, ResponseViewer, ThemeEditor } from "@squaredr/fieldcraft-pro";
+
+// Tree-shakeable subpath imports
+import { FormBuilder } from "@squaredr/fieldcraft-pro/form-builder";
+import { ResponseViewer } from "@squaredr/fieldcraft-pro/response-viewer";
+import { ThemeEditor } from "@squaredr/fieldcraft-pro/theme-editor";
+
+// CSS
+import "@squaredr/fieldcraft-pro/styles.css";              // Form Builder styles
+import "@squaredr/fieldcraft-pro/theme-editor/styles.css"; // Theme Editor styles
+```
+
+## Form Builder
+
+Visual form designer with drag-and-drop, live preview, and schema export:
+
+```tsx
+import { FormBuilder } from "@squaredr/fieldcraft-pro";
+
+<FormBuilder
+  onSave={(schema) => saveToServer(schema)}
+  onChange={(schema) => setPreview(schema)}
+  height="100vh"
+/>
+```
+
+### Field Types (42)
+
+| Category | Fields |
+|----------|--------|
+| Text | Short Text, Long Text, Email, Phone, URL, Password |
+| Numeric | Number, Slider, Rating, NPS, Opinion Scale, Currency |
+| Selection | Single Select, Multi Select, Dropdown, Yes/No, Ranking, Checkbox Group |
+| Date/Time | Date, Time, Date Range, Date of Birth |
+| Media | File Upload, Signature, Image Capture |
+| Content | Welcome Screen, Thank You Screen, Rich Text, Image, Video, Divider, Spacer |
+| Structural | Section Header, Info Block, Page Break, Consent |
+| Advanced | Matrix, Calculated, Hidden, Repeater, Address, Legal Name, Country Select |
+
+### Extending with Custom Fields
+
+The FormBuilder accepts `questionTypes` and `palette` props to inject additional field types at runtime:
+
+```tsx
+import { FormBuilder, QUESTION_TYPE_INFO, DEFAULT_PALETTE } from "@squaredr/fieldcraft-pro";
+
+<FormBuilder
+  questionTypes={{ ...QUESTION_TYPE_INFO, ...myCustomTypes }}
+  palette={[...DEFAULT_PALETTE, ...myCustomCategories]}
+/>
+```
+
+## Response Viewer
+
+Display submitted form responses in table or card/detail views:
+
+```tsx
+import { ResponseViewer } from "@squaredr/fieldcraft-pro";
+
+<ResponseViewer
+  schema={schema}
+  responses={responses}
+  onExport={(format) => console.log(`Export as ${format}`)}
+/>
+```
+
+## Theme Editor
+
+Live-edit form themes with color pickers, typography controls, and shape/spacing sliders:
+
+```tsx
+import { ThemeEditor } from "@squaredr/fieldcraft-pro";
+
+<ThemeEditor
+  onChange={(theme) => console.log(theme)}
+  onSave={(theme) => saveToServer(theme)}
+/>
+```
+
+Includes presets: Clean, Dark, Modern, High Contrast, Clinical, Playful.
+
+## Requirements
+
+- React 18 or 19
+- `@squaredr/fieldcraft-core` >= 1.6.0
+- `@squaredr/fieldcraft-react` >= 1.6.0
+
+## License
+
+Commercial license required for production use. Free in development mode.
+
+See [LICENSE.txt](./LICENSE.txt) for details.
+
+---
+
+[Get a license](https://fieldcraft.squaredr.tech/pro#pricing) | [Documentation](https://fieldcraft.squaredr.tech/docs) | [GitHub](https://github.com/SquaredR98/fieldcraft-pro) | [Discord](https://discord.gg/squaredr)

package/dist/{chunk-VEP3DOCQ.mjs → chunk-5QXKDYWY.mjs}

@@ -1,3 +1,5 @@
+import { TIMEZONES } from '@squaredr/fieldcraft-core';
+
 // src/templates/consultation-booking.ts
 var consultationBookingSchema = {
   id: "consultation-booking",
@@ -364,17 +366,10 @@ var consultationBookingSchema = {
           type: "dropdown",
           label: "Your Timezone",
           required: true,
-          options: [
-            { label: "US Eastern (ET)", value: "America/New_York" },
-            { label: "US Central (CT)", value: "America/Chicago" },
-            { label: "US Mountain (MT)", value: "America/Denver" },
-            { label: "US Pacific (PT)", value: "America/Los_Angeles" },
-            { label: "UK (GMT/BST)", value: "Europe/London" },
-            { label: "Central Europe (CET)", value: "Europe/Berlin" },
-            { label: "India (IST)", value: "Asia/Kolkata" },
-            { label: "Japan (JST)", value: "Asia/Tokyo" },
-            { label: "Australia Eastern (AEST)", value: "Australia/Sydney" }
-          ]
+          options: TIMEZONES.map((tz) => ({
+            label: `${tz.label} (${tz.offset})`,
+            value: tz.value
+          }))
         },
         {
           id: "appointment_slot",
@@ -383,6 +378,7 @@ var consultationBookingSchema = {
           required: true,
           config: {
             type: "appointment",
+            // Example slots — replace with dynamic data or a slots URL in production
             slots: [
               {
                 date: "2026-09-01",
@@ -405,7 +401,7 @@ var consultationBookingSchema = {
                 times: ["09:00", "11:00", "13:00", "14:00", "16:00"]
               }
             ],
-            timezone: "America/New_York",
+            timezoneField: "timezone",
             duration: 60
           }
         },
@@ -483,6 +479,55 @@ var consultationBookingSchema = {
           type: "divider",
           label: ""
         },
+        {
+          id: "hourly_rate",
+          type: "calculated",
+          label: "Hourly Rate",
+          config: {
+            type: "calculated",
+            expression: 'IF({service_type} = "legal", 150, IF({service_type} = "business", 200, IF({service_type} = "technical", 175, 0)))',
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "session_cost",
+          type: "calculated",
+          label: "Session Cost",
+          helpText: "Based on service type and session duration",
+          config: {
+            type: "calculated",
+            expression: "{hourly_rate} * {session_duration} / 60",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "rush_fee",
+          type: "calculated",
+          label: "Rush Fee",
+          config: {
+            type: "calculated",
+            expression: 'IF({urgency} = "rush", 50, 0)',
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "total_cost",
+          type: "calculated",
+          label: "Total",
+          config: {
+            type: "calculated",
+            expression: "{session_cost} + {rush_fee}",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
         {
           id: "promo_code",
           type: "short_text",
@@ -501,10 +546,11 @@ var consultationBookingSchema = {
             type: "payment",
             provider: "stripe",
             publicKey: "",
-            amount: 2e4,
+            // Set your Stripe publishable key (pk_test_... or pk_live_...)
+            amountField: "total_cost",
             currency: "USD",
-            description: "Consultation Session",
-            serverUrl: "/api/payment-intents"
+            description: "Consultation Session"
+            // serverUrl: "" — developer must configure their own payment intent endpoint
           }
         }
       ]
@@ -1001,13 +1047,50 @@ var ecommerceCheckoutSchema = {
             prefix: "$"
           }
         },
+        {
+          id: "shipping_cost",
+          type: "calculated",
+          label: "Shipping",
+          helpText: "Based on your selected shipping method",
+          config: {
+            type: "calculated",
+            expression: 'IF({shipping_method} = "overnight", 29.99, IF({shipping_method} = "express", 14.99, IF({shipping_method} = "standard", 7.99, 0)))',
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "insurance_cost",
+          type: "calculated",
+          label: "Shipping Insurance",
+          config: {
+            type: "calculated",
+            expression: "IF({shipping_insurance} = true, 4.99, 0)",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
+        {
+          id: "gift_wrap_cost",
+          type: "calculated",
+          label: "Gift Wrapping",
+          config: {
+            type: "calculated",
+            expression: "IF({gift_wrap} = true, 5.99, 0)",
+            format: "currency",
+            decimalPlaces: 2,
+            prefix: "$"
+          }
+        },
         {
           id: "order_total",
           type: "calculated",
           label: "Order Total",
           config: {
             type: "calculated",
-            expression: "{order_subtotal} + {order_tax}",
+            expression: "{order_subtotal} + {order_tax} + {shipping_cost} + {insurance_cost} + {gift_wrap_cost}",
             format: "currency",
             decimalPlaces: 2,
             prefix: "$"
@@ -1028,10 +1111,11 @@ var ecommerceCheckoutSchema = {
             type: "payment",
             provider: "stripe",
             publicKey: "",
-            amount: 1e4,
+            // Set your Stripe publishable key (pk_test_... or pk_live_...)
+            amountField: "order_total",
             currency: "USD",
-            description: "E-commerce Order",
-            serverUrl: "/api/payment-intents"
+            description: "E-commerce Order"
+            // serverUrl: "" — developer must configure their own payment intent endpoint
           }
         }
       ]