@sparrowengg/integrations-templates-frontend 1.2.4

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

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

package/dist/es/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":["React"],"mappings":"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"}