@bigbinary/neeto-integrations-frontend 3.1.6 → 3.1.8

package/dist/ZapierForm.js

@@ -1,8 +1,6 @@
 import { noop, isNotEmpty } from '@bigbinary/neeto-cist';
 import Button from '@bigbinary/neetoui/Button';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import Typography from '@bigbinary/neetoui/Typography';
-import { isEmpty, isNotNil } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect } from 'react';
@@ -10,12 +8,15 @@ import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Alert from '@bigbinary/neetoui/Alert';
 import Table from '@bigbinary/neetoui/Table';
+import Typography from '@bigbinary/neetoui/Typography';
+import { isEmpty, isNotNil } from 'ramda';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { t } from 'i18next';
 import { timeFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import * as yup from 'yup';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import FormikForm from '@bigbinary/neetoui/formik/Form';
 import Input from '@bigbinary/neetoui/formik/Input';
@@ -128,7 +129,7 @@ var ApiKeysList = function ApiKeysList(_ref) {
   if (isEmpty(apiKeys)) return null;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs("div", {
-      className: "max-w-full space-y-2",
+      className: "max-w-full space-y-3",
       children: [/*#__PURE__*/jsx(Typography, {
         style: "h3",
         children: t("neetoIntegrations.zapier.tableTitle")
@@ -168,7 +169,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GenerateKey = function GenerateKey(_ref) {
   var handleSubmit = _ref.handleSubmit,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    helpDocUrl = _ref.helpDocUrl;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var inputRef = useRef(null);
@@ -178,16 +180,13 @@ var GenerateKey = function GenerateKey(_ref) {
     inputRef.current.focus();
   }, []);
   return /*#__PURE__*/jsx(FormikForm, {
+    className: "w-full",
     formikProps: _objectSpread(_objectSpread({}, GENERATE_API_KEY_FORMIK_PROPS), {}, {
       onSubmit: handleSubmit
     }),
-    children: /*#__PURE__*/jsxs("div", {
-      className: "space-y-3",
-      children: [/*#__PURE__*/jsx(Input, {
-        name: "label",
-        placeholder: t("neetoIntegrations.zapier.labelInputPlaceholder"),
-        ref: inputRef
-      }), /*#__PURE__*/jsx(ActionBlock, {
+    children: /*#__PURE__*/jsx(CardLayout, {
+      title: t("neetoIntegrations.zapier.apiKeys"),
+      actionBlock: /*#__PURE__*/jsx(ActionBlock, {
         cancelButtonProps: {
           onClick: function onClick() {
             return history.goBack();
@@ -197,7 +196,20 @@ var GenerateKey = function GenerateKey(_ref) {
         submitButtonProps: {
           label: t("neetoIntegrations.zapier.generateApiKey")
         }
-      })]
+      }),
+      description: /*#__PURE__*/jsxs(Fragment, {
+        children: [t("neetoIntegrations.zapier.emptyText"), " ", isNotEmpty(helpDocUrl) && /*#__PURE__*/jsx(Button, {
+          href: helpDocUrl,
+          label: t("neetoIntegrations.zapier.learnMore"),
+          style: "link",
+          target: "_blank"
+        })]
+      }),
+      children: /*#__PURE__*/jsx(Input, {
+        name: "label",
+        placeholder: t("neetoIntegrations.zapier.labelInputPlaceholder"),
+        ref: inputRef
+      })
     })
   });
 };
@@ -206,21 +218,19 @@ var NewApiKeyInfo = withT(function (_ref) {
   var t = _ref.t,
     apiKey = _ref.apiKey;
   return /*#__PURE__*/jsxs("div", {
-    className: "space-y-2",
+    className: "space-y-3",
     children: [/*#__PURE__*/jsx(Typography, {
-      classname: "neeto-ui-text-gray-700",
       style: "body2",
       weight: "normal",
       children: t("neetoIntegrations.zapier.newApiKeyInstruction")
     }), /*#__PURE__*/jsxs("div", {
-      className: "flex justify-between",
+      className: "flex gap-2",
       children: [/*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-gray-800 my-auto",
-        style: "h5",
-        weight: "semibold",
+        className: "neeto-ui-bg-gray-50 neeto-ui-border-gray-300 neeto-ui-rounded min-w-96 border px-2 py-1",
+        style: "body2",
+        weight: "medium",
         children: apiKey
       }), /*#__PURE__*/jsx(CopyToClipboardButton, {
-        label: t("neetoIntegrations.zapier.copyApiKey"),
         value: apiKey
       })]
     })]
@@ -259,29 +269,26 @@ var ZapierForm = function ZapierForm(_ref) {
     });
   }
   return /*#__PURE__*/jsxs("div", {
-    className: "flex w-full max-w-3xl flex-col items-start space-y-6",
-    children: [/*#__PURE__*/jsx(Typography, {
-      style: "h2",
-      children: t("neetoIntegrations.zapier.apiKeys")
-    }), isEmpty(apiKeys) && /*#__PURE__*/jsx(Typography, {
-      style: "h4",
-      children: t("neetoIntegrations.zapier.emptyText")
-    }), /*#__PURE__*/jsx(GenerateKey, {
-      handleSubmit: handleGenerateApiKey,
-      isLoading: isGenerating
-    }), isNotEmpty(newlyCreatedApiKey) && /*#__PURE__*/jsx(NewApiKeyInfo, {
-      apiKey: newlyCreatedApiKey
-    }), isNotEmpty(helpDocUrl) && /*#__PURE__*/jsx(Button, {
-      href: helpDocUrl,
-      label: t("neetoIntegrations.zapier.helpDoc"),
-      style: "link",
-      target: "_blank"
-    }), isNotEmpty(videoUrl) && /*#__PURE__*/jsx(Button, {
-      label: t("neetoIntegrations.zapier.walkthroughText"),
-      style: "link",
-      onClick: function onClick() {
-        return setIsDemoModalOpen(true);
-      }
+    className: "mx-auto flex w-full max-w-3xl flex-col items-start space-y-6",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "w-full",
+      children: [/*#__PURE__*/jsx(GenerateKey, {
+        helpDocUrl: helpDocUrl,
+        videoUrl: videoUrl,
+        handleSubmit: handleGenerateApiKey,
+        isLoading: isGenerating
+      }), /*#__PURE__*/jsxs("div", {
+        className: "space-y-4",
+        children: [isNotEmpty(newlyCreatedApiKey) && /*#__PURE__*/jsx(NewApiKeyInfo, {
+          apiKey: newlyCreatedApiKey
+        }), isNotEmpty(videoUrl) && /*#__PURE__*/jsx(Button, {
+          label: t("neetoIntegrations.zapier.walkthroughText"),
+          style: "link",
+          onClick: function onClick() {
+            return setIsDemoModalOpen(true);
+          }
+        })]
+      })]
     }), /*#__PURE__*/jsx(ApiKeysList, {
       apiKeys: apiKeys,
       deleteApiKey: deleteApiKey,

package/dist/ZapierForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapierForm.js","sources":["../app/javascript/src/components/Integrations/ZapierForm/constants.js","../app/javascript/src/components/Integrations/ZapierForm/utils.jsx","../app/javascript/src/components/Integrations/ZapierForm/ApiKeysList.jsx","../app/javascript/src/components/Integrations/ZapierForm/GenerateKey.jsx","../app/javascript/src/components/Integrations/ZapierForm/NewApiKeyInfo.jsx","../app/javascript/src/components/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-cy\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    dataIndex: \"options\",\n    key: \"options\",\n    width: 272,\n    render: (options, { actions }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {options?.label}\n        </Typography>\n        {actions}\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Alert, Table, Typography } from \"neetoui\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <div className=\"max-w-full space-y-2\">\n        <Typography style=\"h3\">\n          {t(\"neetoIntegrations.zapier.tableTitle\")}\n        </Typography>\n        <TableWrapper>\n          <Table\n            {...{ currentPageNumber }}\n            fixedHeight\n            allowRowClick={false}\n            columnData={getApiKeysTableColumnData()}\n            defaultPageSize={DEFAULT_PAGE_SIZE}\n            handlePageChange={setCurrentPageNumber}\n            rowData={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n          />\n        </TableWrapper>\n      </div>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <div className=\"space-y-3\">\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n        <ActionBlock\n          cancelButtonProps={{ onClick: () => history.goBack() }}\n          isSubmitting={isLoading}\n          submitButtonProps={{\n            label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n          }}\n        />\n      </div>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-2\">\n    <Typography\n      classname=\"neeto-ui-text-gray-700\"\n      style=\"body2\"\n      weight=\"normal\"\n    >\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex justify-between\">\n      <Typography\n        className=\"neeto-ui-text-gray-800 my-auto\"\n        style=\"h5\"\n        weight=\"semibold\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton\n        label={t(\"neetoIntegrations.zapier.copyApiKey\")}\n        value={apiKey}\n      />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { isNotEmpty, noop } from \"neetocist\";\nimport { Button, Spinner, Typography } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <Typography style=\"h2\">\n        {t(\"neetoIntegrations.zapier.apiKeys\")}\n      </Typography>\n      {isEmpty(apiKeys) && (\n        <Typography style=\"h4\">\n          {t(\"neetoIntegrations.zapier.emptyText\")}\n        </Typography>\n      )}\n      <GenerateKey\n        handleSubmit={handleGenerateApiKey}\n        isLoading={isGenerating}\n      />\n      {isNotEmpty(newlyCreatedApiKey) && (\n        <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n      )}\n      {isNotEmpty(helpDocUrl) && (\n        <Button\n          href={helpDocUrl}\n          label={t(\"neetoIntegrations.zapier.helpDoc\")}\n          style=\"link\"\n          target=\"_blank\"\n        />\n      )}\n      {isNotEmpty(videoUrl) && (\n        <Button\n          label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n          style=\"link\"\n          onClick={() => setIsDemoModalOpen(true)}\n        />\n      )}\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","title","dataIndex","width","render","options","_ref2","actions","_jsxs","className","children","_jsx","Typography","style","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","id","onSuccess","isEmpty","_Fragment","TableWrapper","Table","fixedHeight","allowRowClick","columnData","defaultPageSize","DEFAULT_PAGE_SIZE","handlePageChange","rowData","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","Input","name","placeholder","ref","ActionBlock","cancelButtonProps","goBack","submitButtonProps","NewApiKeyInfo","withT","classname","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner","isNotEmpty","Button","href","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,2BAA2B,GAAGC,GAAG,CAACC,MAAM,CAAC;EAC7CC,KAAK,EAAEF,GAAG,CAACG,MAAM,EAAE,CAChBC,IAAI,CAACC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CACvDC,QAAQ,CAACD,CAAC,CAAC,yCAAyC,CAAC,CAAC,CACtDE,MAAM;AACX,CAAC,CAAC;AAEK,IAAMC,6BAA6B,GAAG;AAC3CC,EAAAA,aAAa,EAAE;AAAEP,IAAAA,KAAK,EAAE;GAAI;AAC5BQ,EAAAA,gBAAgB,EAAEX,2BAA2B;AAC7CY,EAAAA,cAAc,EAAE;AAClB,CAAC;AAEM,IAAMC,UAAU,GAAG;AAAEC,EAAAA,MAAM,EAAE;AAAS,CAAC;;;;ACT9C,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;AAAA,EAAA,OAAO,CACtD;IACEC,GAAG,EAAEN,UAAU,CAACC,MAAM;AACtB,IAAA,SAAS,EAAE,sBAAsB;AACjCX,IAAAA,KAAK,EAAEG,CAAC,CAAC,iCAAiC,CAAC;IAC3Cc,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQF,iBAAiB,CAACD,MAAM,CAAC;AAAA;AAC1C,GAAC,CACF;AAAA,CAAA;AAEM,IAAMI,yBAAyB,GAAG,SAA5BA,yBAAyBA,GAAA;AAAA,EAAA,OAAS,CAC7C;AACEC,IAAAA,KAAK,EAAEhB,CAAC,CAAC,6CAA6C,CAAC;AACvDiB,IAAAA,SAAS,EAAE,SAAS;AACpBJ,IAAAA,GAAG,EAAE,SAAS;AACdK,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAGC,OAAO,EAAAC,KAAA,EAAA;AAAA,MAAA,IAAIC,OAAO,GAAAD,KAAA,CAAPC,OAAO;AAAA,MAAA,oBACzBC,IAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,2CAA2C;QAAAC,QAAA,EAAA,cACxDC,GAAA,CAACC,UAAU,EAAA;AAACH,UAAAA,SAAS,EAAC,OAAO;AAACI,UAAAA,KAAK,EAAC,OAAO;AAAAH,UAAAA,QAAA,EACxCL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEvB;SACA,CAAC,EACZyB,OAAO;AAAA,OACL,CAAC;AAAA;AAEV,GAAC,EACD;AACEN,IAAAA,KAAK,EAAEhB,CAAC,CAAC,iDAAiD,CAAC;AAC3DiB,IAAAA,SAAS,EAAE,WAAW;AACtBJ,IAAAA,GAAG,EAAE,WAAW;AAChBK,IAAAA,KAAK,EAAE;AACT,GAAC,CACF;AAAA,CAAA;AAEM,IAAMW,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEnB,iBAAiB,GAAAkB,KAAA,CAAjBlB,iBAAiB;AAAA,EAAA,OACjEmB,OAAO,CAACC,GAAG,CAAC,UAAArB,MAAM,EAAA;AAAA,IAAA,OAAAsB,eAAA,CAAAA,eAAA,CAAA,EAAA,EACbtB,MAAM,CAAA,EAAA,EAAA,EAAA;MACTuB,SAAS,EAAEC,UAAU,CAACC,OAAO,CAACzB,MAAM,CAACuB,SAAS,CAAC;MAC/CZ,OAAO,eACLI,GAAA,CAACW,YAAY,EAAA;AACXC,QAAAA,aAAa,EAAE;AAAEC,UAAAA,QAAQ,EAAE;SAAU;QACrCC,SAAS,EAAE/B,YAAY,CAAC;AAAEE,UAAAA,MAAM,EAANA,MAAM;AAAEC,UAAAA,iBAAiB,EAAjBA;SAAmB;OACtD;AACF,KAAA,CAAA;AAAA,GACD,CAAC;AAAA,CAAA;;ACtCL,IAAM6B,WAAW,GAAG,SAAdA,WAAWA,CAAA/B,IAAA,EAKX;AAAA,EAAA,IAAAgC,qBAAA;AAAA,EAAA,IAAAC,YAAA,GAAAjC,IAAA,CAJJqB,OAAO;AAAPA,IAAAA,OAAO,GAAAY,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAC,iBAAA,GAAAlC,IAAA,CACZmC,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,iBAAA;IAAAG,eAAA,GAAArC,IAAA,CACnBsC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,qBAAA,GAAAvC,IAAA,CAClBwC,qBAAqB;AAArBA,IAAAA,qBAAqB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,IAAI,GAAAG,qBAAA;AAE5B,EAAA,IAAAE,SAAA,GAA4CC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnDI,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEzC,IAAAA,iBAAiB,GAAAyC,UAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,UAAA,GACEJ,QAAQ,CAACK,kBAAkB,CAAC;IAAAC,UAAA,GAAAJ,cAAA,CAAAE,UAAA,EAAA,CAAA,CAAA;AADvBG,IAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAG9C,EAAA,IAAAG,eAAA,GAAcC,cAAc,EAAE;IAAtB9D,CAAC,GAAA6D,eAAA,CAAD7D,CAAC;AAET,EAAA,IAAM+D,UAAU,GAAG,SAAbA,UAAUA,GAAA;IAAA,OAASnD,iBAAiB,CAAC,IAAI,CAAC;AAAA,GAAA;AAEhD,EAAA,IAAMoD,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBnB,YAAY,CAACU,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEU,EAAE,EAAE;AAC/BC,MAAAA,SAAS,EAAE,SAAXA,SAASA,GAAQ;AACfH,QAAAA,UAAU,EAAE;QACZb,qBAAqB,CAAC,EAAE,CAAC;AAC3B;AACF,KAAC,CAAC;GACH;AAED,EAAA,IAAIiB,OAAO,CAACpC,OAAO,CAAC,EAAE,OAAO,IAAI;EAEjC,oBACER,IAAA,CAAA6C,QAAA,EAAA;AAAA3C,IAAAA,QAAA,gBACEF,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,sBAAsB;MAAAC,QAAA,EAAA,cACnCC,GAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,IAAI;QAAAH,QAAA,EACnBzB,CAAC,CAAC,qCAAqC;AAAC,OAC/B,CAAC,eACb0B,GAAA,CAAC2C,YAAY,EAAA;QAAA5C,QAAA,eACXC,GAAA,CAAC4C,KAAK,EAAA;AACEX,UAAAA,iBAAiB,EAAjBA,iBAAiB;UACvBY,WAAW,EAAA,IAAA;AACXC,UAAAA,aAAa,EAAE,KAAM;UACrBC,UAAU,EAAE1D,yBAAyB,EAAG;AACxC2D,UAAAA,eAAe,EAAEC,iBAAkB;AACnCC,UAAAA,gBAAgB,EAAEhB,oBAAqB;UACvCiB,OAAO,EAAEhD,sBAAsB,CAAC;AAAEE,YAAAA,OAAO,EAAPA,OAAO;AAAEnB,YAAAA,iBAAiB,EAAjBA;WAAmB;SAC/D;AAAC,OACU,CAAC;AAAA,KACZ,CAAC,eACNc,GAAA,CAACoD,KAAK,EAAA;AACJC,MAAAA,iBAAiB,EAAC,qBAAqB;AACvCC,MAAAA,MAAM,EAAEC,QAAQ,CAAC1B,cAAc,CAAE;AACjC2B,MAAAA,YAAY,EAAElC,UAAW;AACzBmC,MAAAA,iBAAiB,EAAEnF,CAAC,CAAC,iCAAiC,CAAE;AACxDgB,MAAAA,KAAK,EAAEhB,CAAC,CAAC,6CAA6C,CAAE;MACxDoF,OAAO,eACL1D,GAAA,CAAC2D,KAAK,EAAA;AACJC,QAAAA,OAAO,EAAC,+CAA+C;AACvDC,QAAAA,MAAM,EAAE;AAAE1E,UAAAA,GAAG,EAAE0C,cAAc,KAAdA,IAAAA,IAAAA,cAAc,gBAAAb,qBAAA,GAAda,cAAc,CAAEnC,OAAO,MAAA,IAAA,IAAAsB,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAvBA,qBAAA,CAAyB7C;AAAM;AAAE,OACjD,CACF;AACD2F,MAAAA,OAAO,EAAEzB,UAAW;AACpB0B,MAAAA,QAAQ,EAAEzB;AAAa,KACxB,CAAC;AAAA,GACF,CAAC;AAEP,CAAC;;;;AC/DD,IAAM0B,WAAW,GAAG,SAAdA,WAAWA,CAAAhF,IAAA,EAAoC;AAAA,EAAA,IAA9BsD,YAAY,GAAAtD,IAAA,CAAZsD,YAAY;IAAE2B,SAAS,GAAAjF,IAAA,CAATiF,SAAS;AAC5C,EAAA,IAAA9B,eAAA,GAAcC,cAAc,EAAE;IAAtB9D,CAAC,GAAA6D,eAAA,CAAD7D,CAAC;AACT,EAAA,IAAM4F,QAAQ,GAAGC,MAAM,CAAC,IAAI,CAAC;AAC7B,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE;AAE5BC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAACJ,QAAQ,CAACK,OAAO,EAAE;AACvBL,IAAAA,QAAQ,CAACK,OAAO,CAACC,KAAK,EAAE;GACzB,EAAE,EAAE,CAAC;EAEN,oBACExE,GAAA,CAACyE,UAAI,EAAA;AACHC,IAAAA,WAAW,EAAAnE,aAAA,CAAAA,aAAA,KACN9B,6BAA6B,CAAA,EAAA,EAAA,EAAA;AAChCsF,MAAAA,QAAQ,EAAEzB;KACV,CAAA;AAAAvC,IAAAA,QAAA,eAEFF,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;MAAAC,QAAA,EAAA,cACxBC,GAAA,CAAC2E,KAAK,EAAA;AACJC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,WAAW,EAAEvG,CAAC,CAAC,gDAAgD,CAAE;AACjEwG,QAAAA,GAAG,EAAEZ;AAAS,OACf,CAAC,eACFlE,GAAA,CAAC+E,WAAW,EAAA;AACVC,QAAAA,iBAAiB,EAAE;UAAE5F,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,YAAA,OAAQgF,OAAO,CAACa,MAAM,EAAE;AAAA;SAAG;AACvDzB,QAAAA,YAAY,EAAES,SAAU;AACxBiB,QAAAA,iBAAiB,EAAE;UACjB/G,KAAK,EAAEG,CAAC,CAAC,yCAAyC;AACpD;AAAE,OACH,CAAC;KACC;AAAC,GACF,CAAC;AAEX,CAAC;;ACrCD,IAAM6G,aAAa,GAAGC,KAAK,CAAC,UAAApG,IAAA,EAAA;AAAA,EAAA,IAAGV,CAAC,GAAAU,IAAA,CAADV,CAAC;IAAEW,MAAM,GAAAD,IAAA,CAANC,MAAM;AAAA,EAAA,oBACtCY,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAAC,QAAA,EAAA,cACxBC,GAAA,CAACC,UAAU,EAAA;AACToF,MAAAA,SAAS,EAAC,wBAAwB;AAClCnF,MAAAA,KAAK,EAAC,OAAO;AACboF,MAAAA,MAAM,EAAC,QAAQ;MAAAvF,QAAA,EAEdzB,CAAC,CAAC,+CAA+C;KACxC,CAAC,eACbuB,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,sBAAsB;MAAAC,QAAA,EAAA,cACnCC,GAAA,CAACC,UAAU,EAAA;AACTH,QAAAA,SAAS,EAAC,gCAAgC;AAC1CI,QAAAA,KAAK,EAAC,IAAI;AACVoF,QAAAA,MAAM,EAAC,UAAU;AAAAvF,QAAAA,QAAA,EAEhBd;AAAM,OACG,CAAC,eACbe,GAAA,CAACuF,qBAAqB,EAAA;AACpBpH,QAAAA,KAAK,EAAEG,CAAC,CAAC,qCAAqC,CAAE;AAChDkH,QAAAA,KAAK,EAAEvG;AAAO,OACf,CAAC;AAAA,KACC,CAAC;AAAA,GACH,CAAC;AAAA,CACP,CAAC;;AClBF,IAAMwG,UAAU,GAAG,SAAbA,UAAUA,CAAAzG,IAAA,EAYV;AAAA,EAAA,IAAA0G,qBAAA,GAAA1G,IAAA,CAXJ2G,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,aAAA,GAAA5G,IAAA,CACvB6G,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,eAAA,GAAA9G,IAAA,CACb+G,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAA7E,YAAA,GAAAjC,IAAA,CACfqB,OAAO;AAAPA,IAAAA,OAAO,GAAAY,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAA+E,iBAAA,GAAAhH,IAAA,CACZiH,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,cAAA,GAAAlH,IAAA,CACpBiF,SAAS;AAATA,IAAAA,SAAS,GAAAiC,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;IAAA7E,eAAA,GAAArC,IAAA,CAChBsC,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAH,iBAAA,GAAAlC,IAAA,CAClBmC,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,iBAAA;IAAAiF,qBAAA,GAAAnH,IAAA,CACnBoH,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG/E,KAAAA,CAAAA,GAAAA,IAAI,GAAA+E,qBAAA;IAAA5E,qBAAA,GAAAvC,IAAA,CAC3BwC,qBAAqB;AAArBA,IAAAA,qBAAqB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,IAAI,GAAAG,qBAAA;IAAA8E,qBAAA,GAAArH,IAAA,CAC5BsH,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAGjF,KAAAA,CAAAA,GAAAA,IAAI,GAAAiF,qBAAA;AAEzB,EAAA,IAAAlE,eAAA,GAAcC,cAAc,EAAE;IAAtB9D,CAAC,GAAA6D,eAAA,CAAD7D,CAAC;AAET,EAAA,IAAI2F,SAAS,EAAE;AACb,IAAA,oBACEjE,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,gDAAgD;AAAAC,MAAAA,QAAA,eAC7DC,GAAA,CAACuG,OAAO,EAAE,EAAA;AAAC,KACR,CAAC;AAEV;AAEA,EAAA,oBACE1G,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sDAAsD;IAAAC,QAAA,EAAA,cACnEC,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,KAAK,EAAC,IAAI;MAAAH,QAAA,EACnBzB,CAAC,CAAC,kCAAkC;KAC3B,CAAC,EACZmE,OAAO,CAACpC,OAAO,CAAC,iBACfL,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,KAAK,EAAC,IAAI;MAAAH,QAAA,EACnBzB,CAAC,CAAC,oCAAoC;AAAC,KAC9B,CACb,eACD0B,GAAA,CAACgE,WAAW,EAAA;AACV1B,MAAAA,YAAY,EAAE8D,oBAAqB;AACnCnC,MAAAA,SAAS,EAAEgC;KACZ,CAAC,EACDO,UAAU,CAACb,kBAAkB,CAAC,iBAC7B3F,GAAA,CAACmF,aAAa,EAAA;AAAClG,MAAAA,MAAM,EAAE0G;KAAqB,CAC7C,EACAa,UAAU,CAACT,UAAU,CAAC,iBACrB/F,GAAA,CAACyG,MAAM,EAAA;AACLC,MAAAA,IAAI,EAAEX,UAAW;AACjB5H,MAAAA,KAAK,EAAEG,CAAC,CAAC,kCAAkC,CAAE;AAC7C4B,MAAAA,KAAK,EAAC,MAAM;AACZyG,MAAAA,MAAM,EAAC;KACR,CACF,EACAH,UAAU,CAACX,QAAQ,CAAC,iBACnB7F,GAAA,CAACyG,MAAM,EAAA;AACLtI,MAAAA,KAAK,EAAEG,CAAC,CAAC,0CAA0C,CAAE;AACrD4B,MAAAA,KAAK,EAAC,MAAM;MACZd,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQkH,kBAAkB,CAAC,IAAI,CAAC;AAAA;AAAC,KACzC,CACF,eACDtG,GAAA,CAACe,WAAW,EAAA;AACJV,MAAAA,OAAO,EAAPA,OAAO;AAAEc,MAAAA,YAAY,EAAZA,YAAY;AAAEG,MAAAA,UAAU,EAAVA,UAAU;AAAEE,MAAAA,qBAAqB,EAArBA;AAAqB,KAC/D,CAAC;AAAA,GACC,CAAC;AAEV;;;;"}
+{"version":3,"file":"ZapierForm.js","sources":["../app/javascript/src/components/Integrations/ZapierForm/constants.js","../app/javascript/src/components/Integrations/ZapierForm/utils.jsx","../app/javascript/src/components/Integrations/ZapierForm/ApiKeysList.jsx","../app/javascript/src/components/Integrations/ZapierForm/GenerateKey.jsx","../app/javascript/src/components/Integrations/ZapierForm/NewApiKeyInfo.jsx","../app/javascript/src/components/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-cy\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    dataIndex: \"options\",\n    key: \"options\",\n    width: 272,\n    render: (options, { actions }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {options?.label}\n        </Typography>\n        {actions}\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Alert, Table, Typography } from \"neetoui\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <div className=\"max-w-full space-y-3\">\n        <Typography style=\"h3\">\n          {t(\"neetoIntegrations.zapier.tableTitle\")}\n        </Typography>\n        <TableWrapper>\n          <Table\n            {...{ currentPageNumber }}\n            fixedHeight\n            allowRowClick={false}\n            columnData={getApiKeysTableColumnData()}\n            defaultPageSize={DEFAULT_PAGE_SIZE}\n            handlePageChange={setCurrentPageNumber}\n            rowData={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n          />\n        </TableWrapper>\n      </div>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading, helpDocUrl }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <CardLayout\n        title={t(\"neetoIntegrations.zapier.apiKeys\")}\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            isSubmitting={isLoading}\n            submitButtonProps={{\n              label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n            }}\n          />\n        }\n        description={\n          <>\n            {t(\"neetoIntegrations.zapier.emptyText\")}{\" \"}\n            {isNotEmpty(helpDocUrl) && (\n              <Button\n                href={helpDocUrl}\n                label={t(\"neetoIntegrations.zapier.learnMore\")}\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </>\n        }\n      >\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-3\">\n    <Typography style=\"body2\" weight=\"normal\">\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex gap-2\">\n      <Typography\n        className=\"neeto-ui-bg-gray-50 neeto-ui-border-gray-300 neeto-ui-rounded min-w-96 border px-2 py-1\"\n        style=\"body2\"\n        weight=\"medium\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton value={apiKey} />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { isNotEmpty, noop } from \"neetocist\";\nimport { Button, Spinner } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <div className=\"w-full\">\n        <GenerateKey\n          {...{ helpDocUrl, videoUrl }}\n          handleSubmit={handleGenerateApiKey}\n          isLoading={isGenerating}\n        />\n        <div className=\"space-y-4\">\n          {isNotEmpty(newlyCreatedApiKey) && (\n            <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n          )}\n          {isNotEmpty(videoUrl) && (\n            <Button\n              label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n              style=\"link\"\n              onClick={() => setIsDemoModalOpen(true)}\n            />\n          )}\n        </div>\n      </div>\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","title","dataIndex","width","render","options","_ref2","actions","_jsxs","className","children","_jsx","Typography","style","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","id","onSuccess","isEmpty","_Fragment","TableWrapper","Table","fixedHeight","allowRowClick","columnData","defaultPageSize","DEFAULT_PAGE_SIZE","handlePageChange","rowData","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","helpDocUrl","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","submitButtonProps","description","isNotEmpty","Button","href","target","Input","name","placeholder","ref","NewApiKeyInfo","withT","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner"],"mappings":"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"}

package/dist/cjs/Connect.js

@@ -3,6 +3,7 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Button = require('@bigbinary/neetoui/Button');
 var index = require('../index-dxk7jTL7.js');
@@ -30,10 +31,18 @@ var Connect = reactUtils.withT(function (_ref) {
     onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect,
     children = _ref.children,
     secondaryButtonProps = _ref.secondaryButtonProps;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "mx-auto w-full max-w-3xl",
+  return /*#__PURE__*/jsxRuntime.jsxs(CardLayout, {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-full flex-wrap items-center gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
+        label: t("neetoIntegrations.common.connect"),
+        onClick: onConnect
+      }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
+        style: "secondary"
+      }, secondaryButtonProps))]
+    }),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mb-6 flex flex-col gap-y-2",
+      className: "flex flex-col gap-y-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
         size: 48
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -47,7 +56,7 @@ var Connect = reactUtils.withT(function (_ref) {
         })]
       })]
     }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "mb-4",
+      className: "w-full",
       children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         i18nKey: "neetoIntegrations.common.helpDocUrl",
         components: {
@@ -63,15 +72,7 @@ var Connect = reactUtils.withT(function (_ref) {
           integration: integrationName || neetoCist.humanize(integration)
         }
       })
-    }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex w-full items-center gap-x-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
-        label: t("neetoIntegrations.common.connect"),
-        onClick: onConnect
-      }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
-        style: "secondary"
-      }, secondaryButtonProps))]
-    })]
+    }), children]
   });
 });
 Connect.prototypes = {

package/dist/cjs/Connect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/components/Steps/Connect.jsx"],"sourcesContent":["import { humanize, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({\n    t,\n    Icon,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    integrationName = \"\",\n    helpDocUrl = \"\",\n    buttonProps = {},\n    onConnect = noop,\n    children,\n    secondaryButtonProps,\n  }) => (\n    <div className=\"mx-auto w-full max-w-3xl\">\n      <div className=\"mb-6 flex flex-col gap-y-2\">\n        <Icon size={48} />\n        <div className=\"flex flex-col gap-y-1\">\n          <Typography style=\"h2\">{title}</Typography>\n          <Typography style=\"body2\">{description}</Typography>\n        </div>\n      </div>\n      {helpDocUrl && (\n        <div className=\"mb-4\">\n          <Trans\n            i18nKey=\"neetoIntegrations.common.helpDocUrl\"\n            components={{\n              helpLink: (\n                <Button\n                  className=\"text-xs\"\n                  href={helpDocUrl}\n                  size=\"small\"\n                  style=\"link\"\n                  target=\"_blank\"\n                />\n              ),\n            }}\n            values={{\n              integration: integrationName || humanize(integration),\n            }}\n          />\n        </div>\n      )}\n      {children}\n      <div className=\"flex w-full items-center gap-x-3\">\n        <Button\n          label={t(\"neetoIntegrations.common.connect\")}\n          onClick={onConnect}\n          {...buttonProps}\n        />\n        {secondaryButtonProps && (\n          <Button style=\"secondary\" {...secondaryButtonProps} />\n        )}\n      </div>\n    </div>\n  )\n);\n\nConnect.prototypes = {\n  /**\n   * To specify the Icon to be shown\n   */\n  Icon: PropTypes.node,\n  /**\n   * To specify the title of the connect component\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description for connect component\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the props for the connect button\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * Handler function that is triggered when the connect button is clicked.\n   */\n  onConnect: PropTypes.func,\n};\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","Icon","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$integrationName","integrationName","_ref$helpDocUrl","helpDocUrl","_ref$buttonProps","buttonProps","_ref$onConnect","onConnect","noop","children","secondaryButtonProps","_jsxs","className","_jsx","size","Typography","style","Trans","i18nKey","components","helpLink","Button","href","target","values","humanize","_objectSpread","label","onClick","prototypes","PropTypes","node","string","object","func"],"mappings":"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"}
+{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/components/Steps/Connect.jsx"],"sourcesContent":["import { humanize, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({\n    t,\n    Icon,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    integrationName = \"\",\n    helpDocUrl = \"\",\n    buttonProps = {},\n    onConnect = noop,\n    children,\n    secondaryButtonProps,\n  }) => (\n    <CardLayout\n      actionBlock={\n        <div className=\"flex w-full flex-wrap items-center gap-2\">\n          <Button\n            label={t(\"neetoIntegrations.common.connect\")}\n            onClick={onConnect}\n            {...buttonProps}\n          />\n          {secondaryButtonProps && (\n            <Button style=\"secondary\" {...secondaryButtonProps} />\n          )}\n        </div>\n      }\n    >\n      <div className=\"flex flex-col gap-y-2\">\n        <Icon size={48} />\n        <div className=\"flex flex-col gap-y-1\">\n          <Typography style=\"h2\">{title}</Typography>\n          <Typography style=\"body2\">{description}</Typography>\n        </div>\n      </div>\n      {helpDocUrl && (\n        <div className=\"w-full\">\n          <Trans\n            i18nKey=\"neetoIntegrations.common.helpDocUrl\"\n            components={{\n              helpLink: (\n                <Button\n                  className=\"text-xs\"\n                  href={helpDocUrl}\n                  size=\"small\"\n                  style=\"link\"\n                  target=\"_blank\"\n                />\n              ),\n            }}\n            values={{\n              integration: integrationName || humanize(integration),\n            }}\n          />\n        </div>\n      )}\n      {children}\n    </CardLayout>\n  )\n);\n\nConnect.prototypes = {\n  /**\n   * To specify the Icon to be shown\n   */\n  Icon: PropTypes.node,\n  /**\n   * To specify the title of the connect component\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description for connect component\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the props for the connect button\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * Handler function that is triggered when the connect button is clicked.\n   */\n  onConnect: PropTypes.func,\n};\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","Icon","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$integrationName","integrationName","_ref$helpDocUrl","helpDocUrl","_ref$buttonProps","buttonProps","_ref$onConnect","onConnect","noop","children","secondaryButtonProps","_jsxs","CardLayout","actionBlock","className","_jsx","Button","_objectSpread","label","onClick","style","size","Typography","Trans","i18nKey","components","helpLink","href","target","values","humanize","prototypes","PropTypes","node","string","object","func"],"mappings":"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"}

package/dist/cjs/Daily.js

@@ -3,7 +3,7 @@
 var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var DailyForm = require('../Form-BxWddtY4.js');
+var DailyForm = require('../Form-CPYZSV18.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -13,6 +13,7 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
 var reactI18next = require('react-i18next');
 var Manage$1 = require('./Manage.js');
 var jsxRuntime = require('react/jsx-runtime');
+require('@bigbinary/neeto-molecules/CardLayout');
 require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/Header');
 require('@bigbinary/neetoui/Button');

package/dist/cjs/Daily.js.map

@@ -1 +1 @@
-{"version":3,"file":"Daily.js","sources":["../../app/javascript/src/components/Integrations/Daily/Manage.jsx","../../app/javascript/src/components/Integrations/Daily/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Daily as DailyIcon } from \"neetoicons/misc\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Spinner } from \"neetoui\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport ManageIntegrations from \"components/commons/Manage\";\nimport { useDestroyDaily, useFetchDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nconst Manage = ({ description, onDisconnect }) => {\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { data: { metadata = {} } = {}, isFetching } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  const { t } = useTranslation();\n\n  const { mutate: destroyIntegration, isPending: isDisconnecting } =\n    useDestroyDaily({\n      onSuccess: () => {\n        setIsDisconnectAlertOpen(false);\n        onDisconnect?.();\n      },\n    });\n\n  const isConnected = isPresent(apiKey);\n\n  const handleDisconnect = () => destroyIntegration(\"daily\");\n\n  if (isFetching || isDisconnecting) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <ManageIntegrations\n      {...{\n        isConnected,\n        isDisconnectAlertOpen,\n        isDisconnecting,\n        setIsDisconnectAlertOpen,\n      }}\n      Icon={DailyIcon}\n      connectPath={buildUrl(window.location.pathname, { connect: true })}\n      integration=\"daily\"\n      description={\n        isConnected ? (\n          <Trans\n            i18nKey=\"neetoIntegrations.daily.yourApiKey\"\n            values={{ apiKey }}\n            components={{\n              wrapper: (\n                <div className=\"neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border px-3 py-2\" />\n              ),\n              span: <span className=\"break-all text-sm\" />,\n              copy: (\n                <CopyToClipboardButton\n                  className=\"flex-shrink-0 self-start\"\n                  style=\"text\"\n                  value={apiKey}\n                />\n              ),\n            }}\n          />\n        ) : (\n          description\n        )\n      }\n      title={\n        isConnected\n          ? t(\"neetoIntegrations.daily.connected\")\n          : t(\"neetoIntegrations.daily.connect.account\")\n      }\n      onClose={() => setIsDisconnectAlertOpen(false)}\n      onDisconnect={handleDisconnect}\n    />\n  );\n};\n\nexport default Manage;\n","import i18next from \"i18next\";\nimport { isPresent, noop } from \"neetocist\";\nimport { useQueryParams, withTitle } from \"neetocommons/react-utils\";\n\nimport { useFetchDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nimport Form from \"./Form\";\nimport Manage from \"./Manage\";\n\nconst Daily = ({\n  isOnboarding = false,\n  helpDocUrl = \"\",\n  videoUrl = \"\",\n  description = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n}) => {\n  const { connect } = useQueryParams();\n\n  const { data: { metadata = {} } = {} } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  if ((isPresent(apiKey) && !isOnboarding) || !connect) {\n    return <Manage {...{ description, onDisconnect }} />;\n  }\n\n  return <Form {...{ helpDocUrl, onConnect, videoUrl }} />;\n};\n\nexport default withTitle(\n  Daily,\n  i18next.t(\"neetoIntegrations.browserTitles.integrations.dailyco\")\n);\n"],"names":["Manage","_ref","description","onDisconnect","_useState","useState","_useState2","_slicedToArray","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useFetchDaily","useFetchDaily","_useFetchDaily$data","data","_useFetchDaily$data2","_useFetchDaily$data2$","metadata","isFetching","_ref2","_ref2$apiKey","apiKey","_useTranslation","useTranslation","t","_useDestroyDaily","useDestroyDaily","onSuccess","destroyIntegration","mutate","isDisconnecting","isPending","isConnected","isPresent","handleDisconnect","_jsx","className","children","Spinner","ManageIntegrations","Icon","DailyIcon","connectPath","buildUrl","window","location","pathname","connect","integration","Trans","i18nKey","values","components","wrapper","span","copy","CopyToClipboardButton","style","value","title","onClose","Daily","_ref$isOnboarding","isOnboarding","_ref$helpDocUrl","helpDocUrl","_ref$videoUrl","videoUrl","_ref$description","_ref$onConnect","onConnect","noop","_ref$onDisconnect","_useQueryParams","useQueryParams","Form","withTitle","i18next"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAsC;AAAA,EAAA,IAAhCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;AACzC,EAAA,IAAAC,SAAA,GAA0DC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEtD,EAAA,IAAAI,cAAA,GAAqDC,uBAAa,EAAE;IAAAC,mBAAA,GAAAF,cAAA,CAA5DG,IAAI;AAAAC,IAAAA,oBAAA,GAAAF,mBAAA,KAAA,KAAA,CAAA,GAAsB,EAAE,GAAAA,mBAAA;IAAAG,qBAAA,GAAAD,oBAAA,CAApBE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAASE,UAAU,GAAAP,cAAA,CAAVO,UAAU;AAChD,EAAA,IAAAC,KAAA,GAA0BF,QAAQ,IAAI,EAAE;IAAAG,YAAA,GAAAD,KAAA,CAAhCE,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;AAErB,EAAA,IAAAE,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;EAET,IAAAC,gBAAA,GACEC,yBAAe,CAAC;AACdC,MAAAA,SAAS,EAAE,SAAXA,SAASA,GAAQ;QACfjB,wBAAwB,CAAC,KAAK,CAAC;AAC/BN,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,EAAI;AAClB;AACF,KAAC,CAAC;IANYwB,kBAAkB,GAAAH,gBAAA,CAA1BI,MAAM;IAAiCC,eAAe,GAAAL,gBAAA,CAA1BM,SAAS;AAQ7C,EAAA,IAAMC,WAAW,GAAGC,mBAAS,CAACZ,MAAM,CAAC;AAErC,EAAA,IAAMa,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAA;IAAA,OAASN,kBAAkB,CAAC,OAAO,CAAC;AAAA,GAAA;EAE1D,IAAIV,UAAU,IAAIY,eAAe,EAAE;AACjC,IAAA,oBACEK,cAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,gDAAgD;AAAAC,MAAAA,QAAA,eAC7DF,cAAA,CAACG,OAAO,EAAE,EAAA;AAAC,KACR,CAAC;AAEV;EAEA,oBACEH,cAAA,CAACI,QAAkB,EAAA;AAEfP,IAAAA,WAAW,EAAXA,WAAW;AACXvB,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBqB,IAAAA,eAAe,EAAfA,eAAe;AACfpB,IAAAA,wBAAwB,EAAxBA,wBAAwB;AAE1B8B,IAAAA,IAAI,EAAEC,SAAU;IAChBC,WAAW,EAAEC,cAAQ,CAACC,MAAM,CAACC,QAAQ,CAACC,QAAQ,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAK,KAAC,CAAE;AACnEC,IAAAA,WAAW,EAAC,OAAO;AACnB7C,IAAAA,WAAW,EACT6B,WAAW,gBACTG,cAAA,CAACc,kBAAK,EAAA;AACJC,MAAAA,OAAO,EAAC,oCAAoC;AAC5CC,MAAAA,MAAM,EAAE;AAAE9B,QAAAA,MAAM,EAANA;OAAS;AACnB+B,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,eACLlB,cAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC;AAAqF,SAAE,CACvG;AACDkB,QAAAA,IAAI,eAAEnB,cAAA,CAAA,MAAA,EAAA;AAAMC,UAAAA,SAAS,EAAC;AAAmB,SAAE,CAAC;QAC5CmB,IAAI,eACFpB,cAAA,CAACqB,qBAAqB,EAAA;AACpBpB,UAAAA,SAAS,EAAC,0BAA0B;AACpCqB,UAAAA,KAAK,EAAC,MAAM;AACZC,UAAAA,KAAK,EAAErC;SACR;AAEL;KACD,CAAC,GAEFlB,WAEH;IACDwD,KAAK,EACH3B,WAAW,GACPR,CAAC,CAAC,mCAAmC,CAAC,GACtCA,CAAC,CAAC,yCAAyC,CAChD;IACDoC,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OAAQlD,wBAAwB,CAAC,KAAK,CAAC;KAAC;AAC/CN,IAAAA,YAAY,EAAE8B;AAAiB,GAChC,CAAC;AAEN,CAAC;;AC1ED,IAAM2B,KAAK,GAAG,SAARA,KAAKA,CAAA3D,IAAA,EAOL;AAAA,EAAA,IAAA4D,iBAAA,GAAA5D,IAAA,CANJ6D,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,eAAA,GAAA9D,IAAA,CACpB+D,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAAE,aAAA,GAAAhE,IAAA,CACfiE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,gBAAA,GAAAlE,IAAA,CACbC,WAAW;AAAXA,IAAAA,WAAW,GAAAiE,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAC,cAAA,GAAAnE,IAAA,CAChBoE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,cAAA;IAAAG,iBAAA,GAAAtE,IAAA,CAChBE,YAAY;AAAZA,IAAAA,YAAY,GAAAoE,iBAAA,KAAGD,KAAAA,CAAAA,GAAAA,cAAI,GAAAC,iBAAA;AAEnB,EAAA,IAAAC,eAAA,GAAoBC,yBAAc,EAAE;IAA5B3B,OAAO,GAAA0B,eAAA,CAAP1B,OAAO;AAEf,EAAA,IAAApC,cAAA,GAAyCC,uBAAa,EAAE;IAAAC,mBAAA,GAAAF,cAAA,CAAhDG,IAAI;AAAAC,IAAAA,oBAAA,GAAAF,mBAAA,KAAA,KAAA,CAAA,GAAsB,EAAE,GAAAA,mBAAA;IAAAG,qBAAA,GAAAD,oBAAA,CAApBE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;AAC7B,EAAA,IAAAG,KAAA,GAA0BF,QAAQ,IAAI,EAAE;IAAAG,YAAA,GAAAD,KAAA,CAAhCE,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;EAErB,IAAKa,mBAAS,CAACZ,MAAM,CAAC,IAAI,CAAC0C,YAAY,IAAK,CAAChB,OAAO,EAAE;IACpD,oBAAOZ,cAAA,CAAClC,MAAM,EAAA;AAAOE,MAAAA,WAAW,EAAXA,WAAW;AAAEC,MAAAA,YAAY,EAAZA;AAAY,KAAK,CAAC;AACtD;EAEA,oBAAO+B,cAAA,CAACwC,cAAI,EAAA;AAAOV,IAAAA,UAAU,EAAVA,UAAU;AAAEK,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,QAAQ,EAARA;AAAQ,GAAK,CAAC;AAC1D,CAAC;AAED,YAAeS,oBAAS,CACtBf,KAAK,EACLgB,OAAO,CAACrD,CAAC,CAAC,sDAAsD,CAClE,CAAC;;;;"}
+{"version":3,"file":"Daily.js","sources":["../../app/javascript/src/components/Integrations/Daily/Manage.jsx","../../app/javascript/src/components/Integrations/Daily/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Daily as DailyIcon } from \"neetoicons/misc\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Spinner } from \"neetoui\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport ManageIntegrations from \"components/commons/Manage\";\nimport { useDestroyDaily, useFetchDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nconst Manage = ({ description, onDisconnect }) => {\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { data: { metadata = {} } = {}, isFetching } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  const { t } = useTranslation();\n\n  const { mutate: destroyIntegration, isPending: isDisconnecting } =\n    useDestroyDaily({\n      onSuccess: () => {\n        setIsDisconnectAlertOpen(false);\n        onDisconnect?.();\n      },\n    });\n\n  const isConnected = isPresent(apiKey);\n\n  const handleDisconnect = () => destroyIntegration(\"daily\");\n\n  if (isFetching || isDisconnecting) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <ManageIntegrations\n      {...{\n        isConnected,\n        isDisconnectAlertOpen,\n        isDisconnecting,\n        setIsDisconnectAlertOpen,\n      }}\n      Icon={DailyIcon}\n      connectPath={buildUrl(window.location.pathname, { connect: true })}\n      integration=\"daily\"\n      description={\n        isConnected ? (\n          <Trans\n            i18nKey=\"neetoIntegrations.daily.yourApiKey\"\n            values={{ apiKey }}\n            components={{\n              wrapper: (\n                <div className=\"neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border px-3 py-2\" />\n              ),\n              span: <span className=\"break-all text-sm\" />,\n              copy: (\n                <CopyToClipboardButton\n                  className=\"flex-shrink-0 self-start\"\n                  style=\"text\"\n                  value={apiKey}\n                />\n              ),\n            }}\n          />\n        ) : (\n          description\n        )\n      }\n      title={\n        isConnected\n          ? t(\"neetoIntegrations.daily.connected\")\n          : t(\"neetoIntegrations.daily.connect.account\")\n      }\n      onClose={() => setIsDisconnectAlertOpen(false)}\n      onDisconnect={handleDisconnect}\n    />\n  );\n};\n\nexport default Manage;\n","import i18next from \"i18next\";\nimport { isPresent, noop } from \"neetocist\";\nimport { useQueryParams, withTitle } from \"neetocommons/react-utils\";\n\nimport { useFetchDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nimport Form from \"./Form\";\nimport Manage from \"./Manage\";\n\nconst Daily = ({\n  isOnboarding = false,\n  helpDocUrl = \"\",\n  videoUrl = \"\",\n  description = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n}) => {\n  const { connect } = useQueryParams();\n\n  const { data: { metadata = {} } = {} } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  if ((isPresent(apiKey) && !isOnboarding) || !connect) {\n    return <Manage {...{ description, onDisconnect }} />;\n  }\n\n  return <Form {...{ helpDocUrl, onConnect, videoUrl }} />;\n};\n\nexport default withTitle(\n  Daily,\n  i18next.t(\"neetoIntegrations.browserTitles.integrations.dailyco\")\n);\n"],"names":["Manage","_ref","description","onDisconnect","_useState","useState","_useState2","_slicedToArray","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useFetchDaily","useFetchDaily","_useFetchDaily$data","data","_useFetchDaily$data2","_useFetchDaily$data2$","metadata","isFetching","_ref2","_ref2$apiKey","apiKey","_useTranslation","useTranslation","t","_useDestroyDaily","useDestroyDaily","onSuccess","destroyIntegration","mutate","isDisconnecting","isPending","isConnected","isPresent","handleDisconnect","_jsx","className","children","Spinner","ManageIntegrations","Icon","DailyIcon","connectPath","buildUrl","window","location","pathname","connect","integration","Trans","i18nKey","values","components","wrapper","span","copy","CopyToClipboardButton","style","value","title","onClose","Daily","_ref$isOnboarding","isOnboarding","_ref$helpDocUrl","helpDocUrl","_ref$videoUrl","videoUrl","_ref$description","_ref$onConnect","onConnect","noop","_ref$onDisconnect","_useQueryParams","useQueryParams","Form","withTitle","i18next"],"mappings":"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"}

package/dist/cjs/DailyForm.js

@@ -4,6 +4,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('i18next');
 require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neeto-molecules/CardLayout');
 require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/Header');
 require('@bigbinary/neetoui/Button');
@@ -15,7 +16,7 @@ require('@bigbinary/neetoui/formik/ActionBlock');
 require('react-i18next');
 require('react-router-dom');
 require('./WalkthroughModal.js');
-var DailyForm = require('../Form-BxWddtY4.js');
+var DailyForm = require('../Form-CPYZSV18.js');
 require('react/jsx-runtime');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/react-utils/withT');

package/dist/cjs/DailyForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DailyForm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DailyForm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Demo.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var neetoCist = require('@bigbinary/neeto-cist');
-var Typography = require('@bigbinary/neetoui/Typography');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Button = require('@bigbinary/neetoui/Button');
 var index = require('../index-dxk7jTL7.js');
 var reactI18next = require('react-i18next');
@@ -33,7 +33,7 @@ var Demo = function Demo(_ref) {
   var renderVideo = function renderVideo(videoUrl) {
     return isYouTubeLink(videoUrl) ? /*#__PURE__*/jsxRuntime.jsx("iframe", {
       allowFullScreen: true,
-      className: "aspect-video border-none",
+      className: "aspect-video w-full max-w-3xl border-none",
       frameBorder: "0",
       id: "ytplayer",
       src: videoUrl,
@@ -50,23 +50,16 @@ var Demo = function Demo(_ref) {
       })
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "mx-auto w-full max-w-3xl",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mb-6 flex flex-col gap-y-1",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-        style: "h2",
-        children: renderText(title, t("neetoIntegrations.demo.title"))
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        style: "body2",
-        children: renderText(subtitle, t("neetoIntegrations.demo.subtitle"))
-      })]
-    }), children, videoUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "mb-8",
-      children: renderVideo(videoUrl)
-    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+  return /*#__PURE__*/jsxRuntime.jsxs(CardLayout, {
+    description: renderText(subtitle, t("neetoIntegrations.demo.subtitle")),
+    title: renderText(title, t("neetoIntegrations.demo.title")),
+    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: t("neetoIntegrations.common.finish"),
       onClick: onClose
+    }),
+    children: [children, videoUrl && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-full",
+      children: renderVideo(videoUrl)
     })]
   });
 };

package/dist/cjs/Demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Demo.js","sources":["../../app/javascript/src/components/Steps/utils.js","../../app/javascript/src/components/Steps/Demo.jsx"],"sourcesContent":["import { isEmpty } from \"ramda\";\n\nexport const isYouTubeLink = videoUrl => {\n  const youtubeRegex = /^(https?:\\/\\/)?(www\\.)?(youtube\\.com|youtu\\.be)\\//;\n\n  return youtubeRegex.test(videoUrl);\n};\n\nexport const renderText = (text, fallbackTranslation) =>\n  isEmpty(text) ? fallbackTranslation : text;\n","import { noop } from \"neetocist\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { isYouTubeLink, renderText } from \"./utils\";\n\nconst Demo = ({\n  title = \"\",\n  subtitle = \"\",\n  iframeTitle = \"\",\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  const renderVideo = videoUrl =>\n    isYouTubeLink(videoUrl) ? (\n      <iframe\n        allowFullScreen\n        className=\"aspect-video border-none\"\n        frameBorder=\"0\"\n        id=\"ytplayer\"\n        src={videoUrl}\n        title={renderText(iframeTitle, t(\"neetoIntegrations.demo.iFrameTitle\"))}\n        type=\"text/html\"\n      />\n    ) : (\n      <video\n        autoPlay\n        controls\n        muted\n        className=\"neeto-ui-rounded-xl aspect-video w-full max-w-3xl cursor-pointer\"\n        id=\"walkthrough-video\"\n      >\n        <source src={videoUrl} />\n      </video>\n    );\n\n  return (\n    <div className=\"mx-auto w-full max-w-3xl\">\n      <div className=\"mb-6 flex flex-col gap-y-1\">\n        <Typography style=\"h2\">\n          {renderText(title, t(\"neetoIntegrations.demo.title\"))}\n        </Typography>\n        <Typography style=\"body2\">\n          {renderText(subtitle, t(\"neetoIntegrations.demo.subtitle\"))}\n        </Typography>\n      </div>\n      {children}\n      {videoUrl && <div className=\"mb-8\">{renderVideo(videoUrl)}</div>}\n      <Button label={t(\"neetoIntegrations.common.finish\")} onClick={onClose} />\n    </div>\n  );\n};\n\nDemo.prototypes = {\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the walkthrough video link\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify the title of the demo component\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the subtitle of the demo component\n   */\n  subtitle: PropTypes.string,\n  /**\n   * To specify the title of the video in the iframe\n   */\n  iframeTitle: PropTypes.string,\n};\n\nexport default Demo;\n"],"names":["isYouTubeLink","videoUrl","youtubeRegex","test","renderText","text","fallbackTranslation","isEmpty","Demo","_ref","_ref$title","title","_ref$subtitle","subtitle","_ref$iframeTitle","iframeTitle","_ref$onClose","onClose","noop","_ref$videoUrl","children","_useTranslation","useTranslation","t","renderVideo","_jsx","allowFullScreen","className","frameBorder","id","src","type","autoPlay","controls","muted","_jsxs","Typography","style","Button","label","onClick","prototypes","PropTypes","func","string"],"mappings":";;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,QAAQ,EAAI;EACvC,IAAMC,YAAY,GAAG,mDAAmD;AAExE,EAAA,OAAOA,YAAY,CAACC,IAAI,CAACF,QAAQ,CAAC;AACpC,CAAC;AAEM,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAI,EAAEC,mBAAmB,EAAA;AAAA,EAAA,OAClDC,aAAO,CAACF,IAAI,CAAC,GAAGC,mBAAmB,GAAGD,IAAI;AAAA,CAAA;;ACF5C,IAAMG,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAOJ;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CANJE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,aAAA,GAAAH,IAAA,CACVI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,gBAAA,GAAAL,IAAA,CACbM,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,YAAA,GAAAP,IAAA,CAChBQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAV,IAAA,CACdR,QAAQ;AAARA,IAAAA,QAAQ,GAAAkB,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IACbC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAER,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAGvB,QAAQ,EAAA;AAAA,IAAA,OAC1BD,aAAa,CAACC,QAAQ,CAAC,gBACrBwB,cAAA,CAAA,QAAA,EAAA;MACEC,eAAe,EAAA,IAAA;AACfC,MAAAA,SAAS,EAAC,0BAA0B;AACpCC,MAAAA,WAAW,EAAC,GAAG;AACfC,MAAAA,EAAE,EAAC,UAAU;AACbC,MAAAA,GAAG,EAAE7B,QAAS;MACdU,KAAK,EAAEP,UAAU,CAACW,WAAW,EAAEQ,CAAC,CAAC,oCAAoC,CAAC,CAAE;AACxEQ,MAAAA,IAAI,EAAC;KACN,CAAC,gBAEFN,cAAA,CAAA,OAAA,EAAA;MACEO,QAAQ,EAAA,IAAA;MACRC,QAAQ,EAAA,IAAA;MACRC,KAAK,EAAA,IAAA;AACLP,MAAAA,SAAS,EAAC,kEAAkE;AAC5EE,MAAAA,EAAE,EAAC,mBAAmB;AAAAT,MAAAA,QAAA,eAEtBK,cAAA,CAAA,QAAA,EAAA;AAAQK,QAAAA,GAAG,EAAE7B;OAAW;AAAC,KACpB,CACR;AAAA,GAAA;AAEH,EAAA,oBACEkC,eAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,0BAA0B;AAAAP,IAAAA,QAAA,gBACvCe,eAAA,CAAA,KAAA,EAAA;AAAKR,MAAAA,SAAS,EAAC,4BAA4B;MAAAP,QAAA,EAAA,cACzCK,cAAA,CAACW,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,IAAI;QAAAjB,QAAA,EACnBhB,UAAU,CAACO,KAAK,EAAEY,CAAC,CAAC,8BAA8B,CAAC;AAAC,OAC3C,CAAC,eACbE,cAAA,CAACW,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;QAAAjB,QAAA,EACtBhB,UAAU,CAACS,QAAQ,EAAEU,CAAC,CAAC,iCAAiC,CAAC;AAAC,OACjD,CAAC;AAAA,KACV,CAAC,EACLH,QAAQ,EACRnB,QAAQ,iBAAIwB,cAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,MAAM;MAAAP,QAAA,EAAEI,WAAW,CAACvB,QAAQ;AAAC,KAAM,CAAC,eAChEwB,cAAA,CAACa,MAAM,EAAA;AAACC,MAAAA,KAAK,EAAEhB,CAAC,CAAC,iCAAiC,CAAE;AAACiB,MAAAA,OAAO,EAAEvB;AAAQ,KAAE,CAAC;AAAA,GACtE,CAAC;AAEV;AAEAT,IAAI,CAACiC,UAAU,GAAG;AAChB;AACF;AACA;EACExB,OAAO,EAAEyB,eAAS,CAACC,IAAI;AACvB;AACF;AACA;EACE1C,QAAQ,EAAEyC,eAAS,CAACE,MAAM;AAC1B;AACF;AACA;EACEjC,KAAK,EAAE+B,eAAS,CAACE,MAAM;AACvB;AACF;AACA;EACE/B,QAAQ,EAAE6B,eAAS,CAACE,MAAM;AAC1B;AACF;AACA;EACE7B,WAAW,EAAE2B,eAAS,CAACE;AACzB,CAAC;;;;"}
+{"version":3,"file":"Demo.js","sources":["../../app/javascript/src/components/Steps/utils.js","../../app/javascript/src/components/Steps/Demo.jsx"],"sourcesContent":["import { isEmpty } from \"ramda\";\n\nexport const isYouTubeLink = videoUrl => {\n  const youtubeRegex = /^(https?:\\/\\/)?(www\\.)?(youtube\\.com|youtu\\.be)\\//;\n\n  return youtubeRegex.test(videoUrl);\n};\n\nexport const renderText = (text, fallbackTranslation) =>\n  isEmpty(text) ? fallbackTranslation : text;\n","import { noop } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { isYouTubeLink, renderText } from \"./utils\";\n\nconst Demo = ({\n  title = \"\",\n  subtitle = \"\",\n  iframeTitle = \"\",\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  const renderVideo = videoUrl =>\n    isYouTubeLink(videoUrl) ? (\n      <iframe\n        allowFullScreen\n        className=\"aspect-video w-full max-w-3xl border-none\"\n        frameBorder=\"0\"\n        id=\"ytplayer\"\n        src={videoUrl}\n        title={renderText(iframeTitle, t(\"neetoIntegrations.demo.iFrameTitle\"))}\n        type=\"text/html\"\n      />\n    ) : (\n      <video\n        autoPlay\n        controls\n        muted\n        className=\"neeto-ui-rounded-xl aspect-video w-full max-w-3xl cursor-pointer\"\n        id=\"walkthrough-video\"\n      >\n        <source src={videoUrl} />\n      </video>\n    );\n\n  return (\n    <CardLayout\n      description={renderText(subtitle, t(\"neetoIntegrations.demo.subtitle\"))}\n      title={renderText(title, t(\"neetoIntegrations.demo.title\"))}\n      actionBlock={\n        <Button\n          label={t(\"neetoIntegrations.common.finish\")}\n          onClick={onClose}\n        />\n      }\n    >\n      {children}\n      {videoUrl && <div className=\"w-full\">{renderVideo(videoUrl)}</div>}\n    </CardLayout>\n  );\n};\n\nDemo.prototypes = {\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the walkthrough video link\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify the title of the demo component\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the subtitle of the demo component\n   */\n  subtitle: PropTypes.string,\n  /**\n   * To specify the title of the video in the iframe\n   */\n  iframeTitle: PropTypes.string,\n};\n\nexport default Demo;\n"],"names":["isYouTubeLink","videoUrl","youtubeRegex","test","renderText","text","fallbackTranslation","isEmpty","Demo","_ref","_ref$title","title","_ref$subtitle","subtitle","_ref$iframeTitle","iframeTitle","_ref$onClose","onClose","noop","_ref$videoUrl","children","_useTranslation","useTranslation","t","renderVideo","_jsx","allowFullScreen","className","frameBorder","id","src","type","autoPlay","controls","muted","_jsxs","CardLayout","description","actionBlock","Button","label","onClick","prototypes","PropTypes","func","string"],"mappings":"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"}

package/dist/cjs/Finish.js

@@ -3,6 +3,7 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Button = require('@bigbinary/neetoui/Button');
 var index = require('../index-dxk7jTL7.js');
@@ -67,22 +68,22 @@ var Finish = reactUtils.withT(function (_ref) {
     _ref$secondaryButtonP = _ref.secondaryButtonProps,
     secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
     children = _ref.children;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "mx-auto w-full max-w-3xl",
-    children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "mb-6 mt-4",
-      style: "h2",
-      weight: "semibold",
-      children: title
-    }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex w-full items-center gap-x-2",
+  return /*#__PURE__*/jsxRuntime.jsxs(CardLayout, {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-full flex-wrap items-center gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
         onClick: onClick,
         label: t("neetoIntegrations.common.continue")
       }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
         style: "secondary"
       }, secondaryButtonProps))]
-    })]
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      className: "mb-6 mt-4",
+      style: "h2",
+      weight: "semibold",
+      children: title
+    }), children]
   });
 });
 Finish.prototypes = {