@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.33 → 2.1.0-notion-release.35

package/dist/index.d.ts

@@ -1,8 +1,68 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { RefAttributes, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';
 import { TooltipProps } from '@sparrowengg/twigs-react';
 
+type SelectOption$3 = {
+    label: string;
+    value: string | number;
+    type?: string;
+    parentQuestionId?: number | string;
+};
+type IntegrationField = {
+    id: number | string;
+    label: string;
+    value: string;
+    type: string;
+    required?: boolean;
+};
+type MappingFieldCollection = {
+    type: string;
+    fields: DashboardField[];
+    mappedFields?: {
+        type?: string;
+        fields?: DashboardField[];
+    } | unknown;
+};
+type TriggerFieldCollection = DashboardField[];
+type ConfigurationFields = {
+    [key: string]: {
+        id: string;
+        value: SelectOption$3 | string | boolean | null;
+        type?: string;
+    };
+};
+type DashboardField = {
+    mappingName?: string;
+    mappingDescription?: string;
+    mappedFields?: Record<string, unknown>;
+    configurationFields?: ConfigurationFields;
+    id: string | number;
+    email?: string;
+    domain?: string;
+    object?: string;
+    action?: string;
+    isEnabled: boolean;
+    fields: Record<string, unknown> | Record<string, unknown>[];
+    triggerDetails?: Record<string, unknown>;
+    mappingConfiguration?: Record<string, unknown>;
+    mappingConditions?: any;
+    questions?: Record<string, unknown>[];
+    variables?: Record<string, unknown>[];
+    contactProperties?: Record<string, unknown>[];
+    expressions?: Record<string, unknown>[];
+    property?: Record<string, unknown>[];
+    description?: string;
+    isDraft?: boolean;
+    importMethod?: string;
+    exisitingSheet?: any;
+};
+type FieldOptionsType = SelectOption$3[];
+type ConfigurationFieldValue = {
+    id: string;
+    value: SelectOption$3 | string | boolean | null;
+};
+
 type FieldType = {
     id: string;
     surveySparrowField: {
@@ -103,88 +163,7 @@ type FieldMappingPropsType = {
         title: string;
     };
 };
-declare const Mapping: ({ hasNamingModal, havingTypeDropdown, onSaveMappingLoader, surveyDetails, integrationName, fields, setFields, integrationFields, setIntegrationFields, apiURL, token, accounts, events, actions, isMappingPage, surveyType, navigateMappingPage, customList, oldResponse, hasPreviousMapping, onSaveHandler, editField, previousMappingHandler, draftHandler, configuration, }: FieldMappingPropsType) => react_jsx_runtime.JSX.Element;
-
-type AuthenticationFieldsProps = {
-    id: string | number;
-    type: string;
-    label: string;
-    value: string | number | boolean | null;
-    changeFieldValue: (value: string | number | boolean, fieldId?: number | string) => void;
-    options?: Array<{
-        label: string;
-        value: string | number;
-    }>;
-    placeholder?: string;
-    isPassword?: boolean;
-    required?: boolean;
-};
-type AuthenticationProps = {
-    integrationName: string;
-    fields: Array<AuthenticationFieldsProps>;
-    onSuccessHandler: () => void;
-};
-
-declare const Authentication: ({ integrationName, fields, onSuccessHandler }: AuthenticationProps) => react_jsx_runtime.JSX.Element;
-
-type SelectOption$1 = {
-    label: string;
-    value: string | number;
-    type?: string;
-    parentQuestionId?: number | string;
-};
-type IntegrationField = {
-    id: number | string;
-    label: string;
-    value: string;
-    type: string;
-    required?: boolean;
-};
-type MappingFieldCollection = {
-    type: string;
-    fields: DashboardField[];
-    mappedFields?: {
-        type?: string;
-        fields?: DashboardField[];
-    } | unknown;
-};
-type TriggerFieldCollection = DashboardField[];
-type ConfigurationFields = {
-    [key: string]: {
-        id: string;
-        value: SelectOption$1 | string | boolean | null;
-        type?: string;
-    };
-};
-type DashboardField = {
-    mappingName?: string;
-    mappingDescription?: string;
-    mappedFields?: Record<string, unknown>;
-    configurationFields?: ConfigurationFields;
-    id: string | number;
-    email?: string;
-    domain?: string;
-    object?: string;
-    action?: string;
-    isEnabled: boolean;
-    fields: Record<string, unknown> | Record<string, unknown>[];
-    triggerDetails?: Record<string, unknown>;
-    mappingConfiguration?: Record<string, unknown>;
-    questions?: Record<string, unknown>[];
-    variables?: Record<string, unknown>[];
-    contactProperties?: Record<string, unknown>[];
-    expressions?: Record<string, unknown>[];
-    property?: Record<string, unknown>[];
-    description?: string;
-    isDraft?: boolean;
-    importMethod?: string;
-    exisitingSheet?: any;
-};
-type FieldOptionsType = SelectOption$1[];
-type ConfigurationFieldValue = {
-    id: string;
-    value: SelectOption$1 | string | boolean | null;
-};
+declare const Mapping: React$1.FC<FieldMappingPropsType>;
 
 type SingleMappingType = {
     mappedFields: {
@@ -206,18 +185,18 @@ type IntegrationTemplateProps = {
     fieldOptions: FieldOptionsType;
     triggerEnabled: boolean;
     mappingEnabled: boolean;
-    mappingComponent?: React$1.ReactElement;
-    singleMappingComponent?: React$1.ReactElement;
+    mappingComponent?: React.ReactElement;
+    singleMappingComponent?: React.ReactElement;
     dynamicMapping?: DynamicMappingType;
-    dynamicMappingComponent?: React$1.ReactElement;
+    dynamicMappingComponent?: React.ReactElement;
     mapping?: {
         mappedFields: MappingFieldCollection;
-        setMappedFields: React$1.Dispatch<React$1.SetStateAction<MappingFieldCollection>>;
+        setMappedFields: React.Dispatch<React.SetStateAction<MappingFieldCollection>>;
     };
-    triggerComponent?: React$1.ReactElement;
+    triggerComponent?: React.ReactElement;
     trigger?: {
         mappedFields: TriggerFieldCollection;
-        setMappedFields: React$1.Dispatch<React$1.SetStateAction<TriggerFieldCollection>>;
+        setMappedFields: React.Dispatch<React.SetStateAction<TriggerFieldCollection>>;
     };
     integrationName: string;
     onDeleteHandler?: (id: string | number) => void;
@@ -229,56 +208,76 @@ type IntegrationTemplateProps = {
     surveyType?: string;
     syncMapping?: (id: string | number) => void;
 };
+
 declare const IntegrationTemplate: React$1.FC<IntegrationTemplateProps>;
 
+type ConfigurationFieldType = {
+    id: number | string;
+    label: string;
+    fieldType: "switch" | "checkbox" | "input" | "select";
+    hasAddNewOption?: boolean;
+    tooltip?: string;
+    options?: Array<{
+        label: string;
+        value: string;
+        isAddonAccount?: boolean;
+        tooltip?: string;
+    }>;
+    value: {
+        label: string;
+        value: string;
+    } | string | boolean | null;
+    onChangeHandler: (value: ConfigurationFieldValue) => void;
+    disabled?: boolean;
+    pattern?: string;
+    errorMessage?: string;
+    ifChecked?: () => string;
+    ifUnchecked?: (period: string) => string;
+};
+type ImportOptionType = {
+    id: number | string;
+    label: string;
+    value: string | null;
+    disabled?: boolean;
+    description: string;
+    type: string | null;
+    tooltip?: string;
+    minValue?: string;
+    maxValue?: string;
+};
+type ExcludeResponseFieldType = {
+    id: number | string;
+    label: string;
+    ifChecked: () => string;
+    ifUnchecked: (period: string) => string;
+    fieldType: "switch" | "checkbox" | "input" | "select";
+    value: boolean | null;
+    onChangeHandler: (value: ConfigurationFieldValue) => void;
+    disabled?: boolean;
+};
+type ImportOptionsType = {
+    showImportOptions: boolean;
+    excludeResponse: ExcludeResponseFieldType;
+    options: Array<ImportOptionType>;
+    onChangeHandler: (value: ConfigurationFieldValue) => void;
+};
+type ConfigurationType = {
+    importOptions: ImportOptionsType;
+    hasConfiguration: boolean;
+    configuredFields: Record<string, any>;
+    configurationFields: Array<ConfigurationFieldType>;
+    onSaveHandler: () => void;
+    currentMappingName?: string;
+    setMappingName?: (value: string) => void;
+};
+
+/**
+ * Props for the SingleMapping component
+ */
 type SingleMappingPropsType = {
     hasPreviousMapping?: boolean;
     integrationFields: IntegrationField[];
-    configuration: {
-        importOptions: {
-            showImportOptions: boolean;
-            excludeResponse: {
-                id: number | string;
-                label: string;
-                ifChecked: () => string;
-                ifUnchecked: (period: string) => string;
-                fieldType: string;
-                value: boolean | null;
-                onChangeHandler: (value: ConfigurationFieldValue) => void;
-            };
-            options: Array<{
-                id: number | string;
-                label: string;
-                value: string | null;
-                disabled?: boolean;
-                description: string;
-                type: string | null;
-                tooltip?: string;
-                minValue?: string;
-                maxValue?: string;
-            }>;
-            onChangeHandler: (value: ConfigurationFieldValue) => void;
-        };
-        hasConfiguration: boolean;
-        configuredFields: any;
-        configurationFields: Array<{
-            id: number | string;
-            label: string;
-            fieldType: string;
-            hasAddNewOption?: boolean;
-            tooltip?: string;
-            options?: Array<{
-                label: string;
-                value: string;
-            }>;
-            value: {
-                label: string;
-                value: string;
-            } | string | null;
-            onChangeHandler: (value: ConfigurationFieldValue) => void;
-        }>;
-        onSaveHandler: () => void;
-    };
+    configuration: ConfigurationType;
     token?: string;
     isMappingPage: boolean;
     navigateMappingPage: (value?: boolean) => void;
@@ -299,20 +298,93 @@ type SingleMappingPropsType = {
     editField?: any;
     previousMappingHandler?: (value?: boolean) => void;
 };
-declare const SingleMapping: ({ integrationFields, configuration, isMappingPage, navigateMappingPage, setIntegrationFields, token, apiURL, surveyDetails, importResponse, hasExistingMapping, onSaveHandler, editField, previousMappingHandler, }: SingleMappingPropsType) => react_jsx_runtime.JSX.Element;
+/**
+ * SingleMapping Component
+ *
+ * A refactored component for handling single mapping configuration and field mapping.
+ * Provides a two-step process: Configuration setup and Field mapping.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <SingleMapping
+ *   integrationFields={fields}
+ *   configuration={config}
+ *   isMappingPage={false}
+ *   navigateMappingPage={setIsMappingPage}
+ *   surveyDetails={{ surveyName: "Survey", surveyId: "123" }}
+ *   onSaveHandler={handleSave}
+ *   hasExistingMapping={false}
+ *   importResponse={{ hasImportResponse: true, value: null, onChangeHandler: () => {} }}
+ * />
+ * ```
+ */
+declare const SingleMapping: React$1.FC<SingleMappingPropsType>;
 
+/**
+ * Type definitions for Triggers module
+ */
+type SelectOption$1 = {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+};
+type AccountsConfig = {
+    hasAccounts: boolean;
+    options: SelectOption$1[];
+    value: SelectOption$1 | SelectOption$1[] | null;
+    isMulti?: boolean;
+    onChangeHandler: (value: any) => void;
+};
+type ObjectsConfig = {
+    hasObjects: boolean;
+    options: SelectOption$1[];
+    value: SelectOption$1 | SelectOption$1[] | null;
+    isMulti?: boolean;
+    onChangeHandler: (value: any) => void;
+};
+type ActionsConfig = {
+    hasActions: boolean;
+    options: SelectOption$1[];
+    value: SelectOption$1 | SelectOption$1[] | null;
+    isMulti?: boolean;
+    onChangeHandler: (value: any) => void;
+};
+type SurveyDetails = {
+    surveyName: string;
+    surveyId: string | number;
+    [key: string]: any;
+};
+type TriggerDetails = {
+    shareChannel: any;
+    shareRecipient: any;
+    shareType: any;
+    [key: string]: any;
+};
+type EventFields = {
+    account?: string;
+    object?: string;
+    action?: string | string[];
+    fields?: any;
+    triggerDetails?: TriggerDetails;
+    [key: string]: any;
+};
+type EditField = {
+    id: string | number;
+    fieldValues: EventFields;
+};
 type TriggersProps = {
     draftHandler: (type: string | null, editFieldId?: string) => void;
     onSaveTriggerLoader: boolean;
-    objects: any;
-    accounts: any;
-    actions: any;
+    objects: ObjectsConfig;
+    accounts: AccountsConfig;
+    actions: ActionsConfig;
     isTriggerPage: boolean;
     navigateTriggerPage: (isTriggerPage: boolean) => void;
     previousMapping: boolean;
     onSaveHandler: (editFieldId?: string) => void;
     previousMappingHandler: () => void;
-    surveyDetails: any;
+    surveyDetails: SurveyDetails;
     hasNestedCondition: boolean;
     fields: any;
     token: string;
@@ -320,12 +392,13 @@ type TriggersProps = {
     setFields: (fields: any) => void;
     shareRecipentOptions: any[];
     shareChannelOptions: any[];
-    triggerDetails: any;
+    triggerDetails: TriggerDetails;
     setTriggerDetails: (details: any) => void;
-    editField: any;
+    editField?: EditField;
     fieldOptions: any[];
     variableOptions: any[];
 };
+
 declare const Triggers: React$1.FC<TriggersProps>;
 
 type SelectOption = {
@@ -402,7 +475,7 @@ type ScheduledImportTypes = {
     editField: Record<string, unknown>;
 };
 
-declare const ContactImport: ({ dashboardDescription, existingImports, hasPreviousMapping, previousMappingHandler, onSaveHandler, isContactMappingPage, navigateMappingPage, contactImportField, setContactImportField, listSegmentOptions, integrationName, contactProperties, hasContactImportDashboard, invitePortal, }: ContactImportProps) => react_jsx_runtime.JSX.Element;
+declare const ContactImport: React$1.FC<ContactImportProps>;
 
 type DynamicMappingPropsType = {
     mappingType?: string;
@@ -603,4 +676,4 @@ type OnChangeReturnType = {
 };
 declare const CascaderDropdown: ({ children, data, value, defaultValue, onChange, dropdownProps, dropdownContentProps, tooltipProps, selectorValue, }: CascaderDropdownProps) => react_jsx_runtime.JSX.Element;
 
-export { Authentication, CascaderDropdown, type CascaderDropdownComponentProps, type CascaderDropdownProps, ContactImport, type DropdownContentProps, DynamicMapping, FilterPill, type FilterPillProps, FilterPillWithoutOperator, type FilterValueItemType, type FilterValueOperatorType, IntegrationTemplate, Mapping, type OnChangeReturnType, SingleMapping, Triggers };
+export { CascaderDropdown, type CascaderDropdownComponentProps, type CascaderDropdownProps, ContactImport, type DropdownContentProps, DynamicMapping, FilterPill, type FilterPillProps, FilterPillWithoutOperator, type FilterValueItemType, type FilterValueOperatorType, IntegrationTemplate, Mapping, type OnChangeReturnType, SingleMapping, type SingleMappingPropsType, Triggers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/integrations-templates-frontend",
-  "version": "2.1.0-notion-release.33",
+  "version": "2.1.0-notion-release.35",
   "license": "MIT",
   "module": "dist/es/index.js",
   "main": "dist/cjs/index.js",