popsite-ui 1.0.0

package/utils/systemEngine.js

@@ -0,0 +1,128 @@
+const DEFAULT_CURRENCY = 'USD';
+
+const hasOwnProperty = (object, key) => Object.prototype.hasOwnProperty.call(object, key);
+
+const normalizeOption = (option) => {
+    if (typeof option === 'string') {
+        return { label: option, value: option };
+    }
+
+    return {
+        label: option.label,
+        value: option.value
+    };
+};
+
+export const buildInitialFormData = (fields) => {
+    return fields.reduce((initialData, field) => {
+        if (hasOwnProperty(field, 'defaultValue')) {
+            initialData[field.name] = field.defaultValue;
+            return initialData;
+        }
+
+        if (field.type === 'number') {
+            initialData[field.name] = field.min ?? 1;
+            return initialData;
+        }
+
+        initialData[field.name] = '';
+        return initialData;
+    }, {});
+};
+
+const getLabelForValue = (options, value) => {
+    if (!Array.isArray(options)) {
+        return value;
+    }
+
+    const matchingOption = options
+        .map((option) => normalizeOption(option))
+        .find((option) => option.value === value);
+
+    return matchingOption ? matchingOption.label : value;
+};
+
+export const formatFieldValue = (field, value) => {
+    if (value === undefined || value === null || value === '') {
+        return 'Not provided';
+    }
+
+    if (field.type === 'date') {
+        const parsedDate = new Date(value);
+        if (Number.isNaN(parsedDate.valueOf())) {
+            return value;
+        }
+
+        return parsedDate.toLocaleDateString();
+    }
+
+    if (field.type === 'select' || field.type === 'radio') {
+        return getLabelForValue(field.options, value);
+    }
+
+    if (field.type === 'number') {
+        const numericValue = Number(value);
+        return Number.isNaN(numericValue) ? value : numericValue;
+    }
+
+    return value;
+};
+
+export const buildSummaryRows = (fields, formData) => {
+    return fields.map((field) => {
+        return {
+            label: field.label,
+            value: formatFieldValue(field, formData[field.name])
+        };
+    });
+};
+
+export const calculatePricing = (system, formData) => {
+    const pricing = system.pricing ?? {};
+    const quantityField = pricing.quantityField;
+    const rawQuantity = quantityField ? Number(formData[quantityField]) : 1;
+    const quantity = Number.isFinite(rawQuantity) && rawQuantity > 0 ? rawQuantity : 1;
+
+    let unitPrice = pricing.basePrice ?? 0;
+
+    if (pricing.tierField && pricing.tiers) {
+        const selectedTier = formData[pricing.tierField];
+        unitPrice = pricing.tiers[selectedTier] ?? unitPrice;
+    }
+
+    const subtotal = quantity * unitPrice;
+    const fee = pricing.fee ?? 0;
+    const total = subtotal + fee;
+
+    return {
+        quantity,
+        unitPrice,
+        subtotal,
+        fee,
+        total,
+        currency: pricing.currency ?? DEFAULT_CURRENCY,
+        quantityLabel: pricing.quantityLabel ?? 'Units',
+        chargeLabel: pricing.chargeLabel ?? 'Total Amount'
+    };
+};
+
+export const buildSubmissionRecord = (system, formData) => {
+    return {
+        formData,
+        summaryRows: buildSummaryRows(system.fields, formData),
+        pricing: calculatePricing(system, formData),
+        submittedAt: new Date().toISOString()
+    };
+};
+
+export const formatCurrency = (amount, currency = DEFAULT_CURRENCY) => {
+    try {
+        return new Intl.NumberFormat('en-US', {
+            style: 'currency',
+            currency
+        }).format(Number(amount) || 0);
+    } catch (error) {
+        const safeAmount = Number(amount) || 0;
+        return `$${safeAmount.toFixed(2)}`;
+    }
+};

package/vite.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    server: {
+        host: true,
+        port: 5173
+    }
+});

package/vite.lib.config.js

@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.js'),
+      name: 'PopSiteUI',
+      fileName: (format) => `popsite-ui.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        },
+        assetFileNames: (assetInfo) => {
+          if (assetInfo.name === 'style.css') return 'style.css';
+          return assetInfo.name;
+        },
+      },
+    },
+  },
+});