@sparrowengg/integrations-templates-frontend 1.9.1 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/cjs/commons/components/draftModal.js +40 -0
  2. package/dist/cjs/commons/components/draftModal.js.map +1 -0
  3. package/dist/cjs/integration-template/components/dashboard.js +230 -133
  4. package/dist/cjs/integration-template/components/dashboard.js.map +1 -1
  5. package/dist/cjs/integration-template/index.js +28 -1
  6. package/dist/cjs/integration-template/index.js.map +1 -1
  7. package/dist/cjs/mapping/index.js +7 -1
  8. package/dist/cjs/mapping/index.js.map +1 -1
  9. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js +114 -0
  10. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js.map +1 -0
  11. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js +8 -2
  12. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js.map +1 -1
  13. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js +119 -0
  14. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js.map +1 -0
  15. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js +133 -0
  16. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js.map +1 -0
  17. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js +117 -0
  18. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js.map +1 -0
  19. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js +110 -0
  20. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js.map +1 -0
  21. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js +49 -0
  22. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js.map +1 -0
  23. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js +83 -0
  24. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js.map +1 -0
  25. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js +184 -0
  26. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js.map +1 -0
  27. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js +4 -0
  28. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js.map +1 -1
  29. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js +86 -0
  30. package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js.map +1 -0
  31. package/dist/cjs/triggers/components/subcomponents.js +160 -25
  32. package/dist/cjs/triggers/components/subcomponents.js.map +1 -1
  33. package/dist/cjs/triggers/components/trigger.js +1 -0
  34. package/dist/cjs/triggers/components/trigger.js.map +1 -1
  35. package/dist/cjs/triggers/constants/index.js.map +1 -1
  36. package/dist/cjs/triggers/index.js +7 -12
  37. package/dist/cjs/triggers/index.js.map +1 -1
  38. package/dist/es/commons/components/draftModal.js +36 -0
  39. package/dist/es/commons/components/draftModal.js.map +1 -0
  40. package/dist/es/integration-template/components/dashboard.js +230 -133
  41. package/dist/es/integration-template/components/dashboard.js.map +1 -1
  42. package/dist/es/integration-template/index.js +28 -1
  43. package/dist/es/integration-template/index.js.map +1 -1
  44. package/dist/es/mapping/index.js +7 -1
  45. package/dist/es/mapping/index.js.map +1 -1
  46. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js +106 -0
  47. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js.map +1 -0
  48. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js +7 -4
  49. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js.map +1 -1
  50. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js +117 -0
  51. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js.map +1 -0
  52. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js +131 -0
  53. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js.map +1 -0
  54. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js +115 -0
  55. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js.map +1 -0
  56. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js +107 -0
  57. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js.map +1 -0
  58. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js +46 -0
  59. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js.map +1 -0
  60. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js +81 -0
  61. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js.map +1 -0
  62. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js +146 -0
  63. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js.map +1 -0
  64. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js +3 -1
  65. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js.map +1 -1
  66. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js +84 -0
  67. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js.map +1 -0
  68. package/dist/es/triggers/components/subcomponents.js +160 -25
  69. package/dist/es/triggers/components/subcomponents.js.map +1 -1
  70. package/dist/es/triggers/components/trigger.js +1 -0
  71. package/dist/es/triggers/components/trigger.js.map +1 -1
  72. package/dist/es/triggers/constants/index.js.map +1 -1
  73. package/dist/es/triggers/index.js +8 -13
  74. package/dist/es/triggers/index.js.map +1 -1
  75. package/dist/index.d.ts +2 -1
  76. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/integration-template/index.tsx"],"sourcesContent":["import {\n Box,\n Flex,\n Heading,\n Text,\n ThemeProvider,\n TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport CursorIcon from \"../commons/icons/cursor\";\nimport MappingIcon from \"../commons/icons/mapping\";\nimport Dashboard from \"./components/dashboard\";\n\nexport const IntegrationTemplate = ({\n onMappingEditHandler,\n fieldOptions,\n triggerEnabled,\n mappingEnabled,\n mappingComponent,\n handlePreviousNavigation,\n mapping,\n triggerComponent,\n trigger,\n integrationName,\n singleMappingComponent,\n onDeleteHandler,\n toggleDashboardField,\n dashboardDescription,\n mappingDescription,\n triggerDescription,\n}: {\n onMappingEditHandler: any;\n fieldOptions: any\n triggerEnabled: boolean;\n mappingEnabled: boolean;\n mappingComponent?: any;\n singleMappingComponent?: any;\n mapping: {\n mappedFields: {\n type: string;\n fields: any;\n };\n setMappedFields: React.Dispatch<React.SetStateAction<any>>;\n };\n triggerComponent: any;\n trigger: {\n mappedFields: Array<any>;\n setMappedFields: React.Dispatch<React.SetStateAction<any>>;\n };\n integrationName: string;\n onDeleteHandler?: (id?: string | number) => void;\n toggleDashboardField?: (id?: string | number) => void;\n dashboardDescription: string;\n mappingDescription: string;\n triggerDescription: string;\n handlePreviousNavigation: () => void;\n}) => {\n const hasMultiAccounts = mappingComponent?.props?.accounts?.hasAccounts;\n const isMappingFieldCompleted = !!mapping?.mappedFields?.fields?.length;\n const isTiggerFieldCompleted = !!trigger?.mappedFields?.length;\n const [hasDashboardPage, setHasDashboardPage] = useState(\n !!mapping?.mappedFields?.fields?.length || !!trigger?.mappedFields?.length\n );\n const [hasConfgurationType, setHasConfigurationType] = useState(\n (!!mappingComponent || !!singleMappingComponent) && !!triggerComponent\n );\n const [currentConfigurationType, setCurrentConfigurationType] = useState(\n !hasConfgurationType\n ? !!mappingComponent || !!singleMappingComponent\n ? \"MAPPING\"\n : \"TRIGGER\"\n : null\n ); // automatically switch to mapping or trigger screen if any one type is present\n const [editField, setEditField] = useState({});\n const [isMappingPage, setIsMappingPage] = useState(false);\n\n // temporary previous mapping state to handle within integration template wrapper\n const [tempPreviousMapping, setTempPreviousMapping] = useState(\n !(isMappingFieldCompleted && isTiggerFieldCompleted)\n );\n\n const navigateMappingPage = (value: boolean) =>\n setIsMappingPage(value ?? !isMappingPage);\n\n const handleEditField = (field: any) => {\n setEditField({\n type: field.type,\n fieldValues: field.values,\n id: field.id,\n });\n };\n\n const previousMappingHandler = () => {\n setHasConfigurationType(true);\n setCurrentConfigurationType(null);\n handlePreviousNavigation();\n if (!(isMappingFieldCompleted || isTiggerFieldCompleted)) {\n setHasDashboardPage(false);\n } else {\n setHasDashboardPage(true);\n }\n return;\n };\n\n const mappingClonedElementProps = {\n previousMappingHandler,\n editField: editField,\n integrationName,\n isMappingPage,\n navigateMappingPage,\n onSaveHandler: (editId?: string | number) => {\n const navigate = mappingComponent?.props?.onSaveHandler(editId);\n if (navigate) setHasDashboardPage(true);\n },\n hasPreviousMapping:\n tempPreviousMapping ?? mappingComponent?.props?.hasPreviousMapping,\n };\n const clonedSingleMappingProps = {\n editField: editField,\n previousMappingHandler,\n integrationName,\n onSaveHandler: async (editId?: string | number) => {\n const navigate =\n await singleMappingComponent?.props?.onSaveHandler(editId);\n if (navigate) setHasDashboardPage(true);\n },\n hasPreviousMapping:\n tempPreviousMapping ?? singleMappingComponent?.props?.hasPreviousMapping,\n };\n\n const triggerClonedProps = {\n editField,\n previousMappingHandler,\n integrationName,\n onSaveHandler: async (editId?: string | number) => {\n const navigate = await triggerComponent?.props?.onSaveHandler(editId);\n if (navigate) setHasDashboardPage(true);\n },\n previousMapping:\n tempPreviousMapping ?? triggerComponent?.props?.hasPreviousMapping,\n };\n\n const ClonedMappingComponent = !!mappingComponent\n ? React.cloneElement(mappingComponent, mappingClonedElementProps)\n : mappingComponent;\n const ClonedSingleMappingComponent = !!singleMappingComponent\n ? React.cloneElement(singleMappingComponent, clonedSingleMappingProps)\n : singleMappingComponent;\n\n const ClonedTriggerComponent = !!triggerComponent\n ? React.cloneElement(triggerComponent, triggerClonedProps)\n : triggerComponent;\n\n useEffect(() => {\n if (\n !isMappingFieldCompleted &&\n !isTiggerFieldCompleted &&\n hasDashboardPage\n ) {\n setHasDashboardPage(false);\n setHasConfigurationType(true);\n setCurrentConfigurationType(null);\n }\n }, [mapping?.mappedFields?.fields, trigger?.mappedFields]);\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 <TooltipProvider delayDuration={300}>\n <Box css={{ width: \"100%\" }}>\n {hasDashboardPage ? (\n <Dashboard\n onMappingEditHandler={onMappingEditHandler}\n fieldOptions={fieldOptions}\n triggerEnabled={triggerEnabled}\n mappingEnabled={mappingEnabled}\n hasDropdownComponents={{\n mapping: !!ClonedMappingComponent || !!clonedSingleMappingProps,\n trigger: !!ClonedTriggerComponent,\n }}\n hasMultiAccounts={hasMultiAccounts}\n dashboardDescription={dashboardDescription}\n integrationName={integrationName}\n mappingFields={mapping?.mappedFields}\n triggerFields={trigger?.mappedFields}\n handleConfigurationType={(value: string) => {\n setCurrentConfigurationType(value);\n setHasDashboardPage(false);\n setTempPreviousMapping(true);\n setEditField({});\n }}\n handleEditField={handleEditField}\n deleteFieldHandler={onDeleteHandler}\n toggleDashboardField={toggleDashboardField}\n handleDashboardPage={(value: boolean, type: string) => {\n setHasDashboardPage(value as boolean);\n setCurrentConfigurationType(type);\n setHasConfigurationType(false);\n }}\n />\n ) : (\n <>\n {hasConfgurationType &&\n ![\"MAPPING\", \"TRIGGER\"].includes(\n `${currentConfigurationType}`\n ) ? (\n <ConfigureTemplate\n mappingDescription={mappingDescription}\n triggerDescription={triggerDescription}\n handleConfigurationType={(value: string) =>\n setCurrentConfigurationType(value)\n }\n />\n ) : (\n <>\n {currentConfigurationType === \"MAPPING\" &&\n !!singleMappingComponent\n ? ClonedSingleMappingComponent\n : null}\n {currentConfigurationType === \"MAPPING\" && !!mappingComponent\n ? ClonedMappingComponent\n : null}\n {currentConfigurationType !== \"MAPPING\" && !!triggerComponent\n ? ClonedTriggerComponent\n : null}\n </>\n )}\n </>\n )}\n </Box>\n </TooltipProvider>\n </ThemeProvider>\n );\n};\n\nconst ConfigureTemplate = ({\n handleConfigurationType,\n mappingDescription,\n triggerDescription,\n}: {\n handleConfigurationType: (value: string) => void;\n mappingDescription: string;\n triggerDescription: string;\n}) => {\n return (\n <Box css={{ width: \"100%\", paddingTop: \"$48\" }}>\n <Flex flexDirection=\"column\" alignItems=\"center\">\n <Heading size=\"h5\" css={{ color: \"$neutral900\" }}>\n Select Configuration Type\n </Heading>\n <Text\n size=\"sm\"\n css={{ color: \"$neutral600\", lineHeight: \"$sm\", marginTop: \"$2\" }}\n >\n Choose either Mapping or Triggering to configure their respective\n actions.\n </Text>\n </Flex>\n <Flex alignItems=\"center\" justifyContent=\"center\">\n <Flex\n css={{ maxWidth: 960, width: \"100%\", marginTop: \"$36\" }}\n alignItems=\"center\"\n justifyContent=\"center\"\n gap=\"$20\"\n >\n <TemplateCard\n icon={<CursorIcon />}\n heading=\"Trigger\"\n description={triggerDescription}\n onClickHandler={() => handleConfigurationType(\"TRIGGER\")}\n />\n <TemplateCard\n icon={<MappingIcon />}\n heading=\"Mapping\"\n description={mappingDescription}\n onClickHandler={() => handleConfigurationType(\"MAPPING\")}\n />\n </Flex>\n </Flex>\n </Box>\n );\n};\n\nconst TemplateCard = ({\n icon,\n heading,\n description,\n onClickHandler,\n}: {\n icon: ReactNode;\n heading: string;\n description: string;\n onClickHandler: () => void;\n}) => {\n return (\n <Flex\n flexDirection=\"column\"\n alignItems=\"center\"\n onClick={onClickHandler}\n css={{\n width: 350,\n height: 300,\n outline: \"$borderWidths$xs solid $neutral200\",\n borderRadius: \"$4xl\",\n position: \"relative\",\n cursor: \"pointer\",\n filter: \"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06))\",\n overflow: \"auto\",\n \"&:hover\": {\n outline: \"$borderWidths$md solid $primary400\",\n \"& svg circle, rect, path\": {\n stroke: \"$primary500\",\n },\n \"& #ellipse\": {\n opacity: \"10%\",\n },\n },\n }}\n >\n <Box\n id=\"ellipse\"\n css={{\n position: \"absolute\",\n top: \"-23%\",\n filter: \"blur(25px)\",\n transition: \"all .4s ease\",\n width: 334,\n height: \"$25\",\n opacity: \"0%\",\n background: \"$primary400\",\n borderRadius: \"50%\",\n }}\n />\n <Box css={{ marginBlock: \"$32 $16\" }}>{icon}</Box>\n <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n {heading}\n </Heading>\n <Text\n size=\"md\"\n css={{\n marginTop: \"$8\",\n color: \"$neutral800\",\n width: 222,\n textAlign: \"center\",\n }}\n >\n {description}\n </Text>\n </Flex>\n );\n};\n"],"names":["_a","React"],"mappings":";;;;;;;;;;;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC,oBAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,wBAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,eAAA;AAAA,EACA,sBAAA;AAAA,EACA,eAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AACF,CA0BM,KAAA;AAxDN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAyDE,EAAA,MAAM,gBAAmB,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkB,KAAlB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAyB,aAAzB,IAAmC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,CAAA;AAC5D,EAAA,MAAM,0BAA0B,CAAC,EAAA,CAAC,8CAAS,YAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,WAAvB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AACjE,EAAA,MAAM,sBAAyB,GAAA,CAAC,EAAC,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,iBAAT,IAAuB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AACxD,EAAM,MAAA,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAA,QAAA;AAAA,IAC9C,CAAC,EAAA,CAAC,EAAS,GAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,YAAA,KAAT,IAAuB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,KAAvB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAA,IAAU,CAAC,EAAA,CAAC,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,YAAA,KAAT,IAAuB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAA;AAAA,GACtE,CAAA;AACA,EAAM,MAAA,CAAC,mBAAqB,EAAA,uBAAuB,CAAI,GAAA,QAAA;AAAA,IAAA,CACpD,CAAC,CAAC,gBAAA,IAAoB,CAAC,CAAC,sBAAA,KAA2B,CAAC,CAAC,gBAAA;AAAA,GACxD,CAAA;AACA,EAAM,MAAA,CAAC,wBAA0B,EAAA,2BAA2B,CAAI,GAAA,QAAA;AAAA,IAC9D,CAAC,sBACG,CAAC,CAAC,oBAAoB,CAAC,CAAC,sBACtB,GAAA,SAAA,GACA,SACF,GAAA,IAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AAC7C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAGxD,EAAM,MAAA,CAAC,mBAAqB,EAAA,sBAAsB,CAAI,GAAA,QAAA;AAAA,IACpD,EAAE,uBAA2B,IAAA,sBAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAA,MAAM,sBAAsB,CAAC,KAAA,KAC3B,gBAAiB,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,CAAC,aAAa,CAAA,CAAA;AAE1C,EAAM,MAAA,eAAA,GAAkB,CAAC,KAAe,KAAA;AACtC,IAAa,YAAA,CAAA;AAAA,MACX,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,aAAa,KAAM,CAAA,MAAA;AAAA,MACnB,IAAI,KAAM,CAAA,EAAA;AAAA,KACX,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,uBAAA,CAAwB,IAAI,CAAA,CAAA;AAC5B,IAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,IAAyB,wBAAA,EAAA,CAAA;AACzB,IAAI,IAAA,EAAE,2BAA2B,sBAAyB,CAAA,EAAA;AACxD,MAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,KACpB,MAAA;AACL,MAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,KAC1B;AACA,IAAA,OAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,yBAA4B,GAAA;AAAA,IAChC,sBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAA6B,KAAA;AA9GjD,MAAAA,IAAAA,GAAAA,CAAAA;AA+GM,MAAA,MAAM,YAAWA,GAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkB,KAAlB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAyB,aAAc,CAAA,MAAA,CAAA,CAAA;AACxD,MAAI,IAAA,QAAA;AAAU,QAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,KACxC;AAAA,IACA,kBACE,EAAA,mBAAA,IAAA,IAAA,GAAA,mBAAA,GAAA,CAAuB,EAAkB,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,KAAA,KAAlB,IAAyB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,kBAAA;AAAA,GACpD,CAAA;AACA,EAAA,MAAM,wBAA2B,GAAA;AAAA,IAC/B,SAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA,EAAe,OAAO,MAA6B,KAAA;AAzHvD,MAAAA,IAAAA,GAAAA,CAAAA;AA0HM,MAAA,MAAM,WACJ,OAAMA,CAAAA,GAAAA,GAAA,iEAAwB,KAAxB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAA+B,aAAc,CAAA,MAAA,CAAA,CAAA,CAAA;AACrD,MAAI,IAAA,QAAA;AAAU,QAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,KACxC;AAAA,IACA,kBACE,EAAA,mBAAA,IAAA,IAAA,GAAA,mBAAA,GAAA,CAAuB,EAAwB,GAAA,sBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,KAAA,KAAxB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,kBAAA;AAAA,GAC1D,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,SAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA,EAAe,OAAO,MAA6B,KAAA;AAtIvD,MAAAA,IAAAA,GAAAA,CAAAA;AAuIM,MAAA,MAAM,WAAW,OAAMA,CAAAA,GAAAA,GAAA,qDAAkB,KAAlB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAyB,aAAc,CAAA,MAAA,CAAA,CAAA,CAAA;AAC9D,MAAI,IAAA,QAAA;AAAU,QAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,KACxC;AAAA,IACA,eACE,EAAA,mBAAA,IAAA,IAAA,GAAA,mBAAA,GAAA,CAAuB,EAAkB,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,KAAA,KAAlB,IAAyB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,kBAAA;AAAA,GACpD,CAAA;AAEA,EAAM,MAAA,sBAAA,GAAyB,CAAC,CAAC,gBAAA,GAC7BC,eAAM,YAAa,CAAA,gBAAA,EAAkB,yBAAyB,CAC9D,GAAA,gBAAA,CAAA;AACJ,EAAM,MAAA,4BAAA,GAA+B,CAAC,CAAC,sBAAA,GACnCA,eAAM,YAAa,CAAA,sBAAA,EAAwB,wBAAwB,CACnE,GAAA,sBAAA,CAAA;AAEJ,EAAM,MAAA,sBAAA,GAAyB,CAAC,CAAC,gBAAA,GAC7BA,eAAM,YAAa,CAAA,gBAAA,EAAkB,kBAAkB,CACvD,GAAA,gBAAA,CAAA;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IACE,CAAC,uBAAA,IACD,CAAC,sBAAA,IACD,gBACA,EAAA;AACA,MAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AACzB,MAAA,uBAAA,CAAwB,IAAI,CAAA,CAAA;AAC5B,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAAA,KAClC;AAAA,GACF,EAAG,EAAC,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,YAAA,KAAT,mBAAuB,MAAQ,EAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,YAAY,CAAC,CAAA,CAAA;AAEzD,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,oBAEAA,cAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,aAAA,EAAe,GAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,MAAO,EAAA,EAAA,EACvB,gBACC,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACD,oBAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAA;AAAA,QACA,cAAA;AAAA,QACE,qBAAuB,EAAA;AAAA,UACrB,OAAS,EAAA,CAAC,CAAC,sBAAA,IAA0B,CAAC,CAAC,wBAAA;AAAA,UACvC,OAAA,EAAS,CAAC,CAAC,sBAAA;AAAA,SACb;AAAA,QACA,gBAAA;AAAA,QACA,oBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAe,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,YAAA;AAAA,QACxB,eAAe,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,YAAA;AAAA,QACxB,uBAAA,EAAyB,CAAC,KAAkB,KAAA;AAC1C,UAAA,2BAAA,CAA4B,KAAK,CAAA,CAAA;AACjC,UAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AACzB,UAAA,sBAAA,CAAuB,IAAI,CAAA,CAAA;AAC3B,UAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AAAA,SACjB;AAAA,QACA,eAAA;AAAA,QACA,kBAAoB,EAAA,eAAA;AAAA,QACpB,oBAAA;AAAA,QACA,mBAAA,EAAqB,CAAC,KAAA,EAAgB,IAAiB,KAAA;AACrD,UAAA,mBAAA,CAAoB,KAAgB,CAAA,CAAA;AACpC,UAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,UAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AAAA,SAC/B;AAAA,OAAA;AAAA,wBAICA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,mBAAA,IACD,CAAC,CAAC,SAAA,EAAW,SAAS,CAAE,CAAA,QAAA;AAAA,MACtB,GAAG,wBAAwB,CAAA,CAAA;AAAA,KAE3B,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,kBAAA;AAAA,QACA,kBAAA;AAAA,QACA,uBAAyB,EAAA,CAAC,KACxB,KAAA,2BAAA,CAA4B,KAAK,CAAA;AAAA,OAAA;AAAA,KAErC,mBAGGA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,wBAAA,KAA6B,SAC9B,IAAA,CAAC,CAAC,sBACE,GAAA,4BAAA,GACA,IACH,EAAA,wBAAA,KAA6B,SAAa,IAAA,CAAC,CAAC,gBACzC,GAAA,sBAAA,GACA,IACH,EAAA,wBAAA,KAA6B,SAAa,IAAA,CAAC,CAAC,gBAAA,GACzC,sBACA,GAAA,IACN,CAEJ,CAEJ,CACF,CAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,uBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AACF,CAIM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,QAAQ,UAAY,EAAA,KAAA,EACrC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAc,UAAS,UAAW,EAAA,QAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAiB,EAAA,EAAA,2BAElD,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,KAAK,EAAE,KAAA,EAAO,eAAe,UAAY,EAAA,KAAA,EAAO,WAAW,IAAK,EAAA;AAAA,KAAA;AAAA,IACjE,4EAAA;AAAA,GAIH,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,UAAW,EAAA,QAAA,EAAS,gBAAe,QACvC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAE,QAAA,EAAU,KAAK,KAAO,EAAA,MAAA,EAAQ,WAAW,KAAM,EAAA;AAAA,MACtD,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,GAAI,EAAA,KAAA;AAAA,KAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA,+CAAO,UAAW,EAAA,IAAA,CAAA;AAAA,QAClB,OAAQ,EAAA,SAAA;AAAA,QACR,WAAa,EAAA,kBAAA;AAAA,QACb,cAAA,EAAgB,MAAM,uBAAA,CAAwB,SAAS,CAAA;AAAA,OAAA;AAAA,KACzD;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA,+CAAO,WAAY,EAAA,IAAA,CAAA;AAAA,QACnB,OAAQ,EAAA,SAAA;AAAA,QACR,WAAa,EAAA,kBAAA;AAAA,QACb,cAAA,EAAgB,MAAM,uBAAA,CAAwB,SAAS,CAAA;AAAA,OAAA;AAAA,KACzD;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AACF,CAKM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAc,EAAA,QAAA;AAAA,MACd,UAAW,EAAA,QAAA;AAAA,MACX,OAAS,EAAA,cAAA;AAAA,MACT,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,GAAA;AAAA,QACP,MAAQ,EAAA,GAAA;AAAA,QACR,OAAS,EAAA,oCAAA;AAAA,QACT,YAAc,EAAA,MAAA;AAAA,QACd,QAAU,EAAA,UAAA;AAAA,QACV,MAAQ,EAAA,SAAA;AAAA,QACR,MAAQ,EAAA,4CAAA;AAAA,QACR,QAAU,EAAA,MAAA;AAAA,QACV,SAAW,EAAA;AAAA,UACT,OAAS,EAAA,oCAAA;AAAA,UACT,0BAA4B,EAAA;AAAA,YAC1B,MAAQ,EAAA,aAAA;AAAA,WACV;AAAA,UACA,YAAc,EAAA;AAAA,YACZ,OAAS,EAAA,KAAA;AAAA,WACX;AAAA,SACF;AAAA,OACF;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,SAAA;AAAA,QACH,GAAK,EAAA;AAAA,UACH,QAAU,EAAA,UAAA;AAAA,UACV,GAAK,EAAA,MAAA;AAAA,UACL,MAAQ,EAAA,YAAA;AAAA,UACR,UAAY,EAAA,cAAA;AAAA,UACZ,KAAO,EAAA,GAAA;AAAA,UACP,MAAQ,EAAA,KAAA;AAAA,UACR,OAAS,EAAA,IAAA;AAAA,UACT,UAAY,EAAA,aAAA;AAAA,UACZ,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,OAAA;AAAA,KACF;AAAA,iDACC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,WAAa,EAAA,SAAA,MAAc,IAAK,CAAA;AAAA,oBAC5CA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EAC5C,OACH,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,GAAK,EAAA;AAAA,UACH,SAAW,EAAA,IAAA;AAAA,UACX,KAAO,EAAA,aAAA;AAAA,UACP,KAAO,EAAA,GAAA;AAAA,UACP,SAAW,EAAA,QAAA;AAAA,SACb;AAAA,OAAA;AAAA,MAEC,WAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEJ,CAAA;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/integration-template/index.tsx"],"sourcesContent":["import {\n Box,\n Flex,\n Heading,\n Text,\n ThemeProvider,\n TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport CursorIcon from \"../commons/icons/cursor\";\nimport MappingIcon from \"../commons/icons/mapping\";\nimport Dashboard from \"./components/dashboard\";\nimport DraftModal from \"../commons/components/draftModal\";\n\nexport const IntegrationTemplate = ({\n draftHandler,\n onMappingEditHandler,\n fieldOptions,\n triggerEnabled,\n mappingEnabled,\n mappingComponent,\n handlePreviousNavigation,\n mapping,\n triggerComponent,\n trigger,\n integrationName,\n singleMappingComponent,\n onDeleteHandler,\n toggleDashboardField,\n dashboardDescription,\n mappingDescription,\n triggerDescription,\n}: {\n draftHandler: () => void;\n onMappingEditHandler: any;\n fieldOptions: any;\n triggerEnabled: boolean;\n mappingEnabled: boolean;\n mappingComponent?: any;\n singleMappingComponent?: any;\n mapping: {\n mappedFields: {\n type: string;\n fields: any;\n };\n setMappedFields: React.Dispatch<React.SetStateAction<any>>;\n };\n triggerComponent: any;\n trigger: {\n mappedFields: Array<any>;\n setMappedFields: React.Dispatch<React.SetStateAction<any>>;\n };\n integrationName: string;\n onDeleteHandler?: (id?: string | number) => void;\n toggleDashboardField?: (id?: string | number) => void;\n dashboardDescription: string;\n mappingDescription: string;\n triggerDescription: string;\n handlePreviousNavigation: () => void;\n}) => {\n const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n const hasMultiAccounts = mappingComponent?.props?.accounts?.hasAccounts;\n const isMappingFieldCompleted = !!mapping?.mappedFields?.fields?.length;\n const isTiggerFieldCompleted = !!trigger?.mappedFields?.length;\n const [hasDashboardPage, setHasDashboardPage] = useState(\n !!mapping?.mappedFields?.fields?.length || !!trigger?.mappedFields?.length\n );\n const [hasConfgurationType, setHasConfigurationType] = useState(\n (!!mappingComponent || !!singleMappingComponent) && !!triggerComponent\n );\n const [currentConfigurationType, setCurrentConfigurationType] = useState(\n !hasConfgurationType\n ? !!mappingComponent || !!singleMappingComponent\n ? \"MAPPING\"\n : \"TRIGGER\"\n : null\n ); // automatically switch to mapping or trigger screen if any one type is present\n const [editField, setEditField] = useState({});\n const [isMappingPage, setIsMappingPage] = useState(false);\n\n // temporary previous mapping state to handle within integration template wrapper\n const [tempPreviousMapping, setTempPreviousMapping] = useState(\n !(isMappingFieldCompleted && isTiggerFieldCompleted)\n );\n\n const navigateMappingPage = (value: boolean) =>\n setIsMappingPage(value ?? !isMappingPage);\n\n const handleEditField = (field: any) => {\n setEditField({\n type: field.type,\n fieldValues: field.values,\n id: field.id,\n });\n };\n\n const previousMappingHandler = () => {\n setHasConfigurationType(true);\n setCurrentConfigurationType(null);\n handlePreviousNavigation();\n if (!(isMappingFieldCompleted || isTiggerFieldCompleted)) {\n setHasDashboardPage(false);\n } else {\n setHasDashboardPage(true);\n }\n return;\n };\n\n const mappingClonedElementProps = {\n previousMappingHandler,\n editField: editField,\n integrationName,\n isMappingPage,\n navigateMappingPage,\n onSaveHandler: (editId?: string | number) => {\n const navigate = mappingComponent?.props?.onSaveHandler(editId);\n if (navigate) setHasDashboardPage(true);\n },\n hasPreviousMapping:\n tempPreviousMapping ?? mappingComponent?.props?.hasPreviousMapping,\n };\n const clonedSingleMappingProps = {\n editField: editField,\n previousMappingHandler,\n integrationName,\n onSaveHandler: async (editId?: string | number) => {\n const navigate =\n await singleMappingComponent?.props?.onSaveHandler(editId);\n if (navigate) setHasDashboardPage(true);\n },\n hasPreviousMapping:\n tempPreviousMapping ?? singleMappingComponent?.props?.hasPreviousMapping,\n };\n\n const triggerClonedProps = {\n editField,\n previousMappingHandler,\n integrationName,\n onSaveHandler: async (editId?: string | number) => {\n const navigate = await triggerComponent?.props?.onSaveHandler(editId);\n if (navigate) setHasDashboardPage(true);\n },\n previousMapping:\n tempPreviousMapping ?? triggerComponent?.props?.hasPreviousMapping,\n };\n\n const ClonedMappingComponent = !!mappingComponent\n ? React.cloneElement(mappingComponent, mappingClonedElementProps)\n : mappingComponent;\n const ClonedSingleMappingComponent = !!singleMappingComponent\n ? React.cloneElement(singleMappingComponent, clonedSingleMappingProps)\n : singleMappingComponent;\n\n const ClonedTriggerComponent = !!triggerComponent\n ? React.cloneElement(triggerComponent, triggerClonedProps)\n : triggerComponent;\n\n const removeQueryParam = (param: string) => {\n const url = new URL(window.location.href);\n url.searchParams.delete(param);\n window.history.replaceState({}, document.title, url);\n };\n\n useEffect(() => {\n if (\n !isMappingFieldCompleted &&\n !isTiggerFieldCompleted &&\n hasDashboardPage\n ) {\n setHasDashboardPage(false);\n setHasConfigurationType(true);\n setCurrentConfigurationType(null);\n }\n }, [mapping?.mappedFields?.fields, trigger?.mappedFields]);\n useEffect(() => {\n if (\n Object.fromEntries(new URLSearchParams(window.location.search) ?? {})\n .isDraft\n ) {\n setIsDraftModalOpen(true);\n }\n }, [isDraftModalOpen]);\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 <TooltipProvider delayDuration={300}>\n <Box css={{ width: \"100%\" }}>\n {hasDashboardPage ? (\n <Dashboard\n onMappingEditHandler={onMappingEditHandler}\n fieldOptions={fieldOptions}\n triggerEnabled={triggerEnabled}\n mappingEnabled={mappingEnabled}\n hasDropdownComponents={{\n mapping: !!ClonedMappingComponent || !!clonedSingleMappingProps,\n trigger: !!ClonedTriggerComponent,\n }}\n hasMultiAccounts={hasMultiAccounts}\n dashboardDescription={dashboardDescription}\n integrationName={integrationName}\n mappingFields={mapping?.mappedFields}\n triggerFields={trigger?.mappedFields}\n handleConfigurationType={(value: string) => {\n setCurrentConfigurationType(value);\n setHasDashboardPage(false);\n setTempPreviousMapping(true);\n setEditField({});\n }}\n handleEditField={handleEditField}\n deleteFieldHandler={onDeleteHandler}\n toggleDashboardField={toggleDashboardField}\n handleDashboardPage={(value: boolean, type: string) => {\n setHasDashboardPage(value as boolean);\n setCurrentConfigurationType(type);\n setHasConfigurationType(false);\n }}\n />\n ) : (\n <>\n {hasConfgurationType &&\n ![\"MAPPING\", \"TRIGGER\"].includes(\n `${currentConfigurationType}`\n ) ? (\n <ConfigureTemplate\n mappingDescription={mappingDescription}\n triggerDescription={triggerDescription}\n handleConfigurationType={(value: string) =>\n setCurrentConfigurationType(value)\n }\n />\n ) : (\n <>\n {currentConfigurationType === \"MAPPING\" &&\n !!singleMappingComponent\n ? ClonedSingleMappingComponent\n : null}\n {currentConfigurationType === \"MAPPING\" && !!mappingComponent\n ? ClonedMappingComponent\n : null}\n {currentConfigurationType !== \"MAPPING\" && !!triggerComponent\n ? ClonedTriggerComponent\n : null}\n </>\n )}\n {isDraftModalOpen && (\n <DraftModal\n onSaveHandler={() => {\n setIsDraftModalOpen(false);\n removeQueryParam(\"isDraft\");\n draftHandler();\n }}\n onCloseHandler={() => {\n setIsDraftModalOpen(false);\n removeQueryParam(\"isDraft\");\n }}\n />\n )}\n </>\n )}\n </Box>\n </TooltipProvider>\n </ThemeProvider>\n );\n};\n\nconst ConfigureTemplate = ({\n handleConfigurationType,\n mappingDescription,\n triggerDescription,\n}: {\n handleConfigurationType: (value: string) => void;\n mappingDescription: string;\n triggerDescription: string;\n}) => {\n return (\n <Box css={{ width: \"100%\", paddingTop: \"$48\" }}>\n <Flex flexDirection=\"column\" alignItems=\"center\">\n <Heading size=\"h5\" css={{ color: \"$neutral900\" }}>\n Select Configuration Type\n </Heading>\n <Text\n size=\"sm\"\n css={{ color: \"$neutral600\", lineHeight: \"$sm\", marginTop: \"$2\" }}\n >\n Choose either Mapping or Triggering to configure their respective\n actions.\n </Text>\n </Flex>\n <Flex alignItems=\"center\" justifyContent=\"center\">\n <Flex\n css={{ maxWidth: 960, width: \"100%\", marginTop: \"$36\" }}\n alignItems=\"center\"\n justifyContent=\"center\"\n gap=\"$20\"\n >\n <TemplateCard\n icon={<CursorIcon />}\n heading=\"Trigger\"\n description={triggerDescription}\n onClickHandler={() => handleConfigurationType(\"TRIGGER\")}\n />\n <TemplateCard\n icon={<MappingIcon />}\n heading=\"Mapping\"\n description={mappingDescription}\n onClickHandler={() => handleConfigurationType(\"MAPPING\")}\n />\n </Flex>\n </Flex>\n </Box>\n );\n};\n\nconst TemplateCard = ({\n icon,\n heading,\n description,\n onClickHandler,\n}: {\n icon: ReactNode;\n heading: string;\n description: string;\n onClickHandler: () => void;\n}) => {\n return (\n <Flex\n flexDirection=\"column\"\n alignItems=\"center\"\n onClick={onClickHandler}\n css={{\n width: 350,\n height: 300,\n outline: \"$borderWidths$xs solid $neutral200\",\n borderRadius: \"$4xl\",\n position: \"relative\",\n cursor: \"pointer\",\n filter: \"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06))\",\n overflow: \"auto\",\n \"&:hover\": {\n outline: \"$borderWidths$md solid $primary400\",\n \"& svg circle, rect, path\": {\n stroke: \"$primary500\",\n },\n \"& #ellipse\": {\n opacity: \"10%\",\n },\n },\n }}\n >\n <Box\n id=\"ellipse\"\n css={{\n position: \"absolute\",\n top: \"-23%\",\n filter: \"blur(25px)\",\n transition: \"all .4s ease\",\n width: 334,\n height: \"$25\",\n opacity: \"0%\",\n background: \"$primary400\",\n borderRadius: \"50%\",\n }}\n />\n <Box css={{ marginBlock: \"$32 $16\" }}>{icon}</Box>\n <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n {heading}\n </Heading>\n <Text\n size=\"md\"\n css={{\n marginTop: \"$8\",\n color: \"$neutral800\",\n width: 222,\n textAlign: \"center\",\n }}\n >\n {description}\n </Text>\n </Flex>\n );\n};\n"],"names":["_a","React"],"mappings":"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"}
@@ -2,6 +2,7 @@ import React__default, { useState, useEffect } from 'react';
2
2
  import Arrow from '../commons/icons/arrow.js';
3
3
  import { Mapping as Mapping$1 } from './components/mapping.js';
4
4
  import { surveySparrowURL } from '../commons/constants/index.js';
5
+ import DraftModal from '../commons/components/draftModal.js';
5
6
  import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
6
7
  import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
7
8
  import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
@@ -177,6 +178,7 @@ const MappingHeader = ({
177
178
  editFieldId
178
179
  }) => {
179
180
  const isDisabled = !actions.value || !events.value;
181
+ const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);
180
182
  const isAllEssentialMapped = (fields2) => {
181
183
  let status = true;
182
184
  fields2 == null ? void 0 : fields2.map((field) => {
@@ -208,6 +210,10 @@ const MappingHeader = ({
208
210
  padding: "$8 $12"
209
211
  }
210
212
  },
213
+ isDraftModalOpen && /* @__PURE__ */ React__default.createElement(DraftModal, { onSaveHandler: () => {
214
+ setIsDraftModalOpen(false);
215
+ previousMappingHandler();
216
+ }, onCloseHandler: () => setIsDraftModalOpen(false) }),
211
217
  /* @__PURE__ */ React__default.createElement(
212
218
  Flex,
213
219
  {
@@ -215,7 +221,7 @@ const MappingHeader = ({
215
221
  alignItems: "center",
216
222
  css: { visibility: hasPreviousMapping ? "visible" : "hidden" }
217
223
  },
218
- /* @__PURE__ */ React__default.createElement(IconButton, { onClick: () => previousMappingHandler(), color: "default", icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null), size: "lg" }),
224
+ /* @__PURE__ */ React__default.createElement(IconButton, { onClick: () => setIsDraftModalOpen(true), color: "default", icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null), size: "lg" }),
219
225
  /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? "Edit Mapping" : "New Mapping")
220
226
  ),
221
227
  /* @__PURE__ */ React__default.createElement(
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/mapping/index.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Flex,\n FormLabel,\n Heading,\n IconButton,\n Select,\n Text,\n ThemeProvider\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 as FieldMapping } from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\nimport { CustomListFieldType, FieldType, OldResponseFieldType } from \"./types\";\n\ntype FieldMappingPropsType = {\n havingTypeDropdown: boolean\n onSaveMappingLoader: boolean\n surveyDetails: {\n surveyName: string;\n surveyId: string | number;\n };\n integrationName: string;\n fields: Array<FieldType>;\n setFields: React.Dispatch<React.SetStateAction<Array<FieldType>>>;\n integrationFields: any;\n setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n apiURL: string;\n token: string;\n accounts: {\n hasAccounts: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n events: {\n hasEvents: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n actions: {\n hasActions: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n isMappingPage: boolean;\n navigateMappingPage: (value?: boolean) => void;\n customList: CustomListFieldType;\n oldResponse: OldResponseFieldType;\n hasPreviousMapping: boolean;\n onSaveHandler: () => void;\n editField: any;\n previousMappingHandler: (value?: boolean) => void;\n onDeleteHandler?: (id: string | number) => void;\n};\n\nexport const Mapping = ({\n havingTypeDropdown,\n onSaveMappingLoader,\n surveyDetails,\n integrationName,\n fields,\n setFields,\n integrationFields,\n setIntegrationFields,\n apiURL = surveySparrowURL,\n token,\n accounts,\n events,\n actions,\n isMappingPage,\n navigateMappingPage,\n customList,\n oldResponse,\n hasPreviousMapping,\n onSaveHandler,\n editField,\n previousMappingHandler\n}: FieldMappingPropsType) => {\n\n const [previousMapping, setPreviousMapping] = useState(hasPreviousMapping ?? false);\n\n useEffect(() => {\n if (!!editField?.id) {\n setFields(editField.fieldValues);\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={{ height: \"100vh\", width: \"100vw\" }}>\n <MappingHeader\n navigateMappingPage={navigateMappingPage}\n accounts={accounts}\n events={events}\n actions={actions}\n havingTypeDropdown={havingTypeDropdown}\n onSaveMappingLoader={onSaveMappingLoader}\n hasPreviousMapping={previousMapping}\n isMappingPage={isMappingPage}\n fields={fields}\n editFieldId={editField?.id}\n onSaveHandler={onSaveHandler}\n navigateEventPage={() => navigateMappingPage(false)}\n previousMappingHandler={previousMappingHandler}\n />\n {!isMappingPage ? (\n <EventSetup\n surveyDetails={surveyDetails}\n accounts={accounts}\n events={events}\n actions={actions}\n navigateMappingPage={navigateMappingPage}\n />\n ) : (\n <FieldMapping\n havingTypeDropdown={havingTypeDropdown}\n fields={fields}\n setFields={setFields}\n surveyDetails={surveyDetails}\n integrationFields={integrationFields}\n setIntegrationFields={setIntegrationFields}\n surveyId={surveyDetails.surveyId}\n token={token}\n apiURL={apiURL}\n integrationName={integrationName}\n customList={customList}\n oldResponse={oldResponse}\n />\n )}\n </Box>\n </ThemeProvider>\n );\n};\n\ntype EventSetupProps = {\n surveyDetails: {\n surveyName: string;\n surveyId: number | string;\n };\n accounts: {\n hasAccounts: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n events: {\n hasEvents: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n actions: {\n hasActions: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n navigateMappingPage: (value?: boolean) => void;\n};\n\nconst EventSetup = ({\n surveyDetails,\n accounts,\n events,\n actions,\n navigateMappingPage\n}: EventSetupProps) => {\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 return (\n <Flex\n css={{ paddingTop: \"$40\" }}\n alignItems=\"center\"\n justifyContent=\"center\"\n >\n <Box css={{ width: 488 }}>\n <Heading size=\"h5\">Account 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\" 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 Choose Account\n </FormLabel>\n <Select\n value={accounts.value}\n options={accounts.options}\n placeholder=\"\"\n onChange={(value) => accounts.onChangeHandler(value)}\n size=\"lg\"\n />\n </Flex>\n )}\n {events?.hasEvents && (\n <Flex gap=\"$2\" flexDirection=\"column\">\n <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n Choose Object\n </FormLabel>\n <Select\n options={events.options}\n value={events?.value}\n placeholder=\"\"\n onChange={(value) => events.onChangeHandler(value)}\n size=\"lg\"\n />\n </Flex>\n )}\n {actions?.hasActions && (\n <Flex gap=\"$2\" flexDirection=\"column\">\n <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n Choose Action\n </FormLabel>\n <Select\n size=\"lg\"\n options={actions.options}\n value={actions?.value}\n placeholder=\"\"\n onChange={(value) => actions.onChangeHandler(value)}\n />\n </Flex>\n )}\n </Flex>\n <Button\n size=\"lg\"\n disabled={!actions.value || !events.value}\n rightIcon={<ChevronRightIcon />}\n css={{ marginTop: \"$16\" }}\n onClick={() => navigateMappingPage()}\n >\n Continue Mapping\n </Button>\n </Box>\n </Flex>\n );\n};\n\ntype MappingHeaderProps = {\n navigateMappingPage: any;\n accounts: any;\n events: any;\n actions: any;\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;\n};\n\nconst MappingHeader = ({\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}: MappingHeaderProps) => {\n const isDisabled = !actions.value || !events.value;\n\n\n const isAllEssentialMapped = (fields: any) => {\n let status = true;\n fields?.map((field: any)=> {\n if(field?.isEssentialField){\n status = status && field?.surveySparrowField !== null\n if(havingTypeDropdown){\n status = status &&\n field?.integrationFieldType !== null &&\n field?.integrationField !== null\n }\n } else {\n if(!!field?.integrationField || !!field?.surveySparrowField){\n status = status && !!field?.integrationField && !!field?.surveySparrowField\n }\n }\n })\n return status;\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 <Flex\n gap=\"$6\"\n alignItems=\"center\"\n css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n >\n <IconButton onClick={() => previousMappingHandler()} color=\"default\" icon={<ArrowLeftIcon />} size=\"lg\" />\n <Heading size=\"h6\">{editFieldId ? \"Edit Mapping\" : \"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 && navigateEventPage()}\n >\n 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\n </Button>\n </Flex>\n <Button\n loading={onSaveMappingLoader}\n size=\"lg\"\n disabled={!isAllEssentialMapped(fields)}\n onClick={() => onSaveHandler(editFieldId)}\n css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n >\n Save Mapping\n </Button>\n </Flex>\n );\n};\n"],"names":["React","FieldMapping","fields"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/mapping/index.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Flex,\n FormLabel,\n Heading,\n IconButton,\n Select,\n Text,\n ThemeProvider\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 as FieldMapping } from \"./components/mapping\";\nimport { surveySparrowURL } from \"../commons/constants\";\nimport { CustomListFieldType, FieldType, OldResponseFieldType } from \"./types\";\nimport DraftModal from \"../commons/components/draftModal\";\n\ntype FieldMappingPropsType = {\n havingTypeDropdown: boolean\n onSaveMappingLoader: boolean\n surveyDetails: {\n surveyName: string;\n surveyId: string | number;\n };\n integrationName: string;\n fields: Array<FieldType>;\n setFields: React.Dispatch<React.SetStateAction<Array<FieldType>>>;\n integrationFields: any;\n setIntegrationFields: React.Dispatch<React.SetStateAction<any>>;\n apiURL: string;\n token: string;\n accounts: {\n hasAccounts: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n events: {\n hasEvents: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n actions: {\n hasActions: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n isMappingPage: boolean;\n navigateMappingPage: (value?: boolean) => void;\n customList: CustomListFieldType;\n oldResponse: OldResponseFieldType;\n hasPreviousMapping: boolean;\n onSaveHandler: () => void;\n editField: any;\n previousMappingHandler: (value?: boolean) => void;\n onDeleteHandler?: (id: string | number) => void;\n};\n\nexport const Mapping = ({\n havingTypeDropdown,\n onSaveMappingLoader,\n surveyDetails,\n integrationName,\n fields,\n setFields,\n integrationFields,\n setIntegrationFields,\n apiURL = surveySparrowURL,\n token,\n accounts,\n events,\n actions,\n isMappingPage,\n navigateMappingPage,\n customList,\n oldResponse,\n hasPreviousMapping,\n onSaveHandler,\n editField,\n previousMappingHandler\n}: FieldMappingPropsType) => {\n\n const [previousMapping, setPreviousMapping] = useState(hasPreviousMapping ?? false);\n\n useEffect(() => {\n if (!!editField?.id) {\n setFields(editField.fieldValues);\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={{ height: \"100vh\", width: \"100vw\" }}>\n <MappingHeader\n navigateMappingPage={navigateMappingPage}\n accounts={accounts}\n events={events}\n actions={actions}\n havingTypeDropdown={havingTypeDropdown}\n onSaveMappingLoader={onSaveMappingLoader}\n hasPreviousMapping={previousMapping}\n isMappingPage={isMappingPage}\n fields={fields}\n editFieldId={editField?.id}\n onSaveHandler={onSaveHandler}\n navigateEventPage={() => navigateMappingPage(false)}\n previousMappingHandler={previousMappingHandler}\n />\n {!isMappingPage ? (\n <EventSetup\n surveyDetails={surveyDetails}\n accounts={accounts}\n events={events}\n actions={actions}\n navigateMappingPage={navigateMappingPage}\n />\n ) : (\n <FieldMapping\n havingTypeDropdown={havingTypeDropdown}\n fields={fields}\n setFields={setFields}\n surveyDetails={surveyDetails}\n integrationFields={integrationFields}\n setIntegrationFields={setIntegrationFields}\n surveyId={surveyDetails.surveyId}\n token={token}\n apiURL={apiURL}\n integrationName={integrationName}\n customList={customList}\n oldResponse={oldResponse}\n />\n )}\n </Box>\n </ThemeProvider>\n );\n};\n\ntype EventSetupProps = {\n surveyDetails: {\n surveyName: string;\n surveyId: number | string;\n };\n accounts: {\n hasAccounts: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n events: {\n hasEvents: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n actions: {\n hasActions: boolean;\n options: Array<any>;\n value: { label: string; value: string } | null | boolean;\n onChangeHandler: (value: any) => void;\n };\n navigateMappingPage: (value?: boolean) => void;\n};\n\nconst EventSetup = ({\n surveyDetails,\n accounts,\n events,\n actions,\n navigateMappingPage\n}: EventSetupProps) => {\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 return (\n <Flex\n css={{ paddingTop: \"$40\" }}\n alignItems=\"center\"\n justifyContent=\"center\"\n >\n <Box css={{ width: 488 }}>\n <Heading size=\"h5\">Account 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\" 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 Choose Account\n </FormLabel>\n <Select\n value={accounts.value}\n options={accounts.options}\n placeholder=\"\"\n onChange={(value) => accounts.onChangeHandler(value)}\n size=\"lg\"\n />\n </Flex>\n )}\n {events?.hasEvents && (\n <Flex gap=\"$2\" flexDirection=\"column\">\n <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n Choose Object\n </FormLabel>\n <Select\n options={events.options}\n value={events?.value}\n placeholder=\"\"\n onChange={(value) => events.onChangeHandler(value)}\n size=\"lg\"\n />\n </Flex>\n )}\n {actions?.hasActions && (\n <Flex gap=\"$2\" flexDirection=\"column\">\n <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n Choose Action\n </FormLabel>\n <Select\n size=\"lg\"\n options={actions.options}\n value={actions?.value}\n placeholder=\"\"\n onChange={(value) => actions.onChangeHandler(value)}\n />\n </Flex>\n )}\n </Flex>\n <Button\n size=\"lg\"\n disabled={!actions.value || !events.value}\n rightIcon={<ChevronRightIcon />}\n css={{ marginTop: \"$16\" }}\n onClick={() => navigateMappingPage()}\n >\n Continue Mapping\n </Button>\n </Box>\n </Flex>\n );\n};\n\ntype MappingHeaderProps = {\n navigateMappingPage: any;\n accounts: any;\n events: any;\n actions: any;\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;\n};\n\nconst MappingHeader = ({\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}: MappingHeaderProps) => {\n const isDisabled = !actions.value || !events.value;\n const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n\n\n const isAllEssentialMapped = (fields: any) => {\n let status = true;\n fields?.map((field: any)=> {\n if(field?.isEssentialField){\n status = status && field?.surveySparrowField !== null\n if(havingTypeDropdown){\n status = status &&\n field?.integrationFieldType !== null &&\n field?.integrationField !== null\n }\n } else {\n if(!!field?.integrationField || !!field?.surveySparrowField){\n status = status && !!field?.integrationField && !!field?.surveySparrowField\n }\n }\n })\n return status;\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 && <DraftModal onSaveHandler={() => {\n setIsDraftModalOpen(false);\n previousMappingHandler();\n }} onCloseHandler={()=>setIsDraftModalOpen(false)} />}\n <Flex\n gap=\"$6\"\n alignItems=\"center\"\n css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n >\n <IconButton onClick={() => setIsDraftModalOpen(true)} color=\"default\" icon={<ArrowLeftIcon />} size=\"lg\" />\n <Heading size=\"h6\">{editFieldId ? \"Edit Mapping\" : \"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 && navigateEventPage()}\n >\n 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\n </Button>\n </Flex>\n <Button\n loading={onSaveMappingLoader}\n size=\"lg\"\n disabled={!isAllEssentialMapped(fields)}\n onClick={() => onSaveHandler(editFieldId)}\n css={{ visibility: isMappingPage ? \"visible\" : \"hidden\" }}\n >\n Save Mapping\n </Button>\n </Flex>\n );\n};\n"],"names":["React","FieldMapping","fields"],"mappings":"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"}
@@ -0,0 +1,106 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { Title as Title2, Description as Description2, Overlay as Overlay2, Content as Content2, Cancel, Root as Root2, Action, Portal as Portal2 } from '../node_modules/@radix-ui/react-alert-dialog/dist/index.js';
3
+ import { keyframes, styled } from '../stitches.config.js';
4
+ import { Grid } from '../grid/grid.js';
5
+
6
+ var __defProp = Object.defineProperty;
7
+ var __defProps = Object.defineProperties;
8
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
9
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
37
+ const overlayShow = keyframes({
38
+ "0%": { opacity: 0 },
39
+ "100%": { opacity: 1 }
40
+ });
41
+ const contentShow = keyframes({
42
+ "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.96)" },
43
+ "100%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }
44
+ });
45
+ const StyledTitle = styled(Title2, {
46
+ margin: 0,
47
+ color: "$neutral900",
48
+ fontSize: "$lg",
49
+ fontWeight: "$7",
50
+ padding: "$12",
51
+ borderBottom: "$borderWidths$xs solid $neutral200"
52
+ });
53
+ const StyledDescription = styled(Description2, {
54
+ color: "$neutral900",
55
+ fontSize: "$md",
56
+ padding: "$12",
57
+ paddingBottom: 0
58
+ });
59
+ const StyledOverlay = styled(Overlay2, {
60
+ backgroundColor: "$black700",
61
+ position: "fixed",
62
+ inset: 0,
63
+ zIndex: 9999,
64
+ "@media (prefers-reduced-motion: no-preference)": {
65
+ animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
66
+ }
67
+ });
68
+ const StyledContent = styled(Content2, {
69
+ backgroundColor: "white",
70
+ borderRadius: "$2xl",
71
+ boxShadow: "hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",
72
+ position: "fixed",
73
+ top: "50%",
74
+ left: "50%",
75
+ lineHeight: "$md",
76
+ transform: "translate(-50%, -50%)",
77
+ width: "90vw",
78
+ maxWidth: "450px",
79
+ maxHeight: "85vh",
80
+ zIndex: 9999,
81
+ "@media (prefers-reduced-motion: no-preference)": {
82
+ animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
83
+ },
84
+ "&:focus": { outline: "none" }
85
+ });
86
+ const StyledActions = styled(Grid, {
87
+ gridTemplateColumns: "1fr 1fr",
88
+ padding: "$12"
89
+ });
90
+ const Content = (_a) => {
91
+ var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
92
+ return /* @__PURE__ */ jsxs(Portal2, { children: [
93
+ /* @__PURE__ */ jsx(StyledOverlay, {}),
94
+ /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues({}, props), { children }))
95
+ ] });
96
+ };
97
+ const AlertDialog = Root2;
98
+ const AlertDialogContent = Content;
99
+ const AlertDialogTitle = StyledTitle;
100
+ const AlertDialogDescription = StyledDescription;
101
+ const AlertDialogActions = StyledActions;
102
+ const AlertDialogCancel = Cancel;
103
+ const AlertDialogAction = Action;
104
+
105
+ export { AlertDialog, AlertDialogAction, AlertDialogActions, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle };
106
+ //# sourceMappingURL=alert-dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert-dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { Title as Title2, Description as Description2, Overlay as Overlay2, Content as Content2, Root as Root2, Trigger as Trigger2, Cancel, Action, Portal as Portal2 } from '../node_modules/@radix-ui/react-alert-dialog/dist/index.js';\nimport { keyframes, styled } from '../stitches.config.js';\nimport { Grid } from '../grid/grid.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst overlayShow = keyframes({\n \"0%\": { opacity: 0 },\n \"100%\": { opacity: 1 }\n});\nconst contentShow = keyframes({\n \"0%\": { opacity: 0, transform: \"translate(-50%, -48%) scale(.96)\" },\n \"100%\": { opacity: 1, transform: \"translate(-50%, -50%) scale(1)\" }\n});\nconst StyledTitle = styled(Title2, {\n margin: 0,\n color: \"$neutral900\",\n fontSize: \"$lg\",\n fontWeight: \"$7\",\n padding: \"$12\",\n borderBottom: \"$borderWidths$xs solid $neutral200\"\n});\nconst StyledDescription = styled(Description2, {\n color: \"$neutral900\",\n fontSize: \"$md\",\n padding: \"$12\",\n paddingBottom: 0\n});\nconst StyledOverlay = styled(Overlay2, {\n backgroundColor: \"$black700\",\n position: \"fixed\",\n inset: 0,\n zIndex: 9999,\n \"@media (prefers-reduced-motion: no-preference)\": {\n animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n});\nconst StyledContent = styled(Content2, {\n backgroundColor: \"white\",\n borderRadius: \"$2xl\",\n boxShadow: \"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px\",\n position: \"fixed\",\n top: \"50%\",\n left: \"50%\",\n lineHeight: \"$md\",\n transform: \"translate(-50%, -50%)\",\n width: \"90vw\",\n maxWidth: \"450px\",\n maxHeight: \"85vh\",\n zIndex: 9999,\n \"@media (prefers-reduced-motion: no-preference)\": {\n animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n },\n \"&:focus\": { outline: \"none\" }\n});\nconst StyledActions = styled(Grid, {\n gridTemplateColumns: \"1fr 1fr\",\n padding: \"$12\"\n});\nconst Content = (_a) => {\n var _b = _a, { children } = _b, props = __objRest(_b, [\"children\"]);\n return /* @__PURE__ */ jsxs(Portal2, { children: [\n /* @__PURE__ */ jsx(StyledOverlay, {}),\n /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues({}, props), { children }))\n ] });\n};\nconst AlertDialog = Root2;\nconst AlertDialogTrigger = Trigger2;\nconst AlertDialogContent = Content;\nconst AlertDialogTitle = StyledTitle;\nconst AlertDialogDescription = StyledDescription;\nconst AlertDialogActions = StyledActions;\nconst AlertDialogCancel = Cancel;\nconst AlertDialogAction = Action;\n\nexport { AlertDialog, AlertDialogAction, AlertDialogActions, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger };\n//# sourceMappingURL=alert-dialog.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { createContext, useContext } from 'react';
3
- import { Overlay, Content as Content$1, Title, Description, Portal, Root } from '../node_modules/@radix-ui/react-dialog/dist/index.js';
3
+ import { Overlay, Content as Content$1, Title, Description, Portal, Root, Close } from '../node_modules/@radix-ui/react-dialog/dist/index.js';
4
4
  import { keyframes, styled } from '../stitches.config.js';
5
5
 
6
6
  var __defProp = Object.defineProperty;
@@ -137,17 +137,20 @@ const DialogRoot = (_c) => {
137
137
  ]);
138
138
  return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });
139
139
  };
140
- styled(Title, {
140
+ const StyledTitle = styled(Title, {
141
141
  margin: 0,
142
142
  fontWeight: 500,
143
143
  fontSize: "$lg"
144
144
  });
145
- styled(Description, {
145
+ const StyledDescription = styled(Description, {
146
146
  margin: "$5 0 $10",
147
147
  fontSize: "$md"
148
148
  });
149
149
  const Dialog = DialogRoot;
150
150
  const DialogContent = Content;
151
+ const DialogTitle = StyledTitle;
152
+ const DialogDescription = StyledDescription;
153
+ const DialogClose = Close;
151
154
 
152
- export { Dialog, DialogContent };
155
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle };
153
156
  //# sourceMappingURL=dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { Overlay, Content as Content$1, Title, Description, Trigger, Close, Portal, Root } from '../node_modules/@radix-ui/react-dialog/dist/index.js';\nimport { keyframes, styled } from '../stitches.config.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst overlayShow = keyframes({\n \"0%\": { opacity: 0 },\n \"100%\": { opacity: 1 }\n});\nconst contentShow = keyframes({\n \"0%\": { opacity: 0, transform: \"translate(-50%, -48%) scale(.96)\" },\n \"100%\": { opacity: 1, transform: \"translate(-50%, -50%) scale(1)\" }\n});\nconst DialogContext = createContext({\n size: \"md\",\n scrollBehavior: \"auto\"\n});\nconst DialogProvider = ({\n children,\n size,\n scrollBehavior\n}) => {\n return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { size, scrollBehavior }, children });\n};\nconst StyledOverlay = styled(Overlay, {\n backgroundColor: \"$black700\",\n position: \"fixed\",\n inset: 0,\n zIndex: 999,\n \"@media (prefers-reduced-motion: no-preference)\": {\n animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n});\nconst StyledContent = styled(Content$1, {\n backgroundColor: \"white\",\n borderRadius: 6,\n boxShadow: \"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px\",\n position: \"fixed\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n maxHeight: \"80vh\",\n maxWidth: \"95vw\",\n padding: \"$12\",\n zIndex: 999,\n \"@media (prefers-reduced-motion: no-preference)\": {\n animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n },\n \"&:focus\": { outline: \"none\" },\n variants: {\n size: {\n full: {\n width: \"100vw\",\n height: \"100vh\",\n // overriding default maxHeight and maxWidth\n maxHeight: \"100vh\",\n maxWidth: \"100vw\"\n },\n xl: {\n width: \"1346px\"\n },\n lg: {\n width: \"980px\"\n },\n md: {\n width: \"600px\"\n },\n sm: {\n width: \"464px\"\n }\n },\n scrollBehavior: {\n auto: {\n overflowY: \"auto\"\n },\n scroll: {\n overflowY: \"scroll\"\n },\n hidden: {\n overflowY: \"hidden\"\n }\n }\n },\n defaultVariants: {\n size: \"md\",\n scrollBehavior: \"auto\"\n }\n});\nconst Content = (_a) => {\n var _b = _a, { children } = _b, props = __objRest(_b, [\"children\"]);\n const dialogContext = useContext(DialogContext);\n return /* @__PURE__ */ jsxs(Portal, { children: [\n /* @__PURE__ */ jsx(StyledOverlay, {}),\n /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, dialogContext), props), { children }))\n ] });\n};\nconst DialogRoot = (_c) => {\n var _d = _c, {\n children,\n size = \"md\",\n scrollBehavior = \"auto\"\n } = _d, props = __objRest(_d, [\n \"children\",\n \"size\",\n \"scrollBehavior\"\n ]);\n return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });\n};\nconst StyledTitle = styled(Title, {\n margin: 0,\n fontWeight: 500,\n fontSize: \"$lg\"\n});\nconst StyledDescription = styled(Description, {\n margin: \"$5 0 $10\",\n fontSize: \"$md\"\n});\nconst Dialog = DialogRoot;\nconst DialogTrigger = Trigger;\nconst DialogContent = Content;\nconst DialogTitle = StyledTitle;\nconst DialogDescription = StyledDescription;\nconst DialogClose = Close;\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger };\n//# sourceMappingURL=dialog.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { Overlay, Content as Content$1, Title, Description, Trigger, Close, Portal, Root } from '../node_modules/@radix-ui/react-dialog/dist/index.js';\nimport { keyframes, styled } from '../stitches.config.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst overlayShow = keyframes({\n \"0%\": { opacity: 0 },\n \"100%\": { opacity: 1 }\n});\nconst contentShow = keyframes({\n \"0%\": { opacity: 0, transform: \"translate(-50%, -48%) scale(.96)\" },\n \"100%\": { opacity: 1, transform: \"translate(-50%, -50%) scale(1)\" }\n});\nconst DialogContext = createContext({\n size: \"md\",\n scrollBehavior: \"auto\"\n});\nconst DialogProvider = ({\n children,\n size,\n scrollBehavior\n}) => {\n return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { size, scrollBehavior }, children });\n};\nconst StyledOverlay = styled(Overlay, {\n backgroundColor: \"$black700\",\n position: \"fixed\",\n inset: 0,\n zIndex: 999,\n \"@media (prefers-reduced-motion: no-preference)\": {\n animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n});\nconst StyledContent = styled(Content$1, {\n backgroundColor: \"white\",\n borderRadius: 6,\n boxShadow: \"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px\",\n position: \"fixed\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n maxHeight: \"80vh\",\n maxWidth: \"95vw\",\n padding: \"$12\",\n zIndex: 999,\n \"@media (prefers-reduced-motion: no-preference)\": {\n animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n },\n \"&:focus\": { outline: \"none\" },\n variants: {\n size: {\n full: {\n width: \"100vw\",\n height: \"100vh\",\n // overriding default maxHeight and maxWidth\n maxHeight: \"100vh\",\n maxWidth: \"100vw\"\n },\n xl: {\n width: \"1346px\"\n },\n lg: {\n width: \"980px\"\n },\n md: {\n width: \"600px\"\n },\n sm: {\n width: \"464px\"\n }\n },\n scrollBehavior: {\n auto: {\n overflowY: \"auto\"\n },\n scroll: {\n overflowY: \"scroll\"\n },\n hidden: {\n overflowY: \"hidden\"\n }\n }\n },\n defaultVariants: {\n size: \"md\",\n scrollBehavior: \"auto\"\n }\n});\nconst Content = (_a) => {\n var _b = _a, { children } = _b, props = __objRest(_b, [\"children\"]);\n const dialogContext = useContext(DialogContext);\n return /* @__PURE__ */ jsxs(Portal, { children: [\n /* @__PURE__ */ jsx(StyledOverlay, {}),\n /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, dialogContext), props), { children }))\n ] });\n};\nconst DialogRoot = (_c) => {\n var _d = _c, {\n children,\n size = \"md\",\n scrollBehavior = \"auto\"\n } = _d, props = __objRest(_d, [\n \"children\",\n \"size\",\n \"scrollBehavior\"\n ]);\n return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });\n};\nconst StyledTitle = styled(Title, {\n margin: 0,\n fontWeight: 500,\n fontSize: \"$lg\"\n});\nconst StyledDescription = styled(Description, {\n margin: \"$5 0 $10\",\n fontSize: \"$md\"\n});\nconst Dialog = DialogRoot;\nconst DialogTrigger = Trigger;\nconst DialogContent = Content;\nconst DialogTitle = StyledTitle;\nconst DialogDescription = StyledDescription;\nconst DialogClose = Close;\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger };\n//# sourceMappingURL=dialog.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,117 @@
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { isValidElement } from 'react';
3
+ import { AlertDialogCancel, AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogActions, AlertDialogAction } from '../../alert-dialog/alert-dialog.js';
4
+ import { Button } from '../../button/button.js';
5
+ import { IconButton } from '../../button/icon-button.js';
6
+ import '../../button/split-button.js';
7
+ import { Box } from '../../box/box.js';
8
+ import { prefixClassName } from '../../utils/prefix-class-name.js';
9
+ import { CloseIcon } from '../../packages/react-icons/dist/es/icons/close.js';
10
+
11
+ var __defProp = Object.defineProperty;
12
+ var __defProps = Object.defineProperties;
13
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
14
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
15
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
16
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
17
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
18
+ var __spreadValues = (a, b) => {
19
+ for (var prop in b || (b = {}))
20
+ if (__hasOwnProp.call(b, prop))
21
+ __defNormalProp(a, prop, b[prop]);
22
+ if (__getOwnPropSymbols)
23
+ for (var prop of __getOwnPropSymbols(b)) {
24
+ if (__propIsEnum.call(b, prop))
25
+ __defNormalProp(a, prop, b[prop]);
26
+ }
27
+ return a;
28
+ };
29
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
30
+ const DefaultAlertDialog = ({
31
+ title,
32
+ content,
33
+ labels = {
34
+ action: "Close"
35
+ },
36
+ actionButtonProps,
37
+ closeButton = DefaultCloseButton,
38
+ css,
39
+ onPrimaryAction,
40
+ onClose
41
+ }) => {
42
+ return /* @__PURE__ */ jsx(
43
+ AlertDialog,
44
+ {
45
+ defaultOpen: true,
46
+ onOpenChange: (open) => {
47
+ if (!open) {
48
+ onClose == null ? void 0 : onClose();
49
+ }
50
+ },
51
+ children: /* @__PURE__ */ jsxs(AlertDialogContent, { css: __spreadValues({}, css), children: [
52
+ /* @__PURE__ */ jsxs(
53
+ AlertDialogTitle,
54
+ {
55
+ css: {
56
+ paddingRight: "calc($20 + $12 + $6)",
57
+ position: "relative"
58
+ },
59
+ children: [
60
+ title,
61
+ closeButton && /* @__PURE__ */ jsx(
62
+ Box,
63
+ {
64
+ css: {
65
+ position: "absolute",
66
+ top: "50%",
67
+ right: "$12",
68
+ transform: "translate(0,-50%)"
69
+ },
70
+ children: closeButton
71
+ }
72
+ )
73
+ ]
74
+ }
75
+ ),
76
+ /* @__PURE__ */ jsx(AlertDialogDescription, { children: content }),
77
+ /* @__PURE__ */ jsx(
78
+ AlertDialogActions,
79
+ {
80
+ css: {
81
+ display: "flex",
82
+ justifyContent: "flex-end"
83
+ },
84
+ children: /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: isValidElement(labels.action) ? labels.action : /* @__PURE__ */ jsx(
85
+ Button,
86
+ __spreadProps(__spreadValues({
87
+ color: "default",
88
+ size: "lg",
89
+ onClick: onPrimaryAction
90
+ }, actionButtonProps), {
91
+ children: labels.action
92
+ })
93
+ ) })
94
+ }
95
+ )
96
+ ] })
97
+ }
98
+ );
99
+ };
100
+ const DefaultCloseButton = /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(
101
+ IconButton,
102
+ {
103
+ icon: /* @__PURE__ */ jsx(CloseIcon, {}),
104
+ "aria-label": "Close",
105
+ color: "bright",
106
+ size: "lg",
107
+ css: {
108
+ [`& .${prefixClassName("button__icon-container")} > svg`]: {
109
+ width: "$6",
110
+ height: "$6"
111
+ }
112
+ }
113
+ }
114
+ ) });
115
+
116
+ export { DefaultAlertDialog };
117
+ //# sourceMappingURL=default-alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-alert.js","sources":["../../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { isValidElement } from 'react';\nimport { AlertDialogCancel, AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogActions, AlertDialogAction } from '../../alert-dialog/alert-dialog.js';\nimport { Button } from '../../button/button.js';\nimport { IconButton } from '../../button/icon-button.js';\nimport '../../button/split-button.js';\nimport { Box } from '../../box/box.js';\nimport { prefixClassName } from '../../utils/prefix-class-name.js';\nimport { CloseIcon } from '../../packages/react-icons/dist/es/icons/close.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst DefaultAlertDialog = ({\n title,\n content,\n labels = {\n action: \"Close\"\n },\n actionButtonProps,\n closeButton = DefaultCloseButton,\n css,\n onPrimaryAction,\n onClose\n}) => {\n return /* @__PURE__ */ jsx(\n AlertDialog,\n {\n defaultOpen: true,\n onOpenChange: (open) => {\n if (!open) {\n onClose == null ? void 0 : onClose();\n }\n },\n children: /* @__PURE__ */ jsxs(AlertDialogContent, { css: __spreadValues({}, css), children: [\n /* @__PURE__ */ jsxs(\n AlertDialogTitle,\n {\n css: {\n paddingRight: \"calc($20 + $12 + $6)\",\n position: \"relative\"\n },\n children: [\n title,\n closeButton && /* @__PURE__ */ jsx(\n Box,\n {\n css: {\n position: \"absolute\",\n top: \"50%\",\n right: \"$12\",\n transform: \"translate(0,-50%)\"\n },\n children: closeButton\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsx(AlertDialogDescription, { children: content }),\n /* @__PURE__ */ jsx(\n AlertDialogActions,\n {\n css: {\n display: \"flex\",\n justifyContent: \"flex-end\"\n },\n children: /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: isValidElement(labels.action) ? labels.action : /* @__PURE__ */ jsx(\n Button,\n __spreadProps(__spreadValues({\n color: \"default\",\n size: \"lg\",\n onClick: onPrimaryAction\n }, actionButtonProps), {\n children: labels.action\n })\n ) })\n }\n )\n ] })\n }\n );\n};\nconst DefaultCloseButton = /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(\n IconButton,\n {\n icon: /* @__PURE__ */ jsx(CloseIcon, {}),\n \"aria-label\": \"Close\",\n color: \"bright\",\n size: \"lg\",\n css: {\n [`& .${prefixClassName(\"button__icon-container\")} > svg`]: {\n width: \"$6\",\n height: \"$6\"\n }\n }\n }\n) });\n\nexport { DefaultAlertDialog };\n//# sourceMappingURL=default-alert.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}