@evershop/evershop 2.1.0 → 2.1.2

package/dist/components/common/form/TimeField.js

@@ -1,10 +1,12 @@
 import { Tooltip } from '@components/common/form/Tooltip.js';
 import { getNestedError } from '@components/common/form/utils/getNestedError.js';
+import { Field, FieldError, FieldLabel } from '@components/common/ui/Field.js';
+import { InputGroup, InputGroupInput } from '@components/common/ui/InputGroup.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
-import { useFormContext } from 'react-hook-form';
+import { useFormContext, Controller } from 'react-hook-form';
 export function TimeField({ name, label, error, wrapperClassName, helperText, required, validation, className, min, max, step, ...props }) {
-    const { register, formState: { errors } } = useFormContext();
+    const { control, formState: { errors } } = useFormContext();
     const fieldError = getNestedError(name, errors, error);
     const fieldId = `field-${name}`;
     const { valueAsNumber, valueAsDate, ...cleanValidation } = validation || {};
@@ -29,12 +31,17 @@ export function TimeField({ name, label, error, wrapperClassName, helperText, re
             }
         }
     };
-    return (React.createElement("div", { className: `form-field ${wrapperClassName}` },
-        label && (React.createElement("label", { htmlFor: fieldId },
-            label,
-            required && React.createElement("span", { className: "required-indicator" }, "*"),
-            helperText && React.createElement(Tooltip, { content: helperText, position: "top" }))),
-        React.createElement("input", { id: fieldId, type: "time", min: min, max: max, step: step, ...register(name, validationRules), className: `${fieldError !== undefined ? 'error' : ''} ${className || ''}`, "aria-invalid": fieldError !== undefined ? 'true' : 'false', "aria-describedby": fieldError !== undefined ? `${fieldId}-error` : undefined, ...props }),
-        fieldError && (React.createElement("p", { id: `${fieldId}-error`, className: "field-error" }, fieldError))));
+    return (React.createElement(Field, { "data-invalid": fieldError ? 'true' : 'false', className: wrapperClassName },
+        label && (React.createElement(FieldLabel, { htmlFor: fieldId },
+            React.createElement(React.Fragment, null,
+                label,
+                required && React.createElement("span", { className: "text-destructive" }, "*"),
+                helperText && React.createElement(Tooltip, { content: helperText, position: "top" })))),
+        React.createElement(Controller, { name: name, control: control, rules: validationRules, render: ({ field }) => {
+                var _a;
+                return (React.createElement(InputGroup, null,
+                    React.createElement(InputGroupInput, { ...field, value: (_a = field.value) !== null && _a !== void 0 ? _a : '', id: fieldId, type: "time", min: min, max: max, step: step, className: className, "aria-invalid": fieldError !== undefined ? 'true' : 'false', "aria-describedby": fieldError !== undefined ? `${fieldId}-error` : undefined, ...props })));
+            } }),
+        fieldError && React.createElement(FieldError, null, fieldError)));
 }
 //# sourceMappingURL=TimeField.js.map

package/dist/components/common/form/TimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../../../../src/components/common/form/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EAIf,MAAM,iBAAiB,CAAC;AAazB,MAAM,UAAU,SAAS,CAAsC,EAC7D,IAAI,EACJ,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACU;IAClB,MAAM,EACJ,QAAQ,EACR,SAAS,EAAE,EAAE,MAAM,EAAE,EACtB,GAAG,cAAc,EAAK,CAAC;IAExB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,CAAC;IAEhC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAC5E,MAAM,eAAe,GAAG;QACtB,GAAG,eAAe;QAClB,GAAG,CAAC,QAAQ,IAAI;YACd,QAAQ,EAAE,CAAC,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC;SAC9D,CAAC;QACF,QAAQ,EAAE;YACR,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ;YACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;oBAAE,OAAO,IAAI,CAAC;gBAChC,OAAO,CACL,KAAK,IAAI,GAAG;oBACZ,CAAC,CAAC,2BAA2B,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxD,CAAC;YACJ,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;oBAAE,OAAO,IAAI,CAAC;gBAChC,OAAO,CACL,KAAK,IAAI,GAAG;oBACZ,CAAC,CAAC,4BAA4B,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzD,CAAC;YACJ,CAAC;SACF;KACF,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,gBAAgB,EAAE;QAC7C,KAAK,IAAI,CACR,+BAAO,OAAO,EAAE,OAAO;YACpB,KAAK;YACL,QAAQ,IAAI,8BAAM,SAAS,EAAC,oBAAoB,QAAS;YACzD,UAAU,IAAI,oBAAC,OAAO,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAC,KAAK,GAAG,CACxD,CACT;QAED,+BACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,KACN,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,EACnC,SAAS,EAAE,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACnD,SAAS,IAAI,EACf,EAAE,kBACY,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,sBAEvD,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,KAEvD,KAAK,GACT;QAED,UAAU,IAAI,CACb,2BAAG,EAAE,EAAE,GAAG,OAAO,QAAQ,EAAE,SAAS,EAAC,aAAa,IAC/C,UAAU,CACT,CACL,CACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../../../../src/components/common/form/TimeField.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/form/ToggleField.d.ts

@@ -14,9 +14,8 @@ interface ToggleFieldProps<T extends FieldValues = FieldValues> {
     falseValue?: boolean | 0;
     trueLabel?: string;
     falseLabel?: string;
-    size?: 'sm' | 'md' | 'lg';
-    variant?: 'default' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'default';
     onChange?: (value: boolean | 0 | 1) => void;
 }
-export declare function ToggleField<T extends FieldValues = FieldValues>({ name, label, error, helperText, required, validation, wrapperClassName, disabled, defaultValue, trueValue, falseValue, trueLabel, falseLabel, size, variant, onChange }: ToggleFieldProps<T>): React.JSX.Element;
+export declare function ToggleField<T extends FieldValues = FieldValues>({ name, label, error, helperText, required, validation, wrapperClassName, disabled, defaultValue, trueValue, falseValue, trueLabel, falseLabel, size, onChange }: ToggleFieldProps<T>): React.JSX.Element;
 export {};

package/dist/components/common/form/ToggleField.js

@@ -1,9 +1,11 @@
 import { Tooltip } from '@components/common/form/Tooltip.js';
 import { getNestedError } from '@components/common/form/utils/getNestedError.js';
+import { Field, FieldError, FieldLabel } from '@components/common/ui/Field.js';
+import { Switch } from '@components/common/ui/Switch.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
 import { Controller, useFormContext } from 'react-hook-form';
-export function ToggleField({ name, label, error, helperText, required, validation, wrapperClassName, disabled = false, defaultValue = false, trueValue = true, falseValue = false, trueLabel = 'Yes', falseLabel = 'No', size = 'md', variant = 'default', onChange }) {
+export function ToggleField({ name, label, error, helperText, required, validation, wrapperClassName, disabled = false, defaultValue = false, trueValue = true, falseValue = false, trueLabel = 'Yes', falseLabel = 'No', size = 'default', onChange }) {
     const { control, formState: { errors } } = useFormContext();
     const fieldError = getNestedError(name, errors, error);
     const fieldId = `field-${name}`;
@@ -14,82 +16,21 @@ export function ToggleField({ name, label, error, helperText, required, validati
             required: _('${field} is required', { field: label || name })
         })
     };
-    const sizeClasses = {
-        sm: {
-            toggle: 'h-5 w-9',
-            thumb: 'h-4 w-4',
-            text: 'text-sm'
-        },
-        md: {
-            toggle: 'h-6 w-11',
-            thumb: 'h-5 w-5',
-            text: 'text-base'
-        },
-        lg: {
-            toggle: 'h-7 w-14',
-            thumb: 'h-6 w-6',
-            text: 'text-lg'
-        }
-    };
-    const variantClasses = {
-        default: {
-            active: 'bg-blue-600',
-            inactive: 'bg-gray-200'
-        },
-        success: {
-            active: 'bg-green-600',
-            inactive: 'bg-gray-200'
-        },
-        warning: {
-            active: 'bg-yellow-600',
-            inactive: 'bg-gray-200'
-        },
-        danger: {
-            active: 'bg-red-600',
-            inactive: 'bg-gray-200'
-        }
-    };
-    const sizeClass = sizeClasses[size];
-    const variantClass = variantClasses[variant];
-    return (React.createElement("div", { className: `form-field ${wrapperClassName}` },
-        label && (React.createElement("label", { htmlFor: fieldId, className: "block mb-2 font-medium text-gray-700" },
+    return (React.createElement(Field, { "data-invalid": fieldError ? 'true' : 'false', className: wrapperClassName },
+        label && (React.createElement(FieldLabel, { htmlFor: fieldId },
             label,
-            required && React.createElement("span", { className: "required-indicator" }, "*"),
+            required && React.createElement("span", { className: "text-destructive ml-1" }, "*"),
             helperText && React.createElement(Tooltip, { content: helperText, position: "top" }))),
         React.createElement(Controller, { name: name, control: control, rules: validationRules, defaultValue: defaultValue, render: ({ field }) => {
                 const isActive = field.value === trueValue;
-                return (React.createElement("div", { className: fieldError ? 'error' : '' },
-                    React.createElement("div", { className: "flex items-center space-x-3" },
-                        React.createElement("button", { type: "button", role: "switch", "aria-checked": isActive, "aria-labelledby": `${fieldId}-label`, disabled: disabled, onClick: () => {
-                                field.onChange(isActive ? falseValue : trueValue);
-                                onChange === null || onChange === void 0 ? void 0 : onChange(isActive ? falseValue : trueValue);
-                            }, className: `
-                    relative inline-flex shrink-0 cursor-pointer rounded-full border-2 border-transparent 
-                    transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2
-                    ${sizeClass.toggle}
-                    ${isActive ? variantClass.active : variantClass.inactive}
-                    ${disabled ? 'opacity-50 cursor-not-allowed' : ''}
-                    ${fieldError ? 'ring-2 ring-red-500' : ''}
-                  ` },
-                            React.createElement("span", { className: "sr-only" }, label || 'Toggle'),
-                            React.createElement("span", { "aria-hidden": "true", className: `
-                      pointer-events-none inline-block rounded-full bg-white shadow transform ring-0 
-                      transition duration-200 ease-in-out
-                      ${sizeClass.thumb}
-                      ${isActive ? 'translate-x-5' : 'translate-x-0'}
-                    `, style: {
-                                    transform: isActive
-                                        ? `translateX(${size === 'sm'
-                                            ? '1.25rem'
-                                            : size === 'md'
-                                                ? '1.25rem'
-                                                : '1.75rem'})`
-                                        : 'translateX(0)'
-                                } })),
-                        React.createElement("div", { className: `flex items-center space-x-4 ${sizeClass.text}` },
-                            React.createElement("span", { className: `font-medium ${isActive ? 'text-gray-900' : 'text-gray-500'}` }, isActive ? trueLabel : falseLabel))),
-                    React.createElement("input", { type: "hidden", name: name, value: String(field.value) })));
+                return (React.createElement("div", { className: "flex items-center gap-3" },
+                    React.createElement(Switch, { id: fieldId, size: size, checked: isActive, onCheckedChange: (checked) => {
+                            const newValue = checked ? trueValue : falseValue;
+                            field.onChange(newValue);
+                            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+                        }, disabled: disabled, "aria-invalid": fieldError ? 'true' : 'false', "aria-describedby": fieldError ? `${fieldId}-error` : undefined }),
+                    React.createElement("span", { className: "text-sm text-muted-foreground" }, isActive ? trueLabel : falseLabel)));
             } }),
-        fieldError && (React.createElement("p", { id: `${fieldId}-error`, className: "field-error" }, fieldError))));
+        fieldError && (React.createElement(FieldError, { id: `${fieldId}-error` }, fieldError))));
 }
 //# sourceMappingURL=ToggleField.js.map

package/dist/components/common/form/ToggleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleField.js","sourceRoot":"","sources":["../../../../src/components/common/form/ToggleField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToggleField.js","sourceRoot":"","sources":["../../../../src/components/common/form/ToggleField.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/form/UrlField.js

@@ -1,10 +1,12 @@
 import { Tooltip } from '@components/common/form/Tooltip.js';
 import { getNestedError } from '@components/common/form/utils/getNestedError.js';
+import { Field, FieldError, FieldLabel } from '@components/common/ui/Field.js';
+import { InputGroup, InputGroupAddon, InputGroupInput } from '@components/common/ui/InputGroup.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
-import { useFormContext } from 'react-hook-form';
+import { useFormContext, Controller } from 'react-hook-form';
 export function UrlField({ name, label, error, wrapperClassName, helperText, required, validation, defaultValue, className, prefixIcon, suffixIcon, ...props }) {
-    const { register, formState: { errors } } = useFormContext();
+    const { control, formState: { errors } } = useFormContext();
     const fieldError = getNestedError(name, errors, error);
     const fieldId = `field-${name}`;
     const { valueAsNumber, valueAsDate, ...cleanValidation } = validation || {};
@@ -18,18 +20,18 @@ export function UrlField({ name, label, error, wrapperClassName, helperText, req
             message: _('Please enter a valid URL')
         }
     };
-    const hasIcons = prefixIcon || suffixIcon;
-    const inputClassName = `${fieldError !== undefined ? 'error' : ''} ${className || ''} ${hasIcons ? '!pr-3' : ''} ${prefixIcon ? '!pl-10' : ''} ${suffixIcon ? '!pr-10' : ''}`.trim();
-    const renderInput = () => (React.createElement("input", { id: fieldId, type: "url", ...register(name, validationRules), className: inputClassName, "aria-invalid": fieldError !== undefined ? 'true' : 'false', "aria-describedby": fieldError !== undefined ? `${fieldId}-error` : undefined, ...props }));
-    return (React.createElement("div", { className: `form-field ${wrapperClassName || ''}`.trim() },
-        label && (React.createElement("label", { htmlFor: fieldId },
-            label,
-            required && React.createElement("span", { className: "required-indicator" }, "*"),
-            helperText && React.createElement(Tooltip, { content: helperText, position: "top" }))),
-        hasIcons ? (React.createElement("div", { className: `input__wrapper relative flex group items-center`.trim() },
-            prefixIcon && (React.createElement("div", { className: "prefix absolute left-3 z-10 flex items-center justify-center" }, prefixIcon)),
+    const inputClassName = `${fieldError !== undefined ? 'error' : ''} ${className || ''} ${prefixIcon ? '!pl-10' : ''} ${suffixIcon ? '!pr-10' : ''}`.trim();
+    const renderInput = () => (React.createElement(Controller, { name: name, control: control, defaultValue: defaultValue, rules: validationRules, render: ({ field }) => (React.createElement(InputGroupInput, { ...field, id: fieldId, type: "url", className: inputClassName, "aria-invalid": fieldError !== undefined ? 'true' : 'false', "aria-describedby": fieldError !== undefined ? `${fieldId}-error` : undefined, ...props })) }));
+    return (React.createElement(Field, { "data-invalid": fieldError ? 'true' : 'false', className: wrapperClassName },
+        label && (React.createElement(FieldLabel, { htmlFor: fieldId },
+            React.createElement(React.Fragment, null,
+                label,
+                required && React.createElement("span", { className: "text-destructive" }, "*"),
+                helperText && React.createElement(Tooltip, { content: helperText, position: "top" })))),
+        React.createElement(InputGroup, null,
             renderInput(),
-            suffixIcon && (React.createElement("div", { className: "suffix absolute right-3 z-10 flex items-center justify-center" }, suffixIcon)))) : (renderInput()),
-        fieldError && (React.createElement("p", { id: `${fieldId}-error`, className: "field-error" }, fieldError))));
+            prefixIcon && (React.createElement(InputGroupAddon, { align: 'inline-start' }, prefixIcon)),
+            suffixIcon && (React.createElement(InputGroupAddon, { align: 'inline-end' }, suffixIcon))),
+        fieldError && React.createElement(FieldError, null, fieldError)));
 }
 //# sourceMappingURL=UrlField.js.map

package/dist/components/common/form/UrlField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UrlField.js","sourceRoot":"","sources":["../../../../src/components/common/form/UrlField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UrlField.js","sourceRoot":"","sources":["../../../../src/components/common/form/UrlField.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/form/editor/RawToolWrapper.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Wrapper for @editorjs/raw that fixes keyboard event handling issues
+ * This ensures backspace and other keys work properly in the raw HTML block
+ */
+export declare class RawToolWrapper {
+    private rawTool;
+    private api;
+    private data;
+    private config;
+    constructor({ data, config, api, block }: any);
+    initializeRawTool(params: any): Promise<void>;
+    static get toolbox(): {
+        title: string;
+        icon: string;
+    };
+    render(): HTMLDivElement;
+    save(blockContent: HTMLElement): {
+        html: string;
+    };
+    static get sanitize(): {
+        html: boolean;
+    };
+    static get isReadOnlySupported(): boolean;
+}

package/dist/components/common/form/editor/RawToolWrapper.js

@@ -0,0 +1,63 @@
+/**
+ * Wrapper for @editorjs/raw that fixes keyboard event handling issues
+ * This ensures backspace and other keys work properly in the raw HTML block
+ */
+export class RawToolWrapper {
+    constructor({ data, config, api, block }) {
+        this.data = data;
+        this.config = config;
+        this.api = api;
+        // We'll load the actual Raw tool dynamically
+        this.initializeRawTool({ data, config, api, block });
+    }
+    async initializeRawTool(params) {
+        const { default: RawTool } = await import('@editorjs/raw');
+        this.rawTool = new RawTool(params);
+    }
+    static get toolbox() {
+        return {
+            title: 'Raw HTML',
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>'
+        };
+    }
+    render() {
+        var _a;
+        const wrapper = document.createElement('div');
+        wrapper.classList.add('ce-rawtool');
+        const textarea = document.createElement('textarea');
+        textarea.classList.add('ce-rawtool__textarea');
+        textarea.placeholder = 'Enter HTML code';
+        textarea.value = ((_a = this.data) === null || _a === void 0 ? void 0 : _a.html) || '';
+        // Prevent EditorJS from handling keyboard events inside textarea
+        textarea.addEventListener('keydown', (event) => {
+            event.stopPropagation();
+        });
+        textarea.addEventListener('keyup', (event) => {
+            event.stopPropagation();
+        });
+        textarea.addEventListener('paste', (event) => {
+            event.stopPropagation();
+        });
+        // Handle input changes
+        textarea.addEventListener('input', () => {
+            this.data = { html: textarea.value };
+        });
+        wrapper.appendChild(textarea);
+        return wrapper;
+    }
+    save(blockContent) {
+        const textarea = blockContent.querySelector('textarea');
+        return {
+            html: (textarea === null || textarea === void 0 ? void 0 : textarea.value) || ''
+        };
+    }
+    static get sanitize() {
+        return {
+            html: true
+        };
+    }
+    static get isReadOnlySupported() {
+        return true;
+    }
+}
+//# sourceMappingURL=RawToolWrapper.js.map

package/dist/components/common/form/editor/RawToolWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawToolWrapper.js","sourceRoot":"","sources":["../../../../../src/components/common/form/editor/RawToolWrapper.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,OAAO,cAAc;IAMzB,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAO;QAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QAEf,6CAA6C;QAC7C,IAAI,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,KAAK,CAAC,iBAAiB,CAAC,MAAW;QACjC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC;QAC3D,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO;YACL,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,wRAAwR;SAC/R,CAAC;IACJ,CAAC;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAEpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACpD,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;QAC/C,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC;QACzC,QAAQ,CAAC,KAAK,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,KAAI,EAAE,CAAC;QAEvC,iEAAiE;QACjE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAC7C,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,uBAAuB;QACvB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACtC,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9B,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,CAAC,YAAyB;QAC5B,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,OAAO;YACL,IAAI,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;SAC5B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,QAAQ;QACjB,OAAO;YACL,IAAI,EAAE,IAAI;SACX,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mBAAmB;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/components/common/form/editor/RowTemplates.js

@@ -4,26 +4,26 @@ import { getColumnClasses } from './GetColumnClasses.js';
 import { getRowClasses } from './GetRowClasses.js';
 function RowTemplates({ addRow }) {
     const templates = {
-        1: () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        1: () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("path", { d: "M0 10a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Z" }))),
-        '1:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '1:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("path", { d: "M0 10a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V10Z" }))),
-        '1:2': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '1:2': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("path", { d: "M0 10a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm17 0a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2V10Z" }))),
-        '2:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '2:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("path", { d: "M0 10a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm33 0a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35a2 2 0 0 1-2-2V10Z" }))),
-        '2:3': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '2:3': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("rect", { x: "0", y: "8", width: "18.4", height: "32", rx: "2", ry: "2" }),
             React.createElement("rect", { x: "21.6", y: "8", width: "24", height: "32", rx: "2", ry: "2" }))),
-        '3:2': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '3:2': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("rect", { x: "0", y: "8", width: "24", height: "32", rx: "2", ry: "2" }),
             React.createElement("rect", { x: "27.2", y: "8", width: "18.4", height: "32", rx: "2", ry: "2" }))),
-        '1:1:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '1:1:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("path", { d: "M0 10a2 2 0 0 1 2-2h10.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm16.5 0c0-1.105.864-2 1.969-2H29.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H18.47c-1.105 0-1.969-.895-1.969-2V10Zm17 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35.469c-1.105 0-1.969-.895-1.969-2V10Z" }))),
-        '1:2:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
+        '1:2:1': () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 48 48", "aria-hidden": "true", focusable: "false", fill: "#949494" },
             React.createElement("path", { d: "M0 10a2 2 0 0 1 2-2h7.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm13.5 0c0-1.105.864-2 1.969-2H32.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H15.47c-1.105 0-1.969-.895-1.969-2V10Zm23 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2h-7.531c-1.105 0-1.969-.895-1.969-2V10Z" })))
     };
-    return (React.createElement("div", { className: "row-templates flex justify-center gap-7 border border-divider px-3" }, Object.keys(templates).map((key) => (React.createElement("a", { key: key, href: "#", onClick: (e) => {
+    return (React.createElement("div", { className: "row-templates flex justify-center gap-7 px-3" }, Object.keys(templates).map((key) => (React.createElement("a", { key: key, href: "#", onClick: (e) => {
             e.preventDefault();
             const split = key.split(':').map((val) => parseInt(val, 10));
             const sum = split.reduce((acc, val) => acc + val, 0);

package/dist/components/common/form/editor/RowTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowTemplates.js","sourceRoot":"","sources":["../../../../../src/components/common/form/editor/RowTemplates.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RowTemplates.js","sourceRoot":"","sources":["../../../../../src/components/common/form/editor/RowTemplates.tsx"],"names":[],"mappings":"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"}

package/dist/components/common/modal/Alert.js

@@ -1,11 +1,12 @@
-import Button from '@components/common/Button';
+import { Button } from '@components/common/ui/Button.js';
 import { assign } from '@evershop/evershop/lib/util/assign';
 import { produce } from 'immer';
 import PropTypes from 'prop-types';
 import React, { useReducer } from 'react';
 import ReactDOM from 'react-dom';
 import './Alert.scss';
-import { Card } from '@components/admin/Card';
+import { Card } from '@components/common/ui/Card';
+import { CardContent, CardFooter, CardHeader, CardTitle } from '@components/common/ui/Card.js';
 const AlertContext = React.createContext();
 export const useAlertContext = () => React.useContext(AlertContext);
 function reducer(state, action) {
@@ -69,16 +70,15 @@ function Alert({ children }) {
                 } },
                 React.createElement("div", { key: state.key, className: "modal-wrapper flex self-center justify-center", "aria-modal": true, "aria-hidden": true, tabIndex: -1, role: "dialog" },
                     React.createElement("div", { className: "modal" },
-                        React.createElement("button", { type: "button", className: "modal-close-button text-icon", onClick: () => dispatch({ type: 'closing' }) },
-                            React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5rem", className: "w-6 h-6", viewBox: "0 0 20 20", fill: "currentColor" },
-                                React.createElement("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }))),
-                        React.createElement(Card, { title: alert.heading },
-                            React.createElement(Card.Session, null, alert.content),
+                        React.createElement(Card, null,
+                            alert.heading && (React.createElement(CardHeader, null,
+                                React.createElement(CardTitle, null, alert.heading))),
+                            React.createElement(CardContent, null, alert.content),
                             (alert.primaryAction !== undefined ||
-                                alert.secondaryAction !== undefined) && (React.createElement(Card.Session, null,
-                                React.createElement("div", { className: "flex justify-end space-x-2" },
-                                    alert.primaryAction && (React.createElement(Button, { ...alert.primaryAction })),
-                                    alert.secondaryAction && (React.createElement(Button, { ...alert.secondaryAction }))))))))), document.body)));
+                                alert.secondaryAction !== undefined) && (React.createElement(CardFooter, null,
+                                React.createElement("div", { className: "flex justify-end space-x-2 w-full" },
+                                    alert.primaryAction && (React.createElement(Button, { onClick: alert.primaryAction.onAction, variant: alert.primaryAction.variant }, alert.primaryAction.title)),
+                                    alert.secondaryAction && (React.createElement(Button, { onClick: alert.secondaryAction.onAction, variant: alert.secondaryAction.variant }, alert.secondaryAction.title))))))))), document.body)));
 }
 Alert.propTypes = {
     children: PropTypes.node.isRequired

package/dist/components/common/modal/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/common/modal/Alert.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/common/modal/Alert.jsx"],"names":[],"mappings":"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"}

package/dist/components/common/react/client/Client.js

@@ -1,3 +1,4 @@
+var _a, _b, _c, _d;
 import Area from '@components/common/Area.js';
 import { AppProvider } from '@components/common/context/app.js';
 import { Alert } from '@components/common/modal/Alert.js';
@@ -5,7 +6,9 @@ import Head from '@components/common/react/Head.js';
 import React from 'react';
 import { createClient, Provider } from 'urql';
 const client = createClient({
-    url: '/api/graphql'
+    url: ((_d = (_c = (_b = (_a = window.eContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.pageMeta) === null || _c === void 0 ? void 0 : _c.route) === null || _d === void 0 ? void 0 : _d.isAdmin)
+        ? '/api/admin/graphql'
+        : '/api/graphql'
 });
 export function App({ children }) {
     return (React.createElement(AppProvider, { value: window.eContext },

package/dist/components/common/react/client/Client.js.map

@@ -1 +1 @@
-{"version":3,"file":"Client.js","sourceRoot":"","sources":["../../../../../src/components/common/react/client/Client.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAQ9C,MAAM,MAAM,GAAG,YAAY,CAAC;IAC1B,GAAG,EAAE,cAAc;CACpB,CAAC,CAAC;AAMH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAY;IACxC,OAAO,CACL,oBAAC,WAAW,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ;QACjC,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;YACrB,oBAAC,KAAK;gBACJ,oBAAC,IAAI,OAAG;gBACR,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAChC,CACC;QACV,QAAQ,CACG,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Client.js","sourceRoot":"","sources":["../../../../../src/components/common/react/client/Client.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAQ9C,MAAM,MAAM,GAAG,YAAY,CAAC;IAC1B,GAAG,EAAE,CAAA,MAAA,MAAA,MAAA,MAAA,MAAM,CAAC,QAAQ,0CAAE,MAAM,0CAAE,QAAQ,0CAAE,KAAK,0CAAE,OAAO;QACpD,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,cAAc;CACnB,CAAC,CAAC;AAMH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAY;IACxC,OAAO,CACL,oBAAC,WAAW,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ;QACjC,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;YACrB,oBAAC,KAAK;gBACJ,oBAAC,IAAI,OAAG;gBACR,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAChC,CACC;QACV,QAAQ,CACG,CACf,CAAC;AACJ,CAAC"}

package/dist/components/common/react/client/Index.js

@@ -3,9 +3,7 @@ import { App } from '@components/common/react/client/Client';
 import { HotReload } from '@components/common/react/client/HotReload';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import hot from 'webpack-hot-middleware/client?path=/eHot&reload=true&overlay=true';
 /** render */
 ReactDOM.render(React.createElement(App, null,
-    React.createElement(Area, null),
-    React.createElement(HotReload, { hot: hot })), document.getElementById('app'));
+    React.createElement(Area, null)), document.getElementById('app'));
 //# sourceMappingURL=Index.js.map

package/dist/components/common/react/client/Index.js.map

@@ -1 +1 @@
-{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../../src/components/common/react/client/Index.jsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,GAAG,MAAM,mEAAmE,CAAC;AACpF,aAAa;AACb,QAAQ,CAAC,MAAM,CACb,oBAAC,GAAG;IACF,oBAAC,IAAI,OAAG;IACR,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,GAAI,CACnB,EACN,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAC/B,CAAC"}
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../../src/components/common/react/client/Index.jsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,aAAa;AACb,QAAQ,CAAC,MAAM,CACb,oBAAC,GAAG;IACF,oBAAC,IAAI,OAAG,CACJ,EACN,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAC/B,CAAC"}

package/dist/components/common/react/server/Server.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { Route } from '../../../../types/route.js';
 interface ServerHtmlProps {
+    route: Route;
     css: string[];
     js: string[];
     appContext: string;
 }
-declare function ServerHtml({ css, js, appContext }: ServerHtmlProps): React.JSX.Element;
+declare function ServerHtml({ route, css, js, appContext }: ServerHtmlProps): React.JSX.Element;
 export default ServerHtml;

package/dist/components/common/react/server/Server.js

@@ -1,15 +1,18 @@
 import Area from '@components/common/Area.js';
 import { Alert } from '@components/common/modal/Alert.js';
 import React from 'react';
-function ServerHtml({ css, js, appContext }) {
+function ServerHtml({ route, css, js, appContext }) {
+    const classes = route.isAdmin
+        ? `admin ${route.id}`
+        : `frontStore ${route.id}`;
     return (React.createElement(React.Fragment, null,
         React.createElement("head", null,
             React.createElement("meta", { charSet: "utf-8" }),
             React.createElement("script", { dangerouslySetInnerHTML: { __html: appContext } }),
             css.map((source, index) => (React.createElement("style", { key: index, dangerouslySetInnerHTML: { __html: source } }))),
             React.createElement(Area, { noOuter: true, id: "head" })),
-        React.createElement("body", { id: "body" },
-            React.createElement("div", { id: "app", className: "bg-background" },
+        React.createElement("body", { id: "body", className: classes },
+            React.createElement("div", { id: "app" },
                 React.createElement(Alert, null,
                     React.createElement(Area, { id: "body", className: "wrapper" }))),
             js.map((src, index) => (React.createElement("script", { src: src, key: index }))))));

package/dist/components/common/react/server/Server.js.map

@@ -1 +1 @@
-{"version":3,"file":"Server.js","sourceRoot":"","sources":["../../../../../src/components/common/react/server/Server.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAmB;IAC1D,OAAO,CACL;QACE;YACE,8BAAM,OAAO,EAAC,OAAO,GAAG;YACxB,gCAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI;YAC1D,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,+BAAO,GAAG,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACnE,CAAC;YACF,oBAAC,IAAI,IAAC,OAAO,QAAC,EAAE,EAAC,MAAM,GAAG,CACrB;QACP,8BAAM,EAAE,EAAC,MAAM;YACb,6BAAK,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,eAAe;gBACrC,oBAAC,KAAK;oBACJ,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAChC,CACJ;YACL,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACtB,gCAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,GAAI,CACjC,CAAC,CACG,CACN,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Server.js","sourceRoot":"","sources":["../../../../../src/components/common/react/server/Server.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAmB;IACjE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO;QAC3B,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE,EAAE;QACrB,CAAC,CAAC,cAAc,KAAK,CAAC,EAAE,EAAE,CAAC;IAC7B,OAAO,CACL;QACE;YACE,8BAAM,OAAO,EAAC,OAAO,GAAG;YACxB,gCAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI;YAC1D,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,+BAAO,GAAG,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACnE,CAAC;YACF,oBAAC,IAAI,IAAC,OAAO,QAAC,EAAE,EAAC,MAAM,GAAG,CACrB;QACP,8BAAM,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO;YAChC,6BAAK,EAAE,EAAC,KAAK;gBACX,oBAAC,KAAK;oBACJ,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAChC,CACJ;YACL,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACtB,gCAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,GAAI,CACjC,CAAC,CACG,CACN,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/components/common/react/server/render.d.ts

@@ -1,2 +1,2 @@
-declare function renderHtml(js: any, css: any, contextData: any, langeCode: any): string;
+declare function renderHtml(route: any, js: any, css: any, contextData: any, langeCode: any): string;
 export { renderHtml };