@sparrowengg/integrations-templates-frontend 1.2.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping.js","sources":["../../../../src/single-mapping/components/mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Checkbox,\n  Chip,\n  Flex,\n  Heading,\n  Input,\n  Radio,\n  RadioGroup,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Text\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useState } from \"react\";\nimport {\n  surveySparrowURL,\n  mappingTabValues,\n  mappingPropertyValues\n} from \"../../commons/constants\";\nimport { Spinner } from \"../../commons/components/spinner\";\nimport {\n  fetchSurveyQuestions,\n  fetchSurveyVariables,\n  fetchContactProperties,\n  fetchSurveyExpression\n} from \"../../mapping/services\";\nimport { SearchIcon } from \"@sparrowengg/twigs-react-icons\";\n\nconst Mapping = ({\n  surveyId,\n  apiURL = surveySparrowURL,\n  token,\n  importResponse,\n  ssMappingData,\n  setSSMappingData,\n  editField,\n}: any) => {\n  const [loader, setLoader] = useState(true);\n  const [searchInput, setSearchInput] = useState(\"\");\n\n  const modifiedMappingData = (mappingData: any, commonLabel: string) => {\n    const fields = mappingData.map((data: any) => ({\n      id: data.id ?? data.name,\n      name: data.rtxt ?? data.name,\n      isEnabled: false\n    }));\n    fields.unshift({ id: \"ALL\", name: commonLabel, isEnabled: false });\n    return fields;\n  };\n\n  const fetchInitalMappingData = async () => {\n    setLoader(true);\n    try {\n      const [questions, variables, contactProperties, expressions] =\n        await Promise.all([\n          fetchSurveyQuestions(apiURL, surveyId, token),\n          fetchSurveyVariables(apiURL, surveyId, token),\n          fetchContactProperties(apiURL, token),\n          fetchSurveyExpression(apiURL, surveyId, token)\n        ]);\n      setSSMappingData({\n        questions: modifiedMappingData(questions, \"Select all Questions\"),\n        contactProperties: modifiedMappingData(\n          contactProperties,\n          \"Select all Contact Properties\"\n        ),\n        variables: modifiedMappingData(variables, \"Select all Variables\"),\n        expressions: modifiedMappingData(expressions, \"Select all Expressions\"),\n        property: mappingPropertyValues\n      });\n    } catch (error) {\n      console.error(error);\n    } finally {\n      setLoader(false);\n    }\n  };\n\n  const handleFieldValues = (\n    type: string,\n    id: string | number,\n    value: boolean\n  ) => {\n    if (id === \"ALL\") {\n      setSSMappingData((prev: any) => ({\n        ...prev,\n        [type]: prev[type]?.map((mapping: any) => {\n          return { ...mapping, isEnabled: value };\n        })\n      }));\n    } else {\n      let modifiedMappedField = ssMappingData[type]?.map((mapping: any) => {\n        if (mapping.id === id) {\n          return { ...mapping, isEnabled: value };\n        }\n        return { ...mapping };\n      });\n      if (\n        modifiedMappedField\n          .filter((field: any) => field.id !== \"ALL\")\n          .every((field: any) => field.isEnabled)\n      ) {\n        modifiedMappedField = modifiedMappedField.map((field: any) => ({\n          ...field,\n          isEnabled: true\n        }));\n      } else {\n        modifiedMappedField = modifiedMappedField.map((field: any) => {\n          if (field.id === \"ALL\") {\n            return { ...field, isEnabled: false };\n          }\n          return field;\n        });\n      }\n\n      const mappedFields = {\n        ...ssMappingData,\n        [type]: modifiedMappedField\n      };\n      setSSMappingData(mappedFields);\n    }\n  };\n\n  const getMappingCount = (mappingField: any) => {\n    let count = 0;\n    const mappedField = ssMappingData[mappingField];\n    mappedField?.forEach((field: any) => {\n      if (field.isEnabled) count += 1;\n    });\n    return count;\n  };\n\n  useEffect(() => {\n    if (!!token && token?.length > 60 && !!surveyId && !editField.id) {\n      fetchInitalMappingData();\n    } else if (!!editField?.id) {\n      const { fieldValues } = editField;\n      setSSMappingData({\n        questions: fieldValues.questions,\n        variables: fieldValues.variables,\n        contactProperties: fieldValues.contactProperties,\n        expressions: fieldValues.expressions,\n        property: fieldValues.property\n      });\n      setLoader(false);\n    } else {\n      setLoader(false);\n    }\n  }, [token, surveyId]);\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {loader ? (\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          css={{ height: \"calc(100vh - 57px)\" }}\n        >\n          <Spinner />\n        </Flex>\n      ) : (\n        <Box css={{ maxWidth: 600, width: \"100%\", marginBlock: \"$40\" }}>\n          {importResponse?.hasImportResponse ? (\n            <Flex flexDirection=\"column\">\n              <Heading size=\"h5\">Select Import Data</Heading>\n              <RadioGroup\n                defaultValue={importResponse.value}\n                onChange={(value) => importResponse.onChangeHandler(value)}\n              >\n                <Flex\n                  alignItems=\"center\"\n                  gap=\"$20\"\n                  css={{\n                    marginTop: \"$12\",\n                    \"& label\": { color: \"$neutral800\" }\n                  }}\n                >\n                  <Radio size=\"md\" value=\"SELECTED_DATA\">\n                    Send selected data\n                  </Radio>\n                  <Radio size=\"md\" value=\"SEND_ALL_DATA\">\n                    Send all data\n                  </Radio>\n                </Flex>\n              </RadioGroup>\n            </Flex>\n          ) : null}\n          <Box css={{ marginTop: \"$20\" }}>\n            <Tabs defaultValue=\"QUESTIONS\">\n              <TabsList\n                css={{\n                  borderBottom: \"$borderWidths$xs solid $neutral200\"\n                }}\n              >\n                {mappingTabValues.map((tab) => (\n                  <TabsTrigger\n                    key={tab.id}\n                    value={tab.value}\n                    onClick={() => setSearchInput(\"\")}\n                  >\n                    {tab.name}\n                    {!!getMappingCount(tab.placeholder) && (\n                      <Chip css={{ marginLeft: \"$2\" }} variant=\"outline\">\n                        {getMappingCount(tab.placeholder)}\n                      </Chip>\n                    )}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n              <TabsContentComponent\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                value=\"QUESTIONS\"\n                placeholder=\"Questions\"\n                fields={ssMappingData.questions}\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"questions\", field.id, value)\n                }\n              />\n              <TabsContentComponent\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                fields={ssMappingData.variables}\n                value=\"VARIABLE\"\n                placeholder=\"Variables\"\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"variables\", field.id, value)\n                }\n              />\n              <TabsContentComponent\n                fields={ssMappingData.contactProperties}\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                value=\"CONTACT\"\n                placeholder=\"Contacts\"\n                handleFieldValues={(field, value) =>\n                  handleFieldValues(\"contactProperties\", field.id, value)\n                }\n              />\n              <TabsContentComponent\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                value=\"EXPRESSION\"\n                placeholder=\"Expressions\"\n                fields={ssMappingData.expressions}\n                handleFieldValues={(field, value) =>\n                  handleFieldValues(\"expressions\", field.id, value)\n                }\n              />\n              <TabsContentComponent\n                value=\"PROPERTY\"\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                placeholder=\"Properties\"\n                fields={ssMappingData.property}\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"property\", field.id, value)\n                }\n              />\n            </Tabs>\n          </Box>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\nexport default Mapping;\n\nconst TabsContentComponent = ({\n  value,\n  searchInput,\n  setSearchInput,\n  fields,\n  handleFieldValues,\n  placeholder\n}: {\n  value: string;\n  searchInput: string;\n  setSearchInput: React.Dispatch<React.SetStateAction<string>>;\n  fields: any;\n  handleFieldValues: (field: any, value: boolean) => void;\n  placeholder: string;\n}) => {\n  const mappingFields =\n    fields &&\n    fields.filter((field: any) =>\n      field.name?.toLowerCase().includes(searchInput.toLowerCase())\n    );\n\n  return (\n    <TabsContent value={value} css={{ padding: 0, position: \"relative\" }}>\n      <Input\n        leftIcon={<SearchIcon />}\n        variant=\"filled\"\n        placeholder={`Search ${placeholder}`}\n        size=\"lg\"\n        css={{ marginTop: \"$8\" }}\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.currentTarget.value)}\n      />\n      <Flex\n        css={{\n          padding: \"$12 $4 $32 $4\",\n          height: \"calc(100vh - 408px)\",\n          overflow: \"auto\",\n          \"& label\": {\n            lineHeight: \"$sm\"\n          }\n        }}\n        flexDirection=\"column\"\n        gap=\"$6\"\n      >\n        {!!mappingFields.length ? (\n          <>\n            {mappingFields.map((field: any) => (\n              <Checkbox\n                size=\"sm\"\n                checked={field.isEnabled}\n                onChange={(value) => handleFieldValues(field, value as boolean)}\n              >\n                {field.name}\n              </Checkbox>\n            ))}\n          </>\n        ) : (\n          <Flex\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            css={{ marginTop: \"$40\" }}\n          >\n            <Text size=\"sm\">{`No ${placeholder} available for this survey`}</Text>\n          </Flex>\n        )}\n      </Flex>\n      <Box\n        css={{\n          position: \"absolute\",\n          top: \"88%\",\n          height: \"$25\",\n          width: \"100%\",\n          background:\n            \"linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0))\"\n        }}\n      />\n    </TabsContent>\n  );\n};\n"],"names":["surveySparrowURL","useState","fetchSurveyQuestions","fetchSurveyVariables","fetchContactProperties","fetchSurveyExpression","mappingPropertyValues","_a","useEffect","Flex","Spinner","Box","Heading","RadioGroup","Radio","Tabs","TabsList","mappingTabValues","TabsTrigger","Chip","TabsContent","Input","SearchIcon","Checkbox","value","Text"],"mappings":"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"}

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

@@ -0,0 +1,253 @@
+'use strict';
+
+var React = require('react');
+var arrow = require('../commons/icons/arrow.js');
+var mapping = require('./components/mapping.js');
+var index = require('../commons/constants/index.js');
+var themeProvider = require('../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js');
+var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var iconButton = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var arrowLeft = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js');
+var heading = require('../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var button = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+var text = require('../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var chevronRight = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js');
+var formLabel = require('../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js');
+var select = require('../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js');
+var formInput = require('../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js');
+var checkbox = require('../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js');
+
+const SingleMapping = ({
+  integrationFields,
+  configuration,
+  isMappingPage,
+  navigateMappingPage,
+  setIntegrationFields,
+  token,
+  apiURL = index.surveySparrowURL,
+  surveyDetails,
+  importResponse,
+  hasPreviousMapping,
+  onSaveHandler,
+  editField,
+  previousMappingHandler
+}) => {
+  const [ssMappingData, setSSMappingData] = React.useState({
+    questions: [],
+    variables: [],
+    contactProperties: [],
+    expressions: [],
+    property: []
+  });
+  const [previousMapping, setPreviousMapping] = React.useState(
+    hasPreviousMapping != null ? hasPreviousMapping : false
+  );
+  React.useEffect(() => {
+    if (!!(editField == null ? void 0 : editField.id)) {
+      navigateMappingPage(true);
+      setPreviousMapping(true);
+    }
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    themeProvider.ThemeProvider,
+    {
+      theme: {
+        fonts: {
+          body: "DM Sans, Roboto Mono, sans-serif",
+          heading: "DM Sans, Roboto Mono, sans-serif"
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%" } }, /* @__PURE__ */ React.createElement(
+      MappingHeader,
+      {
+        isMappingPage,
+        hasPreviousMapping: previousMapping,
+        navigateConfigPage: () => navigateMappingPage(false),
+        previousMappingHandler,
+        onSaveHandler: () => {
+          const filteredMapping = Object.fromEntries(
+            Object.entries(ssMappingData).map(([key, arr]) => [
+              key,
+              arr.filter((item) => item.isEnabled)
+            ]).filter(([, arr]) => arr.length > 0)
+          );
+          onSaveHandler(filteredMapping);
+        }
+      }
+    ), !isMappingPage && configuration.hasConfiguration ? /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        justifyContent: "center",
+        alignItems: "center",
+        css: { marginTop: "$40" }
+      },
+      /* @__PURE__ */ React.createElement(
+        ConfigurationSetup,
+        {
+          configuration,
+          surveyName: surveyDetails.surveyName
+        }
+      )
+    ) : /* @__PURE__ */ React.createElement(
+      mapping.default,
+      {
+        integrationFields,
+        setIntegrationFields,
+        token,
+        apiURL,
+        surveyId: surveyDetails.surveyId,
+        importResponse,
+        ssMappingData,
+        setSSMappingData,
+        editField
+      }
+    ))
+  );
+};
+const MappingHeader = ({
+  hasPreviousMapping,
+  isMappingPage,
+  navigateConfigPage,
+  onSaveHandler,
+  previousMappingHandler
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      alignItems: "center",
+      justifyContent: "space-between",
+      css: {
+        borderBottom: "$borderWidths$xs solid $neutral200",
+        padding: "$8 $12"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        gap: "$6",
+        alignItems: "center",
+        css: { visibility: hasPreviousMapping ? "visible" : "hidden" }
+      },
+      /* @__PURE__ */ React.createElement(
+        iconButton.IconButton,
+        {
+          onClick: previousMappingHandler,
+          color: "default",
+          icon: /* @__PURE__ */ React.createElement(arrowLeft.ArrowLeftIcon, null),
+          size: "lg"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6" }, "New Mapping")
+    ),
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        gap: "$4",
+        css: {
+          "& button": { background: "transparent !important", fontSize: "$md" }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          css: { color: !isMappingPage ? "$neutral900" : "$neutral800" },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          onClick: () => isMappingPage && navigateConfigPage()
+        },
+        "Configuration"
+      ),
+      /* @__PURE__ */ React.createElement(arrow.default, null),
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          css: { color: isMappingPage ? "$neutral900" : "$neutral800" },
+          color: "default",
+          variant: "ghost",
+          size: "md"
+        },
+        "Mapping"
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      button.Button,
+      {
+        size: "lg",
+        onClick: onSaveHandler,
+        css: { visibility: isMappingPage ? "visible" : "hidden" }
+      },
+      "Save Mapping"
+    )
+  );
+};
+const ConfigurationSetup = ({
+  configuration,
+  surveyName
+}) => {
+  var _a;
+  return /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, "Event Details"), /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral500" } }, "Survey Name:"), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral800" } }, surveyName)), /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      flexDirection: "column",
+      gap: "$8",
+      css: {
+        marginTop: "$12",
+        "& label": {
+          color: "$neutral800"
+        }
+      }
+    },
+    (_a = configuration.configurationFields) == null ? void 0 : _a.map((field) => /* @__PURE__ */ React.createElement(Configuration, { field }))
+  ), /* @__PURE__ */ React.createElement(
+    button.Button,
+    {
+      onClick: () => configuration.onSaveHandler(),
+      rightIcon: /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, null),
+      size: "lg",
+      css: { marginTop: "$16" }
+    },
+    "Continue, Mapping"
+  ));
+};
+const Configuration = ({ field }) => {
+  switch (field.fieldType) {
+    case "checkbox":
+      return /* @__PURE__ */ React.createElement(
+        checkbox.Checkbox,
+        {
+          checked: field.value,
+          onChange: (value) => field.onChangeHandler(value),
+          size: "sm"
+        },
+        field.label
+      );
+    case "input":
+      return /* @__PURE__ */ React.createElement(
+        formInput.FormInput,
+        {
+          label: field.label,
+          value: field.value,
+          size: "lg",
+          onChange: (event) => field.onChangeHandler(event.currentTarget.value)
+        }
+      );
+    default:
+      return /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "sm", css: { fontWeight: "$5" } }, field.label), /* @__PURE__ */ React.createElement(
+        select.Select,
+        {
+          value: field.value,
+          options: field.options,
+          placeholder: "",
+          onChange: (value) => field.onChangeHandler(value),
+          size: "lg"
+        }
+      ));
+  }
+};
+
+exports.SingleMapping = SingleMapping;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}