@servicetitan/dte-pdf-editor 1.21.0 → 1.23.0

package/dist/utils/conditions/schema-data-points.utils.d.ts

@@ -0,0 +1,12 @@
+import { DataPointOption, type PdfField, type SchemaObject } from '../../interface/types';
+export declare function getSchemaDataPointOptions(schema: SchemaObject | undefined): DataPointOption[];
+/**
+ * Data point options from document fields: fillable only (no calculated fields).
+ * Uses field.path as fullKey so condition evaluation can read from the same data object.
+ */
+export declare function getDocumentFieldsDataPointOptions(fields: PdfField[] | undefined): DataPointOption[];
+/**
+ * Combined data point options: schema (data model) + fillable fields.
+ */
+export declare function getDataPointOptions(schema: SchemaObject | undefined, documentFields: PdfField[] | undefined): DataPointOption[];
+//# sourceMappingURL=schema-data-points.utils.d.ts.map

package/dist/utils/conditions/schema-data-points.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-data-points.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/conditions/schema-data-points.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EAEf,KAAK,QAAQ,EAEb,KAAK,YAAY,EACpB,MAAM,uBAAuB,CAAC;AA6C/B,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,GAAG,eAAe,EAAE,CAG7F;AAED;;;GAGG;AACH,wBAAgB,iCAAiC,CAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,GAC/B,eAAe,EAAE,CAiBnB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAC/B,MAAM,EAAE,YAAY,GAAG,SAAS,EAChC,cAAc,EAAE,QAAQ,EAAE,GAAG,SAAS,GACvC,eAAe,EAAE,CAKnB"}

package/dist/utils/conditions/schema-data-points.utils.js

@@ -0,0 +1,67 @@
+import { FieldTypeEnum, } from '../../interface/types';
+function isUseInConditionals(node) {
+    var _a, _b;
+    return (((_a = node === null || node === void 0 ? void 0 : node.options) === null || _a === void 0 ? void 0 : _a.useInConditionals) === true || ((_b = node === null || node === void 0 ? void 0 : node.options) === null || _b === void 0 ? void 0 : _b.useInCalculatedFields) === true);
+}
+function isValueNode(node) {
+    return (node === null || node === void 0 ? void 0 : node.type) === 'string' || (node === null || node === void 0 ? void 0 : node.type) === 'number';
+}
+function walkSchema(schema, prefix, parentTitles) {
+    var _a;
+    if (!(schema === null || schema === void 0 ? void 0 : schema.properties)) {
+        return [];
+    }
+    const result = [];
+    for (const [key, node] of Object.entries(schema.properties)) {
+        const fullKey = prefix ? `${prefix}.${key}` : key;
+        const title = (_a = node.title) !== null && _a !== void 0 ? _a : key;
+        const fullTitle = [...parentTitles, title].join(' - ');
+        if ((node === null || node === void 0 ? void 0 : node.type) === 'object') {
+            result.push(...walkSchema(node, fullKey, [...parentTitles, title]));
+        }
+        else if (isValueNode(node) && isUseInConditionals(node)) {
+            result.push({
+                fieldType: node.type === 'number' ? 'number' : 'string',
+                fullKey,
+                title: fullTitle || fullKey,
+            });
+        }
+    }
+    return result;
+}
+export function getSchemaDataPointOptions(schema) {
+    const options = walkSchema(schema, '', []);
+    return options.sort((a, b) => a.title.localeCompare(b.title));
+}
+/**
+ * Data point options from document fields: fillable only (no calculated fields).
+ * Uses field.path as fullKey so condition evaluation can read from the same data object.
+ */
+export function getDocumentFieldsDataPointOptions(fields) {
+    if (!(fields === null || fields === void 0 ? void 0 : fields.length)) {
+        return [];
+    }
+    const result = [];
+    for (const f of fields) {
+        if (!f.path || f.type !== FieldTypeEnum.fillable) {
+            continue;
+        }
+        const fieldType = f.subType === 'number' ? 'number' : 'string';
+        result.push({
+            fieldType,
+            fullKey: f.path,
+            title: f.label || f.path,
+        });
+    }
+    return result.sort((a, b) => a.title.localeCompare(b.title));
+}
+/**
+ * Combined data point options: schema (data model) + fillable fields.
+ */
+export function getDataPointOptions(schema, documentFields) {
+    const schemaOptions = getSchemaDataPointOptions(schema);
+    const documentOptions = getDocumentFieldsDataPointOptions(documentFields);
+    const combined = [...schemaOptions, ...documentOptions];
+    return combined.sort((a, b) => a.title.localeCompare(b.title));
+}
+//# sourceMappingURL=schema-data-points.utils.js.map

package/dist/utils/conditions/schema-data-points.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-data-points.utils.js","sourceRoot":"","sources":["../../../src/utils/conditions/schema-data-points.utils.ts"],"names":[],"mappings":"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"}

package/dist/utils/data-model/extract-fields.utils.d.ts

@@ -2,6 +2,7 @@ import { DataModelFieldGroup, SchemaObject } from '../../interface/types';
 export interface ExtractGroupedFieldsOptions {
     /** When true, only include fields with SchemaFieldBaseOptions.useInCalculatedFields === true */
     onlyUseInCalculatedFields?: boolean;
+    onlyUseInConditionals?: boolean;
 }
 export declare const extractGroupedFieldsFromDataModel: (dataModel: SchemaObject, options?: ExtractGroupedFieldsOptions) => DataModelFieldGroup[];
 //# sourceMappingURL=extract-fields.utils.d.ts.map

package/dist/utils/data-model/extract-fields.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract-fields.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/data-model/extract-fields.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EAInB,YAAY,EAGf,MAAM,uBAAuB,CAAC;AAc/B,MAAM,WAAW,2BAA2B;IACxC,gGAAgG;IAChG,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAQD,eAAO,MAAM,iCAAiC,GAC1C,WAAW,YAAY,EACvB,UAAU,2BAA2B,KACtC,mBAAmB,EAyDrB,CAAC"}
+{"version":3,"file":"extract-fields.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/data-model/extract-fields.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EAInB,YAAY,EAGf,MAAM,uBAAuB,CAAC;AAc/B,MAAM,WAAW,2BAA2B;IACxC,gGAAgG;IAChG,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAQD,eAAO,MAAM,iCAAiC,GAC1C,WAAW,YAAY,EACvB,UAAU,2BAA2B,KACtC,mBAAmB,EAyDrB,CAAC"}

package/dist/utils/data-model/extract-fields.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"extract-fields.utils.js","sourceRoot":"","sources":["../../../src/utils/data-model/extract-fields.utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"extract-fields.utils.js","sourceRoot":"","sources":["../../../src/utils/data-model/extract-fields.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,GAMhB,MAAM,uBAAuB,CAAC;AAE/B,SAAS,oBAAoB,CAAC,IAAgB;IAC1C,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;AAClC,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAgB;IACxC,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;AAChC,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAgB;;IAC3C,OAAO,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,qBAAqB,MAAK,IAAI,CAAC;AACxD,CAAC;AAQD;;;GAGG;AACH,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC7C,SAAuB,EACvB,OAAqC,EAChB,EAAE;IACvB,MAAM,yBAAyB,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,yBAAyB,MAAK,IAAI,CAAC;IAC9E,MAAM,MAAM,GAA0B,EAAE,CAAC;IACzC,MAAM,cAAc,GAAsB,EAAE,CAAC;IAE7C,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAA,EAAE,CAAC;QACzB,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;QAC5C,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAE3C,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACpD,MAAM,MAAM,GAAsB,EAAE,CAAC;YACrC,sBAAsB,CAClB,QAAQ,CAAC,UAAU,EACnB,GAAG,EACH,MAAM,EACN,GAAG,EACH,yBAAyB,CAC5B,CAAC;YAEF,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpB,MAAM,CAAC,IAAI,CAAC;oBACR,SAAS,EAAE,MAAA,QAAQ,CAAC,KAAK,mCAAI,GAAG;oBAChC,MAAM;iBACT,CAAC,CAAC;YACP,CAAC;QACL,CAAC;aAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;YACrD,yDAAyD;QAC7D,CAAC;aAAM,CAAC;YACJ,+EAA+E;YAC/E,MAAM,OAAO,GAAI,QAA8B,CAAC,IAAI,CAAC;YACrD,MAAM,MAAM,GACR,QAAQ,CAAC,IAAI,KAAK,QAAQ;gBAC1B,oBAAoB,CAAC,QAAQ,CAAC;gBAC9B,kBAAkB,CAAC,QAAQ,CAAC;gBAC5B,OAAO,KAAK,SAAS,CAAC;YAC1B,MAAM,YAAY,GAAG,CAAC,yBAAyB,IAAI,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YACnF,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;gBACzB,cAAc,CAAC,IAAI,CAAC;oBAChB,KAAK,EAAE,MAAA,QAAQ,CAAC,KAAK,mCAAI,GAAG;oBAC5B,IAAI,EAAE,aAAa,CAAC,SAAS;oBAC7B,IAAI,EAAE,GAAG;iBACZ,CAAC,CAAC;YACP,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,CAAC,OAAO,CAAC;YACX,SAAS,EAAE,kBAAkB;YAC7B,MAAM,EAAE,cAAc;SACzB,CAAC,CAAC;IACP,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,8DAA8D;AAC9D,MAAM,sBAAsB,GAAG,CAC3B,UAAsC,EACtC,QAAgB,EAChB,MAAyB,EACzB,SAAiB,EACjB,yBAAkC,EAC9B,EAAE;IACN,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;;QACvC,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAE,CAAC;QAE9C,MAAM,OAAO,GAAI,aAAmC,CAAC,IAAI,CAAC;QAC1D,MAAM,MAAM,GACR,aAAa,CAAC,IAAI,KAAK,QAAQ;YAC/B,oBAAoB,CAAC,aAAa,CAAC;YACnC,kBAAkB,CAAC,aAAa,CAAC;YACjC,OAAO,KAAK,SAAS,CAAC;QAC1B,MAAM,YAAY,GAAG,CAAC,yBAAyB,IAAI,qBAAqB,CAAC,aAAa,CAAC,CAAC;QACxF,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;YACzB,iCAAiC;YACjC,MAAM,KAAK,GAAG,MAAA,aAAa,CAAC,KAAK,mCAAI,QAAQ,CAAC;YAC9C,MAAM,CAAC,IAAI,CAAC;gBACR,KAAK;gBACL,IAAI,EAAE,aAAa,CAAC,SAAS;gBAC7B,IAAI,EAAE,WAAW;aACpB,CAAC,CAAC;QACP,CAAC;aAAM,IAAI,aAAa,CAAC,IAAI,KAAK,QAAQ,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC;YACrE,sBAAsB,CAClB,aAAa,CAAC,UAAU,EACxB,WAAW,EACX,MAAM,EACN,SAAS,EACT,yBAAyB,CAC5B,CAAC;QACN,CAAC;aAAM,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;YAC/D,yDAAyD;QAC7D,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/utils/formula/render-formula.utils.d.ts

@@ -1,8 +1,2 @@
-import { FormulaToken } from '../../interface/types';
-/**
- * Renders formula tokens to HTML for the read-only preview (e.g. formula box).
- * Uses the same token classes as the modal (dte-formula-token, dte-formula-token-field, etc.).
- */
-export declare function renderFormulaPreviewHtml(tokens: FormulaToken[]): string;
 export declare function renderFormulaHtml(expression: string, labelMap: Map<string, string>): string;
 //# sourceMappingURL=render-formula.utils.d.ts.map

package/dist/utils/formula/render-formula.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-formula.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/formula/render-formula.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,CAYvE;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAiB3F"}
+{"version":3,"file":"render-formula.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/formula/render-formula.utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAiB3F"}

package/dist/utils/formula/render-formula.utils.js

@@ -1,22 +1,5 @@
 import { escapeHtml } from './dom.utils';
 import { tokenizeExpression } from './expression.utils';
-/**
- * Renders formula tokens to HTML for the read-only preview (e.g. formula box).
- * Uses the same token classes as the modal (dte-formula-token, dte-formula-token-field, etc.).
- */
-export function renderFormulaPreviewHtml(tokens) {
-    if (!(tokens === null || tokens === void 0 ? void 0 : tokens.length)) {
-        return '';
-    }
-    return tokens
-        .map(token => {
-        const type = token.type;
-        const text = type === 'field' ? token.label : token.value;
-        const escaped = escapeHtml(text).replace(/ /g, ' ');
-        return `<span class="dte-formula-token dte-formula-token-${type}">${escaped}</span>`;
-    })
-        .join('');
-}
 export function renderFormulaHtml(expression, labelMap) {
     if (!expression.trim()) {
         return '';

package/dist/utils/formula/render-formula.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-formula.utils.js","sourceRoot":"","sources":["../../../src/utils/formula/render-formula.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAsB;IAC3D,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC;IACd,CAAC;IACD,OAAO,MAAM;SACR,GAAG,CAAC,KAAK,CAAC,EAAE;QACT,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAE,KAA2B,CAAC,KAAK,CAAC;QACjF,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACzD,OAAO,oDAAoD,IAAI,KAAK,OAAO,SAAS,CAAC;IACzF,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAkB,EAAE,QAA6B;IAC/E,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,KAAK;SACP,GAAG,CAAC,IAAI,CAAC,EAAE;;QACR,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAC;YAC5D,MAAM,YAAY,GAAG,UAAU,CAAC;YAChC,UAAU,IAAI,CAAC,CAAC;YAChB,OAAO,sEAAsE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,YAAY,2DAA2D,UAAU,CAAC,YAAY,CAAC,qIAAqI,CAAC;QACnW,CAAC;QACD,OAAO,SAAS,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC5E,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,CAAC"}
+{"version":3,"file":"render-formula.utils.js","sourceRoot":"","sources":["../../../src/utils/formula/render-formula.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,UAAU,iBAAiB,CAAC,UAAkB,EAAE,QAA6B;IAC/E,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,KAAK;SACP,GAAG,CAAC,IAAI,CAAC,EAAE;;QACR,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAC;YAC5D,MAAM,YAAY,GAAG,UAAU,CAAC;YAChC,UAAU,IAAI,CAAC,CAAC;YAChB,OAAO,sEAAsE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,YAAY,2DAA2D,UAAU,CAAC,YAAY,CAAC,qIAAqI,CAAC;QACnW,CAAC;QACD,OAAO,SAAS,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC5E,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,CAAC"}

package/dist/utils/index.d.ts

@@ -4,4 +4,6 @@ export * from './data-model';
 export * from './formula';
 export * from './path';
 export * from './recipients';
+export * from './conditions';
+export * from './shared';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/utils/index.js

@@ -4,4 +4,6 @@ export * from './data-model';
 export * from './formula';
 export * from './path';
 export * from './recipients';
+export * from './conditions';
+export * from './shared';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/utils/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './number.utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/utils/shared/index.js

@@ -0,0 +1,2 @@
+export * from './number.utils';
+//# sourceMappingURL=index.js.map

package/dist/utils/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/utils/shared/number.utils.d.ts

@@ -0,0 +1,2 @@
+export declare function isValidNumber(value: string | number): boolean;
+//# sourceMappingURL=number.utils.d.ts.map

package/dist/utils/shared/number.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/shared/number.utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAY7D"}

package/dist/utils/shared/number.utils.js

@@ -0,0 +1,12 @@
+export function isValidNumber(value) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value);
+    }
+    const trimmed = value.trim();
+    if (trimmed === '') {
+        return false;
+    }
+    const parsed = Number(trimmed);
+    return Number.isFinite(parsed);
+}
+//# sourceMappingURL=number.utils.js.map

package/dist/utils/shared/number.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.utils.js","sourceRoot":"","sources":["../../../src/utils/shared/number.utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,KAAsB;IAChD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/dte-pdf-editor",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "description": "",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",

package/src/components/display-conditions/condition-group.tsx

@@ -0,0 +1,141 @@
+import { Button, Flex, SegmentedControl, Text } from '@servicetitan/anvil2';
+import PlusIcon from '@servicetitan/anvil2/assets/icons/material/round/add.svg';
+import TrashIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';
+import { useCallback } from 'react';
+import { defaultCondition } from '../../constants';
+import type {
+    DataPointOption,
+    DisplayConditionGroup,
+    DisplayConditionSingle,
+} from '../../interface/types';
+import { ConditionRow } from './condition-row';
+
+export interface ConditionGroupProps {
+    canDelete: boolean;
+    dataPointOptions: DataPointOption[];
+    group: DisplayConditionGroup;
+    onDelete: () => void;
+    onUpdate: (g: DisplayConditionGroup) => void;
+    ruleIndex: number;
+}
+
+export function ConditionGroup({
+    canDelete,
+    dataPointOptions,
+    group,
+    onDelete,
+    onUpdate,
+    ruleIndex,
+}: Readonly<ConditionGroupProps>) {
+    const addCondition = useCallback(() => {
+        const newCondition: DisplayConditionSingle = {
+            ...defaultCondition(),
+            logicalOperator: 'and',
+        };
+        onUpdate({
+            ...group,
+            conditions: [...group.conditions, newCondition],
+        });
+    }, [group, onUpdate]);
+
+    const updateCondition = useCallback(
+        (index: number, c: DisplayConditionSingle) => {
+            const next = [...group.conditions];
+            next[index] = c;
+            onUpdate({ ...group, conditions: next });
+        },
+        [group, onUpdate],
+    );
+
+    const removeCondition = useCallback(
+        (index: number) => {
+            let next = group.conditions.filter((_, i) => i !== index);
+            if (index === 0 && next.length > 0) {
+                const { logicalOperator: omit, ...rest } = next[0];
+                next = [rest as DisplayConditionSingle, ...next.slice(1)];
+            }
+            onUpdate({
+                ...group,
+                conditions: next.length ? next : [defaultCondition()],
+            });
+        },
+        [group, onUpdate],
+    );
+
+    const handleLogicalOperatorChange = useCallback(
+        (conditionIndex: number, value: string) => {
+            const next = [...group.conditions];
+            next[conditionIndex] = {
+                ...next[conditionIndex],
+                logicalOperator: value as 'and' | 'or',
+            };
+            onUpdate({ ...group, conditions: next });
+        },
+        [group, onUpdate],
+    );
+
+    return (
+        <Flex direction="column" gap="2" flex={1}>
+            <Flex direction="row" alignItems="center" justifyContent="space-between" flex={1}>
+                <Text size="medium" variant="body" style={{ fontWeight: 'bold' }}>
+                    Rule {ruleIndex + 1}
+                </Text>
+                {canDelete && (
+                    <Button
+                        appearance="ghost"
+                        aria-label="Delete rule"
+                        icon={{ before: TrashIcon }}
+                        size="large"
+                        onClick={onDelete}
+                    />
+                )}
+            </Flex>
+            <Flex
+                direction="column"
+                gap="3"
+                flex={1}
+                style={{
+                    border: '1px solid #e0e0e0',
+                    borderRadius: 8,
+                    padding: 12,
+                }}
+            >
+                {group.conditions.map((c, i) => (
+                    <Flex key={c.id} direction="column" gap="3" style={{ padding: '8px 0' }}>
+                        {i > 0 && (
+                            <Flex justifyContent="center" alignItems="center" gap="2">
+                                <SegmentedControl
+                                    selected={c.logicalOperator ?? 'and'}
+                                    onChange={(v: string) => handleLogicalOperatorChange(i, v)}
+                                >
+                                    <SegmentedControl.Segment value="and">
+                                        And
+                                    </SegmentedControl.Segment>
+                                    <SegmentedControl.Segment value="or">
+                                        Or
+                                    </SegmentedControl.Segment>
+                                </SegmentedControl>
+                            </Flex>
+                        )}
+                        <ConditionRow
+                            canRemove
+                            condition={c}
+                            dataPointOptions={dataPointOptions}
+                            onRemove={() => removeCondition(i)}
+                            onChange={next => updateCondition(i, next)}
+                        />
+                    </Flex>
+                ))}
+                <Flex justifyContent="center" flex={1} style={{ paddingTop: 8 }}>
+                    <Button
+                        appearance="secondary"
+                        icon={{ before: PlusIcon }}
+                        onClick={addCondition}
+                    >
+                        Add Condition
+                    </Button>
+                </Flex>
+            </Flex>
+        </Flex>
+    );
+}

package/src/components/display-conditions/condition-groups-section.tsx

@@ -0,0 +1,63 @@
+import { Button, Flex, SegmentedControl } from '@servicetitan/anvil2';
+import PlusIcon from '@servicetitan/anvil2/assets/icons/material/round/add.svg';
+import type { DataPointOption, DisplayConditionGroup } from '../../interface/types';
+import { ConditionGroup } from './condition-group';
+
+export interface ConditionGroupsSectionProps {
+    dataPointOptions: DataPointOption[];
+    groups: DisplayConditionGroup[];
+    onAddGroup: () => void;
+    onRemoveGroup: (index: number) => void;
+    onUpdateGroup: (index: number, group: DisplayConditionGroup) => void;
+}
+
+export function ConditionGroupsSection({
+    dataPointOptions,
+    groups,
+    onAddGroup,
+    onRemoveGroup,
+    onUpdateGroup,
+}: Readonly<ConditionGroupsSectionProps>) {
+    return (
+        <Flex direction="column" gap="4">
+            {groups.map((group, index) => (
+                <Flex key={group.id} direction="column" gap="3">
+                    {index > 0 && (
+                        <Flex
+                            justifyContent="center"
+                            alignItems="center"
+                            gap="2"
+                            style={{ padding: '12px' }}
+                        >
+                            <SegmentedControl
+                                selected={group.logicalOperator ?? 'and'}
+                                onChange={(value: string) =>
+                                    onUpdateGroup(index, {
+                                        ...group,
+                                        logicalOperator: value as 'and' | 'or',
+                                    })
+                                }
+                            >
+                                <SegmentedControl.Segment value="and">And</SegmentedControl.Segment>
+                                <SegmentedControl.Segment value="or">Or</SegmentedControl.Segment>
+                            </SegmentedControl>
+                        </Flex>
+                    )}
+                    <ConditionGroup
+                        canDelete={groups.length > 1}
+                        dataPointOptions={dataPointOptions}
+                        group={group}
+                        onDelete={() => onRemoveGroup(index)}
+                        onUpdate={g => onUpdateGroup(index, g)}
+                        ruleIndex={index}
+                    />
+                </Flex>
+            ))}
+            <Flex justifyContent="center" flex={1} style={{ paddingTop: 8 }}>
+                <Button appearance="secondary" icon={{ before: PlusIcon }} onClick={onAddGroup}>
+                    Add Rule
+                </Button>
+            </Flex>
+        </Flex>
+    );
+}

package/src/components/display-conditions/condition-row.tsx

@@ -0,0 +1,182 @@
+import { Button, Chip, Combobox, Flex, TextField } from '@servicetitan/anvil2';
+import TrashIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';
+import { useMemo } from 'react';
+import {
+    ConditionOperator,
+    DataPointOption,
+    DisplayConditionSingle,
+    NUMBER_OPERATORS,
+    STRING_OPERATORS,
+    VALUE_LESS_OPERATORS,
+} from '../../interface/types';
+
+export interface ConditionRowProps {
+    canRemove: boolean;
+    condition: DisplayConditionSingle;
+    dataPointOptions: DataPointOption[];
+    onChange: (c: DisplayConditionSingle) => void;
+    onRemove: () => void;
+}
+
+interface OperatorOption {
+    label: string;
+    value: string;
+}
+
+function sanitizeNumericInput(raw: string): string {
+    let value = raw.replaceAll(/[^0-9.-]/g, '');
+    const isNegative = value.startsWith('-');
+    value = value.replaceAll('-', '');
+    if (isNegative) {
+        value = `-${value}`;
+    }
+    const firstDot = value.indexOf('.');
+    if (firstDot >= 0) {
+        value = `${value.slice(0, firstDot + 1)}${value.slice(firstDot + 1).replaceAll('.', '')}`;
+    }
+    return value;
+}
+
+export function ConditionRow({
+    canRemove,
+    condition,
+    dataPointOptions,
+    onChange,
+    onRemove,
+}: Readonly<ConditionRowProps>) {
+    const selectedDataPoint = useMemo(
+        () => dataPointOptions.find(opt => opt.fullKey === condition.dataPointKey) ?? null,
+        [dataPointOptions, condition.dataPointKey],
+    );
+
+    const fieldType = selectedDataPoint?.fieldType ?? 'string';
+
+    const operatorItems: OperatorOption[] = useMemo(
+        () =>
+            fieldType === 'number'
+                ? ([...NUMBER_OPERATORS] as OperatorOption[])
+                : ([...STRING_OPERATORS] as OperatorOption[]),
+        [fieldType],
+    );
+
+    const selectedOperator = useMemo(
+        () => operatorItems.find(op => op.value === condition.operator) ?? null,
+        [operatorItems, condition.operator],
+    );
+
+    const isValueLess = VALUE_LESS_OPERATORS.includes(condition.operator as ConditionOperator);
+
+    const handleValueChange = (raw: string) => {
+        const value = fieldType === 'number' ? sanitizeNumericInput(raw) : raw;
+        onChange({ ...condition, value });
+    };
+
+    const handleDataPointChange = (item: DataPointOption | null) => {
+        const nextFieldType = item?.fieldType ?? 'string';
+        const nextIsNumber = nextFieldType === 'number';
+        const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;
+        const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);
+        onChange({
+            ...condition,
+            dataPointKey: item?.fullKey ?? '',
+            operator: operatorReset
+                ? nextIsNumber
+                    ? 'num_eq'
+                    : 'is_equal_to'
+                : condition.operator,
+        });
+    };
+
+    return (
+        <Flex direction="row" alignItems="flex-end" gap="2" flex={1}>
+            <Flex
+                alignItems="flex-end"
+                style={{
+                    padding: '8px 12px',
+                }}
+            >
+                <Chip label="IF" size="medium" />
+            </Flex>
+            <Flex flex={1}>
+                <Combobox
+                    flex={1}
+                    itemToKey={(item: DataPointOption | null) => item?.fullKey ?? ''}
+                    itemToString={(item: DataPointOption | null) => item?.title ?? ''}
+                    items={dataPointOptions}
+                    selectedItem={selectedDataPoint}
+                    onChange={handleDataPointChange}
+                >
+                    <Combobox.SelectTrigger label="Data point" placeholder="Select data point..." />
+                    <Combobox.Content>
+                        {({ items }: { items: DataPointOption[] }) => (
+                            <Combobox.List>
+                                {items.map((item, i) => (
+                                    <Combobox.Item index={i} item={item} key={item.fullKey}>
+                                        {item.title}
+                                    </Combobox.Item>
+                                ))}
+                            </Combobox.List>
+                        )}
+                    </Combobox.Content>
+                </Combobox>
+            </Flex>
+            <Flex flex={1}>
+                <Combobox
+                    flex={1}
+                    itemToKey={(item: OperatorOption | null) => item?.value ?? ''}
+                    itemToString={(item: OperatorOption | null) => item?.label ?? ''}
+                    items={operatorItems}
+                    selectedItem={selectedOperator}
+                    onChange={(item: OperatorOption | null) =>
+                        onChange({
+                            ...condition,
+                            operator: (item?.value ??
+                                'is_equal_to') as DisplayConditionSingle['operator'],
+                        })
+                    }
+                >
+                    <Combobox.SelectTrigger label="Condition" placeholder="Select..." />
+                    <Combobox.Content>
+                        {({ items }: { items: OperatorOption[] }) => (
+                            <Combobox.List>
+                                {items.map((item, i) => (
+                                    <Combobox.Item index={i} item={item} key={item.value}>
+                                        {item.label}
+                                    </Combobox.Item>
+                                ))}
+                            </Combobox.List>
+                        )}
+                    </Combobox.Content>
+                </Combobox>
+            </Flex>
+            {!isValueLess && (
+                <Flex flex={1}>
+                    <TextField
+                        label="Value"
+                        flex={1}
+                        value={condition.value}
+                        onChange={e => handleValueChange(e.target.value)}
+                        placeholder={fieldType === 'number' ? 'e.g. 1.5' : 'Enter value...'}
+                        aria-label="Value"
+                        {...(fieldType === 'number' && { inputMode: 'decimal' })}
+                    />
+                </Flex>
+            )}
+            {canRemove && (
+                <Flex
+                    alignItems="flex-end"
+                    style={{
+                        padding: '6px 12px',
+                    }}
+                >
+                    <Button
+                        appearance="secondary"
+                        aria-label="Remove condition"
+                        icon={{ before: TrashIcon }}
+                        onClick={onRemove}
+                    />
+                </Flex>
+            )}
+        </Flex>
+    );
+}