@sparrowengg/integrations-templates-frontend 1.2.4 → 1.2.5

package/dist/cjs/_virtual/index10.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var cjs = {};
 
-exports.__module = reactIs;
+exports.__exports = cjs;
 //# sourceMappingURL=index10.js.map

package/dist/cjs/_virtual/index9.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var cjs = {};
+var reactIs = {exports: {}};
 
-exports.__exports = cjs;
+exports.__module = reactIs;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/authentication/index.js

@@ -31,7 +31,12 @@ const Authentication = ({
       {
         size: "lg",
         value: field.value,
-        onChange: (value) => field.changeFieldValue(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
       }
@@ -40,9 +45,14 @@ const Authentication = ({
       {
         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 ? "password" : "text",
-        onChange: (e) => field.changeFieldValue(e.currentTarget.value)
+        onChange: (e) => {
+          var _a;
+          return field.changeFieldValue(e.currentTarget.value, (_a = field.id) != null ? _a : field.label);
+        }
       }
     )))), /* @__PURE__ */ React.createElement(
       button.Button,

package/dist/cjs/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":["ThemeProvider","Flex","Box","Heading","FormLabel","Select","FormInput","Button","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;AA8BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,eAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AACF,CAA2B,KAAA;AACzB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,2BAAA;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,oBAEC,KAAA,CAAA,aAAA,CAAAC,SAAA,EAAA,EAAK,UAAW,EAAA,QAAA,EAAS,cAAe,EAAA,QAAA,EAAA,kBACtC,KAAA,CAAA,aAAA,CAAAC,OAAA,EAAA,EAAI,GAAK,EAAA,EAAE,KAAO,EAAA,GAAA,EACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,eAAQ,EAAA,EAAA,IAAA,EAAK,IAAM,EAAA,EAAA,CAAA,aAAA,EAAgB,eAAe,CAAA,QAAA,CAAW,CAC9D,kBAAA,KAAA,CAAA,aAAA,CAACF,SAAK,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,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAM,CAAA,IAAA,KAAS,QACd,mBAAA,KAAA,CAAA,aAAA,CAACA,SAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,aAAA,EAAc,UAAS,GAAK,EAAA,EAAE,KAAO,EAAA,MAAA,EAClD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACG,mBAAU,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,UAAA,EAAY,IAAK,EAAA,EAAA,EAC1C,KAAM,CAAA,KACT,GAAa,GACb,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,aAAA;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,mBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,mBAAA;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,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,QACxB,OAAS,EAAA,gBAAA;AAAA,QACT,SAAA,sCAAYC,6BAAiB,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\";\n\ntype AuthenticationFieldsProps = {\n  id: string | number;\n  type: string;\n  label: string;\n  value: any;\n  changeFieldValue: (value: any, fieldId?: number | string) => void;\n  options?: Array<{ label: string; value: string | number }>;\n  placeholder?: string;\n  isPassword?: boolean;\n  required?: 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                      required={field?.required}\n                      requiredIndicator={field?.required}\n                      onChange={(value) => field.changeFieldValue(value, field.id ?? field.label)}\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={field.isPassword ? \"password\" : \"text\"}\n                    onChange={(e) =>\n                      field.changeFieldValue(e.currentTarget.value, field.id ?? field.label)\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":["ThemeProvider","Flex","Box","Heading","FormLabel","Select","FormInput","Button","ChevronRightIcon"],"mappings":"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"}

package/dist/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../_virtual/index10.js');
+var index = require('../../../../_virtual/index9.js');
 var reactIs_production_min = require('./cjs/react-is.production.min.js');
 var reactIs_development = require('./cjs/react-is.development.js');
 

package/dist/cjs/node_modules/style-to-js/cjs/index.js

@@ -3,7 +3,7 @@
 var _commonjsHelpers = require('../../../_virtual/_commonjsHelpers.js');
 require('../../style-to-object/cjs/index.js');
 require('./utilities.js');
-var index = require('../../../_virtual/index9.js');
+var index = require('../../../_virtual/index10.js');
 var utilities = require('../../../_virtual/utilities3.js');
 
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

package/dist/cjs/node_modules/style-to-object/cjs/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('../../../_virtual/_commonjsHelpers.js');
-var index$1 = require('../../../_virtual/index9.js');
+var index$1 = require('../../../_virtual/index10.js');
 var index = require('../../inline-style-parser/index.js');
 
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

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

@@ -220,7 +220,10 @@ const Configuration = ({ field }) => {
         checkbox.Checkbox,
         {
           checked: field.value,
-          onChange: (value) => field.onChangeHandler(value),
+          onChange: (value) => {
+            var _a;
+            return field.onChangeHandler(value, (_a = field.id) != null ? _a : field.label);
+          },
           size: "sm"
         },
         field.label
@@ -232,7 +235,10 @@ const Configuration = ({ field }) => {
           label: field.label,
           value: field.value,
           size: "lg",
-          onChange: (event) => field.onChangeHandler(event.currentTarget.value)
+          onChange: (event) => {
+            var _a;
+            return field.onChangeHandler(event.currentTarget.value, (_a = field.id) != null ? _a : field.label);
+          }
         }
       );
     default:
@@ -242,7 +248,10 @@ const Configuration = ({ field }) => {
           value: field.value,
           options: field.options,
           placeholder: "",
-          onChange: (value) => field.onChangeHandler(value),
+          onChange: (value) => {
+            var _a;
+            return field.onChangeHandler(value, (_a = field.id) != null ? _a : field.label);
+          },
           size: "lg"
         }
       ));

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 cjs = {};
 
-export { reactIs as __module };
+export { cjs as __exports };
 //# sourceMappingURL=index10.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/index.js

@@ -29,7 +29,12 @@ const Authentication = ({
       {
         size: "lg",
         value: field.value,
-        onChange: (value) => field.changeFieldValue(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
       }
@@ -38,9 +43,14 @@ const Authentication = ({
       {
         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 ? "password" : "text",
-        onChange: (e) => field.changeFieldValue(e.currentTarget.value)
+        onChange: (e) => {
+          var _a;
+          return field.changeFieldValue(e.currentTarget.value, (_a = field.id) != null ? _a : field.label);
+        }
       }
     )))), /* @__PURE__ */ React__default.createElement(
       Button,

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\";\n\ntype AuthenticationFieldsProps = {\n  id: string | number;\n  type: string;\n  label: string;\n  value: any;\n  changeFieldValue: (value: any, fieldId?: number | string) => void;\n  options?: Array<{ label: string; value: string | number }>;\n  placeholder?: string;\n  isPassword?: boolean;\n  required?: 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                      required={field?.required}\n                      requiredIndicator={field?.required}\n                      onChange={(value) => field.changeFieldValue(value, field.id ?? field.label)}\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={field.isPassword ? \"password\" : \"text\"}\n                    onChange={(e) =>\n                      field.changeFieldValue(e.currentTarget.value, field.id ?? field.label)\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":"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"}

package/dist/es/node_modules/hoist-non-react-statics/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as reactIs } from '../../../../_virtual/index10.js';
+import { __module as reactIs } from '../../../../_virtual/index9.js';
 import { __require as requireReactIs_production_min } from './cjs/react-is.production.min.js';
 import { __require as requireReactIs_development } from './cjs/react-is.development.js';
 

package/dist/es/node_modules/style-to-js/cjs/index.js

@@ -1,7 +1,7 @@
 import { commonjsGlobal } from '../../../_virtual/_commonjsHelpers.js';
 import '../../style-to-object/cjs/index.js';
 import './utilities.js';
-import { __exports as cjs$1 } from '../../../_virtual/index9.js';
+import { __exports as cjs$1 } from '../../../_virtual/index10.js';
 import { __exports as utilities } from '../../../_virtual/utilities3.js';
 
 var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {

package/dist/es/node_modules/style-to-object/cjs/index.js

@@ -1,5 +1,5 @@
 import { commonjsGlobal } from '../../../_virtual/_commonjsHelpers.js';
-import { __exports as cjs } from '../../../_virtual/index9.js';
+import { __exports as cjs } from '../../../_virtual/index10.js';
 import { i as inlineStyleParser } from '../../inline-style-parser/index.js';
 
 var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {

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

@@ -218,7 +218,10 @@ const Configuration = ({ field }) => {
         Checkbox,
         {
           checked: field.value,
-          onChange: (value) => field.onChangeHandler(value),
+          onChange: (value) => {
+            var _a;
+            return field.onChangeHandler(value, (_a = field.id) != null ? _a : field.label);
+          },
           size: "sm"
         },
         field.label
@@ -230,7 +233,10 @@ const Configuration = ({ field }) => {
           label: field.label,
           value: field.value,
           size: "lg",
-          onChange: (event) => field.onChangeHandler(event.currentTarget.value)
+          onChange: (event) => {
+            var _a;
+            return field.onChangeHandler(event.currentTarget.value, (_a = field.id) != null ? _a : field.label);
+          }
         }
       );
     default:
@@ -240,7 +246,10 @@ const Configuration = ({ field }) => {
           value: field.value,
           options: field.options,
           placeholder: "",
-          onChange: (value) => field.onChangeHandler(value),
+          onChange: (value) => {
+            var _a;
+            return field.onChangeHandler(value, (_a = field.id) != null ? _a : field.label);
+          },
           size: "lg"
         }
       ));

package/dist/es/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":["React"],"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":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAqDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAS,GAAA,gBAAA;AAAA,EACT,aAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAc,CAAA;AAAA,IACtD,WAAW,EAAC;AAAA,IACZ,WAAW,EAAC;AAAA,IACZ,mBAAmB,EAAC;AAAA,IACpB,aAAa,EAAC;AAAA,IACd,UAAU,EAAC;AAAA,GACZ,CAAA,CAAA;AACD,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,kBAAsB,IAAA,IAAA,GAAA,kBAAA,GAAA,KAAA;AAAA,GACxB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAI,CAAA,EAAA;AACnB,MAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AACxB,MAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,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,iDAEC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,QACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,kBAAoB,EAAA,eAAA;AAAA,QACpB,kBAAA,EAAoB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QACnD,sBAAA;AAAA,QACA,eAAe,MAAM;AACnB,UAAA,MAAM,kBAAkB,MAAO,CAAA,WAAA;AAAA,YAC7B,MAAA,CAAO,QAAQ,aAAa,CAAA,CACzB,IAAI,CAAC,CAAC,GAAK,EAAA,GAAG,CAAM,KAAA;AAAA,cACnB,GAAA;AAAA,cACC,GAAY,CAAA,MAAA,CAAO,CAAC,IAAA,KAAc,KAAK,SAAS,CAAA;AAAA,aAClD,CACA,CAAA,MAAA,CAAO,CAAC,GAAG,GAAG,CAAA,KAAM,GAAI,CAAA,MAAA,GAAS,CAAC,CAAA;AAAA,WACvC,CAAA;AACA,UAAA,aAAA,CAAc,eAAe,CAAA,CAAA;AAAA,SAC/B;AAAA,OAAA;AAAA,KAED,EAAA,CAAC,aAAiB,IAAA,aAAA,CAAc,gBAC/B,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,OAAA;AAAA,sBAExBA,cAAA,CAAA,aAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,aAAA;AAAA,UACA,YAAY,aAAc,CAAA,UAAA;AAAA,SAAA;AAAA,OAC5B;AAAA,KAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,iBAAA;AAAA,QACA,oBAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAU,aAAc,CAAA,QAAA;AAAA,QACxB,cAAA;AAAA,QACA,aAAA;AAAA,QACA,gBAAA;AAAA,QACA,SAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,sBAAA;AACF,CAAW,KAAA;AACT,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,OACX;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,IAAA;AAAA,QACJ,UAAW,EAAA,QAAA;AAAA,QACX,GAAK,EAAA,EAAE,UAAY,EAAA,kBAAA,GAAqB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,sBAAA;AAAA,UACT,KAAM,EAAA,SAAA;AAAA,UACN,IAAA,+CAAO,aAAc,EAAA,IAAA,CAAA;AAAA,UACrB,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OACP;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,aAAW,CAAA;AAAA,KAChC;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,UAAY,EAAA,EAAE,UAAY,EAAA,wBAAA,EAA0B,UAAU,KAAM,EAAA;AAAA,SACtE;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAK,EAAE,KAAA,EAAO,CAAC,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC7D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,IAAiB,kBAAmB,EAAA;AAAA,SAAA;AAAA,QACpD,eAAA;AAAA,OAED;AAAA,mDACC,KAAM,EAAA,IAAA,CAAA;AAAA,sBACPA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC5D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,QACN,SAAA;AAAA,OAED;AAAA,KACF;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAS,EAAA,aAAA;AAAA,QACT,GAAK,EAAA,EAAE,UAAY,EAAA,aAAA,GAAgB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,MACzD,cAAA;AAAA,KAED;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,aAAA;AAAA,EACA,UAAA;AACF,CAGM,KAAA;AAtNN,EAAA,IAAA,EAAA,CAAA;AAuNE,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,UAAU,GAAK,EAAA,KAAA,EAAO,QAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,eAAa,CAChC,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,GAAI,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,SAAW,EAAA,IAAA,sBAC9BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,MAAiB,cAE/C,CAAA,+CACC,IAAK,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,OAAO,aAAc,EAAA,EAAA,EACzC,UACH,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAc,EAAA,QAAA;AAAA,MACd,GAAI,EAAA,IAAA;AAAA,MACJ,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,KAAA;AAAA,QACX,SAAW,EAAA;AAAA,UACT,KAAO,EAAA,aAAA;AAAA,SACT;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,CAAA,EAAA,GAAA,aAAA,CAAc,wBAAd,IAAmC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,KACvC,qBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAc,KAAc,EAAA,CAAA,CAAA;AAAA,GAGjC,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,aAAA,CAAc,aAAc,EAAA;AAAA,MAC3C,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,MAC7B,IAAK,EAAA,IAAA;AAAA,MACL,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAAA;AAAA,IACzB,mBAAA;AAAA,GAGH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,aAAgB,GAAA,CAAC,EAAE,KAAA,EAAiB,KAAA;AACxC,EAAA,QAAQ,MAAM,SAAW;AAAA,IACvB,KAAK,UAAA;AACH,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAM,CAAA,KAAA;AAAA,UACf,QAAA,EAAU,CAAC,KAAO,KAAA;AAlQ5B,YAAA,IAAA,EAAA,CAAA;AAkQ+B,YAAA,OAAA,KAAA,CAAM,gBAAgB,KAAO,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,WAAA;AAAA,UACzE,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,QAEJ,KAAM,CAAA,KAAA;AAAA,OACT,CAAA;AAAA,IAEJ,KAAK,OAAA;AACH,MACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,IAAK,EAAA,IAAA;AAAA,UACL,QAAA,EAAU,CAAC,KAAO,KAAA;AA9Q5B,YAAA,IAAA,EAAA,CAAA;AA8Q+B,YAAM,OAAA,KAAA,CAAA,eAAA,CAAgB,MAAM,aAAc,CAAA,KAAA,EAAA,CAAO,WAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAC/F,CAAA;AAAA,IAEJ;AACE,MAAA,oDACG,IAAK,EAAA,EAAA,GAAA,EAAI,IAAK,EAAA,aAAA,EAAc,4BAC1BA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,UAAA,EAAY,MACrC,EAAA,EAAA,KAAA,CAAM,KACT,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,SAAS,KAAM,CAAA,OAAA;AAAA,UACf,WAAY,EAAA,EAAA;AAAA,UACZ,QAAA,EAAU,CAAC,KAAO,KAAA;AA3R9B,YAAA,IAAA,EAAA,CAAA;AA2RiC,YAAA,OAAA,KAAA,CAAM,gBAAgB,KAAO,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,EAAN,KAAA,IAAA,GAAA,EAAA,GAAY,MAAM,KAAK,CAAA,CAAA;AAAA,WAAA;AAAA,UACzE,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OAET,CAAA,CAAA;AAAA,GAEN;AACF,CAAA;;;;"}

package/dist/index.d.ts

@@ -96,13 +96,14 @@ type AuthenticationFieldsProps = {
     type: string;
     label: string;
     value: any;
-    changeFieldValue: (value: any) => void;
+    changeFieldValue: (value: any, fieldId?: number | string) => void;
     options?: Array<{
         label: string;
         value: string | number;
     }>;
     placeholder?: string;
     isPassword?: boolean;
+    required?: boolean;
 };
 type AuthenticationProps = {
     integrationName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/integrations-templates-frontend",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "license": "MIT",
   "module": "dist/es/index.js",
   "main": "dist/cjs/index.js",