{"version":3,"sources":["webpack:///./obj/desktop/src/marketing/components/preferences/preferences.less","webpack:///./obj/desktop/src/marketing/components/opt-in-page/opt-in-page.less","webpack:///./obj/desktop/src/marketing/stores/subscription.store.ts","webpack:///./obj/desktop/src/marketing/stores/opt-in.store.ts","webpack:///./obj/desktop/src/marketing/ioc.ts","webpack:///./obj/desktop/src/marketing/components/preferences/preferences.tsx","webpack:///./obj/desktop/src/marketing/components/unsubscribe-page/subscription-page.tsx","webpack:///./obj/desktop/src/marketing/components/opt-in-page/opt-in-page.tsx","webpack:///./obj/desktop/src/marketing/components/opt-out-page/opt-out-page.tsx","webpack:///./obj/desktop/src/marketing/components/marketing-routes.tsx"],"names":["module","exports","marketingApi","submitted","unsubscribed","optionsForm","unsoldEstimates","agingEquipment","expiringMemberships","idleAccount","other","recurringService","newsletter","thankYou","customerWelcome","optionsFormList","this","$","validators","isAnySelected","updatePreferences","emailId","validate","options","request","value","updateSubscription","some","f","unsubscribe","SubscriptionStore","optIn","OptInStore","marketingContainer","createChild","lazyInject","bind","toSelf","inSingletonScope","handleUpdateSubscription","marketingStore","handleUnsubscribe","props","version","getCheckbox","label","name","state","alignItems","className","size","id","onChange","_","checked","el","for","render","container","raised","card","Section","header","hasError","status","title","error","bold","Group","grouped","isNewVersion","justifyContent","onClick","full","primary","showUnsubscribeButton","undefined","successContainer","successImages","src","Preferences","Component","componentDidMount","match","params","UnsubscribePageContainer","OptInPage","OptOutPageContainer","MarketingRoutes","exact","path","component","type","allowAnonUnsubscribe"],"mappings":"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","file":"marketing.bundle.js?95807feb536b5f2007cb","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"card\":\"AtATzN-EPRUN-Z4Iq39kN\",\"container\":\"_2fEdWpc7qKSJNHI69El5KA\",\"success-container\":\"_29Z6UPPYrxWd3I1OeDM9-S\",\"successContainer\":\"_29Z6UPPYrxWd3I1OeDM9-S\",\"success-images\":\"KVmdI2PSjLQVXWUQ5jQFs\",\"successImages\":\"KVmdI2PSjLQVXWUQ5jQFs\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"success-container\":\"_2tBcvJG17-ksjSETI4xcnY\",\"successContainer\":\"_2tBcvJG17-ksjSETI4xcnY\",\"success-images\":\"_3m515EcogERjE93e3jqFEJ\",\"successImages\":\"_3m515EcogERjE93e3jqFEJ\"};","import { MarketingApiService, UpdateSubscriptionRequest } from 'src/api';\nimport { injectable } from 'inversify';\nimport { FieldState, FormState } from 'formstate';\nimport { computed, observable } from 'mobx';\n\n@injectable()\nexport class SubscriptionStore {\n    constructor(private marketingApi: MarketingApiService) {\n        this.optionsForm.validators(\n            () => !this.isAnySelected && 'Please select at least one option'\n        );\n    }\n\n    async updatePreferences(emailId: string) {\n        this.optionsForm.validate();\n\n        const options = this.optionsForm.$;\n        const request: UpdateSubscriptionRequest = {\n            emailId,\n            agingEquipment: options.agingEquipment.value,\n            expiringMemberships: options.expiringMemberships.value,\n            idleAccount: options.idleAccount.value,\n            unsoldEstimates: options.unsoldEstimates.value,\n            other: options.other.value,\n            recurringService: options.recurringService.value,\n            newsletter: options.newsletter.value,\n            thankYou: options.thankYou.value,\n            customerWelcome: options.customerWelcome.value,\n        };\n\n        if (this.isAnySelected) {\n            await this.marketingApi.updateSubscription(request);\n\n            this.submitted = true;\n            this.unsubscribed = false;\n        }\n    }\n\n    @computed\n    get isAnySelected() {\n        return this.optionsFormList.some((f) => f.value);\n    }\n\n    async unsubscribe(emailId: string) {\n        await this.marketingApi.unsubscribe(emailId);\n        this.unsubscribed = true;\n        this.submitted = false;\n    }\n\n    @observable submitted = false;\n    @observable unsubscribed = false;\n\n    optionsForm = new FormState({\n        unsoldEstimates: new FieldState(false),\n        agingEquipment: new FieldState(false),\n        expiringMemberships: new FieldState(false),\n        idleAccount: new FieldState(false),\n        other: new FieldState(false),\n        recurringService: new FieldState(false),\n        newsletter: new FieldState(false),\n        thankYou: new FieldState(false),\n        customerWelcome: new FieldState(false),\n    });\n\n    private optionsFormList = [\n        this.optionsForm.$.idleAccount,\n        this.optionsForm.$.expiringMemberships,\n        this.optionsForm.$.agingEquipment,\n        this.optionsForm.$.unsoldEstimates,\n        this.optionsForm.$.other,\n        this.optionsForm.$.recurringService,\n        this.optionsForm.$.newsletter,\n        this.optionsForm.$.thankYou,\n        this.optionsForm.$.customerWelcome,\n    ];\n}\n","import { injectable } from '@servicetitan/react-ioc';\nimport { MarketingApiService } from 'src/api';\n\n@injectable()\nexport class OptInStore {\n    constructor(private marketingApi: MarketingApiService) {}\n\n    optIn() {\n        this.marketingApi.optIn();\n    }\n}\n","import getDecorators from 'inversify-inject-decorators';\n\nimport { rootContainer } from '../ioc';\n\nimport { SubscriptionStore } from './stores/subscription.store';\nimport { OptInStore } from 'src/marketing/stores/opt-in.store';\n\nexport const marketingContainer = rootContainer.createChild();\nexport const { lazyInject } = getDecorators(marketingContainer);\n\nmarketingContainer.bind(SubscriptionStore).toSelf().inSingletonScope();\nmarketingContainer.bind(OptInStore).toSelf().inSingletonScope();\n","import React, { ReactElement } from 'react';\nimport { lazyInject } from '../../ioc';\nimport { SubscriptionStore } from '../../stores/subscription.store';\nimport styles from './preferences.less';\nimport {\n    Card,\n    Checkbox,\n    Form,\n    Stack,\n    BodyText,\n    Button,\n    Banner,\n    Headline,\n} from '@servicetitan/design-system';\nimport { FieldState } from 'formstate';\nimport { observer } from 'mobx-react';\n\nexport interface PreferencesProps {\n    header: ReactElement;\n    showUnsubscribeButton?: boolean;\n    emailId: string;\n    version?: string;\n}\n\n@observer\nexport class Preferences extends React.Component<PreferencesProps> {\n    @lazyInject(SubscriptionStore) private marketingStore!: SubscriptionStore;\n\n    handleUpdateSubscription = () => {\n        this.marketingStore.updatePreferences(this.emailId);\n    };\n\n    handleUnsubscribe = () => {\n        this.marketingStore.unsubscribe(this.emailId);\n    };\n\n    private get emailId(): string {\n        return this.props.emailId;\n    }\n\n    private get isNewVersion(): boolean {\n        return this.props.version === '1';\n    }\n\n    private getCheckbox(label: string, name: string, state: FieldState<boolean>) {\n        return (\n            <Stack alignItems=\"flex-start\" className=\"m-b-3\">\n                <Checkbox\n                    size=\"large\"\n                    id={name}\n                    onChange={(_, checked) => state.onChange(checked)}\n                    checked={state.value}\n                    className=\"m-r-0\"\n                />\n                <BodyText size=\"small\" el=\"label\" for={name}>\n                    {label}\n                </BodyText>\n            </Stack>\n        );\n    }\n\n    render() {\n        const options = this.marketingStore.optionsForm.$;\n        return (\n            <div className={styles.container}>\n                <Card raised className={styles.card}>\n                    <Card.Section className=\"p-x-5 p-y-4\">\n                        {this.props.header}\n                        <hr />\n                        <BodyText size=\"small\" className=\"m-t-2 m-b-3\">\n                            Would you like to receive only certain types of messages from us? Choose\n                            the categories that matter to you below and update your preferences.\n                        </BodyText>\n                        {this.marketingStore.optionsForm.hasError && (\n                            <Banner\n                                status=\"critical\"\n                                title={this.marketingStore.optionsForm.error ?? ''}\n                                className=\"m-b-2\"\n                            />\n                        )}\n                        <BodyText size=\"small\" bold>\n                            Categories\n                        </BodyText>\n                        <Form className=\"m-t-2\">\n                            <Form.Group grouped>\n                                {this.getCheckbox(\n                                    'Estimate follow-ups',\n                                    'UnsoldEstimates',\n                                    options.unsoldEstimates\n                                )}\n                                {this.getCheckbox(\n                                    'Equipment service check-ins',\n                                    'AgingEquipment',\n                                    options.agingEquipment\n                                )}\n                                {this.getCheckbox(\n                                    'Membership reminders',\n                                    'ExpiringMemberships',\n                                    options.expiringMemberships\n                                )}\n                                {this.getCheckbox(\n                                    \"“Haven't heard from you” reminders\",\n                                    'IdleAccount',\n                                    options.idleAccount\n                                )}\n\n                                {this.isNewVersion && (\n                                    <>\n                                        {this.getCheckbox(\n                                            'Recurring service reminders',\n                                            'RecurringServices',\n                                            options.recurringService\n                                        )}\n                                        {this.getCheckbox(\n                                            'Newsletters',\n                                            'Newsletter',\n                                            options.newsletter\n                                        )}\n                                        {this.getCheckbox(\n                                            'Thank yous',\n                                            'ThankYou',\n                                            options.thankYou\n                                        )}\n                                        {this.getCheckbox(\n                                            'Welcomes',\n                                            'CustomerWelcome',\n                                            options.customerWelcome\n                                        )}\n                                        {this.getCheckbox(\n                                            'Special announcements',\n                                            'Other',\n                                            options.other\n                                        )}\n                                    </>\n                                )}\n\n                                {!this.isNewVersion &&\n                                    this.getCheckbox(\n                                        'Newsletter, Promotions, and Special Announcements',\n                                        'Other',\n                                        options.other\n                                    )}\n                            </Form.Group>\n                        </Form>\n\n                        <Stack justifyContent=\"center\" className=\"m-t-4\">\n                            <Button onClick={this.handleUpdateSubscription} full primary>\n                                Update Preferences\n                            </Button>\n                        </Stack>\n\n                        {this.props.showUnsubscribeButton ? (\n                            <Stack justifyContent=\"center\" className=\"m-t-1\">\n                                <Button full onClick={this.handleUnsubscribe}>\n                                    Unsubscribe\n                                </Button>\n                            </Stack>\n                        ) : undefined}\n                        {this.props.showUnsubscribeButton && this.marketingStore.unsubscribed && (\n                            <div className={styles.successContainer}>\n                                <div className={styles.successImages}>\n                                    <img src=\"/assets/images/mrk-subs-circle.svg\" />\n                                    <img src=\"/assets/images/mrk-subs-check.svg\" />\n                                </div>\n                                <Headline bold className=\"m-t-3\">\n                                    Unsubscribe successful\n                                </Headline>\n                                <BodyText size=\"small\" className=\"m-t-2\">\n                                    You'll no longer receive email marketing from us.\n                                </BodyText>\n                            </div>\n                        )}\n                        {this.marketingStore.submitted && (\n                            <div className={styles.successContainer}>\n                                <div className={styles.successImages}>\n                                    <img src=\"/assets/images/mrk-subs-circle.svg\" />\n                                    <img src=\"/assets/images/mrk-subs-check.svg\" />\n                                </div>\n                                <Headline className=\"m-t-3\">\n                                    Your subscription preferences have been updated.\n                                </Headline>\n                            </div>\n                        )}\n                    </Card.Section>\n                </Card>\n            </div>\n        );\n    }\n}\n","import * as React from 'react';\nimport { RouteComponentProps } from 'react-router';\nimport { lazyInject } from '../../ioc';\nimport { SubscriptionStore } from '../../stores/subscription.store';\nimport { observer } from 'mobx-react';\nimport { Preferences } from 'src/marketing/components/preferences/preferences';\nimport { BodyText, Headline } from '@servicetitan/design-system';\n\n@observer\nexport class UnsubscribePageContainer extends React.Component<\n    RouteComponentProps<{ emailId: string; version?: string }>\n> {\n    @lazyInject(SubscriptionStore) private marketingStore!: SubscriptionStore;\n\n    componentDidMount(): void {\n        this.marketingStore.unsubscribe(this.emailId);\n    }\n\n    private get emailId(): string {\n        return this.props.match.params.emailId;\n    }\n\n    private get version(): string | undefined {\n        return this.props.match.params.version;\n    }\n\n    render() {\n        return (\n            <Preferences\n                header={\n                    <React.Fragment>\n                        <Headline bold>Unsubscribe Successful</Headline>\n                        <BodyText size=\"xsmall\" className=\"m-t-0 m-b-2\">\n                            You'll no longer receive email marketing from us.\n                        </BodyText>\n                    </React.Fragment>\n                }\n                emailId={this.emailId}\n                version={this.version}\n            />\n        );\n    }\n}\n","import * as React from 'react';\nimport { lazyInject } from '../../ioc';\nimport styles from './opt-in-page.less';\nimport { Card, Headline } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport { OptInStore } from 'src/marketing/stores/opt-in.store';\n\n@observer\nexport class OptInPage extends React.Component<{}> {\n    @lazyInject(OptInStore) private marketingStore!: OptInStore;\n\n    componentDidMount(): void {\n        this.marketingStore.optIn();\n    }\n\n    render() {\n        return (\n            <div>\n                <Card raised>\n                    <Card.Section className=\"p-x-5 p-y-4\">\n                        <div className={styles.successContainer}>\n                            <div className={styles.successImages}>\n                                <img src=\"/assets/images/mrk-subs-circle.svg\" />\n                                <img src=\"/assets/images/mrk-subs-check.svg\" />\n                            </div>\n                            <Headline className=\"m-t-3\">\n                                Your preferences have been updated.\n                            </Headline>\n                        </div>\n                    </Card.Section>\n                </Card>\n            </div>\n        );\n    }\n}\n","import * as React from 'react';\nimport { RouteComponentProps } from 'react-router';\nimport { observer } from 'mobx-react';\nimport { Preferences } from 'src/marketing/components/preferences/preferences';\nimport { Headline } from '@servicetitan/design-system';\n\n@observer\nexport class OptOutPageContainer extends React.Component<\n    RouteComponentProps<{ emailId: string; version?: string }>\n> {\n    private get emailId(): string {\n        return this.props.match.params.emailId;\n    }\n\n    private get version(): string | undefined {\n        return this.props.match.params.version;\n    }\n\n    render() {\n        return (\n            <Preferences\n                header={<Headline bold>Update Email Preferences</Headline>}\n                emailId={this.emailId}\n                version={this.version}\n                showUnsubscribeButton\n            />\n        );\n    }\n}\n","import * as React from 'react';\nimport { Route, Switch } from 'react-router';\n\nimport '@servicetitan/anvil-fonts/dist/css/anvil-fonts.css';\nimport '@servicetitan/design-system/dist/system.min.css';\n\nimport { ErrorPage } from 'src/core/components/error-page/error-page';\nimport { PrivateRoute } from 'src/routes';\nimport { UnsubscribePageContainer } from 'src/marketing/components/unsubscribe-page/subscription-page';\nimport { OptInPage } from 'src/marketing/components/opt-in-page/opt-in-page';\nimport { OptOutPageContainer } from 'src/marketing/components/opt-out-page/opt-out-page';\n\nexport const MarketingRoutes: React.FC = () => (\n    <Switch>\n        <Route\n            exact\n            path=\"/marketing/expired-link\"\n            component={() => <ErrorPage type=\"expired-link\" />}\n        />\n        <Route exact path=\"/marketing/not-found\" component={() => <ErrorPage type=\"not-found\" />} />\n        <PrivateRoute\n            allowAnonUnsubscribe\n            exact\n            path=\"/marketing/unsubscribe/:emailId/(version)?/:version?\"\n            component={UnsubscribePageContainer}\n        />\n        <PrivateRoute\n            allowAnonUnsubscribe\n            exact\n            path=\"/marketing/optin/:emailId\"\n            component={OptInPage}\n        />\n        <PrivateRoute\n            allowAnonUnsubscribe\n            exact\n            path=\"/marketing/optout/:emailId/(version)?/:version?\"\n            component={OptOutPageContainer}\n        />\n        <Route component={() => <ErrorPage type=\"not-found\" />} />\n    </Switch>\n);\n"],"sourceRoot":""}