@servicetitan/onboarding-ui 1.14.0 → 1.16.1

package/dist/contentful/page-contentful.store.js

@@ -1,4 +1,3 @@
-"use strict";
 var __decorate = (this && this.__decorate) || function (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);
@@ -20,12 +19,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageContentfulStore = void 0;
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const mobx_1 = require("mobx");
-const __1 = require("..");
-const _1 = require(".");
+import { inject, injectable } from '@servicetitan/react-ioc';
+import { action, computed, makeObservable, observable, runInAction } from 'mobx';
+import { arrayToMap } from '..';
+import { ContentfulDataStore } from '.';
 let PageContentfulStore = class PageContentfulStore {
     constructor(contentfulDataStore) {
         Object.defineProperty(this, "contentfulDataStore", {
@@ -64,13 +61,13 @@ let PageContentfulStore = class PageContentfulStore {
                         codeId,
                         isPreview,
                     });
-                    (0, mobx_1.runInAction)(() => {
+                    runInAction(() => {
                         this.pageData = data;
                         this.isInitialized = true;
                     });
                 }
                 finally {
-                    (0, mobx_1.runInAction)(() => {
+                    runInAction(() => {
                         this.isInitializing = false;
                     });
                 }
@@ -98,42 +95,42 @@ let PageContentfulStore = class PageContentfulStore {
                 return content === '%none%' ? undefined : content;
             }
         });
-        (0, mobx_1.makeObservable)(this);
+        makeObservable(this);
     }
     get tooltipsByObjectId() {
         var _a;
-        return (0, __1.arrayToMap)((_a = this.pageData) === null || _a === void 0 ? void 0 : _a.fields.tooltips, entry => entry.fields.objectId);
+        return arrayToMap((_a = this.pageData) === null || _a === void 0 ? void 0 : _a.fields.tooltips, entry => entry.fields.objectId);
     }
 };
 __decorate([
-    mobx_1.observable,
+    observable,
     __metadata("design:type", Object)
 ], PageContentfulStore.prototype, "isInitializing", void 0);
 __decorate([
-    mobx_1.observable,
+    observable,
     __metadata("design:type", Object)
 ], PageContentfulStore.prototype, "isInitialized", void 0);
 __decorate([
-    mobx_1.observable,
+    observable,
     __metadata("design:type", Object)
 ], PageContentfulStore.prototype, "pageData", void 0);
 __decorate([
-    mobx_1.action,
+    action,
     __metadata("design:type", Object)
 ], PageContentfulStore.prototype, "initialize", void 0);
 __decorate([
-    mobx_1.action,
+    action,
     __metadata("design:type", Object)
 ], PageContentfulStore.prototype, "lazyInitialize", void 0);
 __decorate([
-    mobx_1.computed,
+    computed,
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
 ], PageContentfulStore.prototype, "tooltipsByObjectId", null);
 PageContentfulStore = __decorate([
-    (0, react_ioc_1.injectable)(),
-    __param(0, (0, react_ioc_1.inject)(_1.ContentfulDataStore)),
-    __metadata("design:paramtypes", [_1.ContentfulDataStore])
+    injectable(),
+    __param(0, inject(ContentfulDataStore)),
+    __metadata("design:paramtypes", [ContentfulDataStore])
 ], PageContentfulStore);
-exports.PageContentfulStore = PageContentfulStore;
+export { PageContentfulStore };
 //# sourceMappingURL=page-contentful.store.js.map

package/dist/contentful/page-contentful.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-contentful.store.js","sourceRoot":"","sources":["../../src/contentful/page-contentful.store.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA6D;AAC7D,+BAAiF;AACjF,0BAAgC;AAChC,wBAAgE;AAQhE,IAAa,mBAAmB,GAAhC,MAAa,mBAAmB;IAK5B,YAAiD,mBAAwC;;;;;mBAAxC;;QAJrC;;;;mBAAiB,KAAK;WAAC;QACvB;;;;mBAAgB,KAAK;WAAC;QACtB;;;;;WAAkC;QAO9C;;;;mBAAa,CAAO,EAAE,MAAM,EAAE,SAAS,GAAG,KAAK,EAA8B,EAAE,EAAE;gBAC7E,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC3B,IAAI;oBACA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAkB;wBAC3E,SAAS,EAAE,kBAAkB;wBAC7B,MAAM;wBACN,SAAS;qBACZ,CAAC,CAAC;oBACH,IAAA,kBAAW,EAAC,GAAG,EAAE;wBACb,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;wBACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;oBAC9B,CAAC,CAAC,CAAC;iBACN;wBAAS;oBACN,IAAA,kBAAW,EAAC,GAAG,EAAE;wBACb,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;oBAChC,CAAC,CAAC,CAAC;iBACN;YACL,CAAC,CAAA;WAAC;QAGF;;;;mBAAiB,CAAC,OAAmC,EAAE,EAAE;gBACrD,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;oBAC7C,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;iBACnC;gBACD,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAC7B,CAAC;WAAC;QAOF;;;;mBAAa,CAAC,QAAgB,EAAE,QAAkB,EAAE,EAAE;gBAClD,IAAI,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,QAAQ,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBACzF,OAAO,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC3D,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,OAAO,CAAC;gBACxC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;YACtD,CAAC;WAAC;QAzCE,IAAA,qBAAc,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IA+BD,IAAI,kBAAkB;;QAClB,OAAO,IAAA,cAAU,EAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtF,CAAC;CAQJ,CAAA;AA/Ce;IAAX,iBAAU;;2DAAwB;AACvB;IAAX,iBAAU;;0DAAuB;AACtB;IAAX,iBAAU;;qDAAmC;AAO9C;IADC,aAAM;;uDAkBL;AAGF;IADC,aAAM;;2DAML;AAGF;IADC,eAAQ;;;6DAGR;AAxCQ,mBAAmB;IAD/B,IAAA,sBAAU,GAAE;IAMI,WAAA,IAAA,kBAAM,EAAC,sBAAmB,CAAC,CAAA;qCAA8B,sBAAmB;GALhF,mBAAmB,CAgD/B;AAhDY,kDAAmB"}
+{"version":3,"file":"page-contentful.store.js","sourceRoot":"","sources":["../../src/contentful/page-contentful.store.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAA0B,MAAM,GAAG,CAAC;AAQhE,IAAa,mBAAmB,GAAhC,MAAa,mBAAmB;IAK5B,YAAiD,mBAAwC;;;;;mBAAxC;;QAJrC;;;;mBAAiB,KAAK;WAAC;QACvB;;;;mBAAgB,KAAK;WAAC;QACtB;;;;;WAAkC;QAO9C;;;;mBAAa,CAAO,EAAE,MAAM,EAAE,SAAS,GAAG,KAAK,EAA8B,EAAE,EAAE;gBAC7E,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC3B,IAAI;oBACA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAkB;wBAC3E,SAAS,EAAE,kBAAkB;wBAC7B,MAAM;wBACN,SAAS;qBACZ,CAAC,CAAC;oBACH,WAAW,CAAC,GAAG,EAAE;wBACb,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;wBACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;oBAC9B,CAAC,CAAC,CAAC;iBACN;wBAAS;oBACN,WAAW,CAAC,GAAG,EAAE;wBACb,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;oBAChC,CAAC,CAAC,CAAC;iBACN;YACL,CAAC,CAAA;WAAC;QAGF;;;;mBAAiB,CAAC,OAAmC,EAAE,EAAE;gBACrD,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;oBAC7C,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;iBACnC;gBACD,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAC7B,CAAC;WAAC;QAOF;;;;mBAAa,CAAC,QAAgB,EAAE,QAAkB,EAAE,EAAE;gBAClD,IAAI,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,QAAQ,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBACzF,OAAO,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC3D,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,OAAO,CAAC;gBACxC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;YACtD,CAAC;WAAC;QAzCE,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IA+BD,IAAI,kBAAkB;;QAClB,OAAO,UAAU,CAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtF,CAAC;CAQJ,CAAA;AA/Ce;IAAX,UAAU;;2DAAwB;AACvB;IAAX,UAAU;;0DAAuB;AACtB;IAAX,UAAU;;qDAAmC;AAO9C;IADC,MAAM;;uDAkBL;AAGF;IADC,MAAM;;2DAML;AAGF;IADC,QAAQ;;;6DAGR;AAxCQ,mBAAmB;IAD/B,UAAU,EAAE;IAMI,WAAA,MAAM,CAAC,mBAAmB,CAAC,CAAA;qCAA8B,mBAAmB;GALhF,mBAAmB,CAgD/B;SAhDY,mBAAmB"}

package/dist/contentful/utils.js

@@ -1,25 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isOxPermissionsEntry = exports.isDescriptionEntry = exports.isHeaderEntry = exports.isTextEntry = exports.isContentContainerEntry = void 0;
 const isEntryTypeOf = (entry, type) => entry.sys.contentType.sys.id === type;
-const isContentContainerEntry = (entry) => {
+export const isContentContainerEntry = (entry) => {
     return isEntryTypeOf(entry, 'serviceTitanContentContainer');
 };
-exports.isContentContainerEntry = isContentContainerEntry;
-const isTextEntry = (entry) => {
+export const isTextEntry = (entry) => {
     return isEntryTypeOf(entry, 'serviceTitanText');
 };
-exports.isTextEntry = isTextEntry;
-const isHeaderEntry = (entry) => {
-    return (0, exports.isTextEntry)(entry) && entry.fields.codeId.endsWith('-header');
+export const isHeaderEntry = (entry) => {
+    return isTextEntry(entry) && entry.fields.codeId.endsWith('-header');
 };
-exports.isHeaderEntry = isHeaderEntry;
-const isDescriptionEntry = (entry) => {
-    return (0, exports.isTextEntry)(entry) && entry.fields.codeId.endsWith('-description');
+export const isDescriptionEntry = (entry) => {
+    return isTextEntry(entry) && entry.fields.codeId.endsWith('-description');
 };
-exports.isDescriptionEntry = isDescriptionEntry;
-const isOxPermissionsEntry = (entry) => {
+export const isOxPermissionsEntry = (entry) => {
     return isEntryTypeOf(entry, 'oxPermission');
 };
-exports.isOxPermissionsEntry = isOxPermissionsEntry;
 //# sourceMappingURL=utils.js.map

package/dist/contentful/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/contentful/utils.ts"],"names":[],"mappings":";;;AAEA,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAE,IAAY,EAAE,EAAE,CAC1D,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;AAEnC,MAAM,uBAAuB,GAAG,CACnC,KAAqB,EACiB,EAAE;IACxC,OAAO,aAAa,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;AAChE,CAAC,CAAC;AAJW,QAAA,uBAAuB,2BAIlC;AAEK,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAmC,EAAE;IAClF,OAAO,aAAa,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;AACpD,CAAC,CAAC;AAFW,QAAA,WAAW,eAEtB;AAEK,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAmC,EAAE;IACpF,OAAO,IAAA,mBAAW,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACzE,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AAEK,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAmC,EAAE;IACzF,OAAO,IAAA,mBAAW,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;AAC9E,CAAC,CAAC;AAFW,QAAA,kBAAkB,sBAE7B;AAEK,MAAM,oBAAoB,GAAG,CAAC,KAAqB,EAAsC,EAAE;IAC9F,OAAO,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AAChD,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/contentful/utils.ts"],"names":[],"mappings":"AAEA,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAE,IAAY,EAAE,EAAE,CAC1D,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;AAE1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,KAAqB,EACiB,EAAE;IACxC,OAAO,aAAa,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAmC,EAAE;IAClF,OAAO,aAAa,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAmC,EAAE;IACpF,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAmC,EAAE;IACzF,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAqB,EAAsC,EAAE;IAC9F,OAAO,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AAChD,CAAC,CAAC"}

package/dist/hooks/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-scroll-to-error"), exports);
+export * from './use-scroll-to-error';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/hooks/use-scroll-to-error/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-scroll-to-error"), exports);
+export * from './use-scroll-to-error';
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-scroll-to-error/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/hooks/use-scroll-to-error/use-scroll-to-error.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollToError = exports.errorClassNamesDefault = void 0;
-const react_1 = require("react");
-exports.errorClassNamesDefault = [
+import { useCallback, useRef } from 'react';
+export const errorClassNamesDefault = [
     '.Banner--critical',
     '.error-warning',
     '.error',
     '.FormField--error',
 ];
-const useScrollToError = (errorClassNames = exports.errorClassNamesDefault) => {
-    const ref = (0, react_1.useRef)(null);
-    const scrollToErrorHandler = (0, react_1.useCallback)(() => {
+export const useScrollToError = (errorClassNames = errorClassNamesDefault) => {
+    const ref = useRef(null);
+    const scrollToErrorHandler = useCallback(() => {
         setTimeout(() => {
             if (ref.current) {
                 for (const errorClassName of errorClassNames) {
@@ -28,5 +25,4 @@ const useScrollToError = (errorClassNames = exports.errorClassNamesDefault) => {
     }, [errorClassNames]);
     return [ref, scrollToErrorHandler];
 };
-exports.useScrollToError = useScrollToError;
 //# sourceMappingURL=use-scroll-to-error.js.map

package/dist/hooks/use-scroll-to-error/use-scroll-to-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-to-error.js","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error/use-scroll-to-error.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAE1C,QAAA,sBAAsB,GAAG;IAClC,mBAAmB;IACnB,gBAAgB;IAChB,QAAQ;IACR,mBAAmB;CACtB,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAC5B,eAAe,GAAG,8BAAsB,EACd,EAAE;IAC5B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;IAC5B,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,GAAG,CAAC,OAAO,EAAE;gBACb,KAAK,MAAM,cAAc,IAAI,eAAe,EAAE;oBAC1C,MAAM,KAAK,GAAG,GAAG,CAAC,OAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;oBACzD,IAAI,KAAK,EAAE;wBACP,KAAK,CAAC,cAAc,CAAC;4BACjB,KAAK,EAAE,QAAQ;4BACf,QAAQ,EAAE,QAAQ;yBACrB,CAAC,CAAC;wBACH,MAAM;qBACT;iBACJ;aACJ;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC;AACvC,CAAC,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B"}
+{"version":3,"file":"use-scroll-to-error.js","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error/use-scroll-to-error.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,mBAAmB;IACnB,gBAAgB;IAChB,QAAQ;IACR,mBAAmB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC5B,eAAe,GAAG,sBAAsB,EACd,EAAE;IAC5B,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAC5B,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,GAAG,CAAC,OAAO,EAAE;gBACb,KAAK,MAAM,cAAc,IAAI,eAAe,EAAE;oBAC1C,MAAM,KAAK,GAAG,GAAG,CAAC,OAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;oBACzD,IAAI,KAAK,EAAE;wBACP,KAAK,CAAC,cAAc,CAAC;4BACjB,KAAK,EAAE,QAAQ;4BACf,QAAQ,EAAE,QAAQ;yBACrB,CAAC,CAAC;wBACH,MAAM;qBACT;iBACJ;aACJ;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC;AACvC,CAAC,CAAC"}

package/dist/index.js

@@ -1,17 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./company-profile"), exports);
-__exportStar(require("./address-suggestion-popover"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./utils"), exports);
+export * from './company-profile';
+export * from './address-suggestion-popover';
+export * from './hooks';
+export * from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,+DAA6C;AAC7C,0CAAwB;AACxB,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/utils/collection-helpers.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.arrayToMap = void 0;
-const arrayToMap = (array, keySelector) => {
+export const arrayToMap = (array, keySelector) => {
     return new Map((array !== null && array !== void 0 ? array : []).map(item => [keySelector(item), item]));
 };
-exports.arrayToMap = arrayToMap;
 //# sourceMappingURL=collection-helpers.js.map

package/dist/utils/collection-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-helpers.js","sourceRoot":"","sources":["../../src/utils/collection-helpers.ts"],"names":[],"mappings":";;;AAAO,MAAM,UAAU,GAAG,CAAO,KAAsB,EAAE,WAA2B,EAAE,EAAE;IACpF,OAAO,IAAI,GAAG,CAAO,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB"}
+{"version":3,"file":"collection-helpers.js","sourceRoot":"","sources":["../../src/utils/collection-helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAO,KAAsB,EAAE,WAA2B,EAAE,EAAE;IACpF,OAAO,IAAI,GAAG,CAAO,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC"}

package/dist/utils/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./collection-helpers"), exports);
+export * from './collection-helpers';
 //# 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,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/onboarding-ui",
-    "version": "1.14.0",
+    "version": "1.16.1",
     "description": "Shared components between servicetitan monolith and Onboarding",
     "repository": {
         "type": "git",
@@ -51,7 +51,7 @@
     "dependencies": {
         "@contentful/rich-text-react-renderer": "^15.6.2",
         "@contentful/rich-text-types": "^15.7.0",
-        "@servicetitan/react-hooks": "^2.4.0",
+        "@servicetitan/react-hooks": "^2.6.1",
         "@types/google.maps": "^3.45.6",
         "classnames": "~2.3.1",
         "contentful-resolve-response": "^1.3.0",
@@ -61,7 +61,6 @@
         "companyProfile"
     ],
     "author": "Suman Lama",
-    "license": "ISC",
     "publishConfig": {
         "access": "public"
     },
@@ -69,5 +68,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "3d67801ac9a8a46d8edd3220fa3ee42237829c2f"
+    "gitHead": "7148377158b6d403739648d5e2eea293c732c491"
 }

package/src/company-profile/components/company-profile-form.tsx

@@ -9,27 +9,37 @@ import { CompanyProfileFormStore } from '../stores/company-profile-form.store';
 import { MaskedInput } from '@servicetitan/form';
 
 export const CompanyProfileForm = observer((props: { className?: string }) => {
-    const [store] = useDependencies(CompanyProfileFormStore);
-
-    const { form, showFormError, zipCodeMask, einOrBnMask, einOrBnInputProps } = store;
+    const [
+        {
+            form,
+            showFormError,
+            zipCodeMask,
+            einOrBnMask,
+            einOrBnInputProps,
+            countries,
+            countryAndRegionData,
+            regionToCodeMap,
+            phoneMask,
+        },
+    ] = useDependencies(CompanyProfileFormStore);
 
     const zipCodeOnChangeHandler = (zip: string) => {
         form.$.companyZipCode.onChange(zip);
     };
 
     const einOrBnOnChangeHandler = (einOrBn: string) => {
-        form.$.einOrBn.onChange(einOrBn);
+        form.$.einOrBn.onChange((einOrBn || '').replace(/[^0-9.]/g, ''));
     };
 
     const phoneOnChangeHandler = (phone: string) => {
-        form.$.adminPhone.onChange(phone);
+        form.$.adminPhone.onChange((phone || '').replace(/[^0-9.]/g, ''));
     };
 
     const countryOnChangeHandler = (
         event: SyntheticEvent<HTMLElement>,
         data: FormDropdownProps
     ) => {
-        if (form.$.companyCountry.$ && data.value !== form.$.companyCountry.$) {
+        if (form.$.companyCountry.value && data.value !== form.$.companyCountry.value) {
             form.$.companyStateCode.onChange('');
         }
         form.$.companyCountry.onChangeHandler(event, data);
@@ -44,7 +54,7 @@ export const CompanyProfileForm = observer((props: { className?: string }) => {
         companyZipCode,
         adminPhone,
         einOrBn,
-    } = store.form.$;
+    } = form.$;
 
     const zipCodeHasError = companyZipCode.hasError;
 
@@ -82,8 +92,8 @@ export const CompanyProfileForm = observer((props: { className?: string }) => {
                     countryCode={companyCountry.value || 'USA'}
                     fieldState={companyStateCode}
                     error={(companyStateCode.dirty || showFormError) && companyStateCode.hasError}
-                    countryAndRegionData={store.countryAndRegionData}
-                    regionNameToCodeMap={store.regionToCodeMap}
+                    countryAndRegionData={countryAndRegionData}
+                    regionNameToCodeMap={regionToCodeMap}
                 />
             </Form.Group>
             <Form.Group width="equal">
@@ -104,7 +114,11 @@ export const CompanyProfileForm = observer((props: { className?: string }) => {
                     value={companyCountry.value}
                     onChange={countryOnChangeHandler}
                     error={(companyCountry.dirty || showFormError) && companyCountry.hasError}
-                    options={store.countries.map(x => ({ key: x, value: x, text: x }))}
+                    options={countries.map(x => ({
+                        key: x,
+                        value: x,
+                        text: x === 'USA' ? 'United States' : x,
+                    }))}
                 />
             </Form.Group>
             <Form.Group width="equal">
@@ -115,7 +129,7 @@ export const CompanyProfileForm = observer((props: { className?: string }) => {
                     value={adminPhone.value}
                     onChange={phoneOnChangeHandler}
                     error={(adminPhone.dirty || showFormError) && adminPhone.hasError}
-                    mask={store.phoneMask}
+                    mask={phoneMask}
                     width={6}
                 />
                 <MaskedInput

package/src/company-profile/components/country-dropdown-input.tsx

@@ -8,9 +8,7 @@ export interface ICountryDropdownInput extends FormDropdownProps {
 }
 
 export const CountryDropdownInput = observer((props: ICountryDropdownInput) => {
-    const { value: propsValue, width, placeholder, ...rest } = props;
-    const value = propsValue && propsValue!.toString().toLowerCase();
-    const country = value && (value === 'canada' || value === 'ca' ? 'Canada' : 'USA');
+    const { value, width, placeholder, ...rest } = props;
     return (
         <Form.Select
             fluid
@@ -18,7 +16,7 @@ export const CountryDropdownInput = observer((props: ICountryDropdownInput) => {
             width={width ?? '12'}
             label="Country"
             placeholder={placeholder ?? 'Country'}
-            value={country}
+            value={value}
             {...rest}
         />
     );

package/src/company-profile/stores/company-profile-form.store.ts

@@ -142,7 +142,11 @@ export class CompanyProfileFormStore implements ICompanyProfileFormStore {
         this.countryAndRegionData = options.countryAndRegionData;
         this.phoneMask = options.phoneMask;
         this.regionToCodeMap = options.regionToCodeMap;
-        setFormStateValues(this.form, formData);
+        let companyCountry = formData.companyCountry;
+        if (companyCountry && this.countries && !this.countries?.includes(companyCountry)) {
+            companyCountry = '';
+        }
+        setFormStateValues(this.form, { ...formData, companyCountry });
         commitFormState(this.form);
     };