@bigbinary/neeto-integrations-frontend 3.2.0 → 4.0.1

package/README.md

@@ -1,10 +1,12 @@
 # neeto-integrations-nano
 
-The `neeto-integrations-nano` provides support for third-party integrations to neeto
-applications. The nano exports the `@bigbinary/neeto-integrations-frontend` NPM package and `neeto-integrations-engine` Rails engine for development.
+The `neeto-integrations-nano` provides support for third-party integrations to
+neeto applications. The nano exports the
+`@bigbinary/neeto-integrations-frontend` NPM package and
+`neeto-integrations-engine` Rails engine for development..
 
-The engine handles the authentication, webhooks and token management for integrations
-with the following providers.
+The engine handles the authentication, webhooks and token management for
+integrations with the following providers.
 
 - Meta ( Facebook, Instagram, WhatsApp )
 - Google ( Analytics, YouTube )
@@ -12,21 +14,26 @@ with the following providers.
 - Zapier
 - Twilio
 
-Host can provide required permissions for a supported third-party integration, then engine will handle the authentication, token storing and refreshing for the host. Tokens, account details and webhook subscription details are stored in tables handled by the engine.
+Host can provide required permissions for a supported third-party integration,
+then engine will handle the authentication, token storing and refreshing for the
+host. Tokens, account details and webhook subscription details are stored in
+tables handled by the engine.
 
-The frontend package provides components to handle integration card, steps, disconnect and other integration configuration page support.
+The frontend package provides components to handle integration card, steps,
+disconnect and other integration configuration page support.
 
 ## Contents
-  1. [Development with Host application](#development-with-host-application)
-      - [Engine](#engine)
-        - [Installation](#installation)
-        - [Details](#details)
-        - [neeto products currently using this engine](#neeto-products-currently-using-this-engine)
-      - [Frontend package](#frontend-package---bigbinaryneeto-integrations-frontend)
-        - [Installation](#installation-1)
-        - [Usage](#usage)
-        - [Product integrations](#product-integrations)
-  2. [Instructions for publishing](#instructions-for-publishing)
+
+1. [Development with Host application](#development-with-host-application)
+   - [Engine](#engine)
+     - [Installation](#installation)
+     - [Details](#details)
+     - [neeto products currently using this engine](#neeto-products-currently-using-this-engine)
+   - [Frontend package](#frontend-package---bigbinaryneeto-integrations-frontend)
+     - [Installation](#installation-1)
+     - [Usage](#usage)
+     - [Product integrations](#product-integrations)
+2. [Instructions for publishing](#instructions-for-publishing)
 
 ## Development with Host application
 
@@ -45,8 +52,8 @@ end
 2. Run `bundle install`
 
 3. Add the required env variables to `.env.development` and update your
-   `secrets.yml`. Refer [OAuth Config](./docs/engine/oauth-config.md) for more details on specific
-   integrations.
+   `secrets.yml`. Refer [OAuth Config](./docs/engine/oauth-config.md) for more
+   details on specific integrations.
 
 4. Import migrations to your project:
 
@@ -83,8 +90,8 @@ other_applications:
     provider: neeto
 ```
 
-Refer the [Oauth Config](./docs/engine/oauth-config.md) for list of supported `provider`,
-`service_name` and `service_type`.
+Refer the [Oauth Config](./docs/engine/oauth-config.md) for list of supported
+`provider`, `service_name` and `service_type`.
 
 7. Import data migration to update the integrations list with the newly added
    integration from `config/neeto_integrations.yml`:
@@ -125,11 +132,15 @@ has_many :integrated_apps, class_name: "NeetoIntegrationsEngine::IntegratedApp",
 has_many :integrated_apps, as: :integrable, class_name: "NeetoIntegrationsEngine::IntegratedApp", dependent: :destroy
 ```
 
+12. Add `neeto_integrations_engine.organization.manage_integrations` permission
+    to your `permissions.yml` file which authorizes the user to manage
+    organization level integrations.
+
 #### Details
 
-  - [Endpoints](./docs/engine/endpoints.md)
-  - [Errors](./docs/engine/errors.md)
-  - [MS Teams credentials and integration information](./docs/engine/ms-teams.md)
+- [Endpoints](./docs/engine/endpoints.md)
+- [Errors](./docs/engine/errors.md)
+- [MS Teams credentials and integration information](./docs/engine/ms-teams.md)
 
 #### neeto products currently using this engine
 
@@ -185,8 +196,12 @@ Available components:
 
 ### Instructions for development
 
-Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the frontend package.
+Check the
+[Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0)
+for step-by-step instructions to develop the frontend package.
 
 ## Instructions for Publishing
 
-Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.
+Consult the
+[building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages)
+guide for details on how to publish.

package/app/javascript/src/translations/en.json

@@ -40,7 +40,7 @@
     "zapier": {
       "apiKeys": "API Keys",
       "copyApiKey": "Copy API Key",
-      "emptyText": "Generate an API Key to connect to the Zapier platform",
+      "emptyText": "Generate an API Key to connect to the Zapier platform.",
       "generateApiKey": "Generate API Key",
       "labelInputPlaceholder": "Enter a Label for the new API Key",
       "tableColumns": {
@@ -51,14 +51,15 @@
       "tableTitle": "Previously Generated API Keys",
       "deleteApiKey": {
         "title": "Delete API Key?",
-        "message": "You are permanently deleting the API Key <strong>{{key}}</strong>. This can't be undone."
+        "message": "You are permanently deleting the API Key <strong>{{key}}</strong>. All associated Zaps with this API Key will be turned off. This can't be undone."
       },
       "walkthroughText": "Check how it behaves",
       "helpDoc": "Help document",
       "label": {
         "required": "Label is required",
         "noBlankSpaces": "Label should not contain blank spaces"
-      }
+      },
+      "learnMore": "Learn more"
     },
     "twilio": {
       "sid": "SID",
@@ -69,8 +70,6 @@
         "phNumReq": "Phone number is required"
       },
       "smsConfiguration": {
-        "delete": "Twilio SMS integration has been successfully deleted.",
-        "configuredSuccess": "Twilio SMS integration has been successfully configured.",
         "invalidCredentials": "Twilio credentials are invalid",
         "invalidPhoneNumberConfig": "Twilio phone number is invalid"
       }
@@ -82,7 +81,7 @@
       "title": "Daily.co",
       "description": "Include daily.co links in your meetings booked using {{appName, anyCase}}.",
       "apiKey": "API key",
-      "helpDoc": "Daily.co is a video conferencing platform. Integrate it to host online meetings. <videoLink>Check how it behaves</videoLink>.",
+      "helpDoc": "Daily.co is a video conferencing platform. Integrate it to host online meetings. <videoLink>Check how it behaves</videoLink>",
       "yourApiKey": "You are connected to Daily.co with the API key: <wrapper><span>{{apiKey, anyCase}}</span><copy /></wrapper>",
       "connect": {
         "account": "Connect your Daily.co account",

package/dist/Connect.js

@@ -1,9 +1,10 @@
-import { _ as _defineProperty } from './defineProperty-e90a259c.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { humanize, noop } from '@bigbinary/neeto-cist';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Typography from '@bigbinary/neetoui/Typography';
 import Button from '@bigbinary/neetoui/Button';
-import { P as PropTypes } from './index-4bda54e6.js';
+import { P as PropTypes } from './index-MS1ts-9f.js';
 import { Trans } from 'react-i18next';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -28,10 +29,18 @@ var Connect = withT(function (_ref) {
     onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
     children = _ref.children,
     secondaryButtonProps = _ref.secondaryButtonProps;
-  return /*#__PURE__*/jsxs("div", {
-    className: "mx-auto w-full max-w-3xl",
+  return /*#__PURE__*/jsxs(CardLayout, {
+    actionBlock: /*#__PURE__*/jsxs("div", {
+      className: "flex w-full flex-wrap items-center gap-2",
+      children: [/*#__PURE__*/jsx(Button, _objectSpread({
+        label: t("neetoIntegrations.common.connect"),
+        onClick: onConnect
+      }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsx(Button, _objectSpread({
+        style: "secondary"
+      }, secondaryButtonProps))]
+    }),
     children: [/*#__PURE__*/jsxs("div", {
-      className: "mb-6 flex flex-col gap-y-2",
+      className: "flex flex-col gap-y-2",
       children: [/*#__PURE__*/jsx(Icon, {
         size: 48
       }), /*#__PURE__*/jsxs("div", {
@@ -45,7 +54,7 @@ var Connect = withT(function (_ref) {
         })]
       })]
     }), helpDocUrl && /*#__PURE__*/jsx("div", {
-      className: "mb-4",
+      className: "w-full",
       children: /*#__PURE__*/jsx(Trans, {
         i18nKey: "neetoIntegrations.common.helpDocUrl",
         components: {
@@ -61,15 +70,7 @@ var Connect = withT(function (_ref) {
           integration: integrationName || humanize(integration)
         }
       })
-    }), children, /*#__PURE__*/jsxs("div", {
-      className: "flex w-full items-center gap-x-3",
-      children: [/*#__PURE__*/jsx(Button, _objectSpread({
-        label: t("neetoIntegrations.common.connect"),
-        onClick: onConnect
-      }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsx(Button, _objectSpread({
-        style: "secondary"
-      }, secondaryButtonProps))]
-    })]
+    }), children]
   });
 });
 Connect.prototypes = {

package/dist/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/Daily.js

@@ -1,36 +1,40 @@
 import i18next from 'i18next';
 import { isPresent, noop } from '@bigbinary/neeto-cist';
 import { withTitle, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { u as useFetchDaily, a as useDestroyDaily, F as Form } from './Form-5be03668.js';
-import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import { u as useFetchDaily, a as useDestroyDaily, F as Form } from './Form-DY3ljixO.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import DailyIcon from '@bigbinary/neeto-icons/misc/Daily';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation, Trans } from 'react-i18next';
 import Manage$1 from './Manage.js';
 import { jsx } from 'react/jsx-runtime';
+import '@bigbinary/neeto-molecules/CardLayout';
 import '@bigbinary/neeto-molecules/Container';
 import '@bigbinary/neeto-molecules/Header';
-import '@bigbinary/neeto-molecules/HelpPopover';
-import '@bigbinary/neeto-molecules/IntegrationWalkthroughModal';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Typography';
 import '@bigbinary/neetoui/formik/Input';
 import '@bigbinary/neetoui/formik/Form';
 import '@bigbinary/neetoui/formik/ActionBlock';
 import 'react-router-dom';
-import './defineProperty-e90a259c.js';
+import './WalkthroughModal.js';
+import '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import '@bigbinary/neetoui/Modal';
+import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'axios';
-import './query-62fcdf0a.js';
+import './query-D2CcgTB0.js';
 import 'yup';
 import 'classnames';
 import '@bigbinary/neeto-icons/Check';
-import '@bigbinary/neeto-molecules/IntegrationDisconnectAlert';
 import '@bigbinary/neetoui/Tooltip';
+import './DisconnectAlert.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@bigbinary/neetoui/Alert';
 
 var Manage = function Manage(_ref) {
   var description = _ref.description,
@@ -62,7 +66,12 @@ var Manage = function Manage(_ref) {
   var handleDisconnect = function handleDisconnect() {
     return destroyIntegration("daily");
   };
-  if (isFetching || isDisconnecting) return /*#__PURE__*/jsx(PageLoader, {});
+  if (isFetching || isDisconnecting) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
   return /*#__PURE__*/jsx(Manage$1, {
     isConnected: isConnected,
     isDisconnectAlertOpen: isDisconnectAlertOpen,

package/dist/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 PageLoader from \"neetomolecules/PageLoader\";\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) return <PageLoader />;\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","PageLoader","ManageIntegrations","Icon","DailyIcon","connectPath","buildUrl","window","location","pathname","connect","integration","Trans","i18nKey","values","components","wrapper","className","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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"}
+{"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/DailyForm.js

@@ -1,25 +1,28 @@
-import './slicedToArray-b4278ecd.js';
+import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import 'i18next';
 import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-molecules/CardLayout';
 import '@bigbinary/neeto-molecules/Container';
 import '@bigbinary/neeto-molecules/Header';
-import '@bigbinary/neeto-molecules/HelpPopover';
-import '@bigbinary/neeto-molecules/IntegrationWalkthroughModal';
-import '@bigbinary/neeto-molecules/PageLoader';
 import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/Spinner';
 import '@bigbinary/neetoui/Typography';
 import '@bigbinary/neetoui/formik/Input';
 import '@bigbinary/neetoui/formik/Form';
 import '@bigbinary/neetoui/formik/ActionBlock';
 import 'react-i18next';
 import 'react-router-dom';
-export { F as default } from './Form-5be03668.js';
+import './WalkthroughModal.js';
+export { F as default } from './Form-DY3ljixO.js';
 import 'react/jsx-runtime';
-import './defineProperty-e90a259c.js';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import '@bigbinary/neetoui/Modal';
+import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'axios';
-import './query-62fcdf0a.js';
+import './query-D2CcgTB0.js';
 import 'yup';
 //# sourceMappingURL=DailyForm.js.map

package/dist/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/Demo.js

@@ -1,7 +1,7 @@
 import { noop } from '@bigbinary/neeto-cist';
-import Typography from '@bigbinary/neetoui/Typography';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Button from '@bigbinary/neetoui/Button';
-import { P as PropTypes } from './index-4bda54e6.js';
+import { P as PropTypes } from './index-MS1ts-9f.js';
 import { useTranslation } from 'react-i18next';
 import { isEmpty } from 'ramda';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -31,7 +31,7 @@ var Demo = function Demo(_ref) {
   var renderVideo = function renderVideo(videoUrl) {
     return isYouTubeLink(videoUrl) ? /*#__PURE__*/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,
@@ -48,23 +48,16 @@ var Demo = function Demo(_ref) {
       })
     });
   };
-  return /*#__PURE__*/jsxs("div", {
-    className: "mx-auto w-full max-w-3xl",
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "mb-6 flex flex-col gap-y-1",
-      children: [/*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        children: renderText(title, t("neetoIntegrations.demo.title"))
-      }), /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: renderText(subtitle, t("neetoIntegrations.demo.subtitle"))
-      })]
-    }), children, videoUrl && /*#__PURE__*/jsx("div", {
-      className: "mb-8",
-      children: renderVideo(videoUrl)
-    }), /*#__PURE__*/jsx(Button, {
+  return /*#__PURE__*/jsxs(CardLayout, {
+    description: renderText(subtitle, t("neetoIntegrations.demo.subtitle")),
+    title: renderText(title, t("neetoIntegrations.demo.title")),
+    actionBlock: /*#__PURE__*/jsx(Button, {
       label: t("neetoIntegrations.common.finish"),
       onClick: onClose
+    }),
+    children: [children, videoUrl && /*#__PURE__*/jsx("div", {
+      className: "w-full",
+      children: renderVideo(videoUrl)
     })]
   });
 };

package/dist/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":"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"}
+{"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/DisconnectAlert.js

@@ -0,0 +1,38 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { noop } from '@bigbinary/neeto-cist';
+import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import Alert from '@bigbinary/neetoui/Alert';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["t", "isOpen", "isDisconnecting", "title", "message", "onClose", "onDisconnect"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 DisconnectAlert = withT(function (_ref) {
+  var t = _ref.t,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isDisconnecting = _ref.isDisconnecting,
+    isDisconnecting = _ref$isDisconnecting === void 0 ? false : _ref$isDisconnecting,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? "" : _ref$message,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? noop : _ref$onDisconnect,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Alert, _objectSpread({
+    isOpen: isOpen,
+    message: message,
+    onClose: onClose,
+    title: title,
+    isSubmitting: isDisconnecting,
+    submitButtonLabel: t("neetoIntegrations.common.disconnect"),
+    onSubmit: onDisconnect
+  }, otherProps));
+});
+
+export { DisconnectAlert as default };
+//# sourceMappingURL=DisconnectAlert.js.map

package/dist/DisconnectAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectAlert.js","sources":["../app/javascript/src/components/DisconnectAlert/index.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Alert } from \"neetoui\";\n\nconst DisconnectAlert = withT(\n  ({\n    t,\n    isOpen = false,\n    isDisconnecting = false,\n    title = \"\",\n    message = \"\",\n    onClose = noop,\n    onDisconnect = noop,\n    ...otherProps\n  }) => (\n    <Alert\n      {...{ isOpen, message, onClose, title }}\n      isSubmitting={isDisconnecting}\n      submitButtonLabel={t(\"neetoIntegrations.common.disconnect\")}\n      onSubmit={onDisconnect}\n      {...otherProps}\n    />\n  )\n);\n\nexport default DisconnectAlert;\n"],"names":["DisconnectAlert","withT","_ref","t","_ref$isOpen","isOpen","_ref$isDisconnecting","isDisconnecting","_ref$title","title","_ref$message","message","_ref$onClose","onClose","noop","_ref$onDisconnect","onDisconnect","otherProps","_objectWithoutProperties","_excluded","_jsx","Alert","_objectSpread","isSubmitting","submitButtonLabel","onSubmit"],"mappings":";;;;;;;;;;AAIA,IAAMA,eAAe,GAAGC,KAAK,CAC3B,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,oBAAA,GAAAJ,IAAA,CACdK,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,YAAA,GAAAR,IAAA,CACVS,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAE,YAAA,GAAAV,IAAA,CACZW,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,iBAAA,GAAAb,IAAA,CACdc,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGD,KAAAA,CAAAA,GAAAA,IAAI,GAAAC,iBAAA;AAChBE,IAAAA,UAAU,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;AAAA,EAAA,oBAEbC,GAAA,CAACC,KAAK,EAAAC,aAAA,CAAA;AACEjB,IAAAA,MAAM,EAANA,MAAM;AAAEM,IAAAA,OAAO,EAAPA,OAAO;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAEJ,IAAAA,KAAK,EAALA,KAAK;AACrCc,IAAAA,YAAY,EAAEhB,eAAgB;AAC9BiB,IAAAA,iBAAiB,EAAErB,CAAC,CAAC,qCAAqC,CAAE;AAC5DsB,IAAAA,QAAQ,EAAET;GACNC,EAAAA,UAAU,CACf,CAAC;AAAA,CAEN;;;;"}

package/dist/Finish.js

@@ -1,9 +1,10 @@
-import { _ as _defineProperty } from './defineProperty-e90a259c.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Typography from '@bigbinary/neetoui/Typography';
 import Button from '@bigbinary/neetoui/Button';
-import { P as PropTypes } from './index-4bda54e6.js';
+import { P as PropTypes } from './index-MS1ts-9f.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -46,22 +47,22 @@ var Finish = withT(function (_ref) {
     _ref$secondaryButtonP = _ref.secondaryButtonProps,
     secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
     children = _ref.children;
-  return /*#__PURE__*/jsxs("div", {
-    className: "mx-auto w-full max-w-3xl",
-    children: [/*#__PURE__*/jsx(SvgSuccess, {}), /*#__PURE__*/jsx(Typography, {
-      className: "mb-6 mt-4",
-      style: "h2",
-      weight: "semibold",
-      children: title
-    }), children, /*#__PURE__*/jsxs("div", {
-      className: "flex w-full items-center gap-x-2",
+  return /*#__PURE__*/jsxs(CardLayout, {
+    actionBlock: /*#__PURE__*/jsxs("div", {
+      className: "flex w-full flex-wrap items-center gap-2",
       children: [/*#__PURE__*/jsx(Button, _objectSpread({
         onClick: onClick,
         label: t("neetoIntegrations.common.continue")
       }, buttonProps)), isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsx(Button, _objectSpread({
         style: "secondary"
       }, secondaryButtonProps))]
-    })]
+    }),
+    children: [/*#__PURE__*/jsx(SvgSuccess, {}), /*#__PURE__*/jsx(Typography, {
+      className: "mb-6 mt-4",
+      style: "h2",
+      weight: "semibold",
+      children: title
+    }), children]
   });
 });
 Finish.prototypes = {