@servicetitan/mpa-components 0.1.0

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const CompanyDetails: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+declare const _default: {
+    title: string;
+    component: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+    parameters: {};
+};
+export default _default;
+//# sourceMappingURL=company-details-form.stories.d.ts.map

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

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

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

@@ -0,0 +1,45 @@
+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';
+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'),
+                yearEstablished: new InputFieldState(1999),
+            })
+        });
+    }
+};
+DetailsStore = __decorate([
+    injectable()
+], DetailsStore);
+export const CompanyDetails = provide({ singletons: [DetailsStore] })(() => {
+    const [store] = useDependencies(DetailsStore);
+    return (_jsx(Component, { formState: store.form.$, logoPicker: _jsx(LogoPicker, {}, void 0), handleCompanyEmailBlur: () => alert('company email blurred') }, void 0));
+});
+export default {
+    title: 'MPA Components/settings/CompanyDetails',
+    component: CompanyDetails,
+    parameters: {},
+};
+//# sourceMappingURL=company-details-form.stories.js.map

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

@@ -0,0 +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;AAGhE,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,eAAe,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC;aAC7C,CAAC;WAAC;IACP,CAAC;CAAA,CAAA;AAZK,YAAY;IADjB,UAAU,EAAE;GACP,YAAY,CAYjB;AAED,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,aAAG,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,WAC9D,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,EAAE;CACjB,CAAC"}

package/lib/components/settings/company-details/index.d.ts

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+import { InputFieldState } from '@servicetitan/form';
+export interface CompanyDetailsProps {
+    formState: {
+        city: InputFieldState<string>;
+        companyEmail: InputFieldState<string>;
+        companyName: InputFieldState<string>;
+        state: InputFieldState<string>;
+        street: InputFieldState<string>;
+        tagline: InputFieldState<string>;
+        unit: InputFieldState<string>;
+        yearEstablished: InputFieldState<number>;
+        zipCode: InputFieldState<string>;
+    };
+    logoPicker?: ReactNode;
+    sectionDescription?: string | JSX.Element;
+    handleCompanyEmailBlur?: () => void;
+}
+export declare const CompanyDetails: FC<CompanyDetailsProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAe,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGlE,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE;QACP,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAC9B,YAAY,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACtC,WAAW,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACrC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAC/B,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAChC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACjC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAC9B,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;KACpC,CAAC;IACF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAkBD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoHlD,CAAC"}

package/lib/components/settings/company-details/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { observer } from 'mobx-react';
+import { Form, Link } from '@servicetitan/design-system';
+import { NumberInput } from '@servicetitan/form';
+import { SettingsSection } from '../settings-section';
+const DEFAULT_SECTION_DESCRIPTION = (_jsxs(Fragment, { children: ["Enter these details as you would like them to appear in your campaign. Much of this info can be utilized as\u00A0", _jsx(Link, Object.assign({ href: "https://help.servicetitan.com/Content/Marketing/merge-tags.htm", target: "_blank", primary: true, className: "qa-settings-company-details-merge-tags" }, { children: "merge tags" }), void 0), "."] }, void 0));
+export const CompanyDetails = observer(({ formState, logoPicker, sectionDescription = DEFAULT_SECTION_DESCRIPTION, handleCompanyEmailBlur = () => { }, }) => {
+    return (_jsx(SettingsSection, Object.assign({ qaPrefix: "qa-settings-company-details", title: "Company Details", text: sectionDescription }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-company-name", value: formState.companyName.value, onChange: formState.companyName.onChangeHandler, error: formState.companyName.hasError, label: "Company Name", placeholder: "Enter company name", fluid: true }, void 0), _jsx(Form.Input, { className: "m-b-2-i qa-settings-company-details-tagline", value: formState.tagline.value, onChange: formState.tagline.onChangeHandler, error: formState.tagline.hasError, label: "Tagline / Slogan", placeholder: "ex: Trusted since 1956", fluid: true }, void 0), _jsxs(Form.Group, Object.assign({ className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 8, className: "m-b-0-i qa-settings-company-details-address", value: formState.street.value, onChange: formState.street.onChangeHandler, error: formState.street.hasError, label: "Street Address", placeholder: "801 N Brand Blvd" }, void 0), _jsx(Form.Input, { width: 4, className: "m-b-0-i qa-settings-company-details-address", value: formState.unit.value, onChange: formState.unit.onChangeHandler, error: formState.unit.hasError, label: "Suite, Unit, etc" }, void 0)] }), void 0), _jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-city", value: formState.city.value, onChange: formState.city.onChangeHandler, error: formState.city.hasError, label: "City", placeholder: "Glendale", fluid: true }, void 0), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-state", value: formState.state.value, onChange: formState.state.onChangeHandler, error: formState.state.hasError, label: "State", placeholder: "CA", fluid: true }, void 0), _jsx(Form.Input, { className: "m-b-0-i qa-settings-company-details-zip-code", value: formState.zipCode.value, onChange: formState.zipCode.onChangeHandler, error: formState.zipCode.hasError, label: "Zip Code", placeholder: "91203", fluid: true, maxLength: 7 }, void 0)] }), void 0), _jsxs(Form.Group, Object.assign({ className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 8, className: "m-b-0-i qa-settings-company-details-company-email", value: formState.companyEmail.value, onChange: formState.companyEmail.onChangeHandler, error: formState.companyEmail.hasError, onBlur: handleCompanyEmailBlur, label: "Company Email", placeholder: "hello@yourcompany.com", fluid: true }, void 0), _jsx(Form.Field, Object.assign({ label: "Year Established", className: "qa-settings-company-details-company-email", width: 4, error: formState.yearEstablished.hasError }, { children: _jsx(NumberInput, { value: formState.yearEstablished.value, onChange: formState.yearEstablished.onChange, emptyValue: undefined, min: 1, max: 2099, useEmptyThousandsSeparator: true, placeholder: "1950", fluid: true }, void 0) }), void 0)] }), void 0), logoPicker] }), void 0) }), void 0));
+});
+//# sourceMappingURL=index.js.map

package/lib/components/settings/company-details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-details/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import(".").CompanyEmailFooterProps>;
+    parameters: {};
+};
+export default _default;
+export declare const CompanyEmailFooter: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+//# sourceMappingURL=company-email-footer.stories.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+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 { CompanyEmailFooter as Component } from '.';
+export default {
+    title: 'MPA Components/settings/CompanyEmailFooter',
+    component: Component,
+    parameters: {},
+};
+let CompanyEmailStore = class CompanyEmailStore {
+    constructor() {
+        Object.defineProperty(this, "form", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new FormState({
+                legalCopy: new InputFieldState('Legal copy example'),
+                license: new InputFieldState('License'),
+                copyrightText: new InputFieldState('Copyritght 2022'),
+            })
+        });
+    }
+};
+CompanyEmailStore = __decorate([
+    injectable()
+], CompanyEmailStore);
+export const CompanyEmailFooter = provide({ singletons: [CompanyEmailStore] })(() => {
+    const [store] = useDependencies(CompanyEmailStore);
+    return _jsx(Component, { formState: store.form.$ }, void 0);
+});
+//# sourceMappingURL=company-email-footer.stories.js.map

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

@@ -0,0 +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,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,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,eAAe,CAAC,oBAAoB,CAAC;gBACpD,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,WAAI,CAAC;AAClD,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { InputFieldState } from '@servicetitan/form';
+export interface CompanyEmailFooterProps {
+    formState: {
+        legalCopy: InputFieldState<string>;
+        license: InputFieldState<string>;
+        copyrightText: InputFieldState<string>;
+    };
+}
+export declare const CompanyEmailFooter: FC<CompanyEmailFooterProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAIrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE;QACP,SAAS,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACnC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACjC,aAAa,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;KAC1C,CAAC;CACL;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8D1D,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { observer } from 'mobx-react';
+import { Form, Text } from '@servicetitan/design-system';
+import { SettingsSection } from '../settings-section';
+export const CompanyEmailFooter = observer(({ formState: { legalCopy, license, copyrightText } }) => {
+    return (_jsx(SettingsSection, Object.assign({ title: "Footer", text: `Your footer will be partially generated from the Company Details section above.
+                    Please enter the additional info so that it is CAN-SPAM compliant.`, qaPrefix: "qa-settings-footer" }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.TextArea, { className: "m-b-2-i qa-settings-footer-legal-copy", label: _jsxs(Fragment, { children: ["Legal Copy\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(optional)" }), void 0)] }, void 0), placeholder: "Enter legal copy here", value: legalCopy.value, onChange: legalCopy.onChangeHandler }, void 0), _jsxs(Form.Group, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-footer-lic", value: license.value, onChange: license.onChangeHandler, label: _jsxs(Fragment, { children: ["LIC #\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(optional)" }), void 0)] }, void 0), placeholder: "XYZ12345", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-footer-copyright-text", value: copyrightText.value, onChange: copyrightText.onChangeHandler, label: _jsxs(Fragment, { children: ["Copyright Text\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(optional)" }), void 0)] }, void 0), placeholder: "\u00A9 2022, all right reserved", fluid: true }, void 0)] }), void 0)] }), void 0) }), void 0));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-footer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAUtD,MAAM,CAAC,MAAM,kBAAkB,GAAgC,QAAQ,CACnE,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IACrD,OAAO,CACH,KAAC,eAAe,kBACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE;uFACiE,EACvE,QAAQ,EAAC,oBAAoB,gBAE7B,MAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,iBACrB,KAAC,IAAI,CAAC,QAAQ,IACV,SAAS,EAAC,uCAAuC,EACjD,KAAK,EACD,MAAC,QAAQ,mCAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,8CAEtB,YACA,EAEf,WAAW,EAAC,uBAAuB,EACnC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,SAAS,CAAC,eAAe,WACrC,EACF,MAAC,IAAI,CAAC,KAAK,kBAAC,SAAS,EAAC,SAAS,iBAC3B,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,OAAO,CAAC,eAAe,EACjC,KAAK,EACD,MAAC,QAAQ,8BAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,8CAEtB,YACA,EAEf,WAAW,EAAC,UAAU,EACtB,KAAK,iBACP,EACF,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,QAAQ,EAAE,aAAa,CAAC,eAAe,EACvC,KAAK,EACD,MAAC,QAAQ,uCAEL,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,EAAE,CAAC,EAAE,OAAO,8CAEtB,YACA,EAEf,WAAW,EAAC,iCAA4B,EACxC,KAAK,iBACP,aACO,aACV,YACO,CACrB,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import(".").CompanyEmailReplyToProps>;
+    parameters: {};
+};
+export default _default;
+export declare const CompanyEmailReplyTo: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => 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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+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 {
+    title: 'MPA Components/settings/CompanyEmailReplyTo',
+    component: Component,
+    parameters: {},
+};
+let CompanyEmailReplyToStore = class CompanyEmailReplyToStore {
+    constructor() {
+        Object.defineProperty(this, "form", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new FormState({
+                replyToEmail: new InputFieldState('info@acme.com'),
+            })
+        });
+    }
+};
+CompanyEmailReplyToStore = __decorate([
+    injectable()
+], CompanyEmailReplyToStore);
+export const CompanyEmailReplyTo = provide({ singletons: [CompanyEmailReplyToStore] })(() => {
+    const [store] = useDependencies(CompanyEmailReplyToStore);
+    return _jsx(Component, { replyToEmail: store.form.$.replyToEmail }, void 0);
+});
+//# sourceMappingURL=company-email-reply-to.stories.js.map

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

@@ -0,0 +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,WAAI,CAAC;AAClE,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { InputFieldState } from '@servicetitan/form';
+export interface CompanyEmailReplyToProps {
+    replyToEmail: InputFieldState<string>;
+}
+export declare const CompanyEmailReplyTo: FC<CompanyEmailReplyToProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,MAAM,WAAW,wBAAwB;IACrC,YAAY,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyB3D,CAAC"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { observer } from 'mobx-react';
+import { Form } from '@servicetitan/design-system';
+import { SettingsSection } from '../settings-section';
+export const CompanyEmailReplyTo = observer(({ replyToEmail }) => {
+    const handleReplyToBlur = useCallback(() => {
+        replyToEmail.validate();
+    }, [replyToEmail]);
+    return (_jsx(SettingsSection, Object.assign({ title: "Reply-To", text: "This is where emails will be sent if someone replies to one of your emails.", qaPrefix: "qa-settings-reply-to" }, { children: _jsx(Form, Object.assign({ className: "m-b-0-i" }, { children: _jsx(Form.Input, { className: "m-b-0-i qa-settings-reply-to-email-address", value: replyToEmail.value, onChange: replyToEmail.onChangeHandler, error: replyToEmail.hasError, onBlur: handleReplyToBlur, label: "Reply-to Email Address", placeholder: "info@yourcompany.com", fluid: true }, void 0) }), void 0) }), void 0));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-reply-to/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,QAAQ,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC3F,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACH,KAAC,eAAe,kBACZ,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,6EAA6E,EAClF,QAAQ,EAAC,sBAAsB,gBAE/B,KAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,gBACrB,KAAC,IAAI,CAAC,KAAK,IACP,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,YAAY,CAAC,eAAe,EACtC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAC5B,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAC,wBAAwB,EAC9B,WAAW,EAAC,sBAAsB,EAClC,KAAK,iBACP,YACC,YACO,CACrB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/lib/components/settings/company-email-sender/company-email-sender.module.less

@@ -0,0 +1,7 @@
+@import (reference) '~@servicetitan/tokens/dist/tokens.less';
+
+.domain {
+    height: 40px;
+    display: flex;
+    align-items: center;
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import(".").CompanyEmailSenderProps>;
+    parameters: {};
+};
+export default _default;
+export declare const CompanyEmailSender: (() => JSX.Element) & import("@servicetitan/react-ioc/dist/provide").WrappedComponent<() => JSX.Element>;
+//# sourceMappingURL=company-email-sender.stories.d.ts.map

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

@@ -0,0 +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":";;;;;;AAMA,wBAIE;AAWF,eAAO,MAAM,kBAAkB,0GAI7B,CAAC"}

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

@@ -0,0 +1,38 @@
+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 Component } from '.';
+export default {
+    title: 'MPA Components/settings/CompanyEmailSender',
+    component: Component,
+    parameters: {},
+};
+let CompanyEmailSenderStore = class CompanyEmailSenderStore {
+    constructor() {
+        Object.defineProperty(this, "form", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new FormState({
+                senderEmail: new InputFieldState('email@acme.com'),
+                senderName: new InputFieldState('Pinky & Brain'),
+                senderDomain: new InputFieldState('acme'),
+            })
+        });
+    }
+};
+CompanyEmailSenderStore = __decorate([
+    injectable()
+], CompanyEmailSenderStore);
+export const CompanyEmailSender = provide({ singletons: [CompanyEmailSenderStore] })(() => {
+    const [store] = useDependencies(CompanyEmailSenderStore);
+    return _jsx(Component, { formState: store.form.$, senderTld: "com" }, void 0);
+});
+//# sourceMappingURL=company-email-sender.stories.js.map

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

@@ -0,0 +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,SAAS,EAAE,MAAM,GAAG,CAAC;AAEpD,eAAe;IACX,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,SAAS;IACpB,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,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,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,EAAC,KAAK,WAAG,CAAC;AAClE,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { InputFieldState } from '@servicetitan/form';
+export interface CompanyEmailSenderProps {
+    formState: {
+        senderName: InputFieldState<string>;
+        senderDomain: InputFieldState<string>;
+        senderEmail: InputFieldState<string>;
+    };
+    senderTld: string;
+}
+export declare const CompanyEmailSender: FC<CompanyEmailSenderProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE;QACP,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACpC,YAAY,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACtC,WAAW,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;KACxC,CAAC;IAEF,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA2G1D,CAAC"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback } from 'react';
+import { observer } from 'mobx-react';
+import { Form, Text } from '@servicetitan/design-system';
+import { SettingsSection } from '../settings-section';
+import { convertDomainName } from '../../../utils/helpers';
+import * as Styles from './company-email-sender.module.less';
+export const CompanyEmailSender = observer(({ formState: { senderDomain, senderName, senderEmail }, senderTld }) => {
+    const handleSenderNameChange = useCallback((_0, data) => {
+        if (data.value.length > 80) {
+            return;
+        }
+        senderName.onChange(data.value);
+    }, [senderName]);
+    const handleSenderDomainChange = useCallback((_0, data) => {
+        if (data.value.length > 30) {
+            return;
+        }
+        senderDomain.onChange(data.value);
+    }, [senderDomain]);
+    const handleSenderEmailChange = useCallback((_0, data) => {
+        if (data.value.length > 50) {
+            return;
+        }
+        senderEmail.onChange(data.value);
+    }, [senderEmail]);
+    return (_jsx(SettingsSection, Object.assign({ title: "Sender", text: "Configure sender name and email.", qaPrefix: "qa-settings-sender" }, { children: _jsxs(Form, Object.assign({ className: "m-b-0-i" }, { children: [_jsxs(Form.Group, Object.assign({ widths: "equal", className: "m-b-2-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-name", value: senderName.value, onChange: handleSenderNameChange, error: senderName.hasError, label: _jsxs(Fragment, { children: ["Sender Name \u00A0\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "max 80 characters" }), void 0)] }, void 0), placeholder: "John Doe", fluid: true }, void 0), _jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-domain", value: senderDomain.value, onChange: handleSenderDomainChange, error: senderDomain.hasError, label: "Sender Domain", placeholder: "Your Company", fluid: true }, void 0)] }), void 0), _jsxs(Form.Group, Object.assign({ className: "m-b-0-i" }, { children: [_jsx(Form.Input, { width: 6, className: "m-b-0-i qa-settings-sender-email", value: senderEmail.value, onChange: handleSenderEmailChange, error: senderEmail.hasError, label: _jsxs(Fragment, { children: ["Sender Email\u00A0", _jsx(Text, Object.assign({ inline: true, size: 2, subdued: true }, { children: "(domain added automatically)" }), void 0)] }, void 0), placeholder: "john.doe", fluid: true }, void 0), _jsx(Form.Field, Object.assign({ label: '\u00A0' }, { children: _jsx("div", Object.assign({ className: Styles.domain }, { children: _jsxs(Text, Object.assign({ size: 3, bold: true, subdued: true, className: "qa-settings-sender-generated-domain" }, { children: ["@", senderDomain.$ ? convertDomainName(senderDomain.$) : 'domain', ".", senderTld] }), void 0) }), void 0) }), void 0)] }), void 0)] }), void 0) }), void 0));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-email-sender/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/settings/company-trade-checkbox/company-trade-checkbox.module.less

@@ -0,0 +1,13 @@
+@import (reference) '~@servicetitan/tokens/dist/tokens.less';
+
+.card {
+    position: relative;
+
+    .checkbox {
+        position: absolute;
+        top: -@spacing-1;
+        left: -@spacing-1;
+        color: @color-blue;
+        background-color: @color-white;
+    }
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface CompanyTradeCheckboxProps<TradesType extends string = string> {
+    label?: JSX.Element | string;
+    value?: TradesType;
+    className?: string;
+    active?: boolean;
+    onClick?(item?: TradesType): void;
+}
+export declare function CompanyTradeCheckbox({ label, value, className, active, onClick, }: CompanyTradeCheckboxProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;IACzE,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,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,GACV,EAAE,yBAAyB,eAqB3B"}

package/lib/components/settings/company-trade-checkbox/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import classnames from 'classnames';
+import { Card, Icon } from '@servicetitan/design-system';
+import * as Styles from './company-trade-checkbox.module.less';
+export function CompanyTradeCheckbox({ label, value, className, active, onClick, }) {
+    const handleClick = useCallback(() => {
+        if (onClick) {
+            onClick(value);
+        }
+    }, [onClick, value]);
+    return (_jsx(Card, Object.assign({ onClick: handleClick, active: active, className: classnames(Styles.card, className), sharp: true, thin: true }, { children: _jsxs(Card.Section, { children: [active && _jsx(Icon, { name: "check_circle", className: Styles.checkbox, size: 24 }, void 0), label] }, void 0) }), void 0));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/company-trade-checkbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,KAAK,MAAM,MAAM,sCAAsC,CAAC;AAU/D,MAAM,UAAU,oBAAoB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,GACiB;IACxB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,KAAK,CAAC,CAAC;SAClB;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,KAAC,IAAI,kBACD,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7C,KAAK,QACL,IAAI,sBAEJ,MAAC,IAAI,CAAC,OAAO,eACR,MAAM,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,WAAI,EAC5E,KAAK,YACK,YACZ,CACV,CAAC;AACN,CAAC"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { CompanyTradesPicker as Component } from '.';
+export default {
+    title: 'MPA Components/settings/CompanyTradesPicker',
+    component: Component,
+    parameters: {},
+};
+var TradeType;
+(function (TradeType) {
+    TradeType["first"] = "FIRST";
+    TradeType["second"] = "SECOND";
+    TradeType["third"] = "THIRD";
+    TradeType["fourth"] = "FOURTH";
+})(TradeType || (TradeType = {}));
+export function CompanyTradesPicker() {
+    const [trades, setTrades] = useState([
+        {
+            qaKey: 'first',
+            name: 'first',
+            value: TradeType.first,
+            active: true,
+            asset: {
+                main: 'https://place-hold.it/64x64',
+                x2: 'https://place-hold.it/128x128',
+                x3: 'https://place-hold.it/192x192',
+            },
+        },
+        {
+            qaKey: 'second',
+            name: 'second',
+            value: TradeType.second,
+            active: false,
+            asset: {
+                main: 'https://place-hold.it/64x64',
+                x2: 'https://place-hold.it/128x128',
+                x3: 'https://place-hold.it/192x192',
+            },
+        },
+        {
+            qaKey: 'third',
+            name: 'third',
+            value: TradeType.third,
+            active: false,
+            asset: {
+                main: 'https://place-hold.it/64x64',
+                x2: 'https://place-hold.it/128x128',
+                x3: 'https://place-hold.it/192x192',
+            },
+        },
+        {
+            qaKey: 'fourth',
+            name: 'fourth',
+            value: TradeType.fourth,
+            active: false,
+            asset: {
+                main: 'https://place-hold.it/64x64',
+                x2: 'https://place-hold.it/128x128',
+                x3: 'https://place-hold.it/192x192',
+            },
+        },
+    ]);
+    const selectTrade = useCallback((t) => {
+        setTrades(trades.map(trade => (Object.assign(Object.assign({}, trade), { active: trade.value === t ? !trade.active : trade.active }))));
+    }, [trades]);
+    return _jsx(Component, { trades: trades, onTradeChange: selectTrade }, void 0);
+}
+//# sourceMappingURL=company-trades-picker.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"company-trades-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/company-trades-picker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAS,MAAM,GAAG,CAAC;AAE5D,eAAe;IACX,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,IAAK,SAKJ;AALD,WAAK,SAAS;IACV,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,4BAAe,CAAA;IACf,8BAAiB,CAAA;AACrB,CAAC,EALI,SAAS,KAAT,SAAS,QAKb;AAED,MAAM,UAAU,mBAAmB;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAqB;QACrD;YACI,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACH,IAAI,EAAE,6BAA6B;gBACnC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;aACtC;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,6BAA6B;gBACnC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;aACtC;SACJ;QACD;YACI,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,6BAA6B;gBACnC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;aACtC;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,MAAM,EAAE,KAAK;YACb,KAAK,EAAE;gBACH,IAAI,EAAE,6BAA6B;gBACnC,EAAE,EAAE,+BAA+B;gBACnC,EAAE,EAAE,+BAA+B;aACtC;SACJ;KACJ,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAY,EAAE,EAAE;QACb,SAAS,CACL,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,iCACb,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAC1D,CAAC,CACN,CAAC;IACN,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,OAAO,KAAC,SAAS,IAAY,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,WAAI,CAAC;AAChF,CAAC"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface Trade<TradeType extends string> {
+    qaKey?: string;
+    name: string;
+    value: TradeType;
+    active: boolean;
+    asset: {
+        main: string;
+        x2: string;
+        x3: string;
+        alt?: string;
+    };
+}
+export interface CompanyTradesPickerProps<TradeType extends string = string> {
+    trades: Trade<TradeType>[];
+    onTradeChange(t?: TradeType): void;
+}
+export declare function CompanyTradesPicker<T extends string = string>({ trades, onTradeChange, }: CompanyTradesPickerProps<T>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/company-trades-picker/index.tsx"],"names":[],"mappings":";AAQA,MAAM,WAAW,KAAK,CAAC,SAAS,SAAS,MAAM;IAC3C,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;IACvE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IAC3B,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACtC;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC3D,MAAM,EACN,aAAa,GAChB,EAAE,wBAAwB,CAAC,CAAC,CAAC,eAgD7B"}