@sparrowengg/integrations-templates-frontend 1.9.84-beta.9 → 2.0.0

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
+import React$1, { RefAttributes, ReactNode } from 'react';
+import { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';
+import { TooltipProps } from '@sparrowengg/twigs-react';
 
 type FieldType = {
     id: string;
@@ -216,6 +218,12 @@ type SingleMappingType = {
         fields: unknown[];
     };
 };
+type DynamicMappingType = {
+    mappedFields: {
+        type: string;
+        fields: unknown[];
+    };
+};
 type IntegrationTemplateProps = {
     singleMapping?: SingleMappingType;
     draftHandler: (type: string | null) => void;
@@ -223,14 +231,16 @@ type IntegrationTemplateProps = {
     fieldOptions: FieldOptionsType;
     triggerEnabled: boolean;
     mappingEnabled: boolean;
-    mappingComponent: React$1.ReactElement;
+    mappingComponent?: React$1.ReactElement;
     singleMappingComponent?: React$1.ReactElement;
-    mapping: {
+    dynamicMapping?: DynamicMappingType;
+    dynamicMappingComponent?: React$1.ReactElement;
+    mapping?: {
         mappedFields: MappingFieldCollection;
         setMappedFields: React$1.Dispatch<React$1.SetStateAction<MappingFieldCollection>>;
     };
-    triggerComponent: React$1.ReactElement;
-    trigger: {
+    triggerComponent?: React$1.ReactElement;
+    trigger?: {
         mappedFields: TriggerFieldCollection;
         setMappedFields: React$1.Dispatch<React$1.SetStateAction<TriggerFieldCollection>>;
     };
@@ -343,24 +353,27 @@ type TriggersProps = {
     draftHandler: (type: string | null, editFieldId?: string) => void;
     onSaveTriggerLoader: boolean;
     objects: {
+        label: string;
         hasObjects: boolean;
-        options: Array<SelectOption$1>;
-        value: SelectOption$1 | null;
-        onChangeHandler: (value: SelectOption$1 | SelectOption$1[] | null) => void;
+        options: Array<SelectOption$1> | unknown;
+        value: SelectOption$1 | null | unknown;
+        onChangeHandler: (value: SelectOption$1 | SelectOption$1[] | null | unknown) => void;
         isMulti?: boolean;
     };
     accounts: {
+        label: string;
         hasAccounts: boolean;
-        options: Array<SelectOption$1>;
-        value: SelectOption$1 | null;
-        onChangeHandler: (value: SelectOption$1 | SelectOption$1[] | null) => void;
+        options: Array<SelectOption$1> | unknown;
+        value: SelectOption$1 | null | unknown;
+        onChangeHandler: (value: SelectOption$1 | SelectOption$1[] | null | unknown) => void;
         isMulti?: boolean;
     };
     actions: {
+        label: string;
         hasActions: boolean;
-        options: Array<SelectOption$1>;
-        value: SelectOption$1 | null;
-        onChangeHandler: (value: SelectOption$1 | SelectOption$1[] | null) => void;
+        options: Array<SelectOption$1> | unknown;
+        value: SelectOption$1 | null | unknown;
+        onChangeHandler: (value: SelectOption$1 | SelectOption$1[] | null | unknown) => void;
         isMulti?: boolean;
     };
     isTriggerPage: boolean;
@@ -373,14 +386,15 @@ type TriggersProps = {
     fields: TriggerField;
     token: string;
     apiURL: string;
-    setFields: (fields: TriggerField) => void;
-    shareRecipentOptions: Array<SelectOption$1>;
-    shareChannelOptions: Array<SelectOption$1>;
-    triggerDetails: TriggerDetails;
-    setTriggerDetails: (details: TriggerDetails) => void;
+    setFields: (fields: TriggerField | unknown) => void;
+    shareRecipentOptions: Array<SelectOption$1> | unknown | Array<unknown>;
+    shareChannelOptions: Array<SelectOption$1> | unknown | Array<unknown>;
+    triggerDetails: TriggerDetails | unknown | Array<unknown>;
+    setTriggerDetails: (details: TriggerDetails | unknown | Array<unknown>) => void;
     editField: EditField | null;
-    fieldOptions: Array<SelectOption$1>;
-    variableOptions: Array<SelectOption$1>;
+    fieldOptions: Array<SelectOption$1> | unknown | Array<unknown>;
+    variableOptions: Array<SelectOption$1> | unknown | Array<unknown>;
+    configurationTitle?: string;
 };
 declare const Triggers: React$1.FC<TriggersProps>;
 
@@ -458,4 +472,198 @@ type ScheduledImportTypes = {
 
 declare const ContactImport: ({ dashboardDescription, existingImports, hasPreviousMapping, previousMappingHandler, onSaveHandler, isContactMappingPage, navigateMappingPage, contactImportField, setContactImportField, listSegmentOptions, integrationName, contactProperties, invitePortal, }: ContactImportProps) => react_jsx_runtime.JSX.Element;
 
-export { Authentication, ContactImport, type EditField, IntegrationTemplate, Mapping, SingleMapping, type TriggerDetailsLegacy, type TriggerFieldLegacy, Triggers };
+type DynamicMappingPropsType = {
+    mappingType?: string;
+    hasPreviousMapping?: boolean;
+    integrationFields: IntegrationField[];
+    configuration: {
+        currentMappingName?: string;
+        setMappingName?: (value: string) => void;
+        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 | unknown;
+            } | string | null;
+            onChangeHandler: (value: ConfigurationFieldValue) => void;
+        }>;
+        onSaveHandler: () => void;
+    };
+    token?: string;
+    isMappingPage: boolean;
+    navigateMappingPage: (value?: boolean) => void;
+    apiURL?: string;
+    surveyDetails: {
+        surveyName: string;
+        surveyId: string | number;
+        surveyProperties?: any;
+    };
+    onSaveHandler: (fields: any) => void;
+    setIntegrationFields: React$1.Dispatch<React$1.SetStateAction<any>>;
+    hasExistingMapping: boolean;
+    importResponse: {
+        hasImportResponse: boolean;
+        value: any;
+        onChangeHandler: (value: any) => void;
+    };
+    editField?: any;
+    previousMappingHandler?: (value?: boolean) => void;
+    surveyType: string;
+    havingTypeDropdown: boolean;
+    fields: Array<FieldType>;
+    setFields: React$1.Dispatch<React$1.SetStateAction<Array<FieldType>>>;
+    surveyId: string | number;
+    integrationName: string;
+    customList: CustomListFieldType;
+    oldResponse: OldResponseFieldType;
+    hasNamingModal?: boolean;
+};
+declare const DynamicMapping: ({ mappingType, integrationFields, configuration, isMappingPage, navigateMappingPage, setIntegrationFields, token, apiURL, surveyDetails, importResponse, hasExistingMapping, onSaveHandler, editField, previousMappingHandler, surveyType, havingTypeDropdown, fields, setFields, surveyId, integrationName, customList, oldResponse, hasNamingModal, }: DynamicMappingPropsType) => react_jsx_runtime.JSX.Element;
+
+declare const dataTypes: {
+    SINGLE_LINE_TEXT: string;
+    MULTI_LINE_TEXT: string;
+    NUMBER: string;
+    DATE: string;
+    DATE_RANGE: string;
+    SINGLE_SELECT: string;
+    MULTI_SELECT: string;
+    DATE_TIME_TIMEZONE: string;
+};
+type CascaderDropdownItemType = {
+    label: string;
+    value: string;
+    subLabel?: string;
+    operators?: CascaderDropdownOperatorType[];
+    options?: CascaderDropdownItemType[];
+    disabled?: boolean;
+    shouldFetchOptions?: boolean;
+    selectionPath: CascaderDropdownDataValueType[];
+};
+type CascaderDropdownOperatorType = {
+    label: string;
+    value: string;
+    dataType: keyof typeof dataTypes;
+    regex?: string;
+    disabled?: boolean;
+    shouldFetchOptions?: boolean;
+    type: 'VALUE_SELECTOR';
+    choices?: CascaderDropdownDataValueType[];
+};
+type CascaderDropdownDataValueType = {
+    label: string;
+    value: string;
+};
+type CascaderDropdownValueSelectorType = {
+    'NUMBER': number | null;
+    'DATE': string | null;
+    'DATE_RANGE': {
+        start: string | null;
+        end: string | null;
+    } | null;
+    'DATE_TIME_TIMEZONE': string | null;
+    'SINGLE_LINE_TEXT': string | null;
+    'MULTI_LINE_TEXT': string | null;
+    'SINGLE_SELECT': string | null;
+    'MULTI_SELECT': string[] | null;
+};
+
+type ComparatorType = "AND" | "OR";
+type FilterType = {
+    comparator: ComparatorType;
+    connector?: CascaderDropdownOperatorType;
+    property: CascaderDropdownItemType;
+    value: CascaderDropdownValueSelectorType;
+};
+
+type FilterPillProps = {
+    icon?: React$1.ReactNode;
+    filterPillData: FilterType;
+    setFilterPillData: (value: FilterType) => void;
+    variant?: 'filled' | 'outline';
+    cascaderDropdownData: (CascaderDropdownItemType | CascaderDropdownOperatorType)[];
+    onDelete: () => void;
+    showError?: boolean;
+};
+type FilterValueOperatorType = {
+    label: string;
+    value: string;
+    dataType: keyof typeof dataTypes;
+    choices?: {
+        label: string;
+        value: string;
+    }[];
+};
+type FilterValueItemType = {
+    label?: string;
+    value?: string;
+    options: FilterValueOperatorType[];
+};
+declare const FilterPill: ({ icon, filterPillData, setFilterPillData, variant, cascaderDropdownData, onDelete, showError }: FilterPillProps) => react_jsx_runtime.JSX.Element;
+type FilterPillWithoutOperatorProps = {
+    icon?: React$1.ReactNode;
+    filterPillData: FilterType;
+    setFilterPillData: (value: FilterType) => void;
+    variant?: 'filled' | 'outline';
+    data: CascaderDropdownOperatorType;
+    onDelete: () => void;
+    showError?: boolean;
+};
+declare const FilterPillWithoutOperator: ({ icon, filterPillData, setFilterPillData, variant, data, onDelete, showError }: FilterPillWithoutOperatorProps) => react_jsx_runtime.JSX.Element;
+
+type DropdownContentProps = PopoverContentProps & RefAttributes<HTMLDivElement>;
+type CascaderDropdownProps = {
+    children?: ReactNode;
+    data: (CascaderDropdownItemType | CascaderDropdownOperatorType)[];
+    value?: CascaderDropdownDataValueType | string | null;
+    defaultValue?: CascaderDropdownDataValueType | string | null;
+    onChange?: ({ value, selectionPath, selectedProperty, selectorValue, }: OnChangeReturnType) => void;
+    dropdownProps?: PopoverProps;
+    dropdownContentProps?: DropdownContentProps;
+    tooltipProps?: TooltipProps;
+    selectorValue?: CascaderDropdownValueSelectorType;
+} & CascaderDropdownComponentProps;
+type CascaderDropdownComponentProps = {};
+type OnChangeReturnType = {
+    value: CascaderDropdownDataValueType | CascaderDropdownOperatorType;
+    selectionPath: CascaderDropdownDataValueType[];
+    selectedProperty: CascaderDropdownDataValueType | null;
+    selectorValue?: CascaderDropdownValueSelectorType;
+};
+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, type EditField, FilterPill, type FilterPillProps, FilterPillWithoutOperator, type FilterValueItemType, type FilterValueOperatorType, IntegrationTemplate, Mapping, type OnChangeReturnType, SingleMapping, type TriggerDetailsLegacy, type TriggerFieldLegacy, Triggers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/integrations-templates-frontend",
-  "version": "1.9.84-beta.9",
+  "version": "2.0.0",
   "license": "MIT",
   "module": "dist/es/index.js",
   "main": "dist/cjs/index.js",
@@ -48,13 +48,14 @@
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build-static-webapp":"expo build:web",
+    "build-static-webapp": "expo build:web",
     "build": "rollup -c"
   },
   "dependencies": {
     "@lexical/react": "^0.14.3",
     "@sparrowengg/twigs-react": "^0.36.1",
     "@sparrowengg/twigs-react-icons": "^0.4.0",
+    "@stitches/react": "^1.2.8",
     "@types/react-dom": "^19.0.4",
     "cosmiconfig": "^9.0.0",
     "dayjs": "^1.11.11",