@servicetitan/form 31.1.0 → 31.3.0

package/dist/number-input/number-input.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState, useEffect, useRef, } from 'react';
+import { useCallback, useState, useEffect, useRef } from 'react';
 import { useOptionalDependencies } from '@servicetitan/react-ioc';
 import { Input } from '@servicetitan/design-system';
 import { CULTURE_TOKEN } from '@servicetitan/culture';
@@ -10,45 +10,49 @@ import debounce from 'debounce';
 const ARROW_UP_KEY = 38;
 const ARROW_DOWN_KEY = 40;
 const DEBOUNCE_WAIT = 300;
-export const NumberInput = ({ value, onChange, onFocus, onBlur, emptyValue, decimalPlaces, useEmptyThousandsSeparator, min, max, useKeyboardNavigation, formatNumber = formatNumberDefault, ...props }) => {
-    const [{ NumberFormat: { NumberGroupSeparator: thousandsSeparator = ',', NumberDecimalSeparator: decimalSeparator = '.', } = {}, } = {},] = useOptionalDependencies(CULTURE_TOKEN);
-    const getFormattedValue = useCallback(() => getFormattedString(value, {
-        emptyValue,
-        precision: decimalPlaces,
-        separators: {
-            thousand: useEmptyThousandsSeparator ? '' : thousandsSeparator,
-            decimal: decimalSeparator,
-        },
-    }, formatNumber), [
+export const NumberInput = ({ value, onChange, onFocus, onBlur, emptyValue, decimalPlaces, useEmptyThousandsSeparator, min, max, useKeyboardNavigation, formatNumber = formatNumberDefault, ...props })=>{
+    const [{ NumberFormat: { NumberGroupSeparator: thousandsSeparator = ',', NumberDecimalSeparator: decimalSeparator = '.' } = {} } = {}] = useOptionalDependencies(CULTURE_TOKEN);
+    const getFormattedValue = useCallback(()=>getFormattedString(value, {
+            emptyValue,
+            precision: decimalPlaces,
+            separators: {
+                thousand: useEmptyThousandsSeparator ? '' : thousandsSeparator,
+                decimal: decimalSeparator
+            }
+        }, formatNumber), [
         decimalPlaces,
         decimalSeparator,
         emptyValue,
         thousandsSeparator,
         useEmptyThousandsSeparator,
         value,
-        formatNumber,
+        formatNumber
     ]);
     const [isFocused, setIsFocused] = useState(false);
     const [state, setState] = useState({
         numberValue: value,
-        stringValue: getFormattedValue(),
+        stringValue: getFormattedValue()
     });
-    useEffect(() => {
+    useEffect(()=>{
         if (isFocused) {
             return;
         }
         setState({
             numberValue: value,
-            stringValue: getFormattedValue(),
+            stringValue: getFormattedValue()
         });
-    }, [value, getFormattedValue, isFocused]);
-    const handleChange = (_0, { value }) => {
+    }, [
+        value,
+        getFormattedValue,
+        isFocused
+    ]);
+    const handleChange = (_0, { value })=>{
         updateValue(value);
     };
-    const handleKeyDown = (event) => {
-        var _a;
+    const handleKeyDown = (event)=>{
         if (event.keyCode === ARROW_UP_KEY || event.keyCode === ARROW_DOWN_KEY) {
-            const newValue = ((_a = state.numberValue) !== null && _a !== void 0 ? _a : 0) + (event.keyCode === ARROW_UP_KEY ? 1 : -1);
+            var _state_numberValue;
+            const newValue = ((_state_numberValue = state.numberValue) !== null && _state_numberValue !== void 0 ? _state_numberValue : 0) + (event.keyCode === ARROW_UP_KEY ? 1 : -1);
             updateValue(String(newValue));
             event.preventDefault();
         }
@@ -58,15 +62,14 @@ export const NumberInput = ({ value, onChange, onFocus, onBlur, emptyValue, deci
      ** then "updateClampedValueDebounced" updates applying the min/max after debounce delay
      **
      ** Example: User can type "100" if min is "5" without the "1" immediately being clamped
-     */
-    const updateImmediateValue = (value, silent = false) => {
+     */ const updateImmediateValue = (value, silent = false)=>{
         const newState = processValue(value, {
             emptyValue,
             precision: decimalPlaces,
             separators: {
                 thousand: thousandsSeparator,
-                decimal: decimalSeparator,
-            },
+                decimal: decimalSeparator
+            }
         }, formatNumber);
         setState(newState);
         if (!silent) {
@@ -74,18 +77,21 @@ export const NumberInput = ({ value, onChange, onFocus, onBlur, emptyValue, deci
         }
     };
     const updateClampedValueDebounced = useRef();
-    useEffect(() => {
+    useEffect(()=>{
         let isCurrent = true;
-        const updateClampedValue = (value, silent = false) => {
+        const updateClampedValue = (value, silent = false)=>{
             if (isCurrent) {
                 const newState = processValue(value, {
                     emptyValue,
                     precision: decimalPlaces,
                     separators: {
                         thousand: thousandsSeparator,
-                        decimal: decimalSeparator,
+                        decimal: decimalSeparator
                     },
-                    range: { min, max },
+                    range: {
+                        min,
+                        max
+                    }
                 }, formatNumber);
                 setState(newState);
                 if (!silent) {
@@ -94,7 +100,7 @@ export const NumberInput = ({ value, onChange, onFocus, onBlur, emptyValue, deci
             }
         };
         updateClampedValueDebounced.current = debounce(updateClampedValue, DEBOUNCE_WAIT);
-        return () => {
+        return ()=>{
             isCurrent = false;
         };
     }, [
@@ -105,36 +111,41 @@ export const NumberInput = ({ value, onChange, onFocus, onBlur, emptyValue, deci
         min,
         max,
         formatNumber,
-        onChange,
+        onChange
     ]);
-    const updateValue = (value, silent = false) => {
-        var _a;
+    const updateValue = (value, silent = false)=>{
+        var _updateClampedValueDebounced_current;
         updateImmediateValue(value, silent);
-        (_a = updateClampedValueDebounced.current) === null || _a === void 0 ? void 0 : _a.call(updateClampedValueDebounced, value, silent);
+        (_updateClampedValueDebounced_current = updateClampedValueDebounced.current) === null || _updateClampedValueDebounced_current === void 0 ? void 0 : _updateClampedValueDebounced_current.call(updateClampedValueDebounced, value, silent);
     };
-    const handleFocus = (event) => {
+    const handleFocus = (event)=>{
         if (state.stringValue.length) {
-            updateValue(
-            // prepare the value which user does see (rounded), but without trailing zeroes after decimal and separator
-            decimalPlaces
-                ? state.stringValue.replace(new RegExp(`[${decimalSeparator}]?0+$`), '')
-                : state.stringValue, true);
+            updateValue(// prepare the value which user does see (rounded), but without trailing zeroes after decimal and separator
+            decimalPlaces ? state.stringValue.replace(new RegExp(`[${decimalSeparator}]?0+$`), '') : state.stringValue, true);
         }
         setIsFocused(true);
         if (onFocus) {
             onFocus(event);
         }
     };
-    const handleBlur = (event) => {
+    const handleBlur = (event)=>{
         setState({
             numberValue: value,
-            stringValue: getFormattedValue(),
+            stringValue: getFormattedValue()
         });
         setIsFocused(false);
         if (onBlur) {
             onBlur(event);
         }
     };
-    return (_jsx(Input, { ...props, value: state.stringValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: useKeyboardNavigation ? handleKeyDown : undefined }));
+    return /*#__PURE__*/ _jsx(Input, {
+        ...props,
+        value: state.stringValue,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onKeyDown: useKeyboardNavigation ? handleKeyDown : undefined
+    });
 };
+
 //# sourceMappingURL=number-input.js.map

package/dist/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../src/number-input/number-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/number-input/number-input.tsx"],"sourcesContent":["import {\n    useCallback,\n    useState,\n    useEffect,\n    useRef,\n    SyntheticEvent,\n    KeyboardEvent,\n    FocusEvent,\n} from 'react';\n\nimport { useOptionalDependencies } from '@servicetitan/react-ioc';\n\nimport { Input, InputProps, InputOnChangeData } from '@servicetitan/design-system';\nimport { CULTURE_TOKEN } from '@servicetitan/culture';\n\nimport { processValue } from './process-value';\nimport { FormatNumber, getFormattedString } from './get-formatted-string';\nimport { EmptyValue, NumberValue } from './common-interfaces';\nimport { formatNumber as formatNumberDefault } from 'accounting';\n\nimport debounce from 'debounce';\n\nconst ARROW_UP_KEY = 38;\nconst ARROW_DOWN_KEY = 40;\nconst DEBOUNCE_WAIT = 300;\n\nexport interface NumberInputProps<TEmpty extends EmptyValue>\n    extends Omit<InputProps, 'value' | 'onChange'> {\n    value: NumberValue<TEmpty>;\n    emptyValue: TEmpty;\n    decimalPlaces?: number;\n    useEmptyThousandsSeparator?: boolean;\n    min?: number;\n    max?: number;\n    useKeyboardNavigation?: boolean;\n    formatNumber?: FormatNumber;\n    onChange(value: NumberValue<TEmpty>): void;\n}\n\nexport const NumberInput = <TEmpty extends EmptyValue>({\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    emptyValue,\n    decimalPlaces,\n    useEmptyThousandsSeparator,\n    min,\n    max,\n    useKeyboardNavigation,\n    formatNumber = formatNumberDefault,\n    ...props\n}: NumberInputProps<TEmpty>) => {\n    const [\n        {\n            NumberFormat: {\n                NumberGroupSeparator: thousandsSeparator = ',',\n                NumberDecimalSeparator: decimalSeparator = '.',\n            } = {},\n        } = {},\n    ] = useOptionalDependencies(CULTURE_TOKEN);\n\n    const getFormattedValue = useCallback(\n        () =>\n            getFormattedString(\n                value,\n                {\n                    emptyValue,\n                    precision: decimalPlaces,\n                    separators: {\n                        thousand: useEmptyThousandsSeparator ? '' : thousandsSeparator,\n                        decimal: decimalSeparator,\n                    },\n                },\n                formatNumber\n            ),\n        [\n            decimalPlaces,\n            decimalSeparator,\n            emptyValue,\n            thousandsSeparator,\n            useEmptyThousandsSeparator,\n            value,\n            formatNumber,\n        ]\n    );\n\n    const [isFocused, setIsFocused] = useState(false);\n    const [state, setState] = useState({\n        numberValue: value,\n        stringValue: getFormattedValue(),\n    });\n\n    useEffect(() => {\n        if (isFocused) {\n            return;\n        }\n\n        setState({\n            numberValue: value,\n            stringValue: getFormattedValue(),\n        });\n    }, [value, getFormattedValue, isFocused]);\n\n    const handleChange = (_0: SyntheticEvent<HTMLInputElement>, { value }: InputOnChangeData) => {\n        updateValue(value);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.keyCode === ARROW_UP_KEY || event.keyCode === ARROW_DOWN_KEY) {\n            const newValue = (state.numberValue ?? 0) + (event.keyCode === ARROW_UP_KEY ? 1 : -1);\n\n            updateValue(String(newValue));\n            event.preventDefault();\n        }\n    };\n\n    /*\n     ** \"updateImmediateValue\" updates the value immediately without clamping min/max,\n     ** then \"updateClampedValueDebounced\" updates applying the min/max after debounce delay\n     **\n     ** Example: User can type \"100\" if min is \"5\" without the \"1\" immediately being clamped\n     */\n    const updateImmediateValue = (value: string, silent = false) => {\n        const newState = processValue(\n            value,\n            {\n                emptyValue,\n                precision: decimalPlaces,\n                separators: {\n                    thousand: thousandsSeparator,\n                    decimal: decimalSeparator,\n                },\n            },\n            formatNumber\n        );\n\n        setState(newState);\n\n        if (!silent) {\n            onChange(newState.numberValue);\n        }\n    };\n\n    const updateClampedValueDebounced = useRef<(value: string, silent: boolean) => void>();\n\n    useEffect(() => {\n        let isCurrent = true;\n\n        const updateClampedValue = (value: string, silent = false) => {\n            if (isCurrent) {\n                const newState = processValue(\n                    value,\n                    {\n                        emptyValue,\n                        precision: decimalPlaces,\n                        separators: {\n                            thousand: thousandsSeparator,\n                            decimal: decimalSeparator,\n                        },\n                        range: { min, max },\n                    },\n                    formatNumber\n                );\n\n                setState(newState);\n\n                if (!silent) {\n                    onChange(newState.numberValue);\n                }\n            }\n        };\n\n        updateClampedValueDebounced.current = debounce(updateClampedValue, DEBOUNCE_WAIT);\n\n        return () => {\n            isCurrent = false;\n        };\n    }, [\n        emptyValue,\n        decimalPlaces,\n        thousandsSeparator,\n        decimalSeparator,\n        min,\n        max,\n        formatNumber,\n        onChange,\n    ]);\n\n    const updateValue = (value: string, silent = false) => {\n        updateImmediateValue(value, silent);\n        updateClampedValueDebounced.current?.(value, silent);\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n        if (state.stringValue.length) {\n            updateValue(\n                // prepare the value which user does see (rounded), but without trailing zeroes after decimal and separator\n                decimalPlaces\n                    ? state.stringValue.replace(new RegExp(`[${decimalSeparator}]?0+$`), '')\n                    : state.stringValue,\n                true\n            );\n        }\n\n        setIsFocused(true);\n\n        if (onFocus) {\n            onFocus(event);\n        }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n        setState({\n            numberValue: value,\n            stringValue: getFormattedValue(),\n        });\n\n        setIsFocused(false);\n\n        if (onBlur) {\n            onBlur(event);\n        }\n    };\n\n    return (\n        <Input\n            {...props}\n            value={state.stringValue}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={useKeyboardNavigation ? handleKeyDown : undefined}\n        />\n    );\n};\n"],"names":["useCallback","useState","useEffect","useRef","useOptionalDependencies","Input","CULTURE_TOKEN","processValue","getFormattedString","formatNumber","formatNumberDefault","debounce","ARROW_UP_KEY","ARROW_DOWN_KEY","DEBOUNCE_WAIT","NumberInput","value","onChange","onFocus","onBlur","emptyValue","decimalPlaces","useEmptyThousandsSeparator","min","max","useKeyboardNavigation","props","NumberFormat","NumberGroupSeparator","thousandsSeparator","NumberDecimalSeparator","decimalSeparator","getFormattedValue","precision","separators","thousand","decimal","isFocused","setIsFocused","state","setState","numberValue","stringValue","handleChange","_0","updateValue","handleKeyDown","event","keyCode","newValue","String","preventDefault","updateImmediateValue","silent","newState","updateClampedValueDebounced","isCurrent","updateClampedValue","range","current","handleFocus","length","replace","RegExp","handleBlur","onKeyDown","undefined"],"mappings":"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"}

package/dist/number-input/process-value.js

@@ -9,15 +9,14 @@ export function processValue(value, { emptyValue, precision, separators, range =
             if (range.min && clampedNumber < range.min) {
                 clampedNumber = range.min;
                 clampedString = formatNumber(range.min, 0, '', separators.decimal);
-            }
-            else if (range.max && clampedNumber > range.max) {
+            } else if (range.max && clampedNumber > range.max) {
                 clampedNumber = range.max;
                 clampedString = formatNumber(range.max, 0, '', separators.decimal);
             }
         }
         return {
             numberValue: clampedNumber,
-            stringValue: clampedString,
+            stringValue: clampedString
         };
     }
     // Trim decimal places
@@ -26,12 +25,10 @@ export function processValue(value, { emptyValue, precision, separators, range =
     const inputNumberValue = parseFloat(inputValue);
     const numberValue = clamp(inputNumberValue, range);
     // if not out of bound, use inputValue to preserve punctuation, otherwise use numberValue
-    const stringValue = numberValue === inputNumberValue
-        ? inputValue
-        : formatNumber(numberValue, 0, '', separators.decimal);
+    const stringValue = numberValue === inputNumberValue ? inputValue : formatNumber(numberValue, 0, '', separators.decimal);
     return {
         stringValue,
-        numberValue: numberValue,
+        numberValue: numberValue
     };
 }
 function trimDecimalPlace(value, separator, formatNumber, precision) {
@@ -58,15 +55,12 @@ function cleanValue(value, separators) {
     const thousandsSeparatorRegEx = new RegExp(`[${separators.thousand}]{1,}`, 'g');
     const decimalSeparatorRegEx = new RegExp(`[${separators.decimal}+]{1,}`, 'g');
     const excessiveMinusSignRegEx = /(?!^)-/g;
-    const cleanedValue = value
-        // Remove invalid characters
-        .replace(/[^0-9.,-]/g, '')
-        // Remove thousand separators
-        .replace(thousandsSeparatorRegEx, '')
-        // Remove excessive decimal separators
-        .replace(decimalSeparatorRegEx, separators.decimal)
-        // Remove excessive minus signs
-        .replace(excessiveMinusSignRegEx, '');
+    const cleanedValue = value// Remove invalid characters
+    .replace(/[^0-9.,-]/g, '')// Remove thousand separators
+    .replace(thousandsSeparatorRegEx, '')// Remove excessive decimal separators
+    .replace(decimalSeparatorRegEx, separators.decimal)// Remove excessive minus signs
+    .replace(excessiveMinusSignRegEx, '');
     return cleanedValue;
 }
+
 //# sourceMappingURL=process-value.js.map

package/dist/number-input/process-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"process-value.js","sourceRoot":"","sources":["../../src/number-input/process-value.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/number-input/process-value.ts"],"sourcesContent":["import { formatNumber as formatNumberDefault } from 'accounting';\n\nimport { EmptyValue, NumberValue, Range, Separators } from './common-interfaces';\nimport { FormatNumber } from './get-formatted-string';\n\ninterface ProcessValueOptions<TEmpty extends EmptyValue> {\n    emptyValue: TEmpty;\n    precision?: number;\n    separators: Separators;\n    range?: Range;\n}\n\nexport function processValue<TEmpty extends EmptyValue>(\n    value: string,\n    { emptyValue, precision, separators, range = {} }: ProcessValueOptions<TEmpty>,\n    formatNumber: FormatNumber = formatNumberDefault\n) {\n    let inputValue = cleanValue(value, separators);\n\n    // Handle empty string\n    if (inputValue === '' || inputValue === '-') {\n        let clampedNumber = emptyValue as number | undefined;\n        let clampedString = inputValue;\n        if (clampedNumber === 0) {\n            if (range.min && clampedNumber < range.min) {\n                clampedNumber = range.min;\n                clampedString = formatNumber(range.min, 0, '', separators.decimal);\n            } else if (range.max && clampedNumber > range.max) {\n                clampedNumber = range.max;\n                clampedString = formatNumber(range.max, 0, '', separators.decimal);\n            }\n        }\n        return {\n            numberValue: clampedNumber as NumberValue<TEmpty>,\n            stringValue: clampedString,\n        };\n    }\n\n    // Trim decimal places\n    inputValue = trimDecimalPlace(inputValue, separators.decimal, formatNumber, precision);\n\n    // Parse string to number and clamp\n    const inputNumberValue = parseFloat(inputValue);\n    const numberValue = clamp(inputNumberValue, range);\n\n    // if not out of bound, use inputValue to preserve punctuation, otherwise use numberValue\n    const stringValue =\n        numberValue === inputNumberValue\n            ? inputValue\n            : formatNumber(numberValue, 0, '', separators.decimal);\n\n    return {\n        stringValue,\n        numberValue: numberValue as NumberValue<TEmpty>,\n    };\n}\n\nfunction trimDecimalPlace(\n    value: string,\n    separator: string,\n    formatNumber: FormatNumber,\n    precision?: number\n) {\n    const decimalPosition = value.indexOf(separator);\n    if (decimalPosition >= 0) {\n        if (precision) {\n            const isNegative = value.startsWith('-');\n            const splitValue = value.split(separator);\n            const intPart = (isNegative ? '-' : '') + String(Math.abs(+splitValue[0]));\n            let fracPart = splitValue[1];\n            if (fracPart && fracPart.length > precision) {\n                fracPart = fracPart.slice(0, precision);\n            }\n            return `${intPart}.${fracPart}`;\n        }\n\n        return value.substr(0, decimalPosition);\n    }\n    return String(+value);\n}\n\nfunction clamp(value: number, { min = -Infinity, max = Infinity }: Range) {\n    return Math.max(Math.min(value, max), min);\n}\n\nfunction cleanValue(value: string, separators: Separators) {\n    const thousandsSeparatorRegEx = new RegExp(`[${separators.thousand}]{1,}`, 'g');\n    const decimalSeparatorRegEx = new RegExp(`[${separators.decimal}+]{1,}`, 'g');\n    const excessiveMinusSignRegEx = /(?!^)-/g;\n    const cleanedValue = value\n        // Remove invalid characters\n        .replace(/[^0-9.,-]/g, '')\n        // Remove thousand separators\n        .replace(thousandsSeparatorRegEx, '')\n        // Remove excessive decimal separators\n        .replace(decimalSeparatorRegEx, separators.decimal)\n        // Remove excessive minus signs\n        .replace(excessiveMinusSignRegEx, '');\n\n    return cleanedValue;\n}\n"],"names":["formatNumber","formatNumberDefault","processValue","value","emptyValue","precision","separators","range","inputValue","cleanValue","clampedNumber","clampedString","min","decimal","max","numberValue","stringValue","trimDecimalPlace","inputNumberValue","parseFloat","clamp","separator","decimalPosition","indexOf","isNegative","startsWith","splitValue","split","intPart","String","Math","abs","fracPart","length","slice","substr","Infinity","thousandsSeparatorRegEx","RegExp","thousand","decimalSeparatorRegEx","excessiveMinusSignRegEx","cleanedValue","replace"],"mappings":"AAAA,SAASA,gBAAgBC,mBAAmB,QAAQ,aAAa;AAYjE,OAAO,SAASC,aACZC,KAAa,EACb,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,CAAC,CAAC,EAA+B,EAC9EP,eAA6BC,mBAAmB;IAEhD,IAAIO,aAAaC,WAAWN,OAAOG;IAEnC,sBAAsB;IACtB,IAAIE,eAAe,MAAMA,eAAe,KAAK;QACzC,IAAIE,gBAAgBN;QACpB,IAAIO,gBAAgBH;QACpB,IAAIE,kBAAkB,GAAG;YACrB,IAAIH,MAAMK,GAAG,IAAIF,gBAAgBH,MAAMK,GAAG,EAAE;gBACxCF,gBAAgBH,MAAMK,GAAG;gBACzBD,gBAAgBX,aAAaO,MAAMK,GAAG,EAAE,GAAG,IAAIN,WAAWO,OAAO;YACrE,OAAO,IAAIN,MAAMO,GAAG,IAAIJ,gBAAgBH,MAAMO,GAAG,EAAE;gBAC/CJ,gBAAgBH,MAAMO,GAAG;gBACzBH,gBAAgBX,aAAaO,MAAMO,GAAG,EAAE,GAAG,IAAIR,WAAWO,OAAO;YACrE;QACJ;QACA,OAAO;YACHE,aAAaL;YACbM,aAAaL;QACjB;IACJ;IAEA,sBAAsB;IACtBH,aAAaS,iBAAiBT,YAAYF,WAAWO,OAAO,EAAEb,cAAcK;IAE5E,mCAAmC;IACnC,MAAMa,mBAAmBC,WAAWX;IACpC,MAAMO,cAAcK,MAAMF,kBAAkBX;IAE5C,yFAAyF;IACzF,MAAMS,cACFD,gBAAgBG,mBACVV,aACAR,aAAae,aAAa,GAAG,IAAIT,WAAWO,OAAO;IAE7D,OAAO;QACHG;QACAD,aAAaA;IACjB;AACJ;AAEA,SAASE,iBACLd,KAAa,EACbkB,SAAiB,EACjBrB,YAA0B,EAC1BK,SAAkB;IAElB,MAAMiB,kBAAkBnB,MAAMoB,OAAO,CAACF;IACtC,IAAIC,mBAAmB,GAAG;QACtB,IAAIjB,WAAW;YACX,MAAMmB,aAAarB,MAAMsB,UAAU,CAAC;YACpC,MAAMC,aAAavB,MAAMwB,KAAK,CAACN;YAC/B,MAAMO,UAAU,AAACJ,CAAAA,aAAa,MAAM,EAAC,IAAKK,OAAOC,KAAKC,GAAG,CAAC,CAACL,UAAU,CAAC,EAAE;YACxE,IAAIM,WAAWN,UAAU,CAAC,EAAE;YAC5B,IAAIM,YAAYA,SAASC,MAAM,GAAG5B,WAAW;gBACzC2B,WAAWA,SAASE,KAAK,CAAC,GAAG7B;YACjC;YACA,OAAO,GAAGuB,QAAQ,CAAC,EAAEI,UAAU;QACnC;QAEA,OAAO7B,MAAMgC,MAAM,CAAC,GAAGb;IAC3B;IACA,OAAOO,OAAO,CAAC1B;AACnB;AAEA,SAASiB,MAAMjB,KAAa,EAAE,EAAES,MAAM,CAACwB,QAAQ,EAAEtB,MAAMsB,QAAQ,EAAS;IACpE,OAAON,KAAKhB,GAAG,CAACgB,KAAKlB,GAAG,CAACT,OAAOW,MAAMF;AAC1C;AAEA,SAASH,WAAWN,KAAa,EAAEG,UAAsB;IACrD,MAAM+B,0BAA0B,IAAIC,OAAO,CAAC,CAAC,EAAEhC,WAAWiC,QAAQ,CAAC,KAAK,CAAC,EAAE;IAC3E,MAAMC,wBAAwB,IAAIF,OAAO,CAAC,CAAC,EAAEhC,WAAWO,OAAO,CAAC,MAAM,CAAC,EAAE;IACzE,MAAM4B,0BAA0B;IAChC,MAAMC,eAAevC,KACjB,4BAA4B;KAC3BwC,OAAO,CAAC,cAAc,GACvB,6BAA6B;KAC5BA,OAAO,CAACN,yBAAyB,GAClC,sCAAsC;KACrCM,OAAO,CAACH,uBAAuBlC,WAAWO,OAAO,CAClD,+BAA+B;KAC9B8B,OAAO,CAACF,yBAAyB;IAEtC,OAAOC;AACX"}

package/dist/original-number-input/index.js

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

package/dist/original-number-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/original-number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
+{"version":3,"sources":["../../src/original-number-input/index.ts"],"sourcesContent":["export * from './ordinal-number-input';\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB"}

package/dist/original-number-input/ordinal-number-input.js

@@ -1,54 +1,41 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Input } from '@servicetitan/design-system';
 import { action, observable, makeObservable } from 'mobx';
 import { observer } from 'mobx-react';
 import { Component } from 'react';
-let OrdinalNumberInput = class OrdinalNumberInput extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "hasFocus", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "handleFocus", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => (this.hasFocus = true)
-        });
-        Object.defineProperty(this, "handleBlur", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => (this.hasFocus = false)
-        });
-        Object.defineProperty(this, "handleChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                const parsed = parseIntIntoRange(e.currentTarget.value, this.props.min, this.props.max);
-                if (this.props.onChange) {
-                    this.props.onChange(parsed);
-                }
-            }
-        });
-        makeObservable(this);
-    }
+export class OrdinalNumberInput extends Component {
     render() {
         const { min, max, value, onChange, ...props } = this.props;
-        return (_jsx(Input, { placeholder: this.getPlaceholder(), ...props, value: this.getDisplayValue(), onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange }));
+        return /*#__PURE__*/ _jsx(Input, {
+            placeholder: this.getPlaceholder(),
+            ...props,
+            value: this.getDisplayValue(),
+            onFocus: this.handleFocus,
+            onBlur: this.handleBlur,
+            onChange: this.handleChange
+        });
     }
     getPlaceholder() {
         return `${this.props.min}‒${this.props.max}`;
@@ -60,24 +47,32 @@ let OrdinalNumberInput = class OrdinalNumberInput extends Component {
         }
         return this.hasFocus ? value.toString() : ordinalString(value);
     }
-};
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+    constructor(props){
+        super(props), _define_property(this, "hasFocus", false), _define_property(this, "handleFocus", ()=>this.hasFocus = true), _define_property(this, "handleBlur", ()=>this.hasFocus = false), _define_property(this, "handleChange", (e)=>{
+            const parsed = parseIntIntoRange(e.currentTarget.value, this.props.min, this.props.max);
+            if (this.props.onChange) {
+                this.props.onChange(parsed);
+            }
+        });
+        makeObservable(this);
+    }
+}
+_ts_decorate([
+    observable
 ], OrdinalNumberInput.prototype, "hasFocus", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], OrdinalNumberInput.prototype, "handleFocus", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], OrdinalNumberInput.prototype, "handleBlur", void 0);
-OrdinalNumberInput = __decorate([
+OrdinalNumberInput = _ts_decorate([
     observer,
-    __metadata("design:paramtypes", [Object])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [
+        typeof OrdinalNumberInputProps === "undefined" ? Object : OrdinalNumberInputProps
+    ])
 ], OrdinalNumberInput);
-export { OrdinalNumberInput };
 export function parseIntIntoRange(input, min, max) {
     let parsed = parseInt(input, 10);
     if (Number.isNaN(parsed)) {
@@ -85,20 +80,19 @@ export function parseIntIntoRange(input, min, max) {
     }
     if (parsed < min) {
         parsed = min;
-    }
-    else if (parsed > max) {
+    } else if (parsed > max) {
         parsed = max;
     }
     return parsed;
 }
 export function ordinalString(num) {
-    switch (num % 100) {
+    switch(num % 100){
         case 11:
         case 12:
         case 13:
             return num.toString() + 'th';
         default:
-            switch (num % 10) {
+            switch(num % 10){
                 case 1:
                     return num.toString() + 'st';
                 case 2:
@@ -111,13 +105,13 @@ export function ordinalString(num) {
     }
 }
 export function ordinalSuffix(num) {
-    switch (num % 100) {
+    switch(num % 100){
         case 11:
         case 12:
         case 13:
             return 'th';
         default:
-            switch (num % 10) {
+            switch(num % 10){
                 case 1:
                     return 'st';
                 case 2:
@@ -129,4 +123,5 @@ export function ordinalSuffix(num) {
             }
     }
 }
+
 //# sourceMappingURL=ordinal-number-input.js.map

package/dist/original-number-input/ordinal-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordinal-number-input.js","sourceRoot":"","sources":["../../src/original-number-input/ordinal-number-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/original-number-input/ordinal-number-input.tsx"],"sourcesContent":["import { Input, InputProps } from '@servicetitan/design-system';\nimport { action, observable, makeObservable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { Component, ChangeEvent } from 'react';\n\nexport interface OrdinalNumberInputProps extends Omit<InputProps, 'onChange'> {\n    min: number;\n    max: number;\n    value?: number;\n    onChange?(value?: number): void;\n}\n\n@observer\nexport class OrdinalNumberInput extends Component<OrdinalNumberInputProps> {\n    @observable hasFocus = false;\n\n    constructor(props: OrdinalNumberInputProps) {\n        super(props);\n        makeObservable(this);\n    }\n\n    render() {\n        const { min, max, value, onChange, ...props } = this.props;\n\n        return (\n            <Input\n                placeholder={this.getPlaceholder()}\n                {...props}\n                value={this.getDisplayValue()}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                onChange={this.handleChange}\n            />\n        );\n    }\n\n    @action private handleFocus = () => (this.hasFocus = true);\n    @action private handleBlur = () => (this.hasFocus = false);\n\n    private handleChange = (e: ChangeEvent<HTMLInputElement>): void => {\n        const parsed = parseIntIntoRange(e.currentTarget.value, this.props.min, this.props.max);\n        if (this.props.onChange) {\n            this.props.onChange(parsed);\n        }\n    };\n\n    private getPlaceholder() {\n        return `${this.props.min}‒${this.props.max}`;\n    }\n\n    private getDisplayValue() {\n        const value = this.props.value;\n        if (typeof value !== 'number') {\n            return '';\n        }\n        return this.hasFocus ? value.toString() : ordinalString(value);\n    }\n}\n\nexport function parseIntIntoRange(input: string, min: number, max: number) {\n    let parsed = parseInt(input, 10);\n    if (Number.isNaN(parsed)) {\n        return undefined;\n    }\n    if (parsed < min) {\n        parsed = min;\n    } else if (parsed > max) {\n        parsed = max;\n    }\n    return parsed;\n}\n\nexport function ordinalString(num: number): string {\n    switch (num % 100) {\n        case 11:\n        case 12:\n        case 13:\n            return num.toString() + 'th';\n        default:\n            switch (num % 10) {\n                case 1:\n                    return num.toString() + 'st';\n                case 2:\n                    return num.toString() + 'nd';\n                case 3:\n                    return num.toString() + 'rd';\n                default:\n                    return num.toString() + 'th';\n            }\n    }\n}\n\nexport function ordinalSuffix(num: number): string {\n    switch (num % 100) {\n        case 11:\n        case 12:\n        case 13:\n            return 'th';\n        default:\n            switch (num % 10) {\n                case 1:\n                    return 'st';\n                case 2:\n                    return 'nd';\n                case 3:\n                    return 'rd';\n                default:\n                    return 'th';\n            }\n    }\n}\n"],"names":["Input","action","observable","makeObservable","observer","Component","OrdinalNumberInput","render","min","max","value","onChange","props","placeholder","getPlaceholder","getDisplayValue","onFocus","handleFocus","onBlur","handleBlur","handleChange","hasFocus","toString","ordinalString","constructor","e","parsed","parseIntIntoRange","currentTarget","input","parseInt","Number","isNaN","undefined","num","ordinalSuffix"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,KAAK,QAAoB,8BAA8B;AAChE,SAASC,MAAM,EAAEC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AAC1D,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,SAAS,QAAqB,QAAQ;AAU/C,OAAO,MAAMC,2BAA2BD;IAQpCE,SAAS;QACL,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAO,GAAG,IAAI,CAACA,KAAK;QAE1D,qBACI,KAACZ;YACGa,aAAa,IAAI,CAACC,cAAc;YAC/B,GAAGF,KAAK;YACTF,OAAO,IAAI,CAACK,eAAe;YAC3BC,SAAS,IAAI,CAACC,WAAW;YACzBC,QAAQ,IAAI,CAACC,UAAU;YACvBR,UAAU,IAAI,CAACS,YAAY;;IAGvC;IAYQN,iBAAiB;QACrB,OAAO,GAAG,IAAI,CAACF,KAAK,CAACJ,GAAG,CAAC,CAAC,EAAE,IAAI,CAACI,KAAK,CAACH,GAAG,EAAE;IAChD;IAEQM,kBAAkB;QACtB,MAAML,QAAQ,IAAI,CAACE,KAAK,CAACF,KAAK;QAC9B,IAAI,OAAOA,UAAU,UAAU;YAC3B,OAAO;QACX;QACA,OAAO,IAAI,CAACW,QAAQ,GAAGX,MAAMY,QAAQ,KAAKC,cAAcb;IAC5D;IAxCAc,YAAYZ,KAA8B,CAAE;QACxC,KAAK,CAACA,QAHV,uBAAYS,YAAW,QAsBvB,uBAAgBJ,eAAc,IAAO,IAAI,CAACI,QAAQ,GAAG,OACrD,uBAAgBF,cAAa,IAAO,IAAI,CAACE,QAAQ,GAAG,QAEpD,uBAAQD,gBAAe,CAACK;YACpB,MAAMC,SAASC,kBAAkBF,EAAEG,aAAa,CAAClB,KAAK,EAAE,IAAI,CAACE,KAAK,CAACJ,GAAG,EAAE,IAAI,CAACI,KAAK,CAACH,GAAG;YACtF,IAAI,IAAI,CAACG,KAAK,CAACD,QAAQ,EAAE;gBACrB,IAAI,CAACC,KAAK,CAACD,QAAQ,CAACe;YACxB;QACJ;QA1BIvB,eAAe,IAAI;IACvB;AAsCJ;;;;;;;;;;;;;;;;;AAEA,OAAO,SAASwB,kBAAkBE,KAAa,EAAErB,GAAW,EAAEC,GAAW;IACrE,IAAIiB,SAASI,SAASD,OAAO;IAC7B,IAAIE,OAAOC,KAAK,CAACN,SAAS;QACtB,OAAOO;IACX;IACA,IAAIP,SAASlB,KAAK;QACdkB,SAASlB;IACb,OAAO,IAAIkB,SAASjB,KAAK;QACrBiB,SAASjB;IACb;IACA,OAAOiB;AACX;AAEA,OAAO,SAASH,cAAcW,GAAW;IACrC,OAAQA,MAAM;QACV,KAAK;QACL,KAAK;QACL,KAAK;YACD,OAAOA,IAAIZ,QAAQ,KAAK;QAC5B;YACI,OAAQY,MAAM;gBACV,KAAK;oBACD,OAAOA,IAAIZ,QAAQ,KAAK;gBAC5B,KAAK;oBACD,OAAOY,IAAIZ,QAAQ,KAAK;gBAC5B,KAAK;oBACD,OAAOY,IAAIZ,QAAQ,KAAK;gBAC5B;oBACI,OAAOY,IAAIZ,QAAQ,KAAK;YAChC;IACR;AACJ;AAEA,OAAO,SAASa,cAAcD,GAAW;IACrC,OAAQA,MAAM;QACV,KAAK;QACL,KAAK;QACL,KAAK;YACD,OAAO;QACX;YACI,OAAQA,MAAM;gBACV,KAAK;oBACD,OAAO;gBACX,KAAK;oBACD,OAAO;gBACX,KAAK;oBACD,OAAO;gBACX;oBACI,OAAO;YACf;IACR;AACJ"}

package/dist/phone-number-input/index.js

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

package/dist/phone-number-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"sources":["../../src/phone-number-input/index.ts"],"sourcesContent":["export * from './phone-number-input';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB"}

package/dist/phone-number-input/phone-number-input.js

@@ -2,5 +2,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import InputMask from 'react-input-mask';
 import { Form } from '@servicetitan/design-system';
-export const PhoneNumberInput = forwardRef(({ sip, ...props }, ref) => sip ? (_jsx(Form.Input, { ...props, ref: ref })) : (_jsx(InputMask, { maskChar: null, mask: "(999) 999-9999", ...props, children: (() => _jsx(Form.Input, { ref: ref, ...props })) })));
+export const PhoneNumberInput = /*#__PURE__*/ forwardRef(({ sip, ...props }, ref)=>sip ? /*#__PURE__*/ _jsx(Form.Input, {
+        ...props,
+        ref: ref
+    }) : /*#__PURE__*/ _jsx(InputMask, {
+        maskChar: null,
+        mask: "(999) 999-9999",
+        ...props,
+        children: ()=>/*#__PURE__*/ _jsx(Form.Input, {
+                ref: ref,
+                ...props
+            })
+    }));
+
 //# sourceMappingURL=phone-number-input.js.map

package/dist/phone-number-input/phone-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../src/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAkB,MAAM,6BAA6B,CAAC;AAMnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACtC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CACvB,GAAG,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,CAAC,KAAK,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACtC,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,gBAAgB,KAAK,KAAK,YACrD,CAAC,GAAG,EAAE,CAAC,KAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAQ,GAC3C,CACf,CACR,CAAC"}
+{"version":3,"sources":["../../src/phone-number-input/phone-number-input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport InputMask from 'react-input-mask';\n\nimport { Form, FormInputProps } from '@servicetitan/design-system';\n\nexport interface PhoneNumberInputProps extends FormInputProps {\n    sip?: boolean;\n}\n\nexport const PhoneNumberInput = forwardRef<HTMLInputElement, PhoneNumberInputProps>(\n    ({ sip, ...props }, ref) =>\n        sip ? (\n            <Form.Input {...props} ref={ref} />\n        ) : (\n            <InputMask maskChar={null} mask=\"(999) 999-9999\" {...props}>\n                {(() => <Form.Input ref={ref} {...props} />) as any}\n            </InputMask>\n        )\n);\n"],"names":["forwardRef","InputMask","Form","PhoneNumberInput","sip","props","ref","Input","maskChar","mask"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,eAAe,mBAAmB;AAEzC,SAASC,IAAI,QAAwB,8BAA8B;AAMnE,OAAO,MAAMC,iCAAmBH,WAC5B,CAAC,EAAEI,GAAG,EAAE,GAAGC,OAAO,EAAEC,MAChBF,oBACI,KAACF,KAAKK,KAAK;QAAE,GAAGF,KAAK;QAAEC,KAAKA;uBAE5B,KAACL;QAAUO,UAAU;QAAMC,MAAK;QAAkB,GAAGJ,KAAK;kBACpD,kBAAM,KAACH,KAAKK,KAAK;gBAACD,KAAKA;gBAAM,GAAGD,KAAK;;QAGrD"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/form",
-    "version": "31.1.0",
+    "version": "31.3.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/form",
     "repository": {
@@ -17,31 +17,31 @@
     ],
     "devDependencies": {
         "@progress/kendo-react-dateinputs": "~5.5.0",
-        "@servicetitan/confirm": "^31.1.0",
-        "@servicetitan/culture": "^31.1.0",
+        "@servicetitan/confirm": "^31.3.0",
+        "@servicetitan/culture": "^31.3.0",
         "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/form-state": "^31.1.0",
-        "@servicetitan/hash-browser-router": "^30.0.0",
-        "@servicetitan/react-ioc": "^30.0.0",
+        "@servicetitan/form-state": "^31.3.0",
+        "@servicetitan/hash-browser-router": "^31.3.2",
+        "@servicetitan/react-ioc": "^31.3.2",
         "@servicetitan/tokens": ">=12.2.1",
-        "@servicetitan/web-components": "^30.0.0",
+        "@servicetitan/web-components": "^31.3.2",
         "@types/react": "~18.2.55",
         "@types/react-input-mask": "~2.0.5",
         "@types/uuid": "~8.3.4",
         "accounting": "~0.4.1",
         "formstate": "^2.1.0",
         "mobx": "~6.10.2",
-        "mobx-react": "~9.0.2",
+        "mobx-react": "^9.2.0",
         "moment": "~2.29.3",
-        "react": "~18.2.0",
+        "react": "^18.2.0",
         "resumablejs": "~1.0.2"
     },
     "peerDependencies": {
         "@progress/kendo-react-dateinputs": "~5.5.0",
-        "@servicetitan/confirm": "^31.1.0",
-        "@servicetitan/culture": "^31.1.0",
+        "@servicetitan/confirm": "^31.3.0",
+        "@servicetitan/culture": "^31.3.0",
         "@servicetitan/design-system": ">=13.2.1",
-        "@servicetitan/form-state": "^31.1.0",
+        "@servicetitan/form-state": "^31.3.0",
         "@servicetitan/react-ioc": ">21.0.0",
         "@servicetitan/tokens": ">=12.2.1",
         "accounting": "~0.4.1",
@@ -65,5 +65,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "0307e2a84704ceddcef55ff15519cb5aa6ccb228"
+    "gitHead": "7fc7b9cbf766fe23879ae81831f28bdd96559bce"
 }