@servicetitan/mpa-components 1.9.0 → 1.11.0

package/src/components/settings/company-email-sender/custom-domain-sender.tsx

@@ -40,7 +40,7 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
 
                 senderName.onChange(data.value);
             },
-            [senderName]
+            [senderName],
         );
 
         const handleSenderDomainChange = useCallback(
@@ -51,7 +51,7 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
 
                 senderDomain.onChange(data.value);
             },
-            [senderDomain]
+            [senderDomain],
         );
 
         const handleSenderEmailChange = useCallback(
@@ -62,7 +62,7 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
 
                 senderEmail.onChange(data.value);
             },
-            [senderEmail]
+            [senderEmail],
         );
 
         return (
@@ -156,5 +156,5 @@ export const CompanyEmailSender: FC<CompanyEmailSenderProps> = observer(
                 </Form>
             </SettingsSection>
         );
-    }
+    },
 );

package/src/components/settings/company-email-sender/simple-sender.tsx

@@ -22,7 +22,7 @@ export const CompanyEmailSender: FC<CompanyEmailSender> = observer(
 
                 senderName.onChange(data.value);
             },
-            [senderName]
+            [senderName],
         );
 
         const handleSenderEmailBlur = useCallback(() => {
@@ -71,5 +71,5 @@ export const CompanyEmailSender: FC<CompanyEmailSender> = observer(
                 </Form>
             </SettingsSection>
         );
-    }
+    },
 );

package/src/components/settings/company-trades-picker/company-trades-picker.stories.tsx

@@ -68,10 +68,10 @@ export function CompanyTradesPicker() {
                 trades.map(trade => ({
                     ...trade,
                     active: trade.value === t ? !trade.active : trade.active,
-                }))
+                })),
             );
         },
-        [trades]
+        [trades],
     );
 
     return <Component<TradeType> trades={trades} onTradeChange={selectTrade} />;

package/src/components/settings/company-trades-picker/index.tsx

@@ -40,7 +40,7 @@ export function CompanyTradesPicker<T extends string | number = string>({
 }: CompanyTradesPickerProps<T>) {
     const rows = useMemo(
         () => chunk(trades, columns).map((row, idx) => ({ row, key: `row=${idx}` })),
-        [trades, columns]
+        [trades, columns],
     );
 
     return (

package/src/components/settings/double-opt-in/index.tsx

@@ -40,7 +40,7 @@ export const DoubleOptIn: FC<DoubleOptInProps> = observer(
                 onHandleClickEnable?.(checked);
                 enabled.onChange(checked);
             },
-            [enabled, onHandleClickEnable]
+            [enabled, onHandleClickEnable],
         );
 
         const [Confirm, handleConfirmed] = useConfirm(handleClickEnable);
@@ -100,7 +100,7 @@ export const DoubleOptIn: FC<DoubleOptInProps> = observer(
                     <Form.Input
                         className={classnames(
                             Styles.buttonInput,
-                            'm-b-2-i qa-double-opt-in-button-text'
+                            'm-b-2-i qa-double-opt-in-button-text',
                         )}
                         value={emailButtonText.value}
                         onChange={emailButtonText.onChangeHandler}
@@ -145,5 +145,5 @@ export const DoubleOptIn: FC<DoubleOptInProps> = observer(
                 />
             </SettingsSection>
         );
-    }
+    },
 );

package/src/components/settings/email-preview/email-preview.tsx

@@ -50,7 +50,7 @@ export const EmailPreview: FC<EmailPreviewProps> = ({
                             <a
                                 className={classnames(
                                     Styles.button,
-                                    'qa-email-preview-button-text'
+                                    'qa-email-preview-button-text',
                                 )}
                             >
                                 {buttonText}

package/src/components/settings/email-preview/opt-in-email-preview.tsx

@@ -26,5 +26,5 @@ export const OptInEmailPreview: FC<OptInEmailPreviewProps> = observer(
                 footer={footerText}
             />
         );
-    }
+    },
 );

package/src/components/settings/email-validation/index.tsx

@@ -44,7 +44,7 @@ export interface EmailValidationTableRecord<T> {
 
 export interface EmailValidationProps<
     TEmailValidationType extends string | number = string,
-    TEmailValidationResult extends string | number = string
+    TEmailValidationResult extends string | number = string,
 > {
     className?: string;
     loading: boolean;
@@ -56,7 +56,7 @@ export interface EmailValidationProps<
 
 interface EmailValidationHocOptions<
     TEmailValidationType extends string | number = string,
-    TEmailValidationResult extends string | number = string
+    TEmailValidationResult extends string | number = string,
 > {
     resultToText: Map<TEmailValidationResult, string>;
     levelTypeMap: {
@@ -71,7 +71,7 @@ interface EmailValidationHocOptions<
 
 export function emailValidationHoc<
     TEmailValidationType extends string | number = string,
-    TEmailValidationResult extends string | number = string
+    TEmailValidationResult extends string | number = string,
 >({
     resultToText,
     levelTypeMap,
@@ -81,7 +81,7 @@ export function emailValidationHoc<
 }: EmailValidationHocOptions<TEmailValidationType, TEmailValidationResult>) {
     const ResultColumnMenuFilter = multiSelectColumnMenuFilter(
         [...resultToText.keys()],
-        result => resultToText.get(result)!
+        result => resultToText.get(result)!,
     );
 
     const ResultCell: FC<TableCellProps> = props => {
@@ -115,7 +115,7 @@ export function emailValidationHoc<
             (riskType: TEmailValidationType) => () => {
                 setValidationRiskType(riskType);
             },
-            [setValidationRiskType]
+            [setValidationRiskType],
         );
 
         const handleClickLearnMore = () => {

package/src/components/settings/form-errors-list/index.tsx

@@ -20,7 +20,7 @@ export const FormErrorsList: FC<FormErrorsListProps> = observer(
                             {field.error}
                         </li>
                     ) : null;
-                }
+                },
             );
         };
 
@@ -39,5 +39,5 @@ export const FormErrorsList: FC<FormErrorsListProps> = observer(
                 <ul className="qa-settings-email-error-list">{getErrors()}</ul>
             </Banner>
         );
-    }
+    },
 );

package/src/components/settings/logo-picker/index.tsx

@@ -84,7 +84,7 @@ export const LogoPicker: FC<LogoPickerProps> = observer(
                 try {
                     const size = await getImageSize(imageUrl);
                     setRecommendLargerImage(
-                        size.height < minDimensions.height || size.width < minDimensions.width
+                        size.height < minDimensions.height || size.width < minDimensions.width,
                     );
                     setLocalError('');
 
@@ -206,7 +206,7 @@ export const LogoPicker: FC<LogoPickerProps> = observer(
                 )}
             </div>
         );
-    }
+    },
 );
 
 interface LogoCardProps {

package/src/components/settings/opt-out-message/index.tsx

@@ -106,7 +106,7 @@ export const OptOutMessage: FC<OptOutMessageProps> = observer(
                     <Form.Input
                         className={classnames(
                             Styles.buttonInput,
-                            'm-b-3-i qa-opt-out-message-button-text'
+                            'm-b-3-i qa-opt-out-message-button-text',
                         )}
                         value={buttonText.value}
                         onChange={buttonText.onChangeHandler}
@@ -153,5 +153,5 @@ export const OptOutMessage: FC<OptOutMessageProps> = observer(
                 <OptOutEmailPreview {...formState} open={isPreviewOpen} onClose={closePreview} />
             </SettingsSection>
         );
-    }
+    },
 );

package/src/components/settings/settings-section/index.tsx

@@ -38,5 +38,5 @@ export const SettingsSection: FC<SectionProps> = observer(
                 </Card>
             </Layout.Section>
         </Layout>
-    )
+    ),
 );

package/src/enums/brands.ts

@@ -0,0 +1,23 @@
+import { DomainValidationStatus } from '@servicetitan/marketing-services-api/dist/settings/brand.mrk.api';
+
+export interface BrandAction {
+    name: string;
+    disabled?: boolean;
+
+    tooltipMessage?: string;
+    inProgress?: boolean;
+    isConfigured?: boolean;
+    href?: string;
+    action?: () => void;
+}
+
+export interface BrandCardProps {
+    id: string;
+    actions: BrandAction | BrandAction[];
+    logo?: string;
+    name?: string;
+    isDefault: boolean;
+    email?: string;
+    domainValidationStatus?: DomainValidationStatus;
+    isShared: boolean;
+}

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from './components/settings';
 export * from './components/campaign-actions';
-
+export * from './enums/brands';
 export * from './utils/helpers';