@bigbinary/neeto-molecules 1.0.46 → 1.0.48

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.
@@ -1 +1 @@
1
- {"version":3,"file":"IntegrationCard.cjs.js","sources":["../src/components/IntegrationCard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { Check, MenuVertical } from \"neetoicons\";\nimport { Typography, Button, Tag, Dropdown } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst IntegrationCard = ({\n label,\n description,\n Icon,\n className = \"\",\n isConnected,\n isStatusLoading = false,\n customDropdown = null,\n onDisconnect = noop,\n onConnect,\n onManage = noop,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className={`outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline transition-colors ${className}`}\n >\n <div className=\"h-full\">\n <div className=\"mb-4\">\n {Icon && <Icon className=\"neeto-ui-text-gray-700\" size={32} />}\n </div>\n <Typography\n className=\"neeto-ui-text-gray-800 mb-2\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n {description}\n </Typography>\n </div>\n <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n <div className=\"flex h-8 items-center justify-between\">\n {isConnected ? (\n <>\n <Tag\n className=\"flex-row-reverse\"\n icon={Check}\n label={t(\"neetoMolecules.integrationCard.connected\")}\n size=\"small\"\n style=\"success\"\n />\n {customDropdown || (\n <Dropdown buttonStyle=\"text\" icon={MenuVertical}>\n <Menu>\n <MenuItem.Button onClick={onManage}>\n {t(\"neetoMolecules.integrationCard.manage\")}\n </MenuItem.Button>\n <MenuItem.Button onClick={onDisconnect}>\n {t(\"neetoMolecules.integrationCard.disconnect\")}\n </MenuItem.Button>\n </Menu>\n </Dropdown>\n )}\n </>\n ) : (\n <Button\n loading={isStatusLoading}\n style=\"link\"\n label={\n isStatusLoading\n ? \"\"\n : t(\"neetoMolecules.integrationCard.connect\")\n }\n onClick={onConnect}\n />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nIntegrationCard.propTypes = {\n /**\n * The label to be displayed on the card.\n */\n label: PropTypes.string,\n /**\n * The description of the card.\n */\n description: PropTypes.string,\n /**\n * The icon to be displayed on the card.\n */\n Icon: PropTypes.node,\n /**\n * To specify additional class names.\n */\n className: PropTypes.string,\n /**\n * To specify whether the integration is connected or not.\n */\n isConnected: PropTypes.bool,\n /**\n * To specify whether the integration is loading or not.\n */\n isStatusLoading: PropTypes.bool,\n /**\n * Displays a dropdown component next to the status.\n */\n customDropdown: PropTypes.element,\n /**\n * Handler function that is triggered when the integration is disconnected.\n */\n onDisconnect: PropTypes.func,\n /**\n * Handler function that is triggered when the integration is connected.\n */\n onConnect: PropTypes.func,\n /**\n * Handler function that is triggered when the manage button in default dropdown is clicked.\n */\n onManage: PropTypes.element,\n};\n\nexport default IntegrationCard;\n"],"names":["Menu","Dropdown","MenuItem","IntegrationCard","_ref","label","description","Icon","_ref$className","className","isConnected","_ref$isStatusLoading","isStatusLoading","_ref$customDropdown","customDropdown","_ref$onDisconnect","onDisconnect","noop","onConnect","_ref$onManage","onManage","_useTranslation","useTranslation","t","React","createElement","concat","size","Typography","style","weight","Fragment","Tag","icon","Check","buttonStyle","MenuVertical","Button","onClick","loading"],"mappings":"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"}
1
+ {"version":3,"file":"IntegrationCard.cjs.js","sources":["../src/components/IntegrationCard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { Check, MenuVertical } from \"neetoicons\";\nimport { Typography, Button, Tag, Dropdown } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst IntegrationCard = ({\n label,\n description,\n Icon,\n className = \"\",\n isConnected,\n isStatusLoading = false,\n customDropdown = null,\n onDisconnect = noop,\n onConnect,\n onManage = noop,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className={`outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline transition-colors ${className}`}\n >\n <div className=\"h-full\">\n <div className=\"mb-4\">\n {Icon && <Icon className=\"neeto-ui-text-gray-700\" size={32} />}\n </div>\n <Typography\n className=\"neeto-ui-text-gray-800 mb-2\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n {description}\n </Typography>\n </div>\n <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n <div className=\"flex h-8 items-center justify-between\">\n {isConnected ? (\n <>\n <Tag\n className=\"flex-row-reverse\"\n icon={Check}\n label={t(\"neetoMolecules.integrationCard.connected\")}\n size=\"small\"\n style=\"success\"\n />\n {customDropdown || (\n <Dropdown buttonStyle=\"text\" icon={MenuVertical}>\n <Menu>\n <MenuItem.Button onClick={onManage}>\n {t(\"neetoMolecules.integrationCard.manage\")}\n </MenuItem.Button>\n <MenuItem.Button onClick={onDisconnect}>\n {t(\"neetoMolecules.integrationCard.disconnect\")}\n </MenuItem.Button>\n </Menu>\n </Dropdown>\n )}\n </>\n ) : (\n <Button\n loading={isStatusLoading}\n style=\"link\"\n label={\n isStatusLoading\n ? \"\"\n : t(\"neetoMolecules.integrationCard.connect\")\n }\n onClick={onConnect}\n />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nIntegrationCard.propTypes = {\n /**\n * The label to be displayed on the card.\n */\n label: PropTypes.string,\n /**\n * The description of the card.\n */\n description: PropTypes.string,\n /**\n * The icon to be displayed on the card.\n */\n Icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /**\n * To specify additional class names.\n */\n className: PropTypes.string,\n /**\n * To specify whether the integration is connected or not.\n */\n isConnected: PropTypes.bool,\n /**\n * To specify whether the integration is loading or not.\n */\n isStatusLoading: PropTypes.bool,\n /**\n * Displays a dropdown component next to the status.\n */\n customDropdown: PropTypes.element,\n /**\n * Handler function that is triggered when the integration is disconnected.\n */\n onDisconnect: PropTypes.func,\n /**\n * Handler function that is triggered when the integration is connected.\n */\n onConnect: PropTypes.func,\n /**\n * Handler function that is triggered when the manage button in default dropdown is clicked.\n */\n onManage: PropTypes.func,\n};\n\nexport default IntegrationCard;\n"],"names":["Menu","Dropdown","MenuItem","IntegrationCard","_ref","label","description","Icon","_ref$className","className","isConnected","_ref$isStatusLoading","isStatusLoading","_ref$customDropdown","customDropdown","_ref$onDisconnect","onDisconnect","noop","onConnect","_ref$onManage","onManage","_useTranslation","useTranslation","t","React","createElement","concat","size","Typography","style","weight","Fragment","Tag","icon","Check","buttonStyle","MenuVertical","Button","onClick","loading"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"IntegrationCard.js","sources":["../src/components/IntegrationCard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { Check, MenuVertical } from \"neetoicons\";\nimport { Typography, Button, Tag, Dropdown } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst IntegrationCard = ({\n label,\n description,\n Icon,\n className = \"\",\n isConnected,\n isStatusLoading = false,\n customDropdown = null,\n onDisconnect = noop,\n onConnect,\n onManage = noop,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className={`outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline transition-colors ${className}`}\n >\n <div className=\"h-full\">\n <div className=\"mb-4\">\n {Icon && <Icon className=\"neeto-ui-text-gray-700\" size={32} />}\n </div>\n <Typography\n className=\"neeto-ui-text-gray-800 mb-2\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n {description}\n </Typography>\n </div>\n <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n <div className=\"flex h-8 items-center justify-between\">\n {isConnected ? (\n <>\n <Tag\n className=\"flex-row-reverse\"\n icon={Check}\n label={t(\"neetoMolecules.integrationCard.connected\")}\n size=\"small\"\n style=\"success\"\n />\n {customDropdown || (\n <Dropdown buttonStyle=\"text\" icon={MenuVertical}>\n <Menu>\n <MenuItem.Button onClick={onManage}>\n {t(\"neetoMolecules.integrationCard.manage\")}\n </MenuItem.Button>\n <MenuItem.Button onClick={onDisconnect}>\n {t(\"neetoMolecules.integrationCard.disconnect\")}\n </MenuItem.Button>\n </Menu>\n </Dropdown>\n )}\n </>\n ) : (\n <Button\n loading={isStatusLoading}\n style=\"link\"\n label={\n isStatusLoading\n ? \"\"\n : t(\"neetoMolecules.integrationCard.connect\")\n }\n onClick={onConnect}\n />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nIntegrationCard.propTypes = {\n /**\n * The label to be displayed on the card.\n */\n label: PropTypes.string,\n /**\n * The description of the card.\n */\n description: PropTypes.string,\n /**\n * The icon to be displayed on the card.\n */\n Icon: PropTypes.node,\n /**\n * To specify additional class names.\n */\n className: PropTypes.string,\n /**\n * To specify whether the integration is connected or not.\n */\n isConnected: PropTypes.bool,\n /**\n * To specify whether the integration is loading or not.\n */\n isStatusLoading: PropTypes.bool,\n /**\n * Displays a dropdown component next to the status.\n */\n customDropdown: PropTypes.element,\n /**\n * Handler function that is triggered when the integration is disconnected.\n */\n onDisconnect: PropTypes.func,\n /**\n * Handler function that is triggered when the integration is connected.\n */\n onConnect: PropTypes.func,\n /**\n * Handler function that is triggered when the manage button in default dropdown is clicked.\n */\n onManage: PropTypes.element,\n};\n\nexport default IntegrationCard;\n"],"names":["Menu","Dropdown","MenuItem","IntegrationCard","_ref","label","description","Icon","_ref$className","className","isConnected","_ref$isStatusLoading","isStatusLoading","_ref$customDropdown","customDropdown","_ref$onDisconnect","onDisconnect","noop","onConnect","_ref$onManage","onManage","_useTranslation","useTranslation","t","React","createElement","concat","size","Typography","style","weight","Fragment","Tag","icon","Check","buttonStyle","MenuVertical","Button","onClick","loading"],"mappings":"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"}
1
+ {"version":3,"file":"IntegrationCard.js","sources":["../src/components/IntegrationCard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { Check, MenuVertical } from \"neetoicons\";\nimport { Typography, Button, Tag, Dropdown } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst IntegrationCard = ({\n label,\n description,\n Icon,\n className = \"\",\n isConnected,\n isStatusLoading = false,\n customDropdown = null,\n onDisconnect = noop,\n onConnect,\n onManage = noop,\n}) => {\n const { t } = useTranslation();\n\n return (\n <div\n className={`outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline transition-colors ${className}`}\n >\n <div className=\"h-full\">\n <div className=\"mb-4\">\n {Icon && <Icon className=\"neeto-ui-text-gray-700\" size={32} />}\n </div>\n <Typography\n className=\"neeto-ui-text-gray-800 mb-2\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {label}\n </Typography>\n <Typography className=\"neeto-ui-text-gray-700\" style=\"body2\">\n {description}\n </Typography>\n </div>\n <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n <div className=\"flex h-8 items-center justify-between\">\n {isConnected ? (\n <>\n <Tag\n className=\"flex-row-reverse\"\n icon={Check}\n label={t(\"neetoMolecules.integrationCard.connected\")}\n size=\"small\"\n style=\"success\"\n />\n {customDropdown || (\n <Dropdown buttonStyle=\"text\" icon={MenuVertical}>\n <Menu>\n <MenuItem.Button onClick={onManage}>\n {t(\"neetoMolecules.integrationCard.manage\")}\n </MenuItem.Button>\n <MenuItem.Button onClick={onDisconnect}>\n {t(\"neetoMolecules.integrationCard.disconnect\")}\n </MenuItem.Button>\n </Menu>\n </Dropdown>\n )}\n </>\n ) : (\n <Button\n loading={isStatusLoading}\n style=\"link\"\n label={\n isStatusLoading\n ? \"\"\n : t(\"neetoMolecules.integrationCard.connect\")\n }\n onClick={onConnect}\n />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nIntegrationCard.propTypes = {\n /**\n * The label to be displayed on the card.\n */\n label: PropTypes.string,\n /**\n * The description of the card.\n */\n description: PropTypes.string,\n /**\n * The icon to be displayed on the card.\n */\n Icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /**\n * To specify additional class names.\n */\n className: PropTypes.string,\n /**\n * To specify whether the integration is connected or not.\n */\n isConnected: PropTypes.bool,\n /**\n * To specify whether the integration is loading or not.\n */\n isStatusLoading: PropTypes.bool,\n /**\n * Displays a dropdown component next to the status.\n */\n customDropdown: PropTypes.element,\n /**\n * Handler function that is triggered when the integration is disconnected.\n */\n onDisconnect: PropTypes.func,\n /**\n * Handler function that is triggered when the integration is connected.\n */\n onConnect: PropTypes.func,\n /**\n * Handler function that is triggered when the manage button in default dropdown is clicked.\n */\n onManage: PropTypes.func,\n};\n\nexport default IntegrationCard;\n"],"names":["Menu","Dropdown","MenuItem","IntegrationCard","_ref","label","description","Icon","_ref$className","className","isConnected","_ref$isStatusLoading","isStatusLoading","_ref$customDropdown","customDropdown","_ref$onDisconnect","onDisconnect","noop","onConnect","_ref$onManage","onManage","_useTranslation","useTranslation","t","React","createElement","concat","size","Typography","style","weight","Fragment","Tag","icon","Check","buttonStyle","MenuVertical","Button","onClick","loading"],"mappings":";;;;;;AAQA,IAAQA,IAAI,GAAeC,QAAQ,CAA3BD,IAAI;EAAEE,QAAQ,GAAKD,QAAQ,CAArBC,QAAQ,CAAA;AAEtB,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAWf;AAAA,EAAA,IAVJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,cAAA,GAAAJ,IAAA,CACJK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,oBAAA,GAAAP,IAAA,CACXQ,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAAE,mBAAA,GAAAT,IAAA,CACvBU,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IAAAE,iBAAA,GAAAX,IAAA,CACrBY,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,iBAAA;IACnBG,SAAS,GAAAd,IAAA,CAATc,SAAS;IAAAC,aAAA,GAAAf,IAAA,CACTgB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGF,KAAAA,CAAAA,GAAAA,IAAI,GAAAE,aAAA,CAAA;EAEf,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEhB,SAAS,EAAA,qMAAA,CAAAiB,MAAA,CAAwMjB,SAAS,CAAA;GAE1Ne,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhB,IAAAA,SAAS,EAAC,QAAA;GACbe,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhB,IAAAA,SAAS,EAAC,MAAA;AAAM,GAAA,EAClBF,IAAI,iBAAIiB,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAA;AAACE,IAAAA,SAAS,EAAC,wBAAwB;AAACkB,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,CAC1D,eACNH,KAAA,CAAAC,aAAA,CAACG,UAAU,EAAA;AACTnB,IAAAA,SAAS,EAAC,6BAA6B;AACvCoB,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EAEhBzB,KAAK,CACK,eACbmB,KAAA,CAAAC,aAAA,CAACG,UAAU,EAAA;AAACnB,IAAAA,SAAS,EAAC,wBAAwB;AAACoB,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EACzDvB,WAAW,CACD,CACT,eACNkB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhB,IAAAA,SAAS,EAAC,oDAAA;GACbe,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhB,IAAAA,SAAS,EAAC,uCAAA;AAAuC,GAAA,EACnDC,WAAW,gBACVc,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAO,QAAA,EACEP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,GAAG,EAAA;AACFvB,IAAAA,SAAS,EAAC,kBAAkB;AAC5BwB,IAAAA,IAAI,EAAEC,KAAM;AACZ7B,IAAAA,KAAK,EAAEkB,CAAC,CAAC,0CAA0C,CAAE;AACrDI,IAAAA,IAAI,EAAC,OAAO;AACZE,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAA,CACf,EACDf,cAAc,iBACbU,KAAA,CAAAC,aAAA,CAACxB,QAAQ,EAAA;AAACkC,IAAAA,WAAW,EAAC,MAAM;AAACF,IAAAA,IAAI,EAAEG,YAAAA;AAAa,GAAA,eAC9CZ,KAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA,IAAA,eACHwB,KAAA,CAAAC,aAAA,CAACvB,QAAQ,CAACmC,MAAM,EAAA;AAACC,IAAAA,OAAO,EAAElB,QAAAA;AAAS,GAAA,EAChCG,CAAC,CAAC,uCAAuC,CAAC,CAC3B,eAClBC,KAAA,CAAAC,aAAA,CAACvB,QAAQ,CAACmC,MAAM,EAAA;AAACC,IAAAA,OAAO,EAAEtB,YAAAA;AAAa,GAAA,EACpCO,CAAC,CAAC,2CAA2C,CAAC,CAC/B,CACb,CAEV,CACA,gBAEHC,KAAA,CAAAC,aAAA,CAACY,MAAM,EAAA;AACLE,IAAAA,OAAO,EAAE3B,eAAgB;AACzBiB,IAAAA,KAAK,EAAC,MAAM;IACZxB,KAAK,EACHO,eAAe,GACX,EAAE,GACFW,CAAC,CAAC,wCAAwC,CAC/C;AACDe,IAAAA,OAAO,EAAEpB,SAAAA;GAEZ,CAAA,CACG,CACF,CACF,CAAA;AAEV;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"IntegrationWalkthroughModal.cjs.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst IntegrationWalkthroughModal = ({\n isOpen,\n onClose,\n videoUrl,\n children,\n}) => {\n const { t } = useTranslation();\n\n return (\n <Modal isOpen={isOpen} size=\"large\" onClose={onClose}>\n <Modal.Header>\n <Typography style=\"h2\" weight=\"semibold\">\n {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <div className=\"w-full py-10\">\n <video\n autoPlay\n controls\n muted\n className=\"cursor-pointer\"\n id=\"walkthrough-video\"\n >\n <source src={videoUrl} />\n </video>\n {children}\n </div>\n </Modal.Body>\n <Modal.Footer>\n <Button\n label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n onClick={onClose}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nIntegrationWalkthroughModal.propTypes = {\n /**\n * To specify video URL of integration walkthrough that will be embedded.\n */\n videoUrl: PropTypes.string,\n /**\n * To specify whether the integration modal should be opened or closed.\n */\n isOpen: PropTypes.boolean,\n /**\n * Handler function that is triggered when the continue or close button is clicked.\n */\n onClose: PropTypes.func,\n};\n\nexport default IntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","isOpen","onClose","videoUrl","children","_useTranslation","useTranslation","t","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;;;;;;AAMA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAK3B;AAAA,EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,aAAK,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAC,OAAO;AAACT,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eACnDM,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,yBAAA,CAAAC,aAAA,CAACI,kBAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfC,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,yBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEnB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbI,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACa,MAAM,EAAA,IAAA,eACXf,yBAAA,CAAAC,aAAA,CAACe,cAAM,EAAA;AACLC,IAAAA,KAAK,EAAElB,CAAC,CAAC,qDAAqD,CAAE;AAChEmB,IAAAA,OAAO,EAAExB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAEZ;;;;"}
1
+ {"version":3,"file":"IntegrationWalkthroughModal.cjs.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst IntegrationWalkthroughModal = ({\n isOpen,\n onClose,\n videoUrl,\n children,\n}) => {\n const { t } = useTranslation();\n\n return (\n <Modal isOpen={isOpen} size=\"large\" onClose={onClose}>\n <Modal.Header>\n <Typography style=\"h2\" weight=\"semibold\">\n {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <div className=\"w-full py-10\">\n <video\n autoPlay\n controls\n muted\n className=\"cursor-pointer\"\n id=\"walkthrough-video\"\n >\n <source src={videoUrl} />\n </video>\n {children}\n </div>\n </Modal.Body>\n <Modal.Footer>\n <Button\n label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n onClick={onClose}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nIntegrationWalkthroughModal.propTypes = {\n /**\n * To specify video URL of integration walkthrough that will be embedded.\n */\n videoUrl: PropTypes.string,\n /**\n * To specify whether the integration modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * Handler function that is triggered when the continue or close button is clicked.\n */\n onClose: PropTypes.func,\n};\n\nexport default IntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","isOpen","onClose","videoUrl","children","_useTranslation","useTranslation","t","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;;;;;;AAMA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAK3B;AAAA,EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,aAAK,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAC,OAAO;AAACT,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eACnDM,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,yBAAA,CAAAC,aAAA,CAACI,kBAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfC,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,yBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEnB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbI,yBAAA,CAAAC,aAAA,CAACC,aAAK,CAACa,MAAM,EAAA,IAAA,eACXf,yBAAA,CAAAC,aAAA,CAACe,cAAM,EAAA;AACLC,IAAAA,KAAK,EAAElB,CAAC,CAAC,qDAAqD,CAAE;AAChEmB,IAAAA,OAAO,EAAExB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAEZ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"IntegrationWalkthroughModal.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst IntegrationWalkthroughModal = ({\n isOpen,\n onClose,\n videoUrl,\n children,\n}) => {\n const { t } = useTranslation();\n\n return (\n <Modal isOpen={isOpen} size=\"large\" onClose={onClose}>\n <Modal.Header>\n <Typography style=\"h2\" weight=\"semibold\">\n {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <div className=\"w-full py-10\">\n <video\n autoPlay\n controls\n muted\n className=\"cursor-pointer\"\n id=\"walkthrough-video\"\n >\n <source src={videoUrl} />\n </video>\n {children}\n </div>\n </Modal.Body>\n <Modal.Footer>\n <Button\n label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n onClick={onClose}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nIntegrationWalkthroughModal.propTypes = {\n /**\n * To specify video URL of integration walkthrough that will be embedded.\n */\n videoUrl: PropTypes.string,\n /**\n * To specify whether the integration modal should be opened or closed.\n */\n isOpen: PropTypes.boolean,\n /**\n * Handler function that is triggered when the continue or close button is clicked.\n */\n onClose: PropTypes.func,\n};\n\nexport default IntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","isOpen","onClose","videoUrl","children","_useTranslation","useTranslation","t","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;AAMA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAK3B;AAAA,EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAC,OAAO;AAACT,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eACnDM,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,KAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfC,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEnB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbI,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACa,MAAM,EAAA,IAAA,eACXf,KAAA,CAAAC,aAAA,CAACe,MAAM,EAAA;AACLC,IAAAA,KAAK,EAAElB,CAAC,CAAC,qDAAqD,CAAE;AAChEmB,IAAAA,OAAO,EAAExB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAEZ;;;;"}
1
+ {"version":3,"file":"IntegrationWalkthroughModal.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst IntegrationWalkthroughModal = ({\n isOpen,\n onClose,\n videoUrl,\n children,\n}) => {\n const { t } = useTranslation();\n\n return (\n <Modal isOpen={isOpen} size=\"large\" onClose={onClose}>\n <Modal.Header>\n <Typography style=\"h2\" weight=\"semibold\">\n {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <div className=\"w-full py-10\">\n <video\n autoPlay\n controls\n muted\n className=\"cursor-pointer\"\n id=\"walkthrough-video\"\n >\n <source src={videoUrl} />\n </video>\n {children}\n </div>\n </Modal.Body>\n <Modal.Footer>\n <Button\n label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n onClick={onClose}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nIntegrationWalkthroughModal.propTypes = {\n /**\n * To specify video URL of integration walkthrough that will be embedded.\n */\n videoUrl: PropTypes.string,\n /**\n * To specify whether the integration modal should be opened or closed.\n */\n isOpen: PropTypes.bool,\n /**\n * Handler function that is triggered when the continue or close button is clicked.\n */\n onClose: PropTypes.func,\n};\n\nexport default IntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","isOpen","onClose","videoUrl","children","_useTranslation","useTranslation","t","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;AAMA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAK3B;AAAA,EAAA,IAJJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,IAAI,EAAC,OAAO;AAACT,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eACnDM,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,KAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAC,CAC5C,CACA,eACfC,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,cAAA;GACbT,eAAAA,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,gBAAgB;AAC1BI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEnB,QAAAA;AAAS,GAAA,CAAG,CACnB,EACPC,QAAQ,CACL,CACK,eACbI,KAAA,CAAAC,aAAA,CAACC,KAAK,CAACa,MAAM,EAAA,IAAA,eACXf,KAAA,CAAAC,aAAA,CAACe,MAAM,EAAA;AACLC,IAAAA,KAAK,EAAElB,CAAC,CAAC,qDAAqD,CAAE;AAChEmB,IAAAA,OAAO,EAAExB,OAAAA;AAAQ,GAAA,CACjB,CACW,CACT,CAAA;AAEZ;;;;"}
@@ -3397,10 +3397,6 @@ var FormRow = function FormRow(_ref) {
3397
3397
  var data = _ref.data,
3398
3398
  isAddNew = _ref.isAddNew,
3399
3399
  onCollapse = _ref.onCollapse;
3400
- var _useState = React.useState(false),
3401
- _useState2 = _slicedToArray(_useState, 2),
3402
- isSubmitted = _useState2[0],
3403
- setIsSubmitted = _useState2[1];
3404
3400
  var _useCreateAllowedIpRa = useCreateAllowedIpRanges(),
3405
3401
  createAllowedIpRange = _useCreateAllowedIpRa.mutate;
3406
3402
  var _useUpdateAllowedIpRa = useUpdateAllowedIpRanges(),
@@ -3422,49 +3418,48 @@ var FormRow = function FormRow(_ref) {
3422
3418
  "data-cy": "allowed-ip-range-form",
3423
3419
  formikProps: {
3424
3420
  initialValues: data,
3425
- validateOnBlur: isSubmitted,
3426
- validateOnChange: isSubmitted,
3427
3421
  validationSchema: getIpRestrictionValidationSchema(),
3428
3422
  onSubmit: handleSubmit
3429
3423
  }
3430
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3431
- className: "neeto-ui-bg-white flex w-full flex-row justify-between px-2 py-2"
3432
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
3433
- autoFocus: true,
3434
- className: "w-5/12 flex-grow px-3 py-2 text-left",
3435
- "data-cy": "ip-start-text-field",
3436
- name: "ipStart",
3437
- placeholder: t("neetoMolecules.ipRestriction.ipStart")
3438
- }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
3439
- className: "w-5/12 flex-grow px-3 py-2 text-left",
3440
- "data-cy": "ip-end-text-field",
3441
- name: "ipEnd",
3442
- placeholder: t("neetoMolecules.ipRestriction.ipEnd")
3443
- }), /*#__PURE__*/React__default["default"].createElement("div", {
3444
- className: "w-5/12 flex-grow px-3 py-2 text-center"
3445
- }, /*#__PURE__*/React__default["default"].createElement(formik.Button, {
3446
- "data-cy": "save-changes-button",
3447
- icon: neetoIcons.Check,
3448
- style: "text",
3449
- tooltipProps: {
3450
- content: "Submit",
3451
- position: "top"
3452
- },
3453
- type: "submit",
3454
- onClick: function onClick() {
3455
- return setIsSubmitted(true);
3456
- }
3457
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3458
- "data-cy": "ip-cancel-button",
3459
- icon: neetoIcons.Close,
3460
- style: "text",
3461
- type: "reset",
3462
- tooltipProps: {
3463
- content: t("neetoMolecules.common.actions.cancel"),
3464
- position: "top"
3465
- },
3466
- onClick: onCollapse
3467
- }))));
3424
+ }, function (_ref2) {
3425
+ var isSubmitting = _ref2.isSubmitting;
3426
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3427
+ className: "neeto-ui-bg-white flex w-full flex-row justify-between px-2 py-2"
3428
+ }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
3429
+ autoFocus: true,
3430
+ className: "w-5/12 flex-grow px-3 py-2 text-left",
3431
+ "data-cy": "ip-start-text-field",
3432
+ name: "ipStart",
3433
+ placeholder: t("neetoMolecules.ipRestriction.ipStart")
3434
+ }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
3435
+ className: "w-5/12 flex-grow px-3 py-2 text-left",
3436
+ "data-cy": "ip-end-text-field",
3437
+ name: "ipEnd",
3438
+ placeholder: t("neetoMolecules.ipRestriction.ipEnd")
3439
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
3440
+ className: "w-5/12 flex-grow px-3 py-2 text-center"
3441
+ }, /*#__PURE__*/React__default["default"].createElement(formik.Button, {
3442
+ "data-cy": "save-changes-button",
3443
+ disabled: isSubmitting,
3444
+ icon: neetoIcons.Check,
3445
+ style: "text",
3446
+ tooltipProps: {
3447
+ content: "Submit",
3448
+ position: "top"
3449
+ },
3450
+ type: "submit"
3451
+ }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3452
+ "data-cy": "ip-cancel-button",
3453
+ icon: neetoIcons.Close,
3454
+ style: "text",
3455
+ type: "reset",
3456
+ tooltipProps: {
3457
+ content: t("neetoMolecules.common.actions.cancel"),
3458
+ position: "top"
3459
+ },
3460
+ onClick: onCollapse
3461
+ })));
3462
+ });
3468
3463
  };
3469
3464
 
3470
3465
  var Row = function Row(_ref) {