@wix/patterns 1.383.0 → 1.387.0

package/dist/types/types/SchemaConfig.d.ts

@@ -3,6 +3,8 @@ export type QueryOperator = 'CONTAINS' | 'ENDS_WITH' | 'EQ' | 'EXISTS' | 'GT' |
 interface BaseField {
     id: string;
     displayName: string;
+    isPii?: boolean;
+    helpText?: string;
     validation?: {
         numberRange?: NumberRange;
         stringLengthRange?: StringLengthRange;
@@ -28,6 +30,11 @@ export interface NonReferenceField extends BaseField {
     type: Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE'>;
 }
 export type Field = ReferenceField | MultiReferenceField | NonReferenceField;
+export type FieldSpec = Omit<Field, 'id'>;
+export interface CategoryCollectionInfo {
+    collectionId: string;
+    displayName: string;
+}
 export interface NumberRange {
     min?: number;
     max?: number;

package/dist/types/types/SchemaConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaConfig.d.ts","sourceRoot":"","sources":["../../../src/types/SchemaConfig.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SchemaConfig.d.ts","sourceRoot":"","sources":["../../../src/types/SchemaConfig.ts"],"names":[],"mappings":"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"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.383.0";
+export declare const version = "patterns@1.387.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.383.0",
+  "version": "1.387.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -214,10 +214,10 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.300.0",
-    "@wix/bex-utils": "2.94.0",
+    "@wix/bex-core": "2.303.0",
+    "@wix/bex-utils": "2.96.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.18.0",
+    "@wix/patterns-fields": "1.22.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "3.13.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -280,7 +280,7 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.70.0",
+    "@wix/cairo-integration-utils": "1.72.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -437,5 +437,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "aba924056cb288bbf94981a0273b511642c736f688d5aed8cde2b7a4"
+  "falconPackageHash": "b0b4fad0fcfd673f9640be4daa4ea1f0201e222fb2e97c9e7998f68d"
 }

package/src/components/CardContainer/CardContainer.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer3262268774";
+var _namespace_ = "CardContainer591728104";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CardContainer3262268774__root"};
+export var classes = {"root":"CardContainer591728104__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldForm.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Divider, FloatingNotification } from '@wix/design-system';
+import { InfoCircle } from '@wix/wix-ui-icons-common';
+import type { CmsFormState } from './CmsFormState';
+import { BasicsSection } from './Sections/BasicsSection';
+import { ValidationAndDefaultsSection } from './Sections/ValidationAndDefaultsSection';
+
+interface Props {
+  state: CmsFormState;
+}
+
+const _CmsFieldForm = ({ state }: Props) => {
+  return (
+    <Box direction="vertical" gap="SP2" width={530} maxHeight={600}>
+      {state.errorToastConfig && (
+        <Box
+          position="absolute"
+          top="24px"
+          left="49%"
+          transform="translateX(-50%)"
+        >
+          <FloatingNotification
+            dataHook="cms-field-modal-error-state"
+            type="destructive"
+            prefixIcon={<InfoCircle />}
+            text={state.errorToastConfig.message}
+            textButtonProps={
+              state.errorToastConfig.action && {
+                label: state.errorToastConfig.action.text,
+                onClick: () => state.errorToastConfig?.action?.onClick?.(),
+              }
+            }
+            onClose={() => state.setErrorToastConfig(undefined)}
+          />
+        </Box>
+      )}
+
+      {!state.errorToastConfig && state.showValidationError && (
+        <Box
+          position="absolute"
+          top="24px"
+          left="49%"
+          transform="translateX(-50%)"
+        >
+          <FloatingNotification
+            type="destructive"
+            prefixIcon={<InfoCircle />}
+            text={state.validationErrorMessage}
+            onClose={state.hideValidationError}
+          />
+        </Box>
+      )}
+
+      <BasicsSection state={state} />
+      <Divider />
+
+      {state.properties.type && <ValidationAndDefaultsSection state={state} />}
+    </Box>
+  );
+};
+
+export const CmsFieldForm = observer(_CmsFieldForm);

package/src/components/CmsFieldManagement/CmsFieldModal.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomActionModal } from '../ActionModal';
+import { CmsFieldForm } from './CmsFieldForm';
+import { CmsFieldModalState } from './CmsFieldModalState';
+
+export const CmsFieldModal = observer(
+  ({ state }: { state: CmsFieldModalState }) => {
+    const { formState } = state;
+
+    return (
+      <CustomActionModal
+        dataHook="cms-field-modal"
+        state={state.modal}
+        onAfterClose={() => state.reset()}
+        title={formState?.mode === 'edit' ? 'Edit field' : 'Add a field'}
+        content={formState ? <CmsFieldForm state={formState} /> : null}
+        primaryButtonText="Save"
+        secondaryButtonText="Cancel"
+      />
+    );
+  },
+);

package/src/components/CmsFieldManagement/CmsFieldModalState.ts

@@ -0,0 +1,100 @@
+import { action, makeObservable, observable } from 'mobx';
+import { ConditionalModalState, type ToastConfig } from '@wix/bex-core';
+import { Field, SchemaConfig } from '../../types/SchemaConfig';
+import { CmsFormState } from './CmsFormState';
+import { toFieldSpec } from './toFieldSpec';
+import { getFieldTypeValidationRulesList } from './fieldValidationRulesMap';
+
+export class CmsFieldModalState {
+  private readonly getSchema: () => SchemaConfig;
+  private readonly resolveError: (e: unknown) => ToastConfig;
+  readonly modal: ConditionalModalState<null>;
+  formState: CmsFormState | null = null;
+
+  constructor(
+    getSchema: () => SchemaConfig,
+    resolveError: (e: unknown) => ToastConfig,
+  ) {
+    this.getSchema = getSchema;
+    this.resolveError = resolveError;
+    this.modal = new ConditionalModalState({
+      onConfirm: () => this.submit(),
+    });
+
+    makeObservable(this, {
+      formState: observable.ref,
+      open: action,
+      reset: action,
+    });
+  }
+
+  open(fieldId?: string) {
+    const schemaConfig = this.getSchema();
+
+    this.formState = new CmsFormState({
+      schemaConfig,
+      getValidationRules: getFieldTypeValidationRulesList,
+    });
+
+    if (fieldId) {
+      const field = schemaConfig.fields[fieldId];
+      if (!field) {
+        console.warn(`[CmsFieldModalState] Missing field "${fieldId}"`);
+        return;
+      }
+
+      this.formState.setMode('edit');
+      this.formState.loadField(field);
+    }
+
+    this.modal.open(null);
+  }
+
+  reset() {
+    this.formState = null;
+  }
+
+  private async submit(): Promise<void> {
+    const { formState } = this;
+    if (!formState) {
+      return;
+    }
+    const schemaConfig = this.getSchema();
+
+    if (formState.hasInvalidFields || !formState.properties.type) {
+      formState.enableShowValidationError();
+      throw new Error('validation');
+    }
+
+    try {
+      const { type, ...rest } = formState.properties;
+      const fieldSpec = toFieldSpec({ ...rest, type }, formState.fieldRules);
+
+      if (formState.mode === 'edit') {
+        if (!formState.editingFieldId) {
+          throw new Error('Missing editing field id for CMS field update');
+        }
+        if (!schemaConfig.fieldActions?.editField) {
+          throw new Error(
+            'SchemaConfig.fieldActions.editField is not configured',
+          );
+        }
+        await schemaConfig.fieldActions.editField(
+          formState.editingFieldId,
+          fieldSpec,
+        );
+        schemaConfig.refresh?.();
+        return;
+      }
+
+      if (!schemaConfig.fieldActions?.addField) {
+        throw new Error('SchemaConfig.fieldActions.addField is not configured');
+      }
+      await schemaConfig.fieldActions.addField(fieldSpec as Field);
+      schemaConfig.refresh?.();
+    } catch (e) {
+      formState.setErrorToastConfig(this.resolveError(e));
+      throw e;
+    }
+  }
+}

package/src/components/CmsFieldManagement/CmsFormState.ts

@@ -0,0 +1,238 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+import type { ToastConfig } from '@wix/bex-core';
+import type { Field, SchemaConfig } from '../../types/SchemaConfig';
+import {
+  isPIISupportedByFieldType,
+  isSelectableFieldType,
+} from './fieldTypeUtils';
+import type {
+  FieldProperties,
+  FieldPropertiesState,
+  FieldRules,
+  SelectableFieldTypes,
+  ValidationRule,
+} from './types';
+
+export interface CmsFormStateParams {
+  schemaConfig: SchemaConfig;
+  getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];
+  mode?: 'new' | 'edit';
+  editingFieldId?: string;
+}
+
+function defaultProperties(): FieldPropertiesState {
+  return {
+    type: undefined,
+    name: '',
+    isPii: false,
+    helpText: '',
+  };
+}
+
+// TODO: confirm vs cms-web
+const NAME_MAX_LENGTH = 50;
+
+export class CmsFormState {
+  readonly schemaConfig: SchemaConfig;
+  readonly getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];
+
+  properties: FieldPropertiesState = defaultProperties();
+  fieldRules: FieldRules = { validationRules: {} };
+  mode: 'new' | 'edit';
+  editingFieldId: string | undefined;
+  touchedFields: Set<keyof FieldProperties> = new Set();
+  showValidationError: boolean = false;
+  errorToastConfig: ToastConfig | undefined = undefined;
+
+  constructor(params: CmsFormStateParams) {
+    this.schemaConfig = params.schemaConfig;
+    this.getValidationRules = params.getValidationRules;
+    this.mode = params.mode ?? 'new';
+    this.editingFieldId = params.editingFieldId;
+
+    makeObservable(this, {
+      properties: observable.ref,
+      fieldRules: observable.ref,
+      mode: observable.ref,
+      editingFieldId: observable.ref,
+      touchedFields: observable,
+      showValidationError: observable.ref,
+      errorToastConfig: observable.ref,
+
+      fieldTypeError: computed,
+      nameError: computed,
+      hasInvalidFields: computed,
+      visibleErrors: computed,
+      supportedValidationRules: computed,
+      validationErrorMessage: computed,
+
+      setProperty: action,
+      setValidationRule: action.bound,
+      blurField: action,
+      enableShowValidationError: action,
+      setMode: action,
+      setErrorToastConfig: action,
+      loadField: action,
+      reset: action,
+
+      hideValidationError: action.bound,
+      changeType: action.bound,
+      changeName: action.bound,
+      setIsPii: action.bound,
+      setHelpText: action.bound,
+    });
+  }
+
+  get fieldTypeError(): string | undefined {
+    if (!this.properties.type) {
+      return 'Field type is required';
+    }
+    return undefined;
+  }
+
+  get nameError(): string | undefined {
+    const name = this.properties.name.trim();
+    if (!name) {
+      return 'Field name is required';
+    }
+    if (name.length > NAME_MAX_LENGTH) {
+      return `Field name must be ${NAME_MAX_LENGTH} characters or fewer`;
+    }
+    return undefined;
+  }
+
+  get hasInvalidFields(): boolean {
+    return !!(this.fieldTypeError || this.nameError);
+  }
+
+  // Spec §3 specifies booleans; returning the error string directly is more useful for rendering
+  // (one property read instead of two). Deviation is intentional — update spec if accepted.
+  get visibleErrors(): {
+    type: string | undefined;
+    name: string | undefined;
+  } {
+    const { showValidationError, touchedFields } = this;
+    return {
+      type: showValidationError ? this.fieldTypeError : undefined,
+      name:
+        showValidationError || touchedFields.has('name')
+          ? this.nameError
+          : undefined,
+    };
+  }
+
+  get supportedValidationRules(): ValidationRule[] {
+    return this.properties.type
+      ? this.getValidationRules(this.properties.type)
+      : [];
+  }
+
+  get validationErrorMessage(): string {
+    return (
+      this.fieldTypeError ||
+      this.nameError ||
+      'Please fix the errors before saving'
+    );
+  }
+
+  setProperty<K extends keyof FieldPropertiesState>(
+    key: K,
+    value: FieldPropertiesState[K],
+  ) {
+    this.properties = { ...this.properties, [key]: value };
+  }
+
+  setValidationRule(rule: ValidationRule, value: unknown) {
+    this.fieldRules = {
+      ...this.fieldRules,
+      validationRules: { ...this.fieldRules.validationRules, [rule]: value },
+    };
+  }
+
+  blurField(field: keyof FieldProperties) {
+    this.touchedFields.add(field);
+  }
+
+  enableShowValidationError() {
+    this.showValidationError = true;
+  }
+
+  setMode(mode: 'new' | 'edit') {
+    this.mode = mode;
+  }
+
+  setErrorToastConfig(cfg: ToastConfig | undefined) {
+    this.errorToastConfig = cfg;
+  }
+
+  reset() {
+    this.properties = defaultProperties();
+    this.fieldRules = { validationRules: {} };
+    this.editingFieldId = undefined;
+    this.touchedFields.clear();
+    this.showValidationError = false;
+    this.errorToastConfig = undefined;
+  }
+
+  hideValidationError() {
+    this.showValidationError = false;
+  }
+
+  changeType(v: SelectableFieldTypes) {
+    this.setProperty('type', v);
+    this._onTypeChange(v);
+  }
+
+  changeName(v: string) {
+    this.setProperty('name', v);
+  }
+
+  setIsPii(v: boolean) {
+    this.setProperty('isPii', v);
+  }
+
+  setHelpText(v: string) {
+    this.setProperty('helpText', v);
+  }
+
+  loadField(field: Field) {
+    const mappedType: SelectableFieldTypes | undefined = isSelectableFieldType(
+      field.type,
+    )
+      ? field.type
+      : undefined;
+    this.properties = {
+      type: mappedType,
+      name: field.displayName,
+      isPii: field.isPii ?? false,
+      helpText: field.helpText ?? '',
+    };
+    this.fieldRules = {
+      validationRules: {
+        ...(field.validation?.required !== undefined && {
+          required: field.validation.required,
+        }),
+        ...(field.validation?.stringLengthRange !== undefined && {
+          charactersLimit: field.validation.stringLengthRange,
+        }),
+      },
+    };
+    this.editingFieldId = field.id;
+    this.errorToastConfig = undefined;
+  }
+
+  private _onTypeChange(newType: SelectableFieldTypes) {
+    const supported = new Set(this.getValidationRules(newType));
+    this.fieldRules = {
+      validationRules: Object.fromEntries(
+        Object.entries(this.fieldRules.validationRules).filter(([k]) =>
+          supported.has(k as ValidationRule),
+        ),
+      ),
+    };
+    if (!isPIISupportedByFieldType(newType)) {
+      this.properties = { ...this.properties, isPii: false };
+    }
+    this.touchedFields.clear();
+  }
+}

package/src/components/CmsFieldManagement/Sections/BasicsSection.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box } from '@wix/design-system';
+import type { CmsFormState } from '../CmsFormState';
+import { isPIISupportedByFieldType } from '../fieldTypeUtils';
+import { FieldTypeSelect } from '../formFields/FieldTypeSelect';
+import { FieldNameInput } from '../formFields/FieldNameInput';
+import { FieldPiiToggle } from '../formFields/FieldPiiToggle';
+
+interface Props {
+  state: CmsFormState;
+}
+
+const _BasicsSection = ({ state }: Props) => {
+  const { properties, visibleErrors, mode } = state;
+
+  return (
+    <Box direction="vertical" gap="SP4">
+      <FieldTypeSelect
+        label="Field Type"
+        value={properties.type}
+        onChange={state.changeType}
+        disabled={mode === 'edit'}
+        error={visibleErrors.type}
+      />
+
+      <FieldNameInput
+        label="Field Name"
+        value={properties.name}
+        onChange={state.changeName}
+        onBlur={() => state.blurField('name')}
+        error={visibleErrors.name}
+      />
+
+      {isPIISupportedByFieldType(properties.type) && (
+        <FieldPiiToggle
+          label="Personally Identifiable Information (PII)"
+          checked={properties.isPii}
+          onChange={state.setIsPii}
+        />
+      )}
+    </Box>
+  );
+};
+
+export const BasicsSection = observer(_BasicsSection);

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx

@@ -0,0 +1,67 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Divider, Input, Text } from '@wix/design-system';
+import { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';
+import type { CmsFormState } from '../CmsFormState';
+import { ValidationSubSection } from './ValidationSubSection';
+
+interface Props {
+  state: CmsFormState;
+}
+
+const _ValidationAndDefaultsSection = ({ state }: Props) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const hasValidation = state.supportedValidationRules.length > 0;
+
+  return (
+    <Box direction="vertical">
+      <div
+        role="button"
+        tabIndex={0}
+        style={{
+          cursor: 'pointer',
+          padding: '16px 0 16px 0',
+          display: 'flex',
+          alignItems: 'center',
+          gap: 8,
+        }}
+        onClick={() => setIsOpen((v) => !v)}
+        onKeyDown={(e) => {
+          if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            setIsOpen((v) => !v);
+          }
+        }}
+      >
+        {isOpen ? <ChevronDown size="18px" /> : <ChevronRight size="18px" />}
+        <Text weight="bold">Validation and defaults</Text>
+      </div>
+
+      {isOpen && (
+        <Box direction="vertical" gap="SP0">
+          {hasValidation && (
+            <Box direction="vertical" gap="SP4" paddingBottom="SP4">
+              <Text weight="bold">Validation</Text>
+              <ValidationSubSection state={state} />
+              <Divider />
+            </Box>
+          )}
+
+          <Box direction="vertical" gap="SP4" paddingBottom="SP4">
+            <Text weight="bold">Help text</Text>
+            <Input
+              ariaLabel="Help text"
+              value={state.properties.helpText}
+              onChange={(e) => state.setHelpText(e.target.value)}
+            />
+            <Divider />
+          </Box>
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+export const ValidationAndDefaultsSection = observer(
+  _ValidationAndDefaultsSection,
+);