@bigbinary/neeto-molecules 5.1.18 → 5.1.19

package/types/v2/EmailForm.d.ts

@@ -0,0 +1,88 @@
+import React from "react";
+
+import { EmailPreviewProps } from "./EmailPreview";
+import { HeaderProps } from "./Header";
+import { HelpPopoverProps } from "./HelpPopover";
+
+type ContentVariables = {
+  label: string;
+  key: string;
+};
+
+type FieldOptions = {
+  label: string;
+  value: string;
+};
+
+type ReplyToFieldProps = {
+  popoverProps?: HelpPopoverProps;
+  options?: FieldOptions[];
+};
+
+type SendToFieldProps = {
+  options?: FieldOptions[];
+};
+
+interface InitialValues {
+  sendTo?: string[];
+  sendToId?: string;
+  sendToCc?: string[];
+  sendToBcc?: string[];
+  replyTo?: string;
+  showCopyEmails?: boolean;
+  subject?: string;
+  message?: string;
+  isEnabled?: boolean;
+}
+
+type EmailFormProps = {
+  messageVariables?: ContentVariables[];
+  subjectVariables?: ContentVariables[];
+  handleCancel?: () => void;
+  handleResetToDefault?: () => void;
+  isLoading?: boolean;
+  isResetting?: boolean;
+  replyToOptions?: FieldOptions[];
+  sendToOptions?: FieldOptions[];
+  isUpdating?: boolean;
+  showFields?: boolean;
+  className?: string;
+  replyToFieldProps?: ReplyToFieldProps;
+  sendToFieldProps?: SendToFieldProps;
+  showResetToDefaultButton?: boolean;
+  editorRef?: React.Ref<HTMLDivElement>;
+  editorAddons?: string[];
+  defaultValues?: InitialValues;
+};
+
+interface ExtendedEmailPreviewProps extends EmailPreviewProps {
+  formatBody?: () => void;
+  formatSubject?: () => void;
+  bodyVariables?: object;
+  subjectVariables?: object;
+}
+
+const EmailForm: React.FC<{
+  onSubmit?: (values: InitialValues) => void;
+  initialValues?: InitialValues;
+  formikProps?: Record<string, unknown>;
+  validationSchema?: Record<string, unknown>;
+  showFields?: boolean;
+  showSendToField?: boolean;
+  showReplyToField?: boolean;
+  showSendToAsRadio?: boolean;
+  blockNavigation?: boolean;
+  showCcField?: boolean;
+  showBccField?: boolean;
+  isLoading?: boolean;
+  maxEmails?: number;
+  emailFormProps?: EmailFormProps;
+  emailPreviewProps?: Partial<ExtendedEmailPreviewProps>;
+  headerProps?: HeaderProps;
+  tooltipProps?: Record<string, unknown>;
+  switchProps?: Record<string, unknown>;
+  mobilePreviewProps?: object;
+  children?: React.ReactNode;
+}>;
+
+export default EmailForm;

package/types/v2/EmailFormProvider.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+
+interface InitialValues {
+  sendTo?: string[];
+  sendToId?: string;
+  sendToCc?: string[];
+  sendToBcc?: string[];
+  replyTo?: string;
+  showCopyEmails?: boolean;
+  subject?: string;
+  message?: string;
+  isEnabled?: boolean;
+}
+
+declare const EmailFormProvider: React.FC<{
+  showSendToField?: boolean;
+  showReplyToField?: boolean;
+  showSendToAsRadio?: boolean;
+  onSubmit?: (values: InitialValues) => void;
+  initialValues?: InitialValues;
+  children?: React.ReactNode | ((props: Record<string, unknown>) => React.ReactNode);
+  formikProps?: Record<string, unknown>;
+  validationSchema?: Record<string, unknown>;
+  maxEmails?: number;
+  showCcField?: boolean;
+  showBccField?: boolean;
+}>;
+
+export default EmailFormProvider;

package/types/v2/EmailPreview.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+
+export interface EmailPreviewProps {
+  to?: string[];
+  subject?: string;
+  body?: string;
+  from?: string;
+  logo?: string;
+  actionButtonText?: string;
+  className?: string;
+  customContent?: React.ReactNode;
+}
+
+const EmailPreview: React.FC<EmailPreviewProps>;
+
+export default EmailPreview;

package/types/v2/EmojiReactions.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+
+type Emoji = {
+  native: string;
+  unified: string;
+};
+
+type Reaction = {
+  native: string;
+  unified: string;
+  userName: string;
+};
+
+const EmojiReactions: React.FC<{
+  reactions: Reaction[];
+  onReactionClick?: (emoji: Emoji) => void;
+  emojiSize?: string;
+  emojiBoxStyle?: string;
+  isUpdating?: boolean;
+}>;
+
+export default EmojiReactions;

package/types/v2/GoogleFontPicker.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+
+const GoogleFontPicker: React.FC<{
+  activeFontFamily?: string;
+  onChange?: (fontFamily: string) => void;
+  fontManagerOptions?: {
+    limit?: number;
+    pickerId?: string;
+    families?: string[];
+    categories?: string[];
+    scripts?: string[];
+    variants?: string[];
+    filter?: (font: { family: string }) => boolean;
+    sort?: "alphabet" | "popularity";
+  };
+  [key: string]: unknown;
+}>;
+
+export default GoogleFontPicker;

package/types/v2/IconPicker.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+const IconPicker: React.FC<{
+  filled?: boolean;
+  value?: string;
+  label?: string;
+  onClick?: (icon: string) => void;
+  className?: string;
+}>;
+
+export default IconPicker;

package/types/v2/SendToFields.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+
+interface EmailInputProps {
+  name?: string;
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  suffix?: React.ReactNode;
+  prefix?: React.ReactNode;
+  className?: string;
+  [key: string]: unknown;
+}
+
+const SendToFields: React.FC<{
+  emailInputProps?: EmailInputProps;
+  ccInputProps?: EmailInputProps;
+  bccInputProps?: EmailInputProps;
+  showUploadCsvButton?: boolean;
+  showCcBccButton?: boolean;
+  showCcField?: boolean;
+  showBccField?: boolean;
+  showSendToField?: boolean;
+}>;
+
+export default SendToFields;