@servicetitan/dte-unlayer 0.122.0 → 0.123.0

package/src/editor.tsx

@@ -127,7 +127,13 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
         <div style={{ minHeight, display: 'flex' }}>
             {!isReady && <p className="c-red-500">error loading editor</p>}
             <div id={props.id ?? 'editor'} style={style} ref={containerRef} />
-            {props.opts.displayConditions && <DisplayConditionModal schema={props.opts.schema} />}
+            {props.opts.displayConditions && (
+                <DisplayConditionModal
+                    schema={props.opts.schema}
+                    onConditionalsOpen={props.opts.onConditionalsOpen}
+                    onConditionFormSelect={props.opts.onConditionFormSelect}
+                />
+            )}
         </div>
     );
 });

package/src/shared/forms.ts

@@ -8,3 +8,88 @@ export interface FormFieldInfo {
     header: string;
     itemType: string;
 }
+
+export const enum FormItemType {
+    Text = 'Text',
+    Number = 'Number',
+    Picture = 'Picture',
+    Checkboxes = 'Checkboxes',
+    RadioButtons = 'RadioButtons',
+    Date = 'Date',
+    Signature = 'Signature',
+    Dropdown = 'Dropdown',
+    Stoplight = 'Stoplight',
+    SmartField = 'SmartField',
+}
+
+export type FormCalculatedFieldType = 'number' | 'date';
+export type FormConditionalFieldType = 'number' | 'string';
+
+const FORM_FIELD_KEY_RE = /^__submission_fields\.(\d+)\.([A-Za-z0-9]+)$/;
+const FORM_FIELD_RUNTIME_PATH_RE = /^__submission_fields\["(\d+)"\]\["([A-Za-z0-9]+)"\]$/;
+const LEGACY_FORM_KEY_RE = /^form_(\d+)_([A-Za-z0-9]+)$/;
+const LEGACY_FORM_KEY_PREFIX_RE = /^__form_(\d+)_([a-f0-9]+)$/;
+
+export const buildFormFieldKey = (formId: number, fieldId: string): string =>
+    `__submission_fields.${formId}.${fieldId.replaceAll('-', '')}`;
+
+export const parseFormFieldKey = (key: string): { formId: number; fieldId: string } | null => {
+    const match = FORM_FIELD_KEY_RE.exec(key) ?? FORM_FIELD_RUNTIME_PATH_RE.exec(key);
+    if (match) {
+        return { formId: Number(match[1]), fieldId: match[2] };
+    }
+
+    // Backward compatibility for already saved values.
+    const oldMatch = LEGACY_FORM_KEY_RE.exec(key);
+    if (oldMatch) {
+        return { formId: Number(oldMatch[1]), fieldId: oldMatch[2] };
+    }
+
+    const legacyMatch = LEGACY_FORM_KEY_PREFIX_RE.exec(key);
+    if (legacyMatch) {
+        return { formId: Number(legacyMatch[1]), fieldId: legacyMatch[2] };
+    }
+
+    return null;
+};
+
+export const isFormFieldKey = (key: string): boolean => parseFormFieldKey(key) !== null;
+
+/**
+ * Submission keys may start with numeric properties, so dot notation is unsafe.
+ */
+export const toNunjucksFieldReference = (fieldKey: string): string => {
+    const parsed = parseFormFieldKey(fieldKey);
+    if (!parsed) {
+        return fieldKey;
+    }
+
+    return `__submission_fields["${parsed.formId}"]["${parsed.fieldId}"]`;
+};
+
+export const getCalculatedFieldTypeFromFormItemType = (
+    itemType: string,
+): FormCalculatedFieldType | null => {
+    if (itemType === 'Number') {
+        return 'number';
+    }
+    if (itemType === 'Date') {
+        return 'date';
+    }
+    return null;
+};
+
+export const getConditionalFieldTypeFromFormItemType = (
+    itemType: string,
+): FormConditionalFieldType | null => {
+    if (!itemType) {
+        return null;
+    }
+    if (itemType === 'Number') {
+        return 'number';
+    }
+    if (itemType === 'Picture' || itemType === 'Signature') {
+        return null;
+    }
+    return 'string';
+};

package/src/unlayer-interface.tsx

@@ -93,4 +93,13 @@ export interface CreateUnlayerEditorProps {
     onFormSelect?: (formId: number) => void;
     onCalcFieldOpen?: (usedFormIds: number[]) => void;
     onCalcFieldSelect?: (fieldKeys: string[]) => void;
+    onConditionalsOpen?: (
+        usedFormIds: number[],
+        sendFormList: (forms: FormInfo[]) => void,
+        sendFormFields: (formId: number, fields: FormFieldInfo[]) => void,
+    ) => void;
+    onConditionFormSelect?: (
+        formId: number,
+        sendFormFields: (formId: number, fields: FormFieldInfo[]) => void,
+    ) => void;
 }