@servicetitan/dte-unlayer 0.94.0 → 0.95.0

package/dist/display-conditions/DisplayConditionModal.js

@@ -0,0 +1,282 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Combobox, Dialog, Flex, Text } from '@servicetitan/anvil2';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { ConditionGroupsSection } from './ConditionGroupsSection';
+import { defaultGroup, defaultState, MODAL_CONTENT_MAX_HEIGHT } from './constants';
+import { onDisplayCondition } from './displayConditionController';
+import { buildUnlayerDisplayCondition, parseUnlayerDisplayCondition } from './nunjucks';
+import { getSchemaDataPointOptions } from './schemaDataPoints';
+const BEHAVIOR_OPTIONS = [
+    {
+        label: 'Show',
+        value: 'show'
+    },
+    {
+        label: 'Hide',
+        value: 'hide'
+    }
+];
+const NUMERIC_VALUE_RE = /^-?(?:\d+\.?\d*|\.\d+)$/;
+export const DisplayConditionModal = (props)=>{
+    const [request, setRequest] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const [state, setState] = useState(defaultState);
+    const dataPointOptions = useMemo(()=>getSchemaDataPointOptions(props.schema), [
+        props.schema
+    ]);
+    const portalTarget = useMemo(()=>{
+        if (typeof document === 'undefined') {
+            return null;
+        }
+        return document.body;
+    }, []);
+    useEffect(()=>{
+        return onDisplayCondition((nextRequest)=>{
+            setRequest(nextRequest);
+            const existing = nextRequest.data;
+            const parsed = parseUnlayerDisplayCondition(existing);
+            setState(parsed !== null && parsed !== void 0 ? parsed : defaultState());
+            setIsOpen(true);
+        });
+    }, []);
+    const handleClose = useCallback(()=>{
+        if (request) {
+            var _request_data;
+            request.done((_request_data = request.data) !== null && _request_data !== void 0 ? _request_data : null);
+            setRequest(null);
+        }
+        setIsOpen(false);
+    }, [
+        request
+    ]);
+    const handleSave = useCallback(()=>{
+        if (!request) {
+            return;
+        }
+        const condition = buildUnlayerDisplayCondition(state);
+        if (condition) {
+            request.done(condition);
+        } else {
+            request.done(null);
+        }
+        setRequest(null);
+        setIsOpen(false);
+    }, [
+        request,
+        state
+    ]);
+    const updateGroup = useCallback((index, group)=>{
+        setState((prev)=>{
+            const next = [
+                ...prev.groups
+            ];
+            next[index] = group;
+            return {
+                ...prev,
+                groups: next
+            };
+        });
+    }, []);
+    const removeGroup = useCallback((index)=>{
+        setState((prev)=>({
+                ...prev,
+                groups: (()=>{
+                    const nextGroups = prev.groups.filter((_, i)=>i !== index);
+                    if (nextGroups.length === 0) {
+                        return [
+                            defaultGroup()
+                        ];
+                    }
+                    if (index === 0) {
+                        const { logicalOperator: unusedOp, ...firstGroup } = nextGroups[0];
+                        return [
+                            firstGroup,
+                            ...nextGroups.slice(1)
+                        ];
+                    }
+                    return nextGroups;
+                })()
+            }));
+    }, []);
+    const addGroup = useCallback(()=>{
+        setState((prev)=>({
+                ...prev,
+                groups: [
+                    ...prev.groups,
+                    {
+                        ...defaultGroup(),
+                        logicalOperator: 'and'
+                    }
+                ]
+            }));
+    }, []);
+    const selectedBehavior = useMemo(()=>{
+        var _BEHAVIOR_OPTIONS_find;
+        return (_BEHAVIOR_OPTIONS_find = BEHAVIOR_OPTIONS.find((opt)=>opt.value === state.behavior)) !== null && _BEHAVIOR_OPTIONS_find !== void 0 ? _BEHAVIOR_OPTIONS_find : BEHAVIOR_OPTIONS[0];
+    }, [
+        state.behavior
+    ]);
+    const handleBehaviorChange = useCallback((item)=>{
+        if (item) {
+            setState((prev)=>({
+                    ...prev,
+                    behavior: item.value
+                }));
+        }
+    }, []);
+    const canSave = useMemo(()=>{
+        for (const group of state.groups){
+            for (const condition of group.conditions){
+                var _dataPointOptions_find;
+                if (!condition.dataPointKey) {
+                    return false;
+                }
+                if (condition.operator === 'is_empty' || condition.operator === 'is_not_empty') {
+                    continue;
+                }
+                const trimmedValue = condition.value.trim();
+                if (!trimmedValue) {
+                    return false;
+                }
+                var _dataPointOptions_find_fieldType;
+                const fieldType = (_dataPointOptions_find_fieldType = (_dataPointOptions_find = dataPointOptions.find((opt)=>opt.fullKey === condition.dataPointKey)) === null || _dataPointOptions_find === void 0 ? void 0 : _dataPointOptions_find.fieldType) !== null && _dataPointOptions_find_fieldType !== void 0 ? _dataPointOptions_find_fieldType : 'string';
+                if (fieldType === 'number' && !NUMERIC_VALUE_RE.test(trimmedValue)) {
+                    return false;
+                }
+            }
+        }
+        return state.groups.length > 0;
+    }, [
+        dataPointOptions,
+        state.groups
+    ]);
+    if (!portalTarget || !isOpen) {
+        return null;
+    }
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsxs(Dialog, {
+        open: isOpen,
+        onClose: handleClose,
+        size: "xlarge",
+        children: [
+            /*#__PURE__*/ _jsx(Dialog.Header, {
+                children: "Rules and Conditions"
+            }),
+            /*#__PURE__*/ _jsx(Dialog.Content, {
+                children: /*#__PURE__*/ _jsxs(Flex, {
+                    direction: "column",
+                    gap: "6",
+                    style: {
+                        maxHeight: MODAL_CONTENT_MAX_HEIGHT,
+                        overflowY: 'auto',
+                        width: '100%'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs(Flex, {
+                            direction: "column",
+                            gap: "3",
+                            style: {
+                                borderBottom: '1px solid #e0e0e0',
+                                paddingBottom: 16
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Text, {
+                                    size: "medium",
+                                    variant: "body",
+                                    style: {
+                                        fontWeight: 'bold'
+                                    },
+                                    children: "When conditions are met:"
+                                }),
+                                /*#__PURE__*/ _jsxs(Flex, {
+                                    direction: "row",
+                                    alignItems: "center",
+                                    gap: "3",
+                                    style: {
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "small",
+                                            subdued: true,
+                                            variant: "body",
+                                            children: "Select to show or hide selected component."
+                                        }),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            style: {
+                                                width: 160
+                                            },
+                                            children: /*#__PURE__*/ _jsxs(Combobox, {
+                                                ...{
+                                                    disableClearSelection: true
+                                                },
+                                                itemToKey: (item)=>{
+                                                    var _item_value;
+                                                    return (_item_value = item === null || item === void 0 ? void 0 : item.value) !== null && _item_value !== void 0 ? _item_value : '';
+                                                },
+                                                itemToString: (item)=>{
+                                                    var _item_label;
+                                                    return (_item_label = item === null || item === void 0 ? void 0 : item.label) !== null && _item_label !== void 0 ? _item_label : '';
+                                                },
+                                                items: [
+                                                    ...BEHAVIOR_OPTIONS
+                                                ],
+                                                selectedItem: selectedBehavior,
+                                                onChange: handleBehaviorChange,
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Combobox.SelectTrigger, {
+                                                        label: "Behavior",
+                                                        placeholder: "Select..."
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(Combobox.Content, {
+                                                        children: ({ items })=>/*#__PURE__*/ _jsx(Combobox.List, {
+                                                                children: items.map((item, i)=>/*#__PURE__*/ _jsx(Combobox.Item, {
+                                                                        index: i,
+                                                                        item: item,
+                                                                        children: item.label
+                                                                    }, item.value))
+                                                            })
+                                                    })
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(ConditionGroupsSection, {
+                            dataPointOptions: dataPointOptions,
+                            groups: state.groups,
+                            onAddGroup: addGroup,
+                            onRemoveGroup: removeGroup,
+                            onUpdateGroup: updateGroup
+                        }),
+                        !canSave && /*#__PURE__*/ _jsx(Text, {
+                            size: "small",
+                            subdued: true,
+                            variant: "body",
+                            children: "Complete each condition before saving. Data point and value are required, and numeric fields must contain a valid number."
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Dialog.Footer, {
+                sticky: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Dialog.CancelButton, {
+                        onClick: handleClose,
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        appearance: "primary",
+                        disabled: !canSave,
+                        onClick: handleSave,
+                        children: "Save Changes"
+                    })
+                ]
+            })
+        ]
+    }), portalTarget);
+};
+
+//# sourceMappingURL=DisplayConditionModal.js.map

package/dist/display-conditions/DisplayConditionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/display-conditions/DisplayConditionModal.tsx"],"sourcesContent":["import { Button, Combobox, Dialog, Flex, Text } from '@servicetitan/anvil2';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ConditionGroupsSection } from './ConditionGroupsSection';\nimport { defaultGroup, defaultState, MODAL_CONTENT_MAX_HEIGHT } from './constants';\nimport { DisplayConditionRequest, onDisplayCondition } from './displayConditionController';\nimport { buildUnlayerDisplayCondition, parseUnlayerDisplayCondition } from './nunjucks';\nimport { getSchemaDataPointOptions } from './schemaDataPoints';\nimport { ConditionGroup as ConditionGroupType, DisplayBehavior } from './types';\n\nconst BEHAVIOR_OPTIONS = [\n    { label: 'Show', value: 'show' },\n    { label: 'Hide', value: 'hide' },\n] as const;\nconst NUMERIC_VALUE_RE = /^-?(?:\\d+\\.?\\d*|\\.\\d+)$/;\n\ntype BehaviorOption = (typeof BEHAVIOR_OPTIONS)[number];\n\nexport interface DisplayConditionModalProps {\n    schema?: import('../shared/schema').SchemaObject;\n}\n\nexport const DisplayConditionModal = (props: DisplayConditionModalProps) => {\n    const [request, setRequest] = useState<DisplayConditionRequest | null>(null);\n    const [isOpen, setIsOpen] = useState(false);\n    const [state, setState] = useState(defaultState);\n\n    const dataPointOptions = useMemo(() => getSchemaDataPointOptions(props.schema), [props.schema]);\n\n    const portalTarget = useMemo(() => {\n        if (typeof document === 'undefined') {\n            return null;\n        }\n        return document.body;\n    }, []);\n\n    useEffect(() => {\n        return onDisplayCondition(nextRequest => {\n            setRequest(nextRequest);\n            const existing = nextRequest.data;\n            const parsed = parseUnlayerDisplayCondition(existing);\n            setState(parsed ?? defaultState());\n            setIsOpen(true);\n        });\n    }, []);\n\n    const handleClose = useCallback(() => {\n        if (request) {\n            request.done(request.data ?? null);\n            setRequest(null);\n        }\n        setIsOpen(false);\n    }, [request]);\n\n    const handleSave = useCallback(() => {\n        if (!request) {\n            return;\n        }\n        const condition = buildUnlayerDisplayCondition(state);\n        if (condition) {\n            request.done(condition);\n        } else {\n            request.done(null);\n        }\n        setRequest(null);\n        setIsOpen(false);\n    }, [request, state]);\n\n    const updateGroup = useCallback((index: number, group: ConditionGroupType) => {\n        setState(prev => {\n            const next = [...prev.groups];\n            next[index] = group;\n            return { ...prev, groups: next };\n        });\n    }, []);\n\n    const removeGroup = useCallback((index: number) => {\n        setState(prev => ({\n            ...prev,\n            groups: (() => {\n                const nextGroups = prev.groups.filter((_, i) => i !== index);\n                if (nextGroups.length === 0) {\n                    return [defaultGroup()];\n                }\n                if (index === 0) {\n                    const { logicalOperator: unusedOp, ...firstGroup } = nextGroups[0];\n                    return [firstGroup, ...nextGroups.slice(1)];\n                }\n                return nextGroups;\n            })(),\n        }));\n    }, []);\n\n    const addGroup = useCallback(() => {\n        setState(prev => ({\n            ...prev,\n            groups: [...prev.groups, { ...defaultGroup(), logicalOperator: 'and' }],\n        }));\n    }, []);\n\n    const selectedBehavior = useMemo(\n        () => BEHAVIOR_OPTIONS.find(opt => opt.value === state.behavior) ?? BEHAVIOR_OPTIONS[0],\n        [state.behavior],\n    );\n\n    const handleBehaviorChange = useCallback((item: BehaviorOption | null) => {\n        if (item) {\n            setState(prev => ({ ...prev, behavior: item.value as DisplayBehavior }));\n        }\n    }, []);\n\n    const canSave = useMemo(() => {\n        for (const group of state.groups) {\n            for (const condition of group.conditions) {\n                if (!condition.dataPointKey) {\n                    return false;\n                }\n                if (condition.operator === 'is_empty' || condition.operator === 'is_not_empty') {\n                    continue;\n                }\n                const trimmedValue = condition.value.trim();\n                if (!trimmedValue) {\n                    return false;\n                }\n                const fieldType =\n                    dataPointOptions.find(opt => opt.fullKey === condition.dataPointKey)\n                        ?.fieldType ?? 'string';\n                if (fieldType === 'number' && !NUMERIC_VALUE_RE.test(trimmedValue)) {\n                    return false;\n                }\n            }\n        }\n        return state.groups.length > 0;\n    }, [dataPointOptions, state.groups]);\n\n    if (!portalTarget || !isOpen) {\n        return null;\n    }\n\n    return createPortal(\n        <Dialog open={isOpen} onClose={handleClose} size=\"xlarge\">\n            <Dialog.Header>Rules and Conditions</Dialog.Header>\n            <Dialog.Content>\n                <Flex\n                    direction=\"column\"\n                    gap=\"6\"\n                    style={{\n                        maxHeight: MODAL_CONTENT_MAX_HEIGHT,\n                        overflowY: 'auto',\n                        width: '100%',\n                    }}\n                >\n                    <Flex\n                        direction=\"column\"\n                        gap=\"3\"\n                        style={{\n                            borderBottom: '1px solid #e0e0e0',\n                            paddingBottom: 16,\n                        }}\n                    >\n                        <Text size=\"medium\" variant=\"body\" style={{ fontWeight: 'bold' }}>\n                            When conditions are met:\n                        </Text>\n                        <Flex\n                            direction=\"row\"\n                            alignItems=\"center\"\n                            gap=\"3\"\n                            style={{ flexWrap: 'wrap' }}\n                        >\n                            <Text size=\"small\" subdued variant=\"body\">\n                                Select to show or hide selected component.\n                            </Text>\n                            <div style={{ width: 160 }}>\n                                <Combobox\n                                    {...({ disableClearSelection: true } as object)}\n                                    itemToKey={(item: BehaviorOption | null) => item?.value ?? ''}\n                                    itemToString={(item: BehaviorOption | null) =>\n                                        item?.label ?? ''\n                                    }\n                                    items={[...BEHAVIOR_OPTIONS]}\n                                    selectedItem={selectedBehavior}\n                                    onChange={handleBehaviorChange}\n                                >\n                                    <Combobox.SelectTrigger\n                                        label=\"Behavior\"\n                                        placeholder=\"Select...\"\n                                    />\n                                    <Combobox.Content>\n                                        {({ items }: { items: BehaviorOption[] }) => (\n                                            <Combobox.List>\n                                                {items.map((item, i) => (\n                                                    <Combobox.Item\n                                                        index={i}\n                                                        item={item}\n                                                        key={item.value}\n                                                    >\n                                                        {item.label}\n                                                    </Combobox.Item>\n                                                ))}\n                                            </Combobox.List>\n                                        )}\n                                    </Combobox.Content>\n                                </Combobox>\n                            </div>\n                        </Flex>\n                    </Flex>\n                    <ConditionGroupsSection\n                        dataPointOptions={dataPointOptions}\n                        groups={state.groups}\n                        onAddGroup={addGroup}\n                        onRemoveGroup={removeGroup}\n                        onUpdateGroup={updateGroup}\n                    />\n                    {!canSave && (\n                        <Text size=\"small\" subdued variant=\"body\">\n                            Complete each condition before saving. Data point and value are\n                            required, and numeric fields must contain a valid number.\n                        </Text>\n                    )}\n                </Flex>\n            </Dialog.Content>\n            <Dialog.Footer sticky>\n                <Dialog.CancelButton onClick={handleClose}>Cancel</Dialog.CancelButton>\n                <Button appearance=\"primary\" disabled={!canSave} onClick={handleSave}>\n                    Save Changes\n                </Button>\n            </Dialog.Footer>\n        </Dialog>,\n        portalTarget,\n    );\n};\n"],"names":["Button","Combobox","Dialog","Flex","Text","useCallback","useEffect","useMemo","useState","createPortal","ConditionGroupsSection","defaultGroup","defaultState","MODAL_CONTENT_MAX_HEIGHT","onDisplayCondition","buildUnlayerDisplayCondition","parseUnlayerDisplayCondition","getSchemaDataPointOptions","BEHAVIOR_OPTIONS","label","value","NUMERIC_VALUE_RE","DisplayConditionModal","props","request","setRequest","isOpen","setIsOpen","state","setState","dataPointOptions","schema","portalTarget","document","body","nextRequest","existing","data","parsed","handleClose","done","handleSave","condition","updateGroup","index","group","prev","next","groups","removeGroup","nextGroups","filter","_","i","length","logicalOperator","unusedOp","firstGroup","slice","addGroup","selectedBehavior","find","opt","behavior","handleBehaviorChange","item","canSave","conditions","dataPointKey","operator","trimmedValue","trim","fieldType","fullKey","test","open","onClose","size","Header","Content","direction","gap","style","maxHeight","overflowY","width","borderBottom","paddingBottom","variant","fontWeight","alignItems","flexWrap","subdued","div","disableClearSelection","itemToKey","itemToString","items","selectedItem","onChange","SelectTrigger","placeholder","List","map","Item","onAddGroup","onRemoveGroup","onUpdateGroup","Footer","sticky","CancelButton","onClick","appearance","disabled"],"mappings":"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"}

package/dist/display-conditions/SeparatorWithChip.d.ts

@@ -0,0 +1,6 @@
+export interface SeparatorWithChipProps {
+    label: string;
+    color?: string;
+}
+export declare function SeparatorWithChip({ color, label }: Readonly<SeparatorWithChipProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SeparatorWithChip.d.ts.map

package/dist/display-conditions/SeparatorWithChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorWithChip.d.ts","sourceRoot":"","sources":["../../src/display-conditions/SeparatorWithChip.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAiB,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAM/F"}

package/dist/display-conditions/SeparatorWithChip.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Chip, Divider } from '@servicetitan/anvil2';
+export function SeparatorWithChip({ color = '#94a3b8', label }) {
+    return /*#__PURE__*/ _jsx(Divider, {
+        alignContent: "center",
+        spacing: "2",
+        children: /*#__PURE__*/ _jsx(Chip, {
+            label: label,
+            size: "small",
+            color: color
+        })
+    });
+}
+
+//# sourceMappingURL=SeparatorWithChip.js.map

package/dist/display-conditions/SeparatorWithChip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/display-conditions/SeparatorWithChip.tsx"],"sourcesContent":["import { Chip, Divider } from '@servicetitan/anvil2';\n\nexport interface SeparatorWithChipProps {\n    label: string;\n    color?: string;\n}\n\nexport function SeparatorWithChip({ color = '#94a3b8', label }: Readonly<SeparatorWithChipProps>) {\n    return (\n        <Divider alignContent=\"center\" spacing=\"2\">\n            <Chip label={label} size=\"small\" color={color} />\n        </Divider>\n    );\n}\n"],"names":["Chip","Divider","SeparatorWithChip","color","label","alignContent","spacing","size"],"mappings":";AAAA,SAASA,IAAI,EAAEC,OAAO,QAAQ,uBAAuB;AAOrD,OAAO,SAASC,kBAAkB,EAAEC,QAAQ,SAAS,EAAEC,KAAK,EAAoC;IAC5F,qBACI,KAACH;QAAQI,cAAa;QAASC,SAAQ;kBACnC,cAAA,KAACN;YAAKI,OAAOA;YAAOG,MAAK;YAAQJ,OAAOA;;;AAGpD"}

package/dist/display-conditions/constants.d.ts

@@ -0,0 +1,7 @@
+import { ConditionGroup, DisplayConditionState, SingleCondition } from './types';
+export declare const generateId: () => string;
+export declare const defaultCondition: () => SingleCondition;
+export declare const defaultGroup: () => ConditionGroup;
+export declare const defaultState: () => DisplayConditionState;
+export declare const MODAL_CONTENT_MAX_HEIGHT = "70vh";
+//# sourceMappingURL=constants.d.ts.map

package/dist/display-conditions/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/display-conditions/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjF,eAAO,MAAM,UAAU,cAAgD,CAAC;AAExE,eAAO,MAAM,gBAAgB,QAAO,eAKlC,CAAC;AAEH,eAAO,MAAM,YAAY,QAAO,cAG9B,CAAC;AAEH,eAAO,MAAM,YAAY,QAAO,qBAG9B,CAAC;AAEH,eAAO,MAAM,wBAAwB,SAAS,CAAC"}

package/dist/display-conditions/constants.js

@@ -0,0 +1,22 @@
+export const generateId = ()=>Math.random().toString(36).slice(2, 11);
+export const defaultCondition = ()=>({
+        dataPointKey: '',
+        id: generateId(),
+        operator: 'is_equal_to',
+        value: ''
+    });
+export const defaultGroup = ()=>({
+        conditions: [
+            defaultCondition()
+        ],
+        id: generateId()
+    });
+export const defaultState = ()=>({
+        behavior: 'show',
+        groups: [
+            defaultGroup()
+        ]
+    });
+export const MODAL_CONTENT_MAX_HEIGHT = '70vh';
+
+//# sourceMappingURL=constants.js.map

package/dist/display-conditions/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/display-conditions/constants.ts"],"sourcesContent":["import { ConditionGroup, DisplayConditionState, SingleCondition } from './types';\n\nexport const generateId = () => Math.random().toString(36).slice(2, 11);\n\nexport const defaultCondition = (): SingleCondition => ({\n    dataPointKey: '',\n    id: generateId(),\n    operator: 'is_equal_to',\n    value: '',\n});\n\nexport const defaultGroup = (): ConditionGroup => ({\n    conditions: [defaultCondition()],\n    id: generateId(),\n});\n\nexport const defaultState = (): DisplayConditionState => ({\n    behavior: 'show',\n    groups: [defaultGroup()],\n});\n\nexport const MODAL_CONTENT_MAX_HEIGHT = '70vh';\n"],"names":["generateId","Math","random","toString","slice","defaultCondition","dataPointKey","id","operator","value","defaultGroup","conditions","defaultState","behavior","groups","MODAL_CONTENT_MAX_HEIGHT"],"mappings":"AAEA,OAAO,MAAMA,aAAa,IAAMC,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC,GAAG,IAAI;AAExE,OAAO,MAAMC,mBAAmB,IAAwB,CAAA;QACpDC,cAAc;QACdC,IAAIP;QACJQ,UAAU;QACVC,OAAO;IACX,CAAA,EAAG;AAEH,OAAO,MAAMC,eAAe,IAAuB,CAAA;QAC/CC,YAAY;YAACN;SAAmB;QAChCE,IAAIP;IACR,CAAA,EAAG;AAEH,OAAO,MAAMY,eAAe,IAA8B,CAAA;QACtDC,UAAU;QACVC,QAAQ;YAACJ;SAAe;IAC5B,CAAA,EAAG;AAEH,OAAO,MAAMK,2BAA2B,OAAO"}

package/dist/display-conditions/displayConditionController.d.ts

@@ -0,0 +1,9 @@
+export interface DisplayConditionRequest {
+    data: any;
+    done: (condition: any) => void;
+}
+type Listener = (request: DisplayConditionRequest) => void;
+export declare const onDisplayCondition: (listener: Listener) => () => void;
+export declare const emitDisplayCondition: (request: DisplayConditionRequest) => void;
+export {};
+//# sourceMappingURL=displayConditionController.d.ts.map

package/dist/display-conditions/displayConditionController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayConditionController.d.ts","sourceRoot":"","sources":["../../src/display-conditions/displayConditionController.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAED,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;AAM3D,eAAO,MAAM,kBAAkB,GAAI,UAAU,QAAQ,eAmBpD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,uBAAuB,SASpE,CAAC"}

package/dist/display-conditions/displayConditionController.js

@@ -0,0 +1,29 @@
+const DISPLAY_CONDITION_EVENT = 'dte:display-condition';
+const displayConditionEvents = new EventTarget();
+let activeListeners = 0;
+export const onDisplayCondition = (listener)=>{
+    const handler = (event)=>{
+        const detail = event.detail;
+        if (!detail) {
+            return;
+        }
+        listener(detail);
+    };
+    activeListeners += 1;
+    displayConditionEvents.addEventListener(DISPLAY_CONDITION_EVENT, handler);
+    return ()=>{
+        activeListeners = Math.max(0, activeListeners - 1);
+        displayConditionEvents.removeEventListener(DISPLAY_CONDITION_EVENT, handler);
+    };
+};
+export const emitDisplayCondition = (request)=>{
+    if (activeListeners === 0) {
+        request.done(request.data);
+        return;
+    }
+    displayConditionEvents.dispatchEvent(new CustomEvent(DISPLAY_CONDITION_EVENT, {
+        detail: request
+    }));
+};
+
+//# sourceMappingURL=displayConditionController.js.map

package/dist/display-conditions/displayConditionController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/display-conditions/displayConditionController.ts"],"sourcesContent":["export interface DisplayConditionRequest {\n    data: any;\n    done: (condition: any) => void;\n}\n\ntype Listener = (request: DisplayConditionRequest) => void;\n\nconst DISPLAY_CONDITION_EVENT = 'dte:display-condition';\nconst displayConditionEvents = new EventTarget();\nlet activeListeners = 0;\n\nexport const onDisplayCondition = (listener: Listener) => {\n    const handler = (event: Event) => {\n        const detail = (event as CustomEvent<DisplayConditionRequest>).detail;\n        if (!detail) {\n            return;\n        }\n        listener(detail);\n    };\n\n    activeListeners += 1;\n    displayConditionEvents.addEventListener(DISPLAY_CONDITION_EVENT, handler as EventListener);\n\n    return () => {\n        activeListeners = Math.max(0, activeListeners - 1);\n        displayConditionEvents.removeEventListener(\n            DISPLAY_CONDITION_EVENT,\n            handler as EventListener,\n        );\n    };\n};\n\nexport const emitDisplayCondition = (request: DisplayConditionRequest) => {\n    if (activeListeners === 0) {\n        request.done(request.data);\n        return;\n    }\n\n    displayConditionEvents.dispatchEvent(\n        new CustomEvent<DisplayConditionRequest>(DISPLAY_CONDITION_EVENT, { detail: request }),\n    );\n};\n"],"names":["DISPLAY_CONDITION_EVENT","displayConditionEvents","EventTarget","activeListeners","onDisplayCondition","listener","handler","event","detail","addEventListener","Math","max","removeEventListener","emitDisplayCondition","request","done","data","dispatchEvent","CustomEvent"],"mappings":"AAOA,MAAMA,0BAA0B;AAChC,MAAMC,yBAAyB,IAAIC;AACnC,IAAIC,kBAAkB;AAEtB,OAAO,MAAMC,qBAAqB,CAACC;IAC/B,MAAMC,UAAU,CAACC;QACb,MAAMC,SAAS,AAACD,MAA+CC,MAAM;QACrE,IAAI,CAACA,QAAQ;YACT;QACJ;QACAH,SAASG;IACb;IAEAL,mBAAmB;IACnBF,uBAAuBQ,gBAAgB,CAACT,yBAAyBM;IAEjE,OAAO;QACHH,kBAAkBO,KAAKC,GAAG,CAAC,GAAGR,kBAAkB;QAChDF,uBAAuBW,mBAAmB,CACtCZ,yBACAM;IAER;AACJ,EAAE;AAEF,OAAO,MAAMO,uBAAuB,CAACC;IACjC,IAAIX,oBAAoB,GAAG;QACvBW,QAAQC,IAAI,CAACD,QAAQE,IAAI;QACzB;IACJ;IAEAf,uBAAuBgB,aAAa,CAChC,IAAIC,YAAqClB,yBAAyB;QAAEQ,QAAQM;IAAQ;AAE5F,EAAE"}

package/dist/display-conditions/nunjucks.d.ts

@@ -0,0 +1,8 @@
+import { DisplayConditionState, UnlayerDisplayCondition } from './types';
+export declare function buildUnlayerDisplayCondition(state: DisplayConditionState): UnlayerDisplayCondition | null;
+/**
+ * Parse a saved Unlayer display condition back into modal state for prefilling.
+ * Returns null if the condition is missing or cannot be parsed.
+ */
+export declare function parseUnlayerDisplayCondition(condition: UnlayerDisplayCondition | null | undefined): DisplayConditionState | null;
+//# sourceMappingURL=nunjucks.d.ts.map

package/dist/display-conditions/nunjucks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nunjucks.d.ts","sourceRoot":"","sources":["../../src/display-conditions/nunjucks.ts"],"names":[],"mappings":"AACA,OAAO,EAIH,qBAAqB,EAGrB,uBAAuB,EAE1B,MAAM,SAAS,CAAC;AAoKjB,wBAAgB,4BAA4B,CACxC,KAAK,EAAE,qBAAqB,GAC7B,uBAAuB,GAAG,IAAI,CAUhC;AA0QD;;;GAGG;AACH,wBAAgB,4BAA4B,CACxC,SAAS,EAAE,uBAAuB,GAAG,IAAI,GAAG,SAAS,GACtD,qBAAqB,GAAG,IAAI,CA4C9B"}