@sparrowengg/integrations-templates-frontend 1.2.4 → 1.2.6

package/dist/cjs/single-mapping/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/single-mapping/index.tsx"],"sourcesContent":["import {\n  Flex,\n  IconButton,\n  Heading,\n  Button,\n  Box,\n  Checkbox,\n  FormInput,\n  Select,\n  FormLabel,\n  ThemeProvider,\n  Text\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport Mapping from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\n\ntype SingleMappingPropsType = {\n  integrationFields: Array<any>;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<{\n      id: number | string;\n      label: string;\n      fieldType: string;\n      options?: Array<{ label: string; value: string }>;\n      value: { label: string; value: string } | string | null;\n      onChangeHandler: (value: any) => void;\n    }>;\n    onSaveHandler: () => void;\n  };\n  token: string;\n  isMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  apiURL: string;\n  surveyDetails: { surveyName: string; surveyId: string | number };\n  onSaveHandler: (fields: any) => void;\n  setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n  hasPreviousMapping: boolean;\n  importResponse: {\n    hasImportResponse: boolean;\n    value: null | string | number;\n    onChangeHandler: (value: string) => void;\n  };\n  editField?: any;\n  previousMappingHandler?: (value?: boolean) => void;\n};\n\nexport const SingleMapping = ({\n  integrationFields,\n  configuration,\n  isMappingPage,\n  navigateMappingPage,\n  setIntegrationFields,\n  token,\n  apiURL = surveySparrowURL,\n  surveyDetails,\n  importResponse,\n  hasPreviousMapping,\n  onSaveHandler,\n  editField,\n  previousMappingHandler\n}: SingleMappingPropsType) => {\n  const [ssMappingData, setSSMappingData] = useState<any>({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n    property: []\n  });\n  const [previousMapping, setPreviousMapping] = useState(\n    hasPreviousMapping ?? false\n  );\n\n  useEffect(() => {\n    if (!!editField?.id) {\n      navigateMappingPage(true);\n      setPreviousMapping(true);\n    }\n  }, []);\n\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      <Box css={{ width: \"100%\" }}>\n        <MappingHeader\n          isMappingPage={isMappingPage}\n          hasPreviousMapping={previousMapping}\n          navigateConfigPage={() => navigateMappingPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          onSaveHandler={() => {\n            const filteredMapping = Object.fromEntries(\n              Object.entries(ssMappingData)\n                .map(([key, arr]) => [\n                  key,\n                  (arr as any).filter((item: any) => item.isEnabled)\n                ])\n                .filter(([, arr]) => arr.length > 0)\n            );\n            onSaveHandler(filteredMapping);\n          }}\n        />\n        {!isMappingPage && configuration.hasConfiguration ? (\n          <Flex\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            css={{ marginTop: \"$40\" }}\n          >\n            <ConfigurationSetup\n              configuration={configuration}\n              surveyName={surveyDetails.surveyName}\n            />\n          </Flex>\n        ) : (\n          <Mapping\n            integrationFields={integrationFields}\n            setIntegrationFields={setIntegrationFields}\n            token={token}\n            apiURL={apiURL}\n            surveyId={surveyDetails.surveyId}\n            importResponse={importResponse}\n            ssMappingData={ssMappingData}\n            setSSMappingData={setSSMappingData}\n            editField={editField}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\nconst MappingHeader = ({\n  hasPreviousMapping,\n  isMappingPage,\n  navigateConfigPage,\n  onSaveHandler,\n  previousMappingHandler\n}: any) => {\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\"\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={previousMappingHandler}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">New Mapping</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" }\n        }}\n      >\n        <Button\n          css={{ color: !isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isMappingPage && navigateConfigPage()}\n        >\n          Configuration\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={onSaveHandler}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Save Mapping\n      </Button>\n    </Flex>\n  );\n};\n\nconst ConfigurationSetup = ({\n  configuration,\n  surveyName\n}: {\n  configuration: any;\n  surveyName: string;\n}) => {\n  return (\n    <Box css={{ maxWidth: 488, width: \"100%\" }}>\n      <Heading size=\"h5\">Event Details</Heading>\n      <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n        <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n          Survey Name:\n        </Text>\n        <Text size=\"sm\" css={{ color: \"$neutral800\" }}>\n          {surveyName}\n        </Text>\n      </Flex>\n      <Flex\n        flexDirection=\"column\"\n        gap=\"$8\"\n        css={{\n          marginTop: \"$12\",\n          \"& label\": {\n            color: \"$neutral800\"\n          }\n        }}\n      >\n        {configuration.configurationFields?.map((field: any) => (\n          <Configuration field={field} />\n        ))}\n      </Flex>\n      <Button\n        onClick={() => configuration.onSaveHandler()}\n        rightIcon={<ChevronRightIcon />}\n        size=\"lg\"\n        css={{ marginTop: \"$16\" }}\n      >\n        Continue, Mapping\n      </Button>\n    </Box>\n  );\n};\n\nconst Configuration = ({ field }: any) => {\n  switch (field.fieldType) {\n    case \"checkbox\":\n      return (\n        <Checkbox\n          checked={field.value}\n          onChange={(value) => field.onChangeHandler(value)}\n          size=\"sm\"\n        >\n          {field.label}\n        </Checkbox>\n      );\n    case \"input\":\n      return (\n        <FormInput\n          label={field.label}\n          value={field.value}\n          size=\"lg\"\n          onChange={(event) => field.onChangeHandler(event.currentTarget.value)}\n        />\n      );\n    default:\n      return (\n        <Flex gap=\"$2\" flexDirection=\"column\">\n          <FormLabel size=\"sm\" css={{ fontWeight: \"$5\" }}>\n            {field.label}\n          </FormLabel>\n          <Select\n            value={field.value}\n            options={field.options}\n            placeholder=\"\"\n            onChange={(value) => field.onChangeHandler(value)}\n            size=\"lg\"\n          />\n        </Flex>\n      );\n  }\n};\n"],"names":["surveySparrowURL","useState","useEffect","ThemeProvider","Box","Flex","Mapping","IconButton","ArrowLeftIcon","Heading","Button","Arrow","Text","ChevronRightIcon","Checkbox","FormInput","FormLabel","Select"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/single-mapping/index.tsx"],"sourcesContent":["import {\n  Flex,\n  IconButton,\n  Heading,\n  Button,\n  Box,\n  Checkbox,\n  FormInput,\n  Select,\n  FormLabel,\n  ThemeProvider,\n  Text\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport Mapping from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\n\ntype SingleMappingPropsType = {\n  integrationFields: Array<any>;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<{\n      id: number | string;\n      label: string;\n      fieldType: string;\n      options?: Array<{ label: string; value: string }>;\n      value: { label: string; value: string } | string | null;\n      onChangeHandler: (value: any) => void;\n    }>;\n    onSaveHandler: () => void;\n  };\n  token: string;\n  isMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  apiURL: string;\n  surveyDetails: { surveyName: string; surveyId: string | number };\n  onSaveHandler: (fields: any) => void;\n  setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n  hasPreviousMapping: boolean;\n  importResponse: {\n    hasImportResponse: boolean;\n    value: null | string | number;\n    onChangeHandler: (value: string) => void;\n  };\n  editField?: any;\n  previousMappingHandler?: (value?: boolean) => void;\n};\n\nexport const SingleMapping = ({\n  integrationFields,\n  configuration,\n  isMappingPage,\n  navigateMappingPage,\n  setIntegrationFields,\n  token,\n  apiURL = surveySparrowURL,\n  surveyDetails,\n  importResponse,\n  hasPreviousMapping,\n  onSaveHandler,\n  editField,\n  previousMappingHandler\n}: SingleMappingPropsType) => {\n  const [ssMappingData, setSSMappingData] = useState<any>({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n    property: []\n  });\n  const [previousMapping, setPreviousMapping] = useState(\n    hasPreviousMapping ?? false\n  );\n\n  useEffect(() => {\n    if (!!editField?.id) {\n      navigateMappingPage(true);\n      setPreviousMapping(true);\n    }\n  }, []);\n\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      <Box css={{ width: \"100%\" }}>\n        <MappingHeader\n          isMappingPage={isMappingPage}\n          hasPreviousMapping={previousMapping}\n          navigateConfigPage={() => navigateMappingPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          onSaveHandler={() => {\n            const filteredMapping = Object.fromEntries(\n              Object.entries(ssMappingData)\n                .map(([key, arr]) => [\n                  key,\n                  (arr as any).filter((item: any) => item.isEnabled)\n                ])\n                .filter(([, arr]) => arr.length > 0)\n            );\n            onSaveHandler(filteredMapping);\n          }}\n        />\n        {!isMappingPage && configuration.hasConfiguration ? (\n          <Flex\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            css={{ marginTop: \"$40\" }}\n          >\n            <ConfigurationSetup\n              configuration={configuration}\n              surveyName={surveyDetails.surveyName}\n            />\n          </Flex>\n        ) : (\n          <Mapping\n            integrationFields={integrationFields}\n            setIntegrationFields={setIntegrationFields}\n            token={token}\n            apiURL={apiURL}\n            surveyId={surveyDetails.surveyId}\n            importResponse={importResponse}\n            ssMappingData={ssMappingData}\n            setSSMappingData={setSSMappingData}\n            editField={editField}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\nconst MappingHeader = ({\n  hasPreviousMapping,\n  isMappingPage,\n  navigateConfigPage,\n  onSaveHandler,\n  previousMappingHandler\n}: any) => {\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\"\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={previousMappingHandler}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">New Mapping</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" }\n        }}\n      >\n        <Button\n          css={{ color: !isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isMappingPage && navigateConfigPage()}\n        >\n          Configuration\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={onSaveHandler}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Save Mapping\n      </Button>\n    </Flex>\n  );\n};\n\nconst ConfigurationSetup = ({\n  configuration,\n  surveyName\n}: {\n  configuration: any;\n  surveyName: string;\n}) => {\n  return (\n    <Box css={{ maxWidth: 488, width: \"100%\" }}>\n      <Heading size=\"h5\">Event Details</Heading>\n      <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n        <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n          Survey Name:\n        </Text>\n        <Text size=\"sm\" css={{ color: \"$neutral800\" }}>\n          {surveyName}\n        </Text>\n      </Flex>\n      <Flex\n        flexDirection=\"column\"\n        gap=\"$8\"\n        css={{\n          marginTop: \"$12\",\n          \"& label\": {\n            color: \"$neutral800\"\n          }\n        }}\n      >\n        {configuration.configurationFields?.map((field: any) => (\n          <Configuration field={field} />\n        ))}\n      </Flex>\n      <Button\n        onClick={() => configuration.onSaveHandler()}\n        rightIcon={<ChevronRightIcon />}\n        size=\"lg\"\n        css={{ marginTop: \"$16\" }}\n      >\n        Continue, Mapping\n      </Button>\n    </Box>\n  );\n};\n\nconst Configuration = ({ field }: any) => {\n  switch (field.fieldType) {\n    case \"checkbox\":\n      return (\n        <Checkbox\n          checked={field.value}\n          onChange={(value) => field.onChangeHandler(value, field.id ?? field.label)}\n          size=\"sm\"\n        >\n          {field.label}\n        </Checkbox>\n      );\n    case \"input\":\n      return (\n        <FormInput\n          label={field.label}\n          value={field.value}\n          size=\"lg\"\n          onChange={(event) => field.onChangeHandler(event.currentTarget.value, field.id ?? field.label)}\n        />\n      );\n    default:\n      return (\n        <Flex gap=\"$2\" flexDirection=\"column\">\n          <FormLabel size=\"sm\" css={{ fontWeight: \"$5\" }}>\n            {field.label}\n          </FormLabel>\n          <Select\n            value={field.value}\n            options={field.options}\n            placeholder=\"\"\n            onChange={(value) => field.onChangeHandler(value, field.id ?? field.label)}\n            size=\"lg\"\n          />\n        </Flex>\n      );\n  }\n};\n"],"names":["surveySparrowURL","useState","useEffect","ThemeProvider","Box","Flex","Mapping","IconButton","ArrowLeftIcon","Heading","Button","Arrow","Text","ChevronRightIcon","Checkbox","FormInput","FormLabel","Select"],"mappings":"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"}

package/dist/es/_virtual/index10.js

@@ -1,4 +1,4 @@
-var reactIs = {exports: {}};
+var lib = {};
 
-export { reactIs as __module };
+export { lib as __exports };
 //# sourceMappingURL=index10.js.map

package/dist/es/_virtual/index7.js

@@ -1,4 +1,4 @@
-var lib = {};
+var cjs = {};
 
-export { lib as __exports };
+export { cjs as __exports };
 //# sourceMappingURL=index7.js.map

package/dist/es/_virtual/index9.js

@@ -1,4 +1,4 @@
-var cjs = {};
+var reactIs = {exports: {}};
 
-export { cjs as __exports };
+export { reactIs as __module };
 //# sourceMappingURL=index9.js.map

package/dist/es/authentication/constants/index.js

@@ -0,0 +1,8 @@
+const FieldTypes = {
+  SELECT: "select",
+  PASSWORD: "password",
+  TEXT: "text"
+};
+
+export { FieldTypes };
+//# sourceMappingURL=index.js.map

package/dist/es/authentication/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/authentication/constants/index.ts"],"sourcesContent":["export const FieldTypes = {\n  SELECT: \"select\",\n  PASSWORD: \"password\",\n  TEXT: \"text\"\n};\n"],"names":[],"mappings":"AAAO,MAAM,UAAa,GAAA;AAAA,EACxB,MAAQ,EAAA,QAAA;AAAA,EACR,QAAU,EAAA,UAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;"}

package/dist/es/authentication/index.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
-import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
+import ThemeWrapper from '../commons/components/theme-wrapper.js';
+import { FieldTypes } from './constants/index.js';
 import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 import { Heading } from '../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
@@ -14,45 +15,47 @@ const Authentication = ({
   fields,
   onSuccessHandler
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
-    ThemeProvider,
+  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { width: 488 } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map((field) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, field.type === FieldTypes.SELECT ? /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), " ", /* @__PURE__ */ React__default.createElement(
+    Select,
     {
-      theme: {
-        fonts: {
-          body: "DM Sans, Roboto Mono, sans-serif",
-          heading: "DM Sans, Roboto Mono, sans-serif"
-        }
+      size: "lg",
+      value: field.value,
+      required: field == null ? void 0 : field.required,
+      requiredIndicator: field == null ? void 0 : field.required,
+      onChange: (value) => {
+        var _a;
+        return field.changeFieldValue(value, (_a = field.id) != null ? _a : field.label);
+      },
+      options: field == null ? void 0 : field.options,
+      placeholder: field == null ? void 0 : field.placeholder
+    }
+  )) : /* @__PURE__ */ React__default.createElement(
+    FormInput,
+    {
+      size: "lg",
+      label: field.label,
+      required: field == null ? void 0 : field.required,
+      requiredIndicator: field == null ? void 0 : field.required,
+      placeholder: field == null ? void 0 : field.placeholder,
+      type: field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT,
+      onChange: (e) => {
+        var _a;
+        return field.changeFieldValue(
+          e.currentTarget.value,
+          (_a = field.id) != null ? _a : field.label
+        );
       }
+    }
+  )))), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      css: { marginTop: "$16" },
+      onClick: onSuccessHandler,
+      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
+      size: "lg"
     },
-    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { width: 488 } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map((field) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, field.type === "select" ? /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), " ", /* @__PURE__ */ React__default.createElement(
-      Select,
-      {
-        size: "lg",
-        value: field.value,
-        onChange: (value) => field.changeFieldValue(value),
-        options: field == null ? void 0 : field.options,
-        placeholder: field == null ? void 0 : field.placeholder
-      }
-    )) : /* @__PURE__ */ React__default.createElement(
-      FormInput,
-      {
-        size: "lg",
-        label: field.label,
-        placeholder: field == null ? void 0 : field.placeholder,
-        type: field.isPassword ? "password" : "text",
-        onChange: (e) => field.changeFieldValue(e.currentTarget.value)
-      }
-    )))), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        css: { marginTop: "$16" },
-        onClick: onSuccessHandler,
-        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
-        size: "lg"
-      },
-      "Authorize & Continue"
-    )))
-  );
+    "Authorize & Continue"
+  ))));
 };
 
 export { Authentication };

package/dist/es/authentication/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\n\ntype AuthenticationFieldsProps = {\n  id: string | number;\n  type: string;\n  label: string;\n  value: any;\n  changeFieldValue: (value: any) => void;\n  options?: Array<{ label: string; value: string | number }>;\n  placeholder?: string;\n  isPassword?: boolean;\n};\n\ntype AuthenticationProps = {\n  integrationName: string;\n  fields: Array<AuthenticationFieldsProps>;\n  onSuccessHandler: () => void;\n};\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: 488 }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => (\n              <>\n                {field.type === \"select\" ? (\n                  <Flex gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                    <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                      {field.label}\n                    </FormLabel>{\" \"}\n                    <Select\n                      size=\"lg\"\n                      value={field.value}\n                      onChange={(value) => field.changeFieldValue(value)}\n                      options={field?.options}\n                      placeholder={field?.placeholder}\n                    />\n                  </Flex>\n                ) : (\n                  <FormInput\n                    size=\"lg\"\n                    label={field.label}\n                    placeholder={field?.placeholder}\n                    type={field.isPassword ? \"password\" : \"text\"}\n                    onChange={(e) =>\n                      field.changeFieldValue(e.currentTarget.value)\n                    }\n                  />\n                )}\n              </>\n            ))}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeProvider>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AA8BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,eAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AACF,CAA2B,KAAA;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,QAAA,EAAS,cAAe,EAAA,QAAA,EAAA,kBACtCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA,EAAE,KAAO,EAAA,GAAA,EACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,IAAM,EAAA,EAAA,CAAA,aAAA,EAAgB,eAAe,CAAA,QAAA,CAAW,CAC9D,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAc,QAAS,EAAA,GAAA,EAAI,IAAK,EAAA,GAAA,EAAK,EAAE,SAAW,EAAA,KAAA,EACrD,EAAA,EAAA,MAAA,CAAO,GAAI,CAAA,CAAC,KACX,qBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAM,CAAA,IAAA,KAAS,QACd,mBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,aAAA,EAAc,UAAS,GAAK,EAAA,EAAE,KAAO,EAAA,MAAA,EAClD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,UAAA,EAAY,IAAK,EAAA,EAAA,EAC1C,KAAM,CAAA,KACT,GAAa,GACb,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,QAAU,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,iBAAiB,KAAK,CAAA;AAAA,QACjD,SAAS,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA;AAAA,QAChB,aAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,WAAA;AAAA,OAAA;AAAA,KAExB,CAEA,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,aAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,WAAA;AAAA,QACpB,IAAA,EAAM,KAAM,CAAA,UAAA,GAAa,UAAa,GAAA,MAAA;AAAA,QACtC,UAAU,CAAC,CAAA,KACT,MAAM,gBAAiB,CAAA,CAAA,CAAE,cAAc,KAAK,CAAA;AAAA,OAAA;AAAA,KAIpD,CACD,CACH,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,QACxB,OAAS,EAAA,gBAAA;AAAA,QACT,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,QAC7B,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,MACN,sBAAA;AAAA,KAGH,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { AuthenticationProps } from \"./types\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { FieldTypes } from \"./constants\";\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeWrapper>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: 488 }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => (\n              <>\n                {field.type === FieldTypes.SELECT ? (\n                  <Flex gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                    <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                      {field.label}\n                    </FormLabel>{\" \"}\n                    <Select\n                      size=\"lg\"\n                      value={field.value}\n                      required={field?.required}\n                      requiredIndicator={field?.required}\n                      onChange={(value) =>\n                        field.changeFieldValue(value, field.id ?? field.label)\n                      }\n                      options={field?.options}\n                      placeholder={field?.placeholder}\n                    />\n                  </Flex>\n                ) : (\n                  <FormInput\n                    size=\"lg\"\n                    label={field.label}\n                    required={field?.required}\n                    requiredIndicator={field?.required}\n                    placeholder={field?.placeholder}\n                    type={\n                      field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT\n                    }\n                    onChange={(e) =>\n                      field.changeFieldValue(\n                        e.currentTarget.value,\n                        field.id ?? field.label\n                      )\n                    }\n                  />\n                )}\n              </>\n            ))}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeWrapper>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,eAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AACF,CAA2B,KAAA;AACzB,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,QAAA,EAAS,cAAe,EAAA,QAAA,EAAA,kBACtCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA,EAAE,OAAO,GAAI,EAAA,EAAA,kBACpBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAM,CAAgB,aAAA,EAAA,eAAe,UAAW,CAC9D,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAc,QAAS,EAAA,GAAA,EAAI,IAAK,EAAA,GAAA,EAAK,EAAE,SAAW,EAAA,KAAA,EACrD,EAAA,EAAA,MAAA,CAAO,GAAI,CAAA,CAAC,KACX,qBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAM,CAAA,IAAA,KAAS,UAAW,CAAA,MAAA,mBACxBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAI,EAAA,IAAA,EAAK,eAAc,QAAS,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,MAAO,EAAA,EAAA,kBACxDA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,UAAA,EAAY,IAAK,EAAA,EAAA,EAC1C,KAAM,CAAA,KACT,GAAa,GACb,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,MACjB,mBAAmB,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAO,KAAA;AAvCxC,QAAA,IAAA,EAAA,CAAA;AAwCwB,QAAA,OAAA,KAAA,CAAM,iBAAiB,KAAO,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,OAAA;AAAA,MAEvD,SAAS,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA;AAAA,MAChB,aAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,WAAA;AAAA,KAAA;AAAA,GAExB,CAEA,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,MACjB,mBAAmB,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,QAAA;AAAA,MAC1B,aAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,WAAA;AAAA,MACpB,IACE,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAW,WAAW,UAAW,CAAA,IAAA;AAAA,MAEtD,QAAA,EAAU,CAAC,CAAG,KAAA;AAxDlC,QAAA,IAAA,EAAA,CAAA;AAyDsB,QAAM,OAAA,KAAA,CAAA,gBAAA;AAAA,UACJ,EAAE,aAAc,CAAA,KAAA;AAAA,UAChB,CAAA,EAAA,GAAA,KAAA,CAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,KAAM,CAAA,KAAA;AAAA,SACpB,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAIR,CACD,CACH,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,MACxB,OAAS,EAAA,gBAAA;AAAA,MACT,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,MAC7B,IAAK,EAAA,IAAA;AAAA,KAAA;AAAA,IACN,sBAAA;AAAA,GAGH,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/commons/components/theme-wrapper.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { ThemeProvider } from '../../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
+
+const ThemeWrapper = ({ children }) => {
+  return /* @__PURE__ */ React__default.createElement(
+    ThemeProvider,
+    {
+      theme: {
+        fonts: {
+          body: "DM Sans, Roboto Mono, sans-serif",
+          heading: "DM Sans, Roboto Mono, sans-serif"
+        }
+      }
+    },
+    children
+  );
+};
+
+export { ThemeWrapper as default };
+//# sourceMappingURL=theme-wrapper.js.map

package/dist/es/commons/components/theme-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-wrapper.js","sources":["../../../../src/commons/components/theme-wrapper.tsx"],"sourcesContent":["import { ThemeProvider, Flex } from \"@sparrowengg/twigs-react\";\nimport React, { ReactNode } from \"react\";\n\nconst ThemeWrapper = ({ children }: { children: ReactNode }) => {\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\"\n        }\n      }}\n    >\n      {children}\n    </ThemeProvider>\n  );\n};\n\nexport default ThemeWrapper;\n"],"names":["React"],"mappings":";;;AAGA,MAAM,YAAe,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AAC9D,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/es/contact-import/components/contact-import-mapping.js

@@ -128,7 +128,6 @@ const ContactImportMapping = ({
         Thead,
         {
           css: {
-            outline: "$borderWidths$xs solid $neutral200",
             zIndex: 5,
             position: "sticky",
             top: "-31px",
@@ -137,12 +136,14 @@ const ContactImportMapping = ({
               fontWeight: 700,
               paddingBlock: "$6",
               lineHeight: "$sm",
-              background: "$white900"
+              background: "$white900",
+              boxShadow: "0 1px 0 rgba(0,0,0,0.1)",
+              borderBlock: "$borderWidths$xs solid $neutral200"
             }
           }
         },
         /* @__PURE__ */ React__default.createElement(Th, null, `${integrationName} Profile Fields Data`),
-        /* @__PURE__ */ React__default.createElement(Th, null, "SurveySparrow Mapping")
+        /* @__PURE__ */ React__default.createElement(Th, { css: { borderLeft: "$borderWidths$xs solid $neutral100" } }, "SurveySparrow Mapping")
       ),
       /* @__PURE__ */ React__default.createElement(
         Tbody,
@@ -242,7 +243,8 @@ const ContactImportMapping = ({
               Td,
               {
                 css: {
-                  width: 560
+                  width: 560,
+                  borderLeft: "$borderWidths$xs solid $neutral100"
                 }
               },
               /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(

package/dist/es/contact-import/components/contact-import-mapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"contact-import-mapping.js","sources":["../../../../src/contact-import/components/contact-import-mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr\n} from \"@sparrowengg/twigs-react\";\nimport { DeleteIcon, PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useRef } from \"react\";\nconst defaultFieldValue = {\n  integrationField: null,\n  surveySparrowField: \"\",\n  property: \"custom\"\n};\n\nconst ContactImportMapping = ({\n  contactImportField,\n  setContactImportField,\n  integrationName,\n  contactProperties,\n}: any) => {\n  const customPropertyRef = useRef<HTMLDivElement | null>(null);\n  const initialRenderRef = useRef(true);\n  const errorFieldRef = useRef(false);\n\n  useEffect(() => {\n    if (initialRenderRef.current) {\n      //to skip scroll on initial mounting\n      initialRenderRef.current = false;\n    } else {\n      if (customPropertyRef?.current) {\n        customPropertyRef.current.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"end\"\n        });\n      }\n    }\n  }, []);\n\n  const customFieldHandler = (\n    id: string | number,\n    property: string,\n    value: any\n  ) => {\n    setContactImportField({\n      ...contactImportField,\n      fields: contactImportField.fields.map((field: any) => {\n        if (field.id === id) {\n          return { ...field, [property]: value };\n        } else {\n          return { ...field };\n        }\n      })\n    });\n  };\n\n  const updateSurveySparrowField = (\n    value: any,\n    id: string | number,\n    manuallyMapped: boolean\n  ) => {\n    setContactImportField({\n      ...contactImportField,\n      fields: contactImportField?.fields.map((field: any) => {\n        if (field.id === id) {\n          return {\n            ...field,\n            surveySparrowField: value,\n            ...(manuallyMapped && { mapped: manuallyMapped })\n          };\n        } else {\n          return { ...field };\n        }\n      })\n    });\n  };\n\n  const addCustomProperty = () => {\n    setContactImportField({\n      ...contactImportField,\n      fields: [\n        ...contactImportField.fields,\n        {\n          id: contactImportField.fields?.length\n            ? contactImportField.fields[contactImportField.fields?.length - 1]\n                .id + 1\n            : 1,\n          ...defaultFieldValue\n        }\n      ]\n    });\n  };\n  console.log(contactImportField);\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 1176, width: \"100%\" }}>\n        <Box\n          css={{\n            paddingLeft: \"$28\"\n          }}\n        >\n          <Heading size=\"h5\">Map Contact Properties</Heading>\n          <Text css={{ marginTop: \"$4\", color: \"$neutral600\" }} size=\"md\">\n            Review these mappings before importing. Unmapped columns will be\n            ignored.\n          </Text>\n        </Box>\n        <Box\n          css={{\n            height: \"calc(100vh - 241px)\",\n            paddingTop: \"$16\",\n            overflowY: \"auto\",\n            position: \"relative\",\n            background: \"$white900\",\n            paddingLeft: \"$28\"\n          }}\n        >\n          <Table\n            css={{\n              width: \"100%\",\n              background: \"$white900\",\n              borderRadius: \"5px\",\n              borderCollapse: \"collapse\"\n            }}\n          >\n            <Thead\n              css={{\n                outline: \"$borderWidths$xs solid $neutral200\",\n                zIndex: 5,\n                position: \"sticky\",\n                top: \"-31px\",\n                \"& th\": {\n                  textAlign: \"left\",\n                  fontWeight: 700,\n                  paddingBlock: \"$6\",\n                  lineHeight: \"$sm\",\n                  background: \"$white900\"\n                }\n              }}\n            >\n              <Th>{`${integrationName} Profile Fields Data`}</Th>\n              <Th>SurveySparrow Mapping</Th>\n            </Thead>\n            <Tbody\n              css={{\n                \"& tr\": {\n                  borderBottom: \"$borderWidths$xs solid $neutral200\"\n                }\n              }}\n            >\n              {contactImportField.fields.map((field: any) => {\n                const hasSurveyFieldValue = contactProperties.some(\n                  (contact: any) => contact.value === field.surveySparrowField\n                );\n                return (\n                  <Tr\n                    key={field.id}\n                    css={{\n                      position: \"relative\",\n                      \"& td\": {\n                        paddingBlock: \"$8 $12\",\n                        paddingInline: \"$6\",\n                        verticalAlign: \"top\"\n                      }\n                    }}\n                  >\n                    <Td\n                      css={{\n                        width: 560,\n                        \"& > p\": {\n                          lineHeight: \"$sm\",\n                          color: \"$neutral600\"\n                        }\n                      }}\n                    >\n                      {field.property !== \"custom\" ? (\n                        <>\n                          <Text\n                            size=\"sm\"\n                            css={{\n                              color: \"$neutral900 !important\"\n                            }}\n                            weight=\"medium\"\n                          >\n                            {(\n                              field?.integrationField?.charAt(0).toUpperCase() +\n                              field?.integrationField.slice(1)\n                            ).replace(\"_\", \" \")}\n                          </Text>\n                          {field?.sampleData.length ? (\n                            <>\n                              {field.sampleData.map((sample: any) => (\n                                <Text\n                                  size=\"xs\"\n                                  css={{\n                                    color: \"$neutral600\",\n                                    lineHeight: \"$xs !important\"\n                                  }}\n                                >\n                                  {sample.length > 40\n                                    ? sample.slice(0, 40) + \"...\"\n                                    : sample}\n                                </Text>\n                              ))}\n                            </>\n                          ) : null}\n                        </>\n                      ) : (\n                        <Box css={{ position: \"relative\" }}>\n                          <FormInput\n                            size=\"lg\"\n                            onChange={(event) =>\n                              customFieldHandler(\n                                field.id,\n                                \"integrationField\",\n                                event.currentTarget.value\n                              )\n                            }\n                          />\n                          <FormLabel\n                            css={{ marginTop: \"$4\", color: \"$neutral400\" }}\n                          >\n                            Enter the exact custom property name for accurate\n                            mapping. It is case-sensitive.\n                          </FormLabel>\n                          {field.property === \"custom\" ? (\n                            <IconButton\n                              css={{\n                                position: \"absolute\",\n                                top: \"0\",\n                                left: \"-70px\"\n                              }}\n                              size=\"lg\"\n                              variant=\"ghost\"\n                              color=\"secondary\"\n                              onClick={() => {\n                                  setContactImportField({\n                                    ...contactImportField,\n                                    fields: contactImportField?.fields.filter((currentField: any) => currentField?.id !== field?.id)\n                              })\n                              }}\n                              icon={<DeleteIcon />}\n                            />\n                          ) : null}\n                        </Box>\n                      )}\n                    </Td>\n                    <Td\n                      css={{\n                        width: 560\n                      }}\n                    >\n                      <>\n                        <Select\n                          size=\"lg\"\n                          placeholder=\"--Choose Property--\"\n                          value={\n                            field.surveySparrowField\n                              ? {\n                                  label: contactProperties.find(\n                                    (contact: any) =>\n                                      contact.value === field.surveySparrowField\n                                  )?.label,\n                                  value: field.surveySparrowField\n                                }\n                              : null\n                          }\n                          options={contactProperties.filter(\n                            (contact: any) => contact.type !== \"DEPENDENT_FIELD\"\n                          )}\n                          onChange={(currentField: any) => {\n                            updateSurveySparrowField(\n                              currentField.value,\n                              field.id,\n                              true\n                            );\n                          }}\n                          css={{\n                            marginBottom:\n                              !hasSurveyFieldValue &&\n                              !field.surveySparrowFieldError &&\n                              field.property === \"custom\"\n                                ? \"$12\"\n                                : 0,\n                            ...(!field.surveySparrowField &&\n                              field.surveySparrowFieldError && {\n                                \"& .twigs-select__control, & .twigs-select__control:hover\":\n                                  {\n                                    boxShadow: \"0px 1.5px 0px 0px #f65633\",\n                                    borderBottom: 0\n                                  }\n                              })\n                          }}\n                        />\n                        {hasSurveyFieldValue ? (\n                          <FormLabel\n                            css={{\n                              color: field?.mapped ? \"$neutral600\" : \"#0F966C\",\n                              marginBlock: \"$4 $12\"\n                            }}\n                            size=\"xs\"\n                          >\n                            {field?.mapped\n                              ? \"Manually mapped by you\"\n                              : \"Automatically mapped\"}\n                          </FormLabel>\n                        ) : null}\n                        {!field.surveySparrowField &&\n                          field.surveySparrowFieldError && (\n                            <FormLabel\n                              css={{\n                                color: \"$negative500\",\n                                marginTop: \"$4\"\n                              }}\n                              size=\"xs\"\n                            >\n                              Please select the property\n                            </FormLabel>\n                          )}\n                      </>\n                    </Td>\n                  </Tr>\n                );\n              })}\n\n              <Tr\n                css={{\n                  borderBottom: \"none !important\",\n                  \"&:hover\": {\n                    background: \"$white900\"\n                  }\n                }}\n              >\n                <Td colSpan={2}>\n                  <Button\n                    size=\"md\"\n                    variant=\"ghost\"\n                    leftIcon={<PlusIcon />}\n                    onClick={addCustomProperty}\n                  >\n                    Add Custom Property\n                  </Button>\n                </Td>\n              </Tr>\n            </Tbody>\n          </Table>\n        </Box>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportMapping;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"contact-import-mapping.js","sources":["../../../../src/contact-import/components/contact-import-mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr\n} from \"@sparrowengg/twigs-react\";\nimport { DeleteIcon, PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useRef } from \"react\";\nconst defaultFieldValue = {\n  integrationField: null,\n  surveySparrowField: \"\",\n  property: \"custom\"\n};\n\nconst ContactImportMapping = ({\n  contactImportField,\n  setContactImportField,\n  integrationName,\n  contactProperties,\n}: any) => {\n  const customPropertyRef = useRef<HTMLDivElement | null>(null);\n  const initialRenderRef = useRef(true);\n  const errorFieldRef = useRef(false);\n\n  useEffect(() => {\n    if (initialRenderRef.current) {\n      //to skip scroll on initial mounting\n      initialRenderRef.current = false;\n    } else {\n      if (customPropertyRef?.current) {\n        customPropertyRef.current.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"end\"\n        });\n      }\n    }\n  }, []);\n\n  const customFieldHandler = (\n    id: string | number,\n    property: string,\n    value: any\n  ) => {\n    setContactImportField({\n      ...contactImportField,\n      fields: contactImportField.fields.map((field: any) => {\n        if (field.id === id) {\n          return { ...field, [property]: value };\n        } else {\n          return { ...field };\n        }\n      })\n    });\n  };\n\n  const updateSurveySparrowField = (\n    value: any,\n    id: string | number,\n    manuallyMapped: boolean\n  ) => {\n    setContactImportField({\n      ...contactImportField,\n      fields: contactImportField?.fields.map((field: any) => {\n        if (field.id === id) {\n          return {\n            ...field,\n            surveySparrowField: value,\n            ...(manuallyMapped && { mapped: manuallyMapped })\n          };\n        } else {\n          return { ...field };\n        }\n      })\n    });\n  };\n\n  const addCustomProperty = () => {\n    setContactImportField({\n      ...contactImportField,\n      fields: [\n        ...contactImportField.fields,\n        {\n          id: contactImportField.fields?.length\n            ? contactImportField.fields[contactImportField.fields?.length - 1]\n                .id + 1\n            : 1,\n          ...defaultFieldValue\n        }\n      ]\n    });\n  };\n  console.log(contactImportField);\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 1176, width: \"100%\" }}>\n        <Box\n          css={{\n            paddingLeft: \"$28\"\n          }}\n        >\n          <Heading size=\"h5\">Map Contact Properties</Heading>\n          <Text css={{ marginTop: \"$4\", color: \"$neutral600\" }} size=\"md\">\n            Review these mappings before importing. Unmapped columns will be\n            ignored.\n          </Text>\n        </Box>\n        <Box\n          css={{\n            height: \"calc(100vh - 241px)\",\n            paddingTop: \"$16\",\n            overflowY: \"auto\",\n            position: \"relative\",\n            background: \"$white900\",\n            paddingLeft: \"$28\"\n          }}\n        >\n          <Table\n            css={{\n              width: \"100%\",\n              background: \"$white900\",\n              borderRadius: \"5px\",\n              borderCollapse: \"collapse\"\n            }}\n          >\n            <Thead\n              css={{\n                zIndex: 5,\n                position: \"sticky\",\n                top: \"-31px\",\n                \"& th\": {\n                  textAlign: \"left\",\n                  fontWeight: 700,\n                  paddingBlock: \"$6\",\n                  lineHeight: \"$sm\",\n                  background: \"$white900\",\n                  boxShadow: '0 1px 0 rgba(0,0,0,0.1)',\n                  borderBlock: \"$borderWidths$xs solid $neutral200\",\n                }\n              }}\n            >\n              <Th>{`${integrationName} Profile Fields Data`}</Th>\n              <Th css={{ borderLeft: \"$borderWidths$xs solid $neutral100\" }}>SurveySparrow Mapping</Th>\n            </Thead>\n            <Tbody\n              css={{\n                \"& tr\": {\n                  borderBottom: \"$borderWidths$xs solid $neutral200\"\n                }\n              }}\n            >\n              {contactImportField.fields.map((field: any) => {\n                const hasSurveyFieldValue = contactProperties.some(\n                  (contact: any) => contact.value === field.surveySparrowField\n                );\n                return (\n                  <Tr\n                    key={field.id}\n                    css={{\n                      position: \"relative\",\n                      \"& td\": {\n                        paddingBlock: \"$8 $12\",\n                        paddingInline: \"$6\",\n                        verticalAlign: \"top\"\n                      }\n                    }}\n                  >\n                    <Td\n                      css={{\n                        width: 560,\n                        \"& > p\": {\n                          lineHeight: \"$sm\",\n                          color: \"$neutral600\"\n                        }\n                      }}\n                    >\n                      {field.property !== \"custom\" ? (\n                        <>\n                          <Text\n                            size=\"sm\"\n                            css={{\n                              color: \"$neutral900 !important\"\n                            }}\n                            weight=\"medium\"\n                          >\n                            {(\n                              field?.integrationField?.charAt(0).toUpperCase() +\n                              field?.integrationField.slice(1)\n                            ).replace(\"_\", \" \")}\n                          </Text>\n                          {field?.sampleData.length ? (\n                            <>\n                              {field.sampleData.map((sample: any) => (\n                                <Text\n                                  size=\"xs\"\n                                  css={{\n                                    color: \"$neutral600\",\n                                    lineHeight: \"$xs !important\"\n                                  }}\n                                >\n                                  {sample.length > 40\n                                    ? sample.slice(0, 40) + \"...\"\n                                    : sample}\n                                </Text>\n                              ))}\n                            </>\n                          ) : null}\n                        </>\n                      ) : (\n                        <Box css={{ position: \"relative\" }}>\n                          <FormInput\n                            size=\"lg\"\n                            onChange={(event) =>\n                              customFieldHandler(\n                                field.id,\n                                \"integrationField\",\n                                event.currentTarget.value\n                              )\n                            }\n                          />\n                          <FormLabel\n                            css={{ marginTop: \"$4\", color: \"$neutral400\" }}\n                          >\n                            Enter the exact custom property name for accurate\n                            mapping. It is case-sensitive.\n                          </FormLabel>\n                          {field.property === \"custom\" ? (\n                            <IconButton\n                              css={{\n                                position: \"absolute\",\n                                top: \"0\",\n                                left: \"-70px\"\n                              }}\n                              size=\"lg\"\n                              variant=\"ghost\"\n                              color=\"secondary\"\n                              onClick={() => {\n                                  setContactImportField({\n                                    ...contactImportField,\n                                    fields: contactImportField?.fields.filter((currentField: any) => currentField?.id !== field?.id)\n                              })\n                              }}\n                              icon={<DeleteIcon />}\n                            />\n                          ) : null}\n                        </Box>\n                      )}\n                    </Td>\n                    <Td\n                      css={{\n                        width: 560,\n                        borderLeft: \"$borderWidths$xs solid $neutral100\"\n                      }}\n                    >\n                      <>\n                        <Select\n                          size=\"lg\"\n                          placeholder=\"--Choose Property--\"\n                          value={\n                            field.surveySparrowField\n                              ? {\n                                  label: contactProperties.find(\n                                    (contact: any) =>\n                                      contact.value === field.surveySparrowField\n                                  )?.label,\n                                  value: field.surveySparrowField\n                                }\n                              : null\n                          }\n                          options={contactProperties.filter(\n                            (contact: any) => contact.type !== \"DEPENDENT_FIELD\"\n                          )}\n                          onChange={(currentField: any) => {\n                            updateSurveySparrowField(\n                              currentField.value,\n                              field.id,\n                              true\n                            );\n                          }}\n                          css={{\n                            marginBottom:\n                              !hasSurveyFieldValue &&\n                              !field.surveySparrowFieldError &&\n                              field.property === \"custom\"\n                                ? \"$12\"\n                                : 0,\n                            ...(!field.surveySparrowField &&\n                              field.surveySparrowFieldError && {\n                                \"& .twigs-select__control, & .twigs-select__control:hover\":\n                                  {\n                                    boxShadow: \"0px 1.5px 0px 0px #f65633\",\n                                    borderBottom: 0\n                                  }\n                              })\n                          }}\n                        />\n                        {hasSurveyFieldValue ? (\n                          <FormLabel\n                            css={{\n                              color: field?.mapped ? \"$neutral600\" : \"#0F966C\",\n                              marginBlock: \"$4 $12\"\n                            }}\n                            size=\"xs\"\n                          >\n                            {field?.mapped\n                              ? \"Manually mapped by you\"\n                              : \"Automatically mapped\"}\n                          </FormLabel>\n                        ) : null}\n                        {!field.surveySparrowField &&\n                          field.surveySparrowFieldError && (\n                            <FormLabel\n                              css={{\n                                color: \"$negative500\",\n                                marginTop: \"$4\"\n                              }}\n                              size=\"xs\"\n                            >\n                              Please select the property\n                            </FormLabel>\n                          )}\n                      </>\n                    </Td>\n                  </Tr>\n                );\n              })}\n\n              <Tr\n                css={{\n                  borderBottom: \"none !important\",\n                  \"&:hover\": {\n                    background: \"$white900\"\n                  }\n                }}\n              >\n                <Td colSpan={2}>\n                  <Button\n                    size=\"md\"\n                    variant=\"ghost\"\n                    leftIcon={<PlusIcon />}\n                    onClick={addCustomProperty}\n                  >\n                    Add Custom Property\n                  </Button>\n                </Td>\n              </Tr>\n            </Tbody>\n          </Table>\n        </Box>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportMapping;\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/index.js

@@ -2,7 +2,7 @@ import React__default, { useState } from 'react';
 import Arrow from '../commons/icons/arrow.js';
 import ContactImportConfigure from './components/contact-import-configure.js';
 import ContactImportMapping from './components/contact-import-mapping.js';
-import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
+import ThemeWrapper from '../commons/components/theme-wrapper.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { IconButton } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
@@ -47,49 +47,38 @@ const ContactImport = ({
   contactProperties,
   invitePortal
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
-    ThemeProvider,
+  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, /* @__PURE__ */ React__default.createElement(
+    ContactImportHeader,
     {
-      theme: {
-        fonts: {
-          body: "DM Sans, Roboto Mono, sans-serif",
-          heading: "DM Sans, Roboto Mono,  sans-serif"
-        }
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, /* @__PURE__ */ React__default.createElement(
-      ContactImportHeader,
-      {
-        contactImportField,
-        hasPreviousMapping,
-        previousMappingHandler,
-        onSaveHandler,
-        isContactMappingPage,
-        navigateMappingPage,
-        invitePortal
-      }
-    ), !isContactMappingPage ? /* @__PURE__ */ React__default.createElement(
-      ContactImportConfigure,
-      {
-        contactImportField,
-        handleConfigureField: (value) => {
-          setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-            configure: __spreadValues({}, value)
-          }));
-          navigateMappingPage(true);
-        },
-        listSegmentOptions
-      }
-    ) : /* @__PURE__ */ React__default.createElement(
-      ContactImportMapping,
-      {
-        contactImportField,
-        setContactImportField,
-        integrationName,
-        contactProperties
-      }
-    ))
-  );
+      contactImportField,
+      hasPreviousMapping,
+      previousMappingHandler,
+      onSaveHandler,
+      isContactMappingPage,
+      navigateMappingPage,
+      invitePortal
+    }
+  ), !isContactMappingPage ? /* @__PURE__ */ React__default.createElement(
+    ContactImportConfigure,
+    {
+      contactImportField,
+      handleConfigureField: (value) => {
+        setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+          configure: __spreadValues({}, value)
+        }));
+        navigateMappingPage(true);
+      },
+      listSegmentOptions
+    }
+  ) : /* @__PURE__ */ React__default.createElement(
+    ContactImportMapping,
+    {
+      contactImportField,
+      setContactImportField,
+      integrationName,
+      contactProperties
+    }
+  )));
 };
 const ContactImportHeader = ({
   hasPreviousMapping,
@@ -100,6 +89,7 @@ const ContactImportHeader = ({
   contactImportField,
   invitePortal
 }) => {
+  console.log(contactImportField);
   const [showImportModal, setShowImportModal] = useState(false);
   return /* @__PURE__ */ React__default.createElement(
     Flex,
@@ -262,15 +252,7 @@ const ContactImportModal = ({
           padding: "$8 $12"
         }
       },
-      /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          size: "lg",
-          color: "default",
-          onClick: () => onCloseHandler()
-        },
-        "Cancel"
-      ),
+      /* @__PURE__ */ React__default.createElement(Button, { size: "lg", color: "default", onClick: () => onCloseHandler() }, "Cancel"),
       /* @__PURE__ */ React__default.createElement(Button, { size: "lg", onClick: onSaveHandler }, "Finish Import")
     )
   ));

package/dist/es/contact-import/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  CloseIcon\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport ContactImportConfigure from \"./components/contact-import-configure\";\nimport ContactImportMapping from \"./components/contact-import-mapping\";\n\nexport const ContactImport = ({\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  setContactImportField,\n  listSegmentOptions,\n  integrationName,\n  contactProperties,\n  invitePortal\n}: any) => {\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono,  sans-serif\"\n        }\n      }}\n    >\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        <ContactImportHeader\n          contactImportField={contactImportField}\n          hasPreviousMapping={hasPreviousMapping}\n          previousMappingHandler={previousMappingHandler}\n          onSaveHandler={onSaveHandler}\n          isContactMappingPage={isContactMappingPage}\n          navigateMappingPage={navigateMappingPage}\n          invitePortal={invitePortal}\n        />\n        {!isContactMappingPage ? (\n          <ContactImportConfigure\n            contactImportField={contactImportField}\n            handleConfigureField={(value: any) => {\n              setContactImportField({\n                ...contactImportField,\n                configure: { ...value }\n              });\n              navigateMappingPage(true);\n            }}\n            listSegmentOptions={listSegmentOptions}\n          />\n        ) : (\n          <ContactImportMapping\n            contactImportField={contactImportField}\n            setContactImportField={setContactImportField}\n            integrationName={integrationName}\n            contactProperties={contactProperties}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\nconst ContactImportHeader = ({\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  invitePortal\n}: any) => {\n  const [showImportModal, setShowImportModal] = useState(false);\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\"\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={() => previousMappingHandler()}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">New Contact Import</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" }\n        }}\n      >\n        <Button\n          css={{ color: !isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isContactMappingPage && navigateMappingPage(false)}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={!isContactMappingPage}\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={() => setShowImportModal(true)}\n        rightIcon={<ChevronRightIcon />}\n        css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Continue\n      </Button>\n      {showImportModal ? (\n        <ContactImportModal\n          invitePortal={invitePortal}\n          onSaveHandler={() => onSaveHandler()}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nconst ContactImportModal = ({\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal\n}: {\n  onCloseHandler: () => void;\n  onSaveHandler: () => void;\n  invitePortal: {\n    hasInvitePortal: boolean;\n    value: boolean | null;\n    onChangeHandler: (value: any) => void;\n  };\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: \"$3xl\",\n          maxWidth: 600\n        }}\n      >\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: \"$8 $12\",\n            borderBottom: \"$borderWidths$xs solid $neutral200\"\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n            Import Configuration\n          </Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{\n              \"& svg\": {\n                color: \"#64748B !important\"\n              }\n            }}\n            onClick={() => onCloseHandler()}\n          />\n        </Flex>\n        <Box\n          css={{\n            padding: \"$12\"\n          }}\n        >\n          <FormInput\n            label=\"Title of this import for future reference\"\n            requiredIndicator\n            value={inputValue}\n            maxLength={30}\n            max={30}\n            showCount\n            onChange={(event) => setInputValue(event.currentTarget.value)}\n            size=\"lg\"\n          />\n          {invitePortal.hasInvitePortal ? (\n            <Box css={{ marginTop: \"$12\" }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={(value) => invitePortal.onChangeHandler(value)}\n              >\n                Invite to portal whenever a contact is created\n              </Checkbox>\n            </Box>\n          ) : null}\n        </Box>\n        <Flex\n          gap=\"$4\"\n          css={{\n            justifyContent: \"flex-end\",\n            padding: \"$8 $12\"\n          }}\n        >\n          <Button\n            size=\"lg\"\n            color=\"default\"\n            onClick={() => onCloseHandler()}\n          >\n            Cancel\n          </Button>\n          <Button size=\"lg\" onClick={onSaveHandler}>\n            Finish Import\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  CloseIcon\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport ContactImportConfigure from \"./components/contact-import-configure\";\nimport ContactImportMapping from \"./components/contact-import-mapping\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { ContactImportProps, ContactImportHeaderProps } from \"./types\";\n\nexport const ContactImport = ({\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  setContactImportField,\n  listSegmentOptions,\n  integrationName,\n  contactProperties,\n  invitePortal\n}: ContactImportProps) => {\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        <ContactImportHeader\n          contactImportField={contactImportField}\n          hasPreviousMapping={hasPreviousMapping}\n          previousMappingHandler={previousMappingHandler}\n          onSaveHandler={onSaveHandler}\n          isContactMappingPage={isContactMappingPage}\n          navigateMappingPage={navigateMappingPage}\n          invitePortal={invitePortal}\n        />\n        {!isContactMappingPage ? (\n          <ContactImportConfigure\n            contactImportField={contactImportField}\n            handleConfigureField={(value: any) => {\n              setContactImportField({\n                ...contactImportField,\n                configure: { ...value }\n              });\n              navigateMappingPage(true);\n            }}\n            listSegmentOptions={listSegmentOptions}\n          />\n        ) : (\n          <ContactImportMapping\n            contactImportField={contactImportField}\n            setContactImportField={setContactImportField}\n            integrationName={integrationName}\n            contactProperties={contactProperties}\n          />\n        )}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n\nconst ContactImportHeader = ({\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  invitePortal\n}: ContactImportHeaderProps) => {\n  console.log(contactImportField);\n  const [showImportModal, setShowImportModal] = useState(false);\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\"\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={() => previousMappingHandler()}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">New Contact Import</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" }\n        }}\n      >\n        <Button\n          css={{ color: !isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isContactMappingPage && navigateMappingPage(false)}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={!isContactMappingPage}\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={() => setShowImportModal(true)}\n        rightIcon={<ChevronRightIcon />}\n        css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Continue\n      </Button>\n      {showImportModal ? (\n        <ContactImportModal\n          invitePortal={invitePortal}\n          onSaveHandler={() => onSaveHandler()}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nconst ContactImportModal = ({\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal\n}: {\n  onCloseHandler: () => void;\n  onSaveHandler: () => void;\n  invitePortal: {\n    hasInvitePortal: boolean;\n    value: boolean | null;\n    onChangeHandler: (value: any) => void;\n  };\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: \"$3xl\",\n          maxWidth: 600\n        }}\n      >\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: \"$8 $12\",\n            borderBottom: \"$borderWidths$xs solid $neutral200\"\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n            Import Configuration\n          </Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{\n              \"& svg\": {\n                color: \"#64748B !important\"\n              }\n            }}\n            onClick={() => onCloseHandler()}\n          />\n        </Flex>\n        <Box\n          css={{\n            padding: \"$12\"\n          }}\n        >\n          <FormInput\n            label=\"Title of this import for future reference\"\n            requiredIndicator\n            value={inputValue}\n            maxLength={30}\n            max={30}\n            showCount\n            onChange={(event) => setInputValue(event.currentTarget.value)}\n            size=\"lg\"\n          />\n          {invitePortal.hasInvitePortal ? (\n            <Box css={{ marginTop: \"$12\" }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={(value) => invitePortal.onChangeHandler(value)}\n              >\n                Invite to portal whenever a contact is created\n              </Checkbox>\n            </Box>\n          ) : null}\n        </Box>\n        <Flex\n          gap=\"$4\"\n          css={{\n            justifyContent: \"flex-end\",\n            padding: \"$8 $12\"\n          }}\n        >\n          <Button size=\"lg\" color=\"default\" onClick={() => onCloseHandler()}>\n            Cancel\n          </Button>\n          <Button size=\"lg\" onClick={onSaveHandler}>\n            Finish Import\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/es/integration-template/index.js

@@ -38,7 +38,7 @@ const IntegrationTemplate = ({
 }) => {
   var _a, _b, _c, _d, _e;
   const [hasDashboardPage, setHasDashboardPage] = useState(
-    !!((_a = mapping.mappedFields.fields) == null ? void 0 : _a.length) || !!((_b = trigger.mappedFields) == null ? void 0 : _b.length)
+    !!((_a = mapping == null ? void 0 : mapping.mappedFields.fields) == null ? void 0 : _a.length) || !!((_b = trigger == null ? void 0 : trigger.mappedFields) == null ? void 0 : _b.length)
   );
   const [hasConfgurationType, setHasConfigurationType] = useState(
     (!!mappingComponent || !!singleMappingComponent) && !!triggerComponent