@servicetitan/mpa-components 1.7.0 → 1.9.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.8.0...@servicetitan/mpa-components@1.9.0) (2024-06-13)
+
+**Note:** Version bump only for package @servicetitan/mpa-components
+
+# [1.8.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.7.0...@servicetitan/mpa-components@1.8.0) (2024-05-24)
+
+### Bug Fixes
+
+-   **@servicetitan/mpa-components:** minor upgrade with react version ([9a31d4e](https://github.com/servicetitan/marketing/commit/9a31d4e5e0d150d21919fd1506bf2777f3cd0d70))
+
 # [1.7.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@1.6.0...@servicetitan/mpa-components@1.7.0) (2024-03-20)
 
 **Note:** Version bump only for package @servicetitan/mpa-components

package/lib/components/campaign-actions/actions-button/campaign-actions.stories.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare function CampaignActions(): JSX.Element;
+export declare function CampaignActions(): import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     title: string;
     component: typeof CampaignActions;

package/lib/components/campaign-actions/actions-button/campaign-actions.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"campaign-actions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/campaign-actions/actions-button/campaign-actions.stories.tsx"],"names":[],"mappings":";AAEA,wBAAgB,eAAe,gBAU9B;;;;;;AAED,wBAIE"}
+{"version":3,"file":"campaign-actions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/campaign-actions/actions-button/campaign-actions.stories.tsx"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,4CAU9B;;;;;;AAED,wBAIE"}

package/lib/components/settings/company-details/company-details-form.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const CompanyDetailsWithoutWebsite: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
-export declare const CompanyDetails: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+export declare const CompanyDetailsWithoutWebsite: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyDetails: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     title: string;
-    component: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+    component: () => import("react/jsx-runtime").JSX.Element;
     parameters: {};
 };
 export default _default;

package/lib/components/settings/company-details/company-details-form.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-details-form.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";AAwBA,eAAO,MAAM,4BAA4B,0GAUvC,CAAC;AAEH,eAAO,MAAM,cAAc,0GAUzB,CAAC;;;;;;AAEH,wBAIE"}
+{"version":3,"file":"company-details-form.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,4BAA4B,+CAQxC,CAAC;AAEF,eAAO,MAAM,cAAc,+CAQ1B,CAAC;;;;;;AAEF,wBAIE"}

package/lib/components/settings/company-details/company-details-form.stories.js

@@ -1,48 +1,27 @@
-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);
-    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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InputFieldState } from '@servicetitan/form';
-import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
 import { FormState } from 'formstate';
 import { CompanyDetails as Component } from '.';
 import { LogoPicker } from '../logo-picker/logo-picker.stories';
 import omit from 'lodash/omit';
-let DetailsStore = class DetailsStore {
-    constructor() {
-        Object.defineProperty(this, "form", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new FormState({
-                companyName: new InputFieldState('Acme Inc'),
-                tagline: new InputFieldState('Ayo! The Acme rules'),
-                street: new InputFieldState('Backed st.'),
-                unit: new InputFieldState('123'),
-                city: new InputFieldState('Glendale'),
-                state: new InputFieldState('CA'),
-                zipCode: new InputFieldState('91203'),
-                companyEmail: new InputFieldState('info@acme.com'),
-                companyWebsite: new InputFieldState('www.acme.com'),
-                yearEstablished: new InputFieldState(1999),
-            })
-        });
-    }
-};
-DetailsStore = __decorate([
-    injectable()
-], DetailsStore);
-export const CompanyDetailsWithoutWebsite = provide({ singletons: [DetailsStore] })(() => {
-    const [store] = useDependencies(DetailsStore);
-    return (_jsx(Component, { formState: omit(store.form.$, ['companyWebsite']), logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
-});
-export const CompanyDetails = provide({ singletons: [DetailsStore] })(() => {
-    const [store] = useDependencies(DetailsStore);
-    return (_jsx(Component, { formState: store.form.$, logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
+const form = new FormState({
+    companyName: new InputFieldState('Acme Inc'),
+    tagline: new InputFieldState('Ayo! The Acme rules'),
+    street: new InputFieldState('Backed st.'),
+    unit: new InputFieldState('123'),
+    city: new InputFieldState('Glendale'),
+    state: new InputFieldState('CA'),
+    zipCode: new InputFieldState('91203'),
+    companyEmail: new InputFieldState('info@acme.com'),
+    companyWebsite: new InputFieldState('www.acme.com'),
+    yearEstablished: new InputFieldState(1999),
 });
+export const CompanyDetailsWithoutWebsite = () => {
+    return (_jsx(Component, { formState: omit(form.$, ['companyWebsite']), logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
+};
+export const CompanyDetails = () => {
+    return (_jsx(Component, { formState: form.$, logoPicker: _jsx(LogoPicker, {}), handleCompanyEmailBlur: () => alert('company email blurred') }));
+};
 export default {
     title: 'MPA Components/settings/CompanyDetails',
     component: CompanyDetails,

package/lib/components/settings/company-details/company-details-form.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"company-details-form.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,IAAI,MAAM,aAAa,CAAC;AAG/B,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,WAAW,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;gBAC5C,OAAO,EAAE,IAAI,eAAe,CAAC,qBAAqB,CAAC;gBACnD,MAAM,EAAE,IAAI,eAAe,CAAC,YAAY,CAAC;gBACzC,IAAI,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC;gBAChC,IAAI,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;gBACrC,KAAK,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;gBAChC,OAAO,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC;gBACrC,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;gBAClD,cAAc,EAAE,IAAI,eAAe,CAAC,cAAc,CAAC;gBACnD,eAAe,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;aAC7C,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AAbK,YAAY;IADjB,UAAU,EAAE;GACP,YAAY,CAajB;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IACrF,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,EACjD,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IACvE,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EACvB,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,EAAE;CACjB,CAAC"}
+{"version":3,"file":"company-details-form.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/company-details-form.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,MAAM,IAAI,GAAG,IAAI,SAAS,CAAC;IACvB,WAAW,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;IAC5C,OAAO,EAAE,IAAI,eAAe,CAAC,qBAAqB,CAAC;IACnD,MAAM,EAAE,IAAI,eAAe,CAAC,YAAY,CAAC;IACzC,IAAI,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC;IAChC,IAAI,EAAE,IAAI,eAAe,CAAC,UAAU,CAAC;IACrC,KAAK,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;IAChC,OAAO,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC;IACrC,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;IAClD,cAAc,EAAE,IAAI,eAAe,CAAC,cAAc,CAAC;IACnD,eAAe,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;CAC7C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAC3C,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,IAAI,CAAC,CAAC,EACjB,UAAU,EAAE,KAAC,UAAU,KAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAC9D,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,EAAE;CACjB,CAAC"}

package/lib/components/settings/company-email-footer/company-email-footer.stories.d.ts

@@ -5,5 +5,5 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare const CompanyEmailFooter: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+export declare const CompanyEmailFooter: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=company-email-footer.stories.d.ts.map

package/lib/components/settings/company-email-footer/company-email-footer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-email-footer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";;;;;;AAMA,wBAIE;AAWF,eAAO,MAAM,kBAAkB,0GAI7B,CAAC"}
+{"version":3,"file":"company-email-footer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";;;;;;AAKA,wBAIE;AAYF,eAAO,MAAM,kBAAkB,+CAE9B,CAAC"}

package/lib/components/settings/company-email-footer/company-email-footer.stories.js

@@ -1,12 +1,5 @@
-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);
-    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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InputFieldState, TextAreaFieldState } from '@servicetitan/form';
-import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
 import { FormState } from 'formstate';
 import { CompanyEmailFooter as Component } from '.';
 export default {
@@ -14,7 +7,7 @@ export default {
     component: Component,
     parameters: {},
 };
-let CompanyEmailStore = class CompanyEmailStore {
+class CompanyEmailStore {
     constructor() {
         Object.defineProperty(this, "form", {
             enumerable: true,
@@ -27,12 +20,9 @@ let CompanyEmailStore = class CompanyEmailStore {
             })
         });
     }
-};
-CompanyEmailStore = __decorate([
-    injectable()
-], CompanyEmailStore);
-export const CompanyEmailFooter = provide({ singletons: [CompanyEmailStore] })(() => {
-    const [store] = useDependencies(CompanyEmailStore);
+}
+const store = new CompanyEmailStore();
+export const CompanyEmailFooter = () => {
     return _jsx(Component, { formState: store.form.$ });
-});
+};
 //# sourceMappingURL=company-email-footer.stories.js.map

package/lib/components/settings/company-email-footer/company-email-footer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"company-email-footer.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAEpD,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAGF,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IAAvB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,SAAS,EAAE,IAAI,kBAAkB,CAAC,oBAAoB,CAAC;gBACvD,OAAO,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBACvC,aAAa,EAAE,IAAI,eAAe,CAAC,iBAAiB,CAAC;aACxD,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AANK,iBAAiB;IADtB,UAAU,EAAE;GACP,iBAAiB,CAMtB;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IAChF,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAEnD,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"company-email-footer.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/company-email-footer.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAEpD,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,iBAAiB;IAAvB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,SAAS,EAAE,IAAI,kBAAkB,CAAC,oBAAoB,CAAC;gBACvD,OAAO,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBACvC,aAAa,EAAE,IAAI,eAAe,CAAC,iBAAiB,CAAC;aACxD,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,iBAAiB,EAAE,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC"}

package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.d.ts

@@ -5,5 +5,5 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare const CompanyEmailReplyTo: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+export declare const CompanyEmailReplyTo: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=company-email-reply-to.stories.d.ts.map

package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-email-reply-to.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";;;;;;AAMA,wBAIE;AASF,eAAO,MAAM,mBAAmB,0GAG9B,CAAC"}
+{"version":3,"file":"company-email-reply-to.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";;;;;;AAKA,wBAIE;AAUF,eAAO,MAAM,mBAAmB,+CAE/B,CAAC"}

package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.js

@@ -1,12 +1,5 @@
-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);
-    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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InputFieldState } from '@servicetitan/form';
-import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
 import { FormState } from 'formstate';
 import { CompanyEmailReplyTo as Component } from '.';
 export default {
@@ -14,7 +7,7 @@ export default {
     component: Component,
     parameters: {},
 };
-let CompanyEmailReplyToStore = class CompanyEmailReplyToStore {
+class CompanyEmailReplyToStore {
     constructor() {
         Object.defineProperty(this, "form", {
             enumerable: true,
@@ -25,12 +18,9 @@ let CompanyEmailReplyToStore = class CompanyEmailReplyToStore {
             })
         });
     }
-};
-CompanyEmailReplyToStore = __decorate([
-    injectable()
-], CompanyEmailReplyToStore);
-export const CompanyEmailReplyTo = provide({ singletons: [CompanyEmailReplyToStore] })(() => {
-    const [store] = useDependencies(CompanyEmailReplyToStore);
+}
+const store = new CompanyEmailReplyToStore();
+export const CompanyEmailReplyTo = () => {
     return _jsx(Component, { replyToEmail: store.form.$.replyToEmail });
-});
+};
 //# sourceMappingURL=company-email-reply-to.stories.js.map

package/lib/components/settings/company-email-reply-to/company-email-reply-to.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"company-email-reply-to.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAErD,eAAe;IACX,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAGF,IAAM,wBAAwB,GAA9B,MAAM,wBAAwB;IAA9B;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;aACrD,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AAJK,wBAAwB;IAD7B,UAAU,EAAE;GACP,wBAAwB,CAI7B;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IACxF,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,wBAAwB,CAAC,CAAC;IAC1D,OAAO,KAAC,SAAS,IAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,GAAI,CAAC;AAClE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"company-email-reply-to.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/company-email-reply-to.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAErD,eAAe;IACX,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,wBAAwB;IAA9B;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,YAAY,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;aACrD,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,wBAAwB,EAAE,CAAC;AAE7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,OAAO,KAAC,SAAS,IAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,GAAI,CAAC;AAClE,CAAC,CAAC"}

package/lib/components/settings/company-email-sender/company-email-sender.stories.d.ts

@@ -6,6 +6,6 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare const CompanyEmailSenderCustomDomain: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
-export declare const CompanyEmailSender: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+export declare const CompanyEmailSenderCustomDomain: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyEmailSender: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=company-email-sender.stories.d.ts.map

package/lib/components/settings/company-email-sender/company-email-sender.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-email-sender.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAA4C,MAAM,GAAG,CAAC;;;;;;AAE3F,wBAIE;AAWF,eAAO,MAAM,8BAA8B,0GAM1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,0GAI7B,CAAC"}
+{"version":3,"file":"company-email-sender.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAA4C,MAAM,GAAG,CAAC;;;;;;AAE3F,wBAIE;AAYF,eAAO,MAAM,8BAA8B,+CAE1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAE9B,CAAC"}

package/lib/components/settings/company-email-sender/company-email-sender.stories.js

@@ -1,12 +1,5 @@
-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);
-    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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InputFieldState } from '@servicetitan/form';
-import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
 import { FormState } from 'formstate';
 import { CompanyEmailSender as Simple, CompanyEmailSenderCustomDomain as Custom } from '.';
 export default {
@@ -14,7 +7,7 @@ export default {
     component: Simple,
     parameters: {},
 };
-let CompanyEmailSenderStore = class CompanyEmailSenderStore {
+class CompanyEmailSenderStore {
     constructor() {
         Object.defineProperty(this, "form", {
             enumerable: true,
@@ -27,16 +20,12 @@ let CompanyEmailSenderStore = class CompanyEmailSenderStore {
             })
         });
     }
-};
-CompanyEmailSenderStore = __decorate([
-    injectable()
-], CompanyEmailSenderStore);
-export const CompanyEmailSenderCustomDomain = provide({ singletons: [CompanyEmailSenderStore] })(() => {
-    const [store] = useDependencies(CompanyEmailSenderStore);
+}
+const store = new CompanyEmailSenderStore();
+export const CompanyEmailSenderCustomDomain = () => {
     return _jsx(Custom, { formState: store.form.$, senderTld: "tld.com" });
-});
-export const CompanyEmailSender = provide({ singletons: [CompanyEmailSenderStore] })(() => {
-    const [store] = useDependencies(CompanyEmailSenderStore);
+};
+export const CompanyEmailSender = () => {
     return _jsx(Simple, { senderName: store.form.$.senderName, senderEmail: store.form.$.senderEmail });
-});
+};
 //# sourceMappingURL=company-email-sender.stories.js.map

package/lib/components/settings/company-email-sender/company-email-sender.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"company-email-sender.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,8BAA8B,IAAI,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3F,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;CACjB,CAAC;AAGF,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;IAA7B;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,WAAW,EAAE,IAAI,eAAe,CAAC,gBAAgB,CAAC;gBAClD,UAAU,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;gBAChD,YAAY,EAAE,IAAI,eAAe,CAAC,MAAM,CAAC;aAC5C,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AANK,uBAAuB;IAD5B,UAAU,EAAE;GACP,uBAAuB,CAM5B;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAC5F,GAAG,EAAE;IACD,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;IAEzD,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC;AACnE,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;IACtF,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;IAEzD,OAAO,KAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,GAAI,CAAC;AAClG,CAAC,CAAC,CAAC"}
+{"version":3,"file":"company-email-sender.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/company-email-sender.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,8BAA8B,IAAI,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3F,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,uBAAuB;IAA7B;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,WAAW,EAAE,IAAI,eAAe,CAAC,gBAAgB,CAAC;gBAClD,UAAU,EAAE,IAAI,eAAe,CAAC,eAAe,CAAC;gBAChD,YAAY,EAAE,IAAI,eAAe,CAAC,MAAM,CAAC;aAC5C,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,uBAAuB,EAAE,CAAC;AAE5C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE;IAC/C,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,GAAI,CAAC;AAClG,CAAC,CAAC"}

package/lib/components/settings/company-trade-checkbox/index.d.ts

@@ -6,5 +6,5 @@ export interface CompanyTradeCheckboxProps<TradesType extends string | number =
     active?: boolean;
     onClick?(item?: TradesType): void;
 }
-export declare function CompanyTradeCheckbox<T extends string | number = string>({ label, value, className, active, onClick, }: CompanyTradeCheckboxProps<T>): JSX.Element;
+export declare function CompanyTradeCheckbox<T extends string | number = string>({ label, value, className, active, onClick, }: CompanyTradeCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/settings/company-trade-checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trade-checkbox/index.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,yBAAyB,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAClF,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CACrC;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EACrE,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,GACV,EAAE,yBAAyB,CAAC,CAAC,CAAC,eAqB9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trade-checkbox/index.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,yBAAyB,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAClF,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CACrC;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EACrE,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,GACV,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CAqB9B"}

package/lib/components/settings/company-trades-picker/company-trades-picker.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CompanyTradesPicker as Component } from '.';
 declare const _default: {
     title: string;
@@ -6,5 +5,5 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare function CompanyTradesPicker(): JSX.Element;
+export declare function CompanyTradesPicker(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=company-trades-picker.stories.d.ts.map

package/lib/components/settings/company-trades-picker/company-trades-picker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-trades-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/company-trades-picker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAS,MAAM,GAAG,CAAC;;;;;;AAE5D,wBAIE;AASF,wBAAgB,mBAAmB,gBA6DlC"}
+{"version":3,"file":"company-trades-picker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/company-trades-picker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAS,MAAM,GAAG,CAAC;;;;;;AAE5D,wBAIE;AASF,wBAAgB,mBAAmB,4CA6DlC"}

package/lib/components/settings/company-trades-picker/index.d.ts

@@ -17,8 +17,9 @@ export interface CompanyTradesPickerProps<TradeType extends string | number = st
     layout?: LayoutProps['type'];
     className?: string;
     title?: ReactNode;
+    text?: ReactNode | string;
     columns?: number;
     onTradeChange(t?: TradeType): void;
 }
-export declare function CompanyTradesPicker<T extends string | number = string>({ trades, onTradeChange, layout, className, columns, title, }: CompanyTradesPickerProps<T>): JSX.Element;
+export declare function CompanyTradesPicker<T extends string | number = string>({ trades, onTradeChange, layout, className, columns, title, text, }: CompanyTradesPickerProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/settings/company-trades-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3C,OAAO,EAA0B,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AAKxF,MAAM,WAAW,KAAK,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACL;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAChF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACtC;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAW,EACX,KAA4B,GAC/B,EAAE,wBAAwB,CAAC,CAAC,CAAC,eAkD7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3C,OAAO,EAA0B,WAAW,EAAQ,MAAM,6BAA6B,CAAC;AAKxF,MAAM,WAAW,KAAK,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACL;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAChF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACtC;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAW,EACX,KAA4B,EAC5B,IAAuG,GAC1G,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CAkD7B"}

package/lib/components/settings/company-trades-picker/index.js

@@ -4,9 +4,9 @@ import chunk from 'lodash/chunk';
 import { Grid, Text } from '@servicetitan/design-system';
 import { SettingsSection } from '../settings-section';
 import { CompanyTradeCheckbox } from '../company-trade-checkbox';
-export function CompanyTradesPicker({ trades, onTradeChange, layout, className, columns = 4, title = 'Select Your Trades', }) {
+export function CompanyTradesPicker({ trades, onTradeChange, layout, className, columns = 4, title = 'Select Your Trades', text = 'Choose which trades describe your business so we can give you relevant content and merge tags.', }) {
     const rows = useMemo(() => chunk(trades, columns).map((row, idx) => ({ row, key: `row=${idx}` })), [trades, columns]);
-    return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: title, qaPrefix: "qa-settings-select-your-trades", text: "Choose which trades describe your business so we can give you relevant content and merge tags." }, { children: _jsx(Grid, Object.assign({ columns: columns }, { children: rows.map(({ row, key }) => {
+    return (_jsx(SettingsSection, Object.assign({ className: className, layout: layout, title: title, qaPrefix: "qa-settings-select-your-trades", text: text }, { children: _jsx(Grid, Object.assign({ columns: columns }, { children: rows.map(({ row, key }) => {
                 return (_jsx(Grid.Row, Object.assign({ stretched: true, className: "p-0" }, { children: row.map(trade => {
                         var _a, _b;
                         return (_jsx(Grid.Column, { children: _jsx(CompanyTradeCheckbox, { className: `qa-settings-select-your-trades-${(_a = trade.qaKey) !== null && _a !== void 0 ? _a : trade.value}`, active: trade.active, onClick: onTradeChange, value: trade.value, label: _jsxs("div", Object.assign({ className: "ta-center" }, { children: [_jsx("img", { src: trade.asset.main, srcSet: `${trade.asset.x3} 3x, ${trade.asset.x2} 2x`, alt: (_b = trade.asset.alt) !== null && _b !== void 0 ? _b : '' }), _jsx(Text, Object.assign({ bold: true, className: "m-t-2", size: 2 }, { children: trade.name }))] })) }) }, trade.name));

package/lib/components/settings/company-trades-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAiC,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAwBjE,MAAM,UAAU,mBAAmB,CAAqC,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,oBAAoB,GACF;IAC1B,MAAM,IAAI,GAAG,OAAO,CAChB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,CAAC,CAAC,EAC5E,CAAC,MAAM,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,kBACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,gCAAgC,EACzC,IAAI,EAAC,gGAAgG,gBAErG,KAAC,IAAI,kBAAC,OAAO,EAAE,OAA2B,gBACrC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;gBACvB,OAAO,CACH,KAAC,IAAI,CAAC,GAAG,kBAAW,SAAS,QAAC,SAAS,EAAC,KAAK,gBACxC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;wBACb,OAAO,CACH,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,oBAAoB,IACjB,SAAS,EAAE,kCACP,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,KACzB,EAAE,EACF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EACD,6BAAK,SAAS,EAAC,WAAW,iBACtB,cACI,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EACpD,GAAG,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,GAAG,mCAAI,EAAE,GAC5B,EACF,KAAC,IAAI,kBAAC,IAAI,QAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,gBAC/B,KAAK,CAAC,IAAI,IACR,KACL,GAEZ,IApBY,KAAK,CAAC,IAAI,CAqBd,CACjB,CAAC;oBACN,CAAC,CAAC,KA1BS,GAAG,CA2BP,CACd,CAAC;YACN,CAAC,CAAC,IACC,IACO,CACrB,CAAC;AACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAiC,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAyBjE,MAAM,UAAU,mBAAmB,CAAqC,EACpE,MAAM,EACN,aAAa,EACb,MAAM,EACN,SAAS,EACT,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,oBAAoB,EAC5B,IAAI,GAAG,gGAAgG,GAC7E;IAC1B,MAAM,IAAI,GAAG,OAAO,CAChB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,CAAC,CAAC,EAC5E,CAAC,MAAM,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,kBACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,gCAAgC,EACzC,IAAI,EAAE,IAAI,gBAEV,KAAC,IAAI,kBAAC,OAAO,EAAE,OAA2B,gBACrC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;gBACvB,OAAO,CACH,KAAC,IAAI,CAAC,GAAG,kBAAW,SAAS,QAAC,SAAS,EAAC,KAAK,gBACxC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;wBACb,OAAO,CACH,KAAC,IAAI,CAAC,MAAM,cACR,KAAC,oBAAoB,IACjB,SAAS,EAAE,kCACP,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,KACzB,EAAE,EACF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EACD,6BAAK,SAAS,EAAC,WAAW,iBACtB,cACI,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EACpD,GAAG,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,GAAG,mCAAI,EAAE,GAC5B,EACF,KAAC,IAAI,kBAAC,IAAI,QAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,gBAC/B,KAAK,CAAC,IAAI,IACR,KACL,GAEZ,IApBY,KAAK,CAAC,IAAI,CAqBd,CACjB,CAAC;oBACN,CAAC,CAAC,KA1BS,GAAG,CA2BP,CACd,CAAC;YACN,CAAC,CAAC,IACC,IACO,CACrB,CAAC;AACN,CAAC"}

package/lib/components/settings/double-opt-in/double-opt-in.stories.d.ts

@@ -5,5 +5,5 @@ declare const _default: {
     parameters: {};
 };
 export default _default;
-export declare const DoubleOptIn: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+export declare const DoubleOptIn: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=double-opt-in.stories.d.ts.map

package/lib/components/settings/double-opt-in/double-opt-in.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"double-opt-in.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";;;;;;AAKA,wBAIE;AAaF,eAAO,MAAM,WAAW,0GAKtB,CAAC"}
+{"version":3,"file":"double-opt-in.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";;;;;;AAIA,wBAIE;AAcF,eAAO,MAAM,WAAW,+CAEvB,CAAC"}

package/lib/components/settings/double-opt-in/double-opt-in.stories.js

@@ -1,12 +1,5 @@
-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);
-    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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CheckboxFieldState, InputFieldState, TextAreaFieldState } from '@servicetitan/form';
-import { injectable, provide, useDependencies } from '@servicetitan/react-ioc';
 import { FormState } from 'formstate';
 import { DoubleOptIn as Component } from '.';
 export default {
@@ -14,7 +7,7 @@ export default {
     component: Component,
     parameters: {},
 };
-let DoubleOptInStore = class DoubleOptInStore {
+class DoubleOptInStore {
     constructor() {
         Object.defineProperty(this, "form", {
             enumerable: true,
@@ -29,14 +22,9 @@ let DoubleOptInStore = class DoubleOptInStore {
             })
         });
     }
-};
-DoubleOptInStore = __decorate([
-    injectable()
-], DoubleOptInStore);
-export const DoubleOptIn = provide({
-    singletons: [DoubleOptInStore],
-})(() => {
-    const [store] = useDependencies(DoubleOptInStore);
+}
+const store = new DoubleOptInStore();
+export const DoubleOptIn = () => {
     return _jsx(Component, { formState: store.form.$ });
-});
+};
 //# sourceMappingURL=double-opt-in.stories.js.map

package/lib/components/settings/double-opt-in/double-opt-in.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"double-opt-in.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAE7C,eAAe;IACX,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAGF,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAAtB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,YAAY,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBAC5C,WAAW,EAAE,IAAI,eAAe,CAAC,WAAW,CAAC;gBAC7C,SAAS,EAAE,IAAI,kBAAkB,CAAC,4BAA4B,CAAC;gBAC/D,eAAe,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBAC/C,OAAO,EAAE,IAAI,kBAAkB,CAAC,IAAI,CAAC;aACxC,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AARK,gBAAgB;IADrB,UAAU,EAAE;GACP,gBAAgB,CAQrB;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,UAAU,EAAE,CAAC,gBAAgB,CAAC;CACjC,CAAC,CAAC,GAAG,EAAE;IACJ,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAClD,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"double-opt-in.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/double-opt-in/double-opt-in.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,GAAG,CAAC;AAE7C,eAAe;IACX,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,gBAAgB;IAAtB;QACI;;;;mBAAO,IAAI,SAAS,CAAC;gBACjB,YAAY,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBAC5C,WAAW,EAAE,IAAI,eAAe,CAAC,WAAW,CAAC;gBAC7C,SAAS,EAAE,IAAI,kBAAkB,CAAC,4BAA4B,CAAC;gBAC/D,eAAe,EAAE,IAAI,eAAe,CAAC,SAAS,CAAC;gBAC/C,OAAO,EAAE,IAAI,kBAAkB,CAAC,IAAI,CAAC;aACxC,CAAC;WAAC;IACP,CAAC;CAAA;AAED,MAAM,KAAK,GAAG,IAAI,gBAAgB,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAI,CAAC;AAClD,CAAC,CAAC"}

package/lib/components/settings/email-validation/email-validation.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare enum EmailValidationLevel {
     Low = 1,
     Medium = 2,
@@ -12,9 +11,9 @@ declare enum EmailValidationResult {
 }
 declare const _default: {
     title: string;
-    component: ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: import(".").EmailValidationProps<EmailValidationLevel, EmailValidationResult>) => JSX.Element;
+    component: ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: import(".").EmailValidationProps<EmailValidationLevel, EmailValidationResult>) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
 };
 export default _default;
-export declare function EmailValidation(): JSX.Element;
+export declare function EmailValidation(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=email-validation.stories.d.ts.map

package/lib/components/settings/email-validation/email-validation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"email-validation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/email-validation.stories.tsx"],"names":[],"mappings":";AAMA,aAAK,oBAAoB;IACrB,GAAG,IAAI;IACP,MAAM,IAAI;IACV,IAAI,IAAI;CACX;AAED,aAAK,qBAAqB;IACtB,aAAa,IAAI;IACjB,IAAI,IAAI;IACR,KAAK,IAAI;IACT,OAAO,KAAK;CACf;;;;;;AA4CD,wBAIE;AAEF,wBAAgB,eAAe,gBAkD9B"}
+{"version":3,"file":"email-validation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/email-validation.stories.tsx"],"names":[],"mappings":"AAMA,aAAK,oBAAoB;IACrB,GAAG,IAAI;IACP,MAAM,IAAI;IACV,IAAI,IAAI;CACX;AAED,aAAK,qBAAqB;IACtB,aAAa,IAAI;IACjB,IAAI,IAAI;IACR,KAAK,IAAI;IACT,OAAO,KAAK;CACf;;;;;;AA4CD,wBAIE;AAEF,wBAAgB,eAAe,4CAkD9B"}

package/lib/components/settings/email-validation/index.d.ts

@@ -27,6 +27,6 @@ interface EmailValidationHocOptions<TEmailValidationType extends string | number
     resultToTooltipText: Map<TEmailValidationResult, string>;
     TenantDateCell: FC<TableCellProps>;
 }
-export declare function emailValidationHoc<TEmailValidationType extends string | number = string, TEmailValidationResult extends string | number = string>({ resultToText, levelTypeMap, resultToTooltipText, levelResultMap, TenantDateCell, }: EmailValidationHocOptions<TEmailValidationType, TEmailValidationResult>): ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: EmailValidationProps<TEmailValidationType, TEmailValidationResult>) => JSX.Element;
+export declare function emailValidationHoc<TEmailValidationType extends string | number = string, TEmailValidationResult extends string | number = string>({ resultToText, levelTypeMap, resultToTooltipText, levelResultMap, TenantDateCell, }: EmailValidationHocOptions<TEmailValidationType, TEmailValidationResult>): ({ className, handleDownload, loading, resultGrid, setValidationRiskType, validationRiskType, }: EmailValidationProps<TEmailValidationType, TEmailValidationResult>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/settings/email-validation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAgBxC,OAAO,EAMH,UAAU,EACV,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAS7B,MAAM,WAAW,0BAA0B,CAAC,CAAC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB,CACjC,oBAAoB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACrD,sBAAsB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAEvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC,0BAA0B,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC3E,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,cAAc,IAAI,IAAI,CAAC;IACvB,qBAAqB,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC3D;AAED,UAAU,yBAAyB,CAC/B,oBAAoB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACrD,sBAAsB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAEvD,YAAY,EAAE,GAAG,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IAClD,YAAY,EAAE;QACV,IAAI,EAAE,oBAAoB,CAAC;QAC3B,MAAM,EAAE,oBAAoB,CAAC;QAC7B,GAAG,EAAE,oBAAoB,CAAC;KAC7B,CAAC;IACF,cAAc,EAAE,GAAG,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACpE,mBAAmB,EAAE,GAAG,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IACzD,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAC9B,oBAAoB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACrD,sBAAsB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACzD,EACE,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,cAAc,GACjB,EAAE,yBAAyB,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,oGAyBnE,qBAAqB,oBAAoB,EAAE,sBAAsB,CAAC,iBAoKxE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/email-validation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAgBxC,OAAO,EAMH,UAAU,EACV,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAS7B,MAAM,WAAW,0BAA0B,CAAC,CAAC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB,CACjC,oBAAoB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACrD,sBAAsB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAEvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC,0BAA0B,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC3E,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,cAAc,IAAI,IAAI,CAAC;IACvB,qBAAqB,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAC3D;AAED,UAAU,yBAAyB,CAC/B,oBAAoB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACrD,sBAAsB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAEvD,YAAY,EAAE,GAAG,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IAClD,YAAY,EAAE;QACV,IAAI,EAAE,oBAAoB,CAAC;QAC3B,MAAM,EAAE,oBAAoB,CAAC;QAC7B,GAAG,EAAE,oBAAoB,CAAC;KAC7B,CAAC;IACF,cAAc,EAAE,GAAG,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACpE,mBAAmB,EAAE,GAAG,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IACzD,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAC9B,oBAAoB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACrD,sBAAsB,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACzD,EACE,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,cAAc,GACjB,EAAE,yBAAyB,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,oGAyBnE,qBAAqB,oBAAoB,EAAE,sBAAsB,CAAC,6CAoKxE"}

package/lib/components/settings/logo-picker/index.d.ts

@@ -4,7 +4,7 @@ export declare const DEFAULT_MIN_DIMENSIONS: {
     width: number;
     height: number;
 };
-export declare const DEFAULT_LOGO_TIPS: JSX.Element;
+export declare const DEFAULT_LOGO_TIPS: import("react/jsx-runtime").JSX.Element;
 export interface LogoPickerProps {
     error?: string;
     image?: File;
@@ -17,6 +17,7 @@ export interface LogoPickerProps {
     };
     tips?: ReactNode;
     deletable?: boolean;
+    isGrid?: boolean;
     deleteImage(): void;
     downloadImage?(): void;
     onBadImage?(opts: {

package/lib/components/settings/logo-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/logo-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAgBnE,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,sBAAsB;;;CAAkD,CAAC;AACtF,eAAO,MAAM,iBAAiB,aAY7B,CAAC;AAIF,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,WAAW,IAAI,IAAI,CAAC;IACpB,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,UAAU,CAAC,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IACzF,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgN1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/logo-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAgBnE,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,sBAAsB;;;CAAkD,CAAC;AACtF,eAAO,MAAM,iBAAiB,yCAY7B,CAAC;AAIF,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,WAAW,IAAI,IAAI,CAAC;IACpB,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,UAAU,CAAC,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IACzF,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6J1C,CAAC"}

package/lib/components/settings/logo-picker/index.js

@@ -17,14 +17,12 @@ export const LOGO_MIN_SIZE = 180;
 export const DEFAULT_MIN_DIMENSIONS = { width: LOGO_MIN_SIZE, height: LOGO_MIN_SIZE };
 export const DEFAULT_LOGO_TIPS = (_jsxs("ul", { children: [_jsx("li", { children: "PNGs with a transparent background work best, but aren't required." }), _jsx("li", { children: "Don't know where your logo is? Your social media profile would be a good place to look." }), _jsx("li", { children: "Use a logo that is at least 180x180px in size." }), _jsx("li", { children: "Avoid using a screenshot of your logo, right click and \u201Csave as\u201D if you're pulling it from somewhere else." })] }));
 import * as Styles from './logo-picker.module.less';
-export const LogoPicker = observer(({ deleteImage, downloadImage, error, image, imageUrl, loaded = true, maxSize, minDimensions = DEFAULT_MIN_DIMENSIONS, onBadImage, onFileChange, setError, deletable = true, tips = DEFAULT_LOGO_TIPS, }) => {
+export const LogoPicker = observer(({ deleteImage, downloadImage, error, image, imageUrl, loaded = true, maxSize, minDimensions = DEFAULT_MIN_DIMENSIONS, onBadImage, onFileChange, setError, deletable = true, tips = DEFAULT_LOGO_TIPS, isGrid = true, }) => {
     const [recommendLargerImage, setRecommendLargerImage] = useState(false);
     const [localError, setLocalError] = useState('');
     const [isLoading, setIsLoading] = useState(false);
     const [sizeError, setSizeError] = useState('');
-    const fileRef = useRef(null);
     const formattedMaxSize = useRef(formatBytes(maxSize, 2, false));
-    const handleClick = () => { var _a; return (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
     useEffect(() => {
         const handleImageUrlChange = () => __awaiter(void 0, void 0, void 0, function* () {
             if (!imageUrl || !minDimensions) {
@@ -81,8 +79,11 @@ export const LogoPicker = observer(({ deleteImage, downloadImage, error, image,
     if (!loaded || isLoading) {
         return null;
     }
-    return (_jsxs("div", Object.assign({ className: "field" }, { children: [_jsx(Label, { label: "Logo", hasError: !!error || !!localError || !!sizeError }), (error || localError) && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: error !== null && error !== void 0 ? error : localError, status: "critical", icon: true })), sizeError && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: sizeError, status: "critical", icon: true })), imageUrl === undefined ? (_jsx(FilePicker, { typesNote: "Allowed file types: jpeg, png, jpg", className: "qa-settings-logo-file-picker", accept: "image/png, image/jpeg", onSelected: onFileChange })) : (_jsx(Grid, { children: _jsx(Grid.Column, Object.assign({ width: 4 }, { children: _jsx(Card, Object.assign({ raised: true, padding: "none", className: Styles.logoCard }, { children: _jsxs(Card.Section, { children: [_jsx("img", { className: "qa-settings-logo-image", src: imageUrl, alt: "logo" }), _jsx("div", Object.assign({ className: Styles.logoAction }, { children: _jsxs(ButtonGroup, { children: [_jsxs(Tooltip, Object.assign({ el: "div", text: "Replace" }, { children: [_jsx(Button, { outline: true, iconName: "sync", onClick: handleClick, className: "qa-settings-logo-replace shadow-1-i bg-white-i" }), _jsx("input", { hidden: true, type: "file", accept: "image/png, image/jpeg", ref: fileRef, onChange: ({ currentTarget: { files } }) => onFileChange(files) })] })), _jsx(Tooltip, Object.assign({ el: "div", text: "Download" }, { children: downloadImage || image !== undefined ? (_jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", disabled: image !== undefined, onClick: downloadImage, iconName: "file_download", outline: true })) : (_jsx("a", Object.assign({ download: `logo.${imageUrl
-                                                        .split('.')
-                                                        .pop()}`, rel: "noreferrer", target: "_blank", href: imageUrl }, { children: _jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", iconName: "file_download", outline: true }) }))) })), deletable && (_jsx(Tooltip, Object.assign({ el: "div", text: "Delete" }, { children: _jsx(Button, { className: "qa-settings-logo-delete shadow-1-i bg-white-i", onClick: deleteImage, iconName: "delete", outline: true }) })))] }) }))] }) })) })) })), recommendLargerImage && minDimensions && (imageUrl || image) && (_jsx(Banner, { title: `We strongly recommend using a logo that is at least ${minDimensions.width}x${minDimensions.height}px in size. Using a lower-resolution image may result in logo pixelation in your templates.`, className: "m-t-2", status: "warning", icon: true })), (imageUrl === undefined || recommendLargerImage || localError || sizeError) && (_jsx(Banner, Object.assign({ icon: true, title: "Tips on Uploading Your Logo:", className: "m-t-2" }, { children: tips })))] })));
+    return (_jsxs("div", Object.assign({ className: "field" }, { children: [_jsx(Label, { label: "Logo", hasError: !!error || !!localError || !!sizeError }), (error || localError) && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: error !== null && error !== void 0 ? error : localError, status: "critical", icon: true })), sizeError && (_jsx(Banner, { className: "m-b-2 qa-settings-logo-error", title: sizeError, status: "critical", icon: true })), imageUrl === undefined ? (_jsx(FilePicker, { typesNote: "Allowed file types: jpeg, png, jpg", className: "qa-settings-logo-file-picker", accept: "image/png, image/jpeg", onSelected: onFileChange })) : isGrid ? (_jsx(Grid, { children: _jsx(Grid.Column, Object.assign({ width: 4 }, { children: _jsx(LogoCard, { imageUrl: imageUrl, onFileChange: onFileChange, image: image, downloadImage: downloadImage, deletable: deletable, deleteImage: deleteImage }) })) })) : (_jsx(LogoCard, { imageUrl: imageUrl, onFileChange: onFileChange, image: image, downloadImage: downloadImage, deletable: deletable, deleteImage: deleteImage })), recommendLargerImage && minDimensions && (imageUrl || image) && (_jsx(Banner, { title: `We strongly recommend using a logo that is at least ${minDimensions.width}x${minDimensions.height}px in size. Using a lower-resolution image may result in logo pixelation in your templates.`, className: "m-t-2", status: "warning", icon: true })), (imageUrl === undefined || recommendLargerImage || localError || sizeError) && (_jsx(Banner, Object.assign({ icon: true, title: "Tips on Uploading Your Logo:", className: "m-t-2" }, { children: tips })))] })));
 });
+const LogoCard = ({ imageUrl, onFileChange, image, downloadImage, deletable = true, deleteImage, }) => {
+    const fileRef = useRef(null);
+    const handleClick = () => { var _a; return (_a = fileRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    return (_jsx(Card, Object.assign({ raised: true, padding: "none", className: Styles.logoCard }, { children: _jsxs(Card.Section, { children: [_jsx("img", { className: "qa-settings-logo-image", src: imageUrl, alt: "logo" }), _jsx("div", Object.assign({ className: Styles.logoAction }, { children: _jsxs(ButtonGroup, { children: [_jsxs(Tooltip, Object.assign({ el: "div", text: "Replace" }, { children: [_jsx(Button, { outline: true, iconName: "sync", onClick: handleClick, className: "qa-settings-logo-replace shadow-1-i bg-white-i" }), _jsx("input", { hidden: true, type: "file", accept: "image/png, image/jpeg", ref: fileRef, onChange: ({ currentTarget: { files } }) => onFileChange(files) })] })), _jsx(Tooltip, Object.assign({ el: "div", text: "Download" }, { children: downloadImage || image !== undefined ? (_jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", disabled: image !== undefined, onClick: downloadImage, iconName: "file_download", outline: true })) : (_jsx("a", Object.assign({ download: `logo.${imageUrl.split('.').pop()}`, rel: "noreferrer", target: "_blank", href: imageUrl }, { children: _jsx(Button, { className: "qa-settings-logo-download shadow-1-i bg-white-i", iconName: "file_download", outline: true }) }))) })), deletable && (_jsx(Tooltip, Object.assign({ el: "div", text: "Delete" }, { children: _jsx(Button, { className: "qa-settings-logo-delete shadow-1-i bg-white-i", onClick: deleteImage, iconName: "delete", outline: true }) })))] }) }))] }) })));
+};
 //# sourceMappingURL=index.js.map