@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.34 → 2.1.0-notion-release.35

package/dist/es/mapping/components/EventSetup.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventSetup.js","sources":["../../../../src/mapping/components/EventSetup.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Box,\n  Button,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { EventSetupProps, SelectOption, ChangeHandlerValue } from \"../types\";\nimport { ConfigurationSetup } from \"./ConfigurationSetup\";\nimport { UI_TEXT } from \"../constants\";\n\n/**\n * EventSetup component - Handles event and action selection before mapping\n */\nexport const EventSetup: React.FC<EventSetupProps> = ({\n  surveyDetails,\n  accounts,\n  events,\n  actions,\n  navigateMappingPage,\n  configuration,\n  editFieldId,\n}) => {\n  // Trigger onChange handlers for pre-selected values\n  useEffect(() => {\n    if (actions?.value) {\n      actions.onChangeHandler(actions.value);\n    }\n    if (events?.value) {\n      events.onChangeHandler(events.value);\n    }\n  }, [actions?.value, events?.value]);\n\n  const isContinueDisabled = configuration.hasConfiguration\n    ? false\n    : !actions?.value || !events?.value;\n\n  const handleSelectChange = (\n    handler: ((value: ChangeHandlerValue) => void) | undefined,\n    value: unknown\n  ): void => {\n    if (handler) {\n      handler(value as ChangeHandlerValue);\n    }\n  };\n\n  return (\n    <Flex\n      css={{ paddingTop: \"$40\" }}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box css={{ width: 488 }}>\n        {configuration.hasConfiguration ? (\n          <ConfigurationSetup\n            configuration={configuration}\n            surveyName={surveyDetails.surveyName}\n            editField={editFieldId}\n          />\n        ) : (\n          <>\n            <Heading size=\"h5\">{configuration?.title}</Heading>\n            <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n              <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                {UI_TEXT.SURVEY_NAME_LABEL}\n              </Text>\n              <Text size=\"sm\" weight=\"medium\" css={{ color: \"$neutral800\" }}>\n                {surveyDetails.surveyName}\n              </Text>\n            </Flex>\n            <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$16\" }}>\n              {/* Accounts Dropdown */}\n              {accounts?.hasAccounts && (\n                <Flex gap=\"$2\" flexDirection=\"column\">\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {UI_TEXT.CHOOSE_ACCOUNT_LABEL}\n                  </FormLabel>\n                  <Select\n                    value={accounts.value}\n                    options={accounts.options}\n                    placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n                    onChange={(value: unknown) =>\n                      handleSelectChange(accounts.onChangeHandler, value)\n                    }\n                    size=\"lg\"\n                  />\n                </Flex>\n              )}\n\n              {/* Events Dropdown */}\n              {events?.hasEvents && (\n                <Flex gap=\"$2\" flexDirection=\"column\">\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {UI_TEXT.CHOOSE_OBJECT_LABEL}\n                  </FormLabel>\n                  <Select\n                    options={events.options}\n                    value={events.value}\n                    placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n                    onChange={(value: unknown) =>\n                      handleSelectChange(events.onChangeHandler, value)\n                    }\n                    size=\"lg\"\n                  />\n                </Flex>\n              )}\n\n              {/* Actions Dropdown */}\n              {actions?.hasActions && (\n                <Flex gap=\"$2\" flexDirection=\"column\">\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {UI_TEXT.CHOOSE_ACTION_LABEL}\n                  </FormLabel>\n                  <Select\n                    size=\"lg\"\n                    options={actions.options}\n                    value={actions.value}\n                    placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n                    onChange={(value: unknown) =>\n                      handleSelectChange(actions.onChangeHandler, value)\n                    }\n                  />\n                </Flex>\n              )}\n            </Flex>\n          </>\n        )}\n\n        <Button\n          size=\"lg\"\n          disabled={isContinueDisabled}\n          rightIcon={<ChevronRightIcon />}\n          css={{ marginTop: \"$16\" }}\n          onClick={() => navigateMappingPage()}\n        >\n          {UI_TEXT.CONTINUE_MAPPING_BUTTON}\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"EventSetup.js","sources":["../../../../src/mapping/components/EventSetup.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Box, Button, Flex, FormLabel, Heading, Select, Text } from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { SelectOption } from \"../types\";\nimport ConfigurationSetup from \"./ConfigurationSetup\";\nimport { MAPPING_UI_STRINGS } from \"../constants\";\n\ntype EventSetupProps = {\n  surveyDetails: {\n    surveyName: string;\n    surveyId: number | string;\n  };\n  accounts?: {\n    hasAccounts: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (\n      value: SelectOption | SelectOption[] | boolean | null\n    ) => void;\n  };\n  events?: {\n    hasEvents: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (\n      value: SelectOption | SelectOption[] | boolean | null\n    ) => void;\n  };\n  actions?: {\n    hasActions: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (\n      value: SelectOption | SelectOption[] | boolean | null\n    ) => void;\n  };\n  navigateMappingPage: (value?: boolean) => void;\n  configuration: {\n    hasConfiguration: boolean;\n    configurationFields: Array<unknown>;\n    title: string;\n    configuredFields: unknown;\n  };\n  editFieldId: unknown;\n};\n\nconst EventSetup: React.FC<EventSetupProps> = ({\n  surveyDetails,\n  accounts,\n  events,\n  actions,\n  navigateMappingPage,\n  configuration,\n  editFieldId,\n}) => {\n  useEffect(() => {\n    if (actions?.value) {\n      actions?.onChangeHandler(actions?.value);\n    }\n    if (events?.value) {\n      events?.onChangeHandler(events?.value);\n    }\n  }, [actions?.value, events?.value]);\n\n  const isContinueDisabled = configuration.hasConfiguration\n    ? false\n    : (!actions?.value || !events?.value);\n\n  return (\n    <Flex\n      css={{ paddingTop: \"$40\" }}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box css={{ width: 488 }}>\n        {configuration.hasConfiguration ? (\n          <ConfigurationSetup\n            configuration={configuration}\n            surveyName={surveyDetails.surveyName}\n            editField={editFieldId}\n          />\n        ) : (\n          <>\n            <Heading size=\"h5\">{configuration?.title}</Heading>\n            <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n              <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                {MAPPING_UI_STRINGS.SURVEY_NAME_LABEL}\n              </Text>\n              <Text size=\"sm\" weight={\"medium\"} css={{ color: \"$neutral800\" }}>\n                {surveyDetails.surveyName}\n              </Text>\n            </Flex>\n            <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$16\" }}>\n              {accounts?.hasAccounts && (\n                <Flex gap=\"$2\" flexDirection=\"column\">\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {MAPPING_UI_STRINGS.CHOOSE_ACCOUNT}\n                  </FormLabel>\n                  <Select\n                    value={accounts.value}\n                    options={accounts.options}\n                    placeholder={MAPPING_UI_STRINGS.PLACEHOLDER_EMPTY}\n                    onChange={(value: unknown) =>\n                      accounts.onChangeHandler(\n                        value as SelectOption | SelectOption[] | boolean | null\n                      )\n                    }\n                    size=\"lg\"\n                  />\n                </Flex>\n              )}\n              {events?.hasEvents && (\n                <Flex gap=\"$2\" flexDirection=\"column\">\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {MAPPING_UI_STRINGS.CHOOSE_OBJECT}\n                  </FormLabel>\n                  <Select\n                    options={events.options}\n                    value={events?.value}\n                    placeholder={MAPPING_UI_STRINGS.PLACEHOLDER_EMPTY}\n                    onChange={(value: unknown) =>\n                      events.onChangeHandler(\n                        value as SelectOption | SelectOption[] | boolean | null\n                      )\n                    }\n                    size=\"lg\"\n                  />\n                </Flex>\n              )}\n              {actions?.hasActions && (\n                <Flex gap=\"$2\" flexDirection=\"column\">\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {MAPPING_UI_STRINGS.CHOOSE_ACTION}\n                  </FormLabel>\n                  <Select\n                    size=\"lg\"\n                    options={actions.options}\n                    value={actions?.value}\n                    placeholder={MAPPING_UI_STRINGS.PLACEHOLDER_EMPTY}\n                    onChange={(value: unknown) =>\n                      actions.onChangeHandler(\n                        value as SelectOption | SelectOption[] | boolean | null\n                      )\n                    }\n                  />\n                </Flex>\n              )}\n            </Flex>\n          </>\n        )}\n\n        <Button\n          size=\"lg\"\n          disabled={isContinueDisabled}\n          rightIcon={<ChevronRightIcon />}\n          css={{ marginTop: \"$16\" }}\n          onClick={() => navigateMappingPage()}\n        >\n          {MAPPING_UI_STRINGS.CONTINUE_MAPPING}\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default EventSetup;\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/mapping/components/MappingHeader.js

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import ArrowIcon from '../../commons/icons/arrow.js';
 import DraftModal from '../../commons/components/draftModal.js';
 import NamingModal from '../../commons/components/NamingModal.js';
-import { validateEssentialFields } from '../utils/validation.js';
-import { UI_TEXT, DRAFT_CONSTANTS } from '../constants/index.js';
+import Arrow from '../../commons/icons/arrow.js';
+import { isEventSetupDisabled, isAllEssentialMapped } from '../utils/validation.utils.js';
+import { MAPPING_UI_STRINGS } from '../constants/ui-strings.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';
@@ -28,10 +28,10 @@ const MappingHeader = ({
   draftHandler,
   configuration
 }) => {
+  const isDisabled = isEventSetupDisabled(actions == null ? void 0 : actions.value, events == null ? void 0 : events.value);
   const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);
   const [isNamingModalOpen, setIsNamingModalOpen] = useState(false);
-  const isEventSetupDisabled = !(actions == null ? void 0 : actions.value) || !(events == null ? void 0 : events.value);
-  const isSaveDisabled = !validateEssentialFields(fields, havingTypeDropdown);
+  const isSaveDisabled = !isAllEssentialMapped(fields, havingTypeDropdown);
   const handleSaveClick = () => {
     if (hasNamingModal) {
       setIsNamingModalOpen(true);
@@ -39,15 +39,6 @@ const MappingHeader = ({
       onSaveHandler(editFieldId);
     }
   };
-  const handleDraftSave = async () => {
-    await draftHandler(DRAFT_CONSTANTS.MAPPING_TYPE, editFieldId == null ? void 0 : editFieldId.toString());
-    setIsDraftModalOpen(false);
-    await previousMappingHandler();
-  };
-  const handleDraftCancel = async () => {
-    await previousMappingHandler();
-    setIsDraftModalOpen(false);
-  };
   return /* @__PURE__ */ React__default.createElement(
     Flex,
     {
@@ -66,9 +57,16 @@ const MappingHeader = ({
     isDraftModalOpen && /* @__PURE__ */ React__default.createElement(
       DraftModal,
       {
-        onSaveHandler: handleDraftSave,
+        onSaveHandler: async () => {
+          await draftHandler("MAPPING", editFieldId == null ? void 0 : editFieldId.toString());
+          setIsDraftModalOpen(false);
+          await previousMappingHandler();
+        },
         onCloseHandler: () => setIsDraftModalOpen(false),
-        onCancel: handleDraftCancel
+        onCancel: async () => {
+          await previousMappingHandler();
+          setIsDraftModalOpen(false);
+        }
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -87,7 +85,7 @@ const MappingHeader = ({
           size: "lg"
         }
       ),
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? UI_TEXT.EDIT_MAPPING_TITLE : UI_TEXT.NEW_MAPPING_TITLE)
+      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? MAPPING_UI_STRINGS.EDIT_MAPPING : MAPPING_UI_STRINGS.NEW_MAPPING)
     ),
     /* @__PURE__ */ React__default.createElement(
       Flex,
@@ -107,20 +105,20 @@ const MappingHeader = ({
           size: "md",
           onClick: () => isMappingPage && navigateEventPage()
         },
-        UI_TEXT.EVENT_SETUP_TITLE
+        MAPPING_UI_STRINGS.EVENT_SETUP
       ),
-      /* @__PURE__ */ React__default.createElement(ArrowIcon, null),
+      /* @__PURE__ */ React__default.createElement(Arrow, null),
       /* @__PURE__ */ React__default.createElement(
         Button,
         {
           onClick: () => navigateMappingPage(),
-          css: { color: !isEventSetupDisabled ? "$neutral900" : "$neutral800" },
+          css: { color: !isDisabled ? "$neutral900" : "$neutral800" },
           color: "default",
           variant: "ghost",
           size: "md",
-          disabled: isEventSetupDisabled
+          disabled: isDisabled
         },
-        UI_TEXT.MAPPING_TITLE
+        MAPPING_UI_STRINGS.MAPPING
       )
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -131,7 +129,7 @@ const MappingHeader = ({
         onClick: handleSaveClick,
         css: { visibility: isMappingPage ? "visible" : "hidden" }
       },
-      editFieldId ? UI_TEXT.UPDATE_MAPPING_BUTTON : UI_TEXT.SAVE_MAPPING_BUTTON
+      editFieldId ? MAPPING_UI_STRINGS.UPDATE_MAPPING : MAPPING_UI_STRINGS.SAVE_MAPPING
     ),
     hasNamingModal && /* @__PURE__ */ React__default.createElement(
       NamingModal,
@@ -140,7 +138,7 @@ const MappingHeader = ({
         mappingLoader: onSaveMappingLoader,
         saveHandler: () => onSaveHandler(editFieldId),
         closeHandler: () => setIsNamingModalOpen(false),
-        value: (configuration == null ? void 0 : configuration.currentMappingName) || UI_TEXT.EMPTY_PLACEHOLDER,
+        value: (configuration == null ? void 0 : configuration.currentMappingName) || "",
         setValue: (value) => {
           var _a;
           return (_a = configuration == null ? void 0 : configuration.setMappingName) == null ? void 0 : _a.call(configuration, value);
@@ -151,5 +149,5 @@ const MappingHeader = ({
   );
 };
 
-export { MappingHeader };
+export { MappingHeader as default };
 //# sourceMappingURL=MappingHeader.js.map

package/dist/es/mapping/components/MappingHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MappingHeader.js","sources":["../../../../src/mapping/components/MappingHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Box,\n  Button,\n  Flex,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport { ArrowLeftIcon } from \"@sparrowengg/twigs-react-icons\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport DraftModal from \"../../commons/components/draftModal\";\nimport NamingModal from \"../../commons/components/NamingModal\";\nimport { MappingHeaderProps } from \"../types\";\nimport { validateEssentialFields } from \"../utils\";\nimport { UI_TEXT, DRAFT_CONSTANTS } from \"../constants\";\n\n/**\n * MappingHeader component - Header for mapping page with navigation and save functionality\n */\nexport const MappingHeader: React.FC<MappingHeaderProps> = ({\n  hasNamingModal,\n  navigateMappingPage,\n  accounts,\n  events,\n  actions,\n  havingTypeDropdown,\n  onSaveMappingLoader,\n  hasPreviousMapping,\n  isMappingPage,\n  fields,\n  navigateEventPage,\n  onSaveHandler,\n  previousMappingHandler,\n  editFieldId,\n  draftHandler,\n  configuration,\n}) => {\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  const [isNamingModalOpen, setIsNamingModalOpen] = useState(false);\n\n  const isEventSetupDisabled = !actions?.value || !events?.value;\n  const isSaveDisabled = !validateEssentialFields(fields, havingTypeDropdown);\n\n  const handleSaveClick = (): void => {\n    if (hasNamingModal) {\n      setIsNamingModalOpen(true);\n    } else {\n      onSaveHandler(editFieldId);\n    }\n  };\n\n  const handleDraftSave = async (): Promise<void> => {\n    await draftHandler(DRAFT_CONSTANTS.MAPPING_TYPE, editFieldId?.toString());\n    setIsDraftModalOpen(false);\n    await previousMappingHandler();\n  };\n\n  const handleDraftCancel = async (): Promise<void> => {\n    await previousMappingHandler();\n    setIsDraftModalOpen(false);\n  };\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: \"sticky\",\n        width: \"100%\",\n        top: \"1px\",\n        zIndex: \"99\",\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      {/* Draft Modal */}\n      {isDraftModalOpen && (\n        <DraftModal\n          onSaveHandler={handleDraftSave}\n          onCloseHandler={() => setIsDraftModalOpen(false)}\n          onCancel={handleDraftCancel}\n        />\n      )}\n\n      {/* Back Button and Title */}\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\">\n          {editFieldId ? UI_TEXT.EDIT_MAPPING_TITLE : UI_TEXT.NEW_MAPPING_TITLE}\n        </Heading>\n      </Flex>\n\n      {/* Navigation Breadcrumb */}\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 && navigateEventPage()}\n        >\n          {UI_TEXT.EVENT_SETUP_TITLE}\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateMappingPage()}\n          css={{ color: !isEventSetupDisabled ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={isEventSetupDisabled}\n        >\n          {UI_TEXT.MAPPING_TITLE}\n        </Button>\n      </Flex>\n\n      {/* Save Button */}\n      <Button\n        size=\"lg\"\n        disabled={isSaveDisabled}\n        onClick={handleSaveClick}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        {editFieldId ? UI_TEXT.UPDATE_MAPPING_BUTTON : UI_TEXT.SAVE_MAPPING_BUTTON}\n      </Button>\n\n      {/* Naming Modal */}\n      {hasNamingModal && (\n        <NamingModal\n          editFieldId={editFieldId}\n          mappingLoader={onSaveMappingLoader}\n          saveHandler={() => onSaveHandler(editFieldId)}\n          closeHandler={() => setIsNamingModalOpen(false)}\n          value={configuration?.currentMappingName || UI_TEXT.EMPTY_PLACEHOLDER}\n          setValue={(value: string) => configuration?.setMappingName?.(value)}\n          isOpen={isNamingModalOpen}\n        />\n      )}\n    </Flex>\n  );\n};\n\n"],"names":["React","Arrow"],"mappings":"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"}
+{"version":3,"file":"MappingHeader.js","sources":["../../../../src/mapping/components/MappingHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Button, Flex, Heading, IconButton } from \"@sparrowengg/twigs-react\";\nimport { ArrowLeftIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { FieldType, SelectOption } from \"../types\";\nimport DraftModal from \"../../commons/components/draftModal\";\nimport NamingModal from \"../../commons/components/NamingModal\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { isAllEssentialMapped, isEventSetupDisabled } from \"../utils\";\nimport { MAPPING_UI_STRINGS } from \"../constants\";\n\ntype MappingHeaderProps = {\n  hasNamingModal: boolean;\n  draftHandler: (type: string | null, editFieldId?: string | number) => void;\n  navigateMappingPage: (value?: boolean) => void;\n  accounts?: {\n    hasAccounts: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (\n      value: SelectOption | SelectOption[] | boolean | null\n    ) => void;\n  };\n  events?: {\n    hasEvents: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (\n      value: SelectOption | SelectOption[] | boolean | null\n    ) => void;\n  };\n  actions?: {\n    hasActions: boolean;\n    options: Array<SelectOption>;\n    value: SelectOption | null | boolean;\n    onChangeHandler: (\n      value: SelectOption | SelectOption[] | boolean | null\n    ) => void;\n  };\n  havingTypeDropdown: boolean;\n  onSaveMappingLoader: boolean;\n  hasPreviousMapping: boolean;\n  isMappingPage: boolean;\n  fields: Array<FieldType>;\n  navigateEventPage: () => void;\n  onSaveHandler: (editFieldId?: string | number) => void;\n  previousMappingHandler: (value?: boolean) => void;\n  editFieldId: string | number | undefined;\n  configuration: {\n    setMappingName?: (value: string) => void;\n    currentMappingName?: string;\n    hasConfiguration: boolean;\n    configurationFields: Array<unknown>;\n    title: string;\n    configuredFields: unknown;\n  };\n};\n\nconst MappingHeader: React.FC<MappingHeaderProps> = ({\n  hasNamingModal,\n  navigateMappingPage,\n  accounts,\n  events,\n  actions,\n  havingTypeDropdown,\n  onSaveMappingLoader,\n  hasPreviousMapping,\n  isMappingPage,\n  fields,\n  navigateEventPage,\n  onSaveHandler,\n  previousMappingHandler,\n  editFieldId,\n  draftHandler,\n  configuration,\n}) => {\n  const isDisabled = isEventSetupDisabled(actions?.value, events?.value);\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  const [isNamingModalOpen, setIsNamingModalOpen] = useState(false);\n\n  const isSaveDisabled = !isAllEssentialMapped(fields, havingTypeDropdown);\n\n  const handleSaveClick = () => {\n    if (hasNamingModal) {\n      setIsNamingModalOpen(true);\n    } else {\n      onSaveHandler(editFieldId);\n    }\n  };\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: \"sticky\",\n        width: \"100%\",\n        top: \"1px\",\n        zIndex: \"99\",\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      {isDraftModalOpen && (\n        <DraftModal\n          onSaveHandler={async () => {\n            await draftHandler(\"MAPPING\", editFieldId?.toString());\n            setIsDraftModalOpen(false);\n            await previousMappingHandler();\n          }}\n          onCloseHandler={() => setIsDraftModalOpen(false)}\n          onCancel={async () => {\n            await previousMappingHandler();\n            setIsDraftModalOpen(false);\n          }}\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\">\n          {editFieldId ? MAPPING_UI_STRINGS.EDIT_MAPPING : MAPPING_UI_STRINGS.NEW_MAPPING}\n        </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 && navigateEventPage()}\n        >\n          {MAPPING_UI_STRINGS.EVENT_SETUP}\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateMappingPage()}\n          css={{ color: !isDisabled ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={isDisabled}\n        >\n          {MAPPING_UI_STRINGS.MAPPING}\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        disabled={isSaveDisabled}\n        onClick={handleSaveClick}\n        css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        {editFieldId ? MAPPING_UI_STRINGS.UPDATE_MAPPING : MAPPING_UI_STRINGS.SAVE_MAPPING}\n      </Button>\n      {hasNamingModal && (\n        <NamingModal\n          editFieldId={editFieldId}\n          mappingLoader={onSaveMappingLoader}\n          saveHandler={() => onSaveHandler(editFieldId)}\n          closeHandler={() => setIsNamingModalOpen(false)}\n          value={configuration?.currentMappingName || \"\"}\n          setValue={(value: string) => configuration?.setMappingName?.(value)}\n          isOpen={isNamingModalOpen}\n        />\n      )}\n    </Flex>\n  );\n};\n\nexport default MappingHeader;\n\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/mapping/constants/index.ts"],"sourcesContent":["import { SelectOption } from '../../commons/types/enhanced';\nimport { MAPPING_TYPES, DATA_TYPE_OPTIONS } from '../../commons/constants/enhanced';\n\n// Mapping specific constants\nexport const MAPPING_TAB_VALUES: Array<{\n  id: number;\n  name: string;\n  value: string;\n  placeholder: string;\n}> = [\n  { id: 1, name: 'Questions', value: 'QUESTIONS', placeholder: 'questions' },\n  { id: 6, name: 'Enrich', value: 'DERIVED_QUESTIONS', placeholder: 'derivedQuestions' },\n  { id: 2, name: 'Variable', value: 'VARIABLE', placeholder: 'variables' },\n  { id: 3, name: 'Contact', value: 'CONTACT', placeholder: 'contactProperties' },\n  { id: 4, name: 'Expression', value: 'EXPRESSION', placeholder: 'expressions' },\n  { id: 5, name: 'Property', value: 'PROPERTY', placeholder: 'property' },\n];\n\nexport const MAPPING_PROPERTY_VALUES: Array<{\n  name: string;\n  id: string;\n  isEnabled: boolean;\n}> = [\n  { name: 'Select all Properties', id: 'ALL', isEnabled: false },\n  { name: 'Started Time', id: 'STARTED_TIME', isEnabled: false },\n  { name: 'Submitted Time', id: 'SUBMITTED_TIME', isEnabled: false },\n  { name: 'CompletionStatus', id: 'COMPLETION_STATUS', isEnabled: false },\n  { name: 'IP Address', id: 'IP_ADDRESS', isEnabled: false },\n  { name: 'Location', id: 'LOCATION', isEnabled: false },\n  { name: 'DMS (Lat, Long)', id: 'DMS', isEnabled: false },\n  { name: 'Channel Type', id: 'CHANNEL_TYPE', isEnabled: false },\n  { name: 'Channel Name', id: 'CHANNEL_NAME', isEnabled: false },\n  { name: 'Device ID', id: 'DEVICE_ID', isEnabled: false },\n  { name: 'Device Name', id: 'DEVICE_NAME', isEnabled: false },\n  { name: 'Browser', id: 'BROWSER', isEnabled: false },\n  { name: 'OS', id: 'OS', isEnabled: false },\n  { name: 'Submission Id', id: 'SUBMISSION_ID', isEnabled: false },\n  { name: 'Time Zone', id: 'TIME_ZONE', isEnabled: false },\n  { name: 'Device Type', id: 'DEVICE_TYPE', isEnabled: false },\n  { name: 'Browser Language', id: 'BROWSER_LANGUAGE', isEnabled: false },\n  { name: 'Tags', id: 'TAGS', isEnabled: false },\n  { name: 'Language Name', id: 'LANGUAGE_NAME', isEnabled: false },\n];\n\nexport const DEFAULT_FIELD_VALUE = {\n  id: '',\n  surveySparrowField: null,\n  integrationField: null,\n  integrationFieldType: null,\n  isEssentialField: false,\n  mappedType: MAPPING_TYPES[0],\n  defaultValue: null,\n  dependency: null,\n};\n\nexport const SAMPLE_INTEGRATION_FIELDS: Array<{\n  id: number;\n  label: string;\n  value: string;\n  type: string;\n}> = [\n  { id: 1, label: 'Email', value: 'email', type: 'EMAIL' },\n  { id: 2, label: 'Phone Number', value: 'phone_number', type: 'PHONE' },\n  { id: 3, label: 'First Name', value: 'first_name', type: 'STRING' },\n  { id: 4, label: 'Last Name', value: 'last_name', type: 'STRING' },\n  { id: 5, label: 'Organization', value: 'organization', type: 'STRING' },\n  { id: 6, label: 'Title', value: 'title', type: 'STRING' },\n  { id: 7, label: 'Address', value: 'address', type: 'STRING' },\n  { id: 8, label: 'City', value: 'city', type: 'STRING' },\n  { id: 9, label: 'Country', value: 'country', type: 'STRING' },\n  { id: 10, label: 'Zip Code', value: 'zip_code', type: 'STRING' },\n];\n\n// CSS Custom Styles for Select Components\nexport const CUSTOM_SELECT_STYLES = {\n  menuList: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    maxHeight: 176,\n  }),\n  menu: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    zIndex: 9999,\n  }),\n  control: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    minHeight: '40px',\n  }),\n};\n\nexport const SUB_MENU_CUSTOM_STYLES = {\n  menuList: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    maxHeight: 200,\n  }),\n  menu: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    zIndex: 9998,\n  }),\n};\n\n// Field validation rules\nexport const FIELD_VALIDATION = {\n  REQUIRED_FIELDS: ['surveySparrowField', 'integrationField'],\n  MAX_FIELD_COUNT: 50,\n  MIN_FIELD_COUNT: 1,\n} as const;\n\n// Error messages for mapping\nexport const MAPPING_ERROR_MESSAGES = {\n  FIELD_REQUIRED: 'This field is required',\n  INTEGRATION_FIELD_REQUIRED: 'Integration field is required',\n  SURVEY_FIELD_REQUIRED: 'Survey field is required',\n  DUPLICATE_MAPPING: 'This mapping already exists',\n  MAX_FIELDS_REACHED: `Maximum ${FIELD_VALIDATION.MAX_FIELD_COUNT} fields allowed`,\n  FETCH_ERROR: 'Failed to fetch mapping data',\n} as const;\n"],"names":[],"mappings":";;AA4CO,MAAM,mBAAsB,GAAA;AAAA,EACjC,EAAI,EAAA,EAAA;AAAA,EACJ,kBAAoB,EAAA,IAAA;AAAA,EACpB,gBAAkB,EAAA,IAAA;AAAA,EAClB,oBAAsB,EAAA,IAAA;AAAA,EACtB,gBAAkB,EAAA,KAAA;AAAA,EAClB,UAAA,EAAY,cAAc,CAAC,CAAA;AAAA,EAC3B,YAAc,EAAA,IAAA;AAAA,EACd,UAAY,EAAA,IAAA;AACd,EAAA;AAgDO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,eAAA,EAAiB,CAAC,oBAAA,EAAsB,kBAAkB,CAAA;AAAA,EAC1D,eAAiB,EAAA,EAAA;AAAA,EACjB,eAAiB,EAAA,CAAA;AACnB,EAAA;AAGO,MAAM,sBAAyB,GAAA;AAAA,EACpC,cAAgB,EAAA,wBAAA;AAAA,EAChB,0BAA4B,EAAA,+BAAA;AAAA,EAC5B,qBAAuB,EAAA,0BAAA;AAAA,EACvB,iBAAmB,EAAA,6BAAA;AAAA,EACnB,kBAAA,EAAoB,CAAW,QAAA,EAAA,gBAAA,CAAiB,eAAe,CAAA,eAAA,CAAA;AAAA,EAC/D,WAAa,EAAA,8BAAA;AACf;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/mapping/constants/index.ts"],"sourcesContent":["import { SelectOption } from '../../commons/types/enhanced';\nimport { MAPPING_TYPES, DATA_TYPE_OPTIONS } from '../../commons/constants/enhanced';\n\n// Export UI strings\nexport * from './ui-strings';\n\n// Mapping specific constants\nexport const MAPPING_TAB_VALUES: Array<{\n  id: number;\n  name: string;\n  value: string;\n  placeholder: string;\n}> = [\n  { id: 1, name: 'Questions', value: 'QUESTIONS', placeholder: 'questions' },\n  { id: 6, name: 'Enrich', value: 'DERIVED_QUESTIONS', placeholder: 'derivedQuestions' },\n  { id: 2, name: 'Variable', value: 'VARIABLE', placeholder: 'variables' },\n  { id: 3, name: 'Contact', value: 'CONTACT', placeholder: 'contactProperties' },\n  { id: 4, name: 'Expression', value: 'EXPRESSION', placeholder: 'expressions' },\n  { id: 5, name: 'Property', value: 'PROPERTY', placeholder: 'property' },\n];\n\nexport const MAPPING_PROPERTY_VALUES: Array<{\n  name: string;\n  id: string;\n  isEnabled: boolean;\n}> = [\n  { name: 'Select all Properties', id: 'ALL', isEnabled: false },\n  { name: 'Started Time', id: 'STARTED_TIME', isEnabled: false },\n  { name: 'Submitted Time', id: 'SUBMITTED_TIME', isEnabled: false },\n  { name: 'CompletionStatus', id: 'COMPLETION_STATUS', isEnabled: false },\n  { name: 'IP Address', id: 'IP_ADDRESS', isEnabled: false },\n  { name: 'Location', id: 'LOCATION', isEnabled: false },\n  { name: 'DMS (Lat, Long)', id: 'DMS', isEnabled: false },\n  { name: 'Channel Type', id: 'CHANNEL_TYPE', isEnabled: false },\n  { name: 'Channel Name', id: 'CHANNEL_NAME', isEnabled: false },\n  { name: 'Device ID', id: 'DEVICE_ID', isEnabled: false },\n  { name: 'Device Name', id: 'DEVICE_NAME', isEnabled: false },\n  { name: 'Browser', id: 'BROWSER', isEnabled: false },\n  { name: 'OS', id: 'OS', isEnabled: false },\n  { name: 'Submission Id', id: 'SUBMISSION_ID', isEnabled: false },\n  { name: 'Time Zone', id: 'TIME_ZONE', isEnabled: false },\n  { name: 'Device Type', id: 'DEVICE_TYPE', isEnabled: false },\n  { name: 'Browser Language', id: 'BROWSER_LANGUAGE', isEnabled: false },\n  { name: 'Tags', id: 'TAGS', isEnabled: false },\n  { name: 'Language Name', id: 'LANGUAGE_NAME', isEnabled: false },\n];\n\nexport const DEFAULT_FIELD_VALUE = {\n  id: '',\n  surveySparrowField: null,\n  integrationField: null,\n  integrationFieldType: null,\n  isEssentialField: false,\n  mappedType: MAPPING_TYPES[0],\n  defaultValue: null,\n  dependency: null,\n};\n\nexport const SAMPLE_INTEGRATION_FIELDS: Array<{\n  id: number;\n  label: string;\n  value: string;\n  type: string;\n}> = [\n  { id: 1, label: 'Email', value: 'email', type: 'EMAIL' },\n  { id: 2, label: 'Phone Number', value: 'phone_number', type: 'PHONE' },\n  { id: 3, label: 'First Name', value: 'first_name', type: 'STRING' },\n  { id: 4, label: 'Last Name', value: 'last_name', type: 'STRING' },\n  { id: 5, label: 'Organization', value: 'organization', type: 'STRING' },\n  { id: 6, label: 'Title', value: 'title', type: 'STRING' },\n  { id: 7, label: 'Address', value: 'address', type: 'STRING' },\n  { id: 8, label: 'City', value: 'city', type: 'STRING' },\n  { id: 9, label: 'Country', value: 'country', type: 'STRING' },\n  { id: 10, label: 'Zip Code', value: 'zip_code', type: 'STRING' },\n];\n\n// CSS Custom Styles for Select Components\nexport const CUSTOM_SELECT_STYLES = {\n  menuList: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    maxHeight: 176,\n  }),\n  menu: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    zIndex: 9999,\n  }),\n  control: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    minHeight: '40px',\n  }),\n};\n\nexport const SUB_MENU_CUSTOM_STYLES = {\n  menuList: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    maxHeight: 200,\n  }),\n  menu: (prevStyles: Record<string, unknown>) => ({\n    ...prevStyles,\n    zIndex: 9998,\n  }),\n};\n\n// Field validation rules\nexport const FIELD_VALIDATION = {\n  REQUIRED_FIELDS: ['surveySparrowField', 'integrationField'],\n  MAX_FIELD_COUNT: 50,\n  MIN_FIELD_COUNT: 1,\n} as const;\n\n// Error messages for mapping\nexport const MAPPING_ERROR_MESSAGES = {\n  FIELD_REQUIRED: 'This field is required',\n  INTEGRATION_FIELD_REQUIRED: 'Integration field is required',\n  SURVEY_FIELD_REQUIRED: 'Survey field is required',\n  DUPLICATE_MAPPING: 'This mapping already exists',\n  MAX_FIELDS_REACHED: `Maximum ${FIELD_VALIDATION.MAX_FIELD_COUNT} fields allowed`,\n  FETCH_ERROR: 'Failed to fetch mapping data',\n} as const;\n"],"names":[],"mappings":";;AA+CO,MAAM,mBAAsB,GAAA;AAAA,EACjC,EAAI,EAAA,EAAA;AAAA,EACJ,kBAAoB,EAAA,IAAA;AAAA,EACpB,gBAAkB,EAAA,IAAA;AAAA,EAClB,oBAAsB,EAAA,IAAA;AAAA,EACtB,gBAAkB,EAAA,KAAA;AAAA,EAClB,UAAA,EAAY,cAAc,CAAC,CAAA;AAAA,EAC3B,YAAc,EAAA,IAAA;AAAA,EACd,UAAY,EAAA,IAAA;AACd,EAAA;AAgDO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,eAAA,EAAiB,CAAC,oBAAA,EAAsB,kBAAkB,CAAA;AAAA,EAC1D,eAAiB,EAAA,EAAA;AAAA,EACjB,eAAiB,EAAA,CAAA;AACnB,EAAA;AAGO,MAAM,sBAAyB,GAAA;AAAA,EACpC,cAAgB,EAAA,wBAAA;AAAA,EAChB,0BAA4B,EAAA,+BAAA;AAAA,EAC5B,qBAAuB,EAAA,0BAAA;AAAA,EACvB,iBAAmB,EAAA,6BAAA;AAAA,EACnB,kBAAA,EAAoB,CAAW,QAAA,EAAA,gBAAA,CAAiB,eAAe,CAAA,eAAA,CAAA;AAAA,EAC/D,WAAa,EAAA,8BAAA;AACf;;;;"}

package/dist/es/mapping/constants/ui-strings.js

@@ -0,0 +1,37 @@
+const MAPPING_UI_STRINGS = {
+  // Header
+  EDIT_MAPPING: "Edit Mapping",
+  NEW_MAPPING: "New Mapping",
+  EVENT_SETUP: "Event Setup",
+  MAPPING: "Mapping",
+  SAVE_MAPPING: "Save Mapping",
+  UPDATE_MAPPING: "Update Mapping",
+  // Event Setup
+  SURVEY_NAME_LABEL: "Survey Name:",
+  CHOOSE_ACCOUNT: "Choose Account",
+  CHOOSE_OBJECT: "Choose Object",
+  CHOOSE_ACTION: "Choose Action",
+  CONTINUE_MAPPING: "Continue Mapping",
+  // Configuration
+  CHOOSE_LIST: "Choose a List",
+  CHOOSE_LIST_DESCRIPTION: "Pick a list to save mapped fields; If not, they'll be saved under all profiles.",
+  IMPORT_OLD_RESPONSE: "Import Old Response",
+  // Custom Select
+  ADD_ACCOUNT: "Add Account",
+  IN_USE_ADDON: "In Use (Add-on)",
+  // Dropdown
+  DAYS: "Days",
+  CANCEL: "Cancel",
+  APPLY: "Apply",
+  // Placeholders
+  PLACEHOLDER_EMPTY: "",
+  PLACEHOLDER_CHOOSE: "Choose",
+  // Error/Info Messages
+  PROVIDE_NEEDED_PROPS: "Provide the needed props to import Mapping Template",
+  // Custom Menu
+  NONE: "None",
+  SELECT_RIGHT_DATA_TYPE: "Select the right data type for the mapping to prevent errors when sharing value."
+};
+
+export { MAPPING_UI_STRINGS };
+//# sourceMappingURL=ui-strings.js.map

package/dist/es/mapping/constants/ui-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-strings.js","sources":["../../../../src/mapping/constants/ui-strings.ts"],"sourcesContent":["/**\n * UI String Constants for Mapping Module\n * All user-facing strings are centralized here\n * Note: Style-related strings and classnames are kept inline\n */\n\nexport const MAPPING_UI_STRINGS = {\n  // Header\n  EDIT_MAPPING: 'Edit Mapping',\n  NEW_MAPPING: 'New Mapping',\n  EVENT_SETUP: 'Event Setup',\n  MAPPING: 'Mapping',\n  SAVE_MAPPING: 'Save Mapping',\n  UPDATE_MAPPING: 'Update Mapping',\n  \n  // Event Setup\n  SURVEY_NAME_LABEL: 'Survey Name:',\n  CHOOSE_ACCOUNT: 'Choose Account',\n  CHOOSE_OBJECT: 'Choose Object',\n  CHOOSE_ACTION: 'Choose Action',\n  CONTINUE_MAPPING: 'Continue Mapping',\n  \n  // Configuration\n  CHOOSE_LIST: 'Choose a List',\n  CHOOSE_LIST_DESCRIPTION: 'Pick a list to save mapped fields; If not, they\\'ll be saved under all profiles.',\n  IMPORT_OLD_RESPONSE: 'Import Old Response',\n  \n  // Custom Select\n  ADD_ACCOUNT: 'Add Account',\n  IN_USE_ADDON: 'In Use (Add-on)',\n  \n  // Dropdown\n  DAYS: 'Days',\n  CANCEL: 'Cancel',\n  APPLY: 'Apply',\n  \n  // Placeholders\n  PLACEHOLDER_EMPTY: '',\n  PLACEHOLDER_CHOOSE: 'Choose',\n  \n  // Error/Info Messages\n  PROVIDE_NEEDED_PROPS: 'Provide the needed props to import Mapping Template',\n  \n  // Custom Menu\n  NONE: 'None',\n  SELECT_RIGHT_DATA_TYPE: 'Select the right data type for the mapping to prevent errors when sharing value.',\n} as const;\n\nexport const DATE_FORMAT = {\n  DISPLAY: 'MMM D, YYYY',\n  INPUT: 'YYYY-MM-DD',\n  DATE_TIME: 'MM/DD/YYYY • HH:mm',\n} as const;\n\nexport const NUMBER_WORDS: Record<number, string> = {\n  1: 'one',\n  2: 'two',\n  3: 'three',\n  4: 'four',\n  5: 'five',\n  6: 'six',\n  7: 'seven',\n  8: 'eight',\n  9: 'nine',\n  10: 'ten',\n} as const;\n\n"],"names":[],"mappings":"AAMO,MAAM,kBAAqB,GAAA;AAAA;AAAA,EAEhC,YAAc,EAAA,cAAA;AAAA,EACd,WAAa,EAAA,aAAA;AAAA,EACb,WAAa,EAAA,aAAA;AAAA,EACb,OAAS,EAAA,SAAA;AAAA,EACT,YAAc,EAAA,cAAA;AAAA,EACd,cAAgB,EAAA,gBAAA;AAAA;AAAA,EAGhB,iBAAmB,EAAA,cAAA;AAAA,EACnB,cAAgB,EAAA,gBAAA;AAAA,EAChB,aAAe,EAAA,eAAA;AAAA,EACf,aAAe,EAAA,eAAA;AAAA,EACf,gBAAkB,EAAA,kBAAA;AAAA;AAAA,EAGlB,WAAa,EAAA,eAAA;AAAA,EACb,uBAAyB,EAAA,iFAAA;AAAA,EACzB,mBAAqB,EAAA,qBAAA;AAAA;AAAA,EAGrB,WAAa,EAAA,aAAA;AAAA,EACb,YAAc,EAAA,iBAAA;AAAA;AAAA,EAGd,IAAM,EAAA,MAAA;AAAA,EACN,MAAQ,EAAA,QAAA;AAAA,EACR,KAAO,EAAA,OAAA;AAAA;AAAA,EAGP,iBAAmB,EAAA,EAAA;AAAA,EACnB,kBAAoB,EAAA,QAAA;AAAA;AAAA,EAGpB,oBAAsB,EAAA,qDAAA;AAAA;AAAA,EAGtB,IAAM,EAAA,MAAA;AAAA,EACN,sBAAwB,EAAA,kFAAA;AAC1B;;;;"}