@bigbinary/neeto-integrations-frontend 4.0.34 → 4.0.36

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

@@ -144,7 +144,8 @@
     },
     "disconnectionRibbon": {
       "message_one": "Your <integrations /> integration has been disconnected due to a permission issue. Connect it now.",
-      "message_other": "Your <integrations /> integrations have been disconnected due to a permission issue. Connect them now."
+      "message_other": "Your <integrations /> integrations have been disconnected due to a permission issue. Connect them now.",
+      "non_permission_message_one": "Your <integrations /> integration has been disconnected. Connect it now."
     },
     "google": {
       "connect": {

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-05-22T05:04:21.450Z
+Built at 2026-05-22T14:13:57.210Z

package/dist/cjs/index.js

@@ -9,6 +9,7 @@ var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var useDisconnectionAlertsApi = require('../useDisconnectionAlertsApi-CWMlpOJD.js');
+var i18next = require('i18next');
 var jsxRuntime = require('react/jsx-runtime');
 var Daily = require('./Daily.js');
 var DailyForm = require('./DailyForm.js');
@@ -37,7 +38,6 @@ require('@bigbinary/neetoui/Alert');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
-require('i18next');
 require('../useDailiesApi-CEJPknLb.js');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neeto-icons/misc/Daily');
@@ -64,6 +64,21 @@ require('classnames');
 require('../index-dxk7jTL7.js');
 require('../success-CsNvTPBG.js');
 
+var getHasOnlyUPIIntegration = function getHasOnlyUPIIntegration(alerts) {
+  return alerts.length === 1 && alerts[0].serviceName === "eupi";
+};
+var getDisconnectionRibbonDefaultMessage = function getDisconnectionRibbonDefaultMessage(alerts) {
+  return getHasOnlyUPIIntegration(alerts) ? i18next.t("neetoIntegrations.disconnectionRibbon.non_permission_message", {
+    count: alerts.length
+  }) : i18next.t("neetoIntegrations.disconnectionRibbon.message", {
+    count: alerts.length
+  });
+};
+var getDisconnectionRibbonI18nKey = function getDisconnectionRibbonI18nKey(alerts, integrationRouteMap) {
+  var hasOnlyUPIIntegration = getHasOnlyUPIIntegration(alerts) && integrationRouteMap.eupi;
+  return hasOnlyUPIIntegration ? "neetoIntegrations.disconnectionRibbon.non_permission_message" : "neetoIntegrations.disconnectionRibbon.message";
+};
+
 var IntegrationLinks = function IntegrationLinks(_ref) {
   var alerts = _ref.alerts,
     integrationRouteMap = _ref.integrationRouteMap;
@@ -110,14 +125,14 @@ var DisconnectedIntegrationsRibbon = function DisconnectedIntegrationsRibbon(_re
       className: "w-full",
       children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         count: knownAlerts.length,
-        defaults: "Your <integrations /> integration has been disconnected due to a permission issue. Connect it now.",
-        i18nKey: "neetoIntegrations.disconnectionRibbon.message",
+        defaults: getDisconnectionRibbonDefaultMessage(knownAlerts),
         components: {
           integrations: /*#__PURE__*/jsxRuntime.jsx(IntegrationLinks, {
             integrationRouteMap: integrationRouteMap,
             alerts: knownAlerts
           })
-        }
+        },
+        i18nKey: getDisconnectionRibbonI18nKey(knownAlerts, integrationRouteMap)
       })
     })
   });

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../app/javascript/src/components/DisconnectedIntegrationsRibbon/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Tag } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { useFetchDisconnectionAlerts } from \"hooks/reactQuery/useDisconnectionAlertsApi\";\n\nconst IntegrationLinks = ({ alerts, integrationRouteMap }) =>\n  alerts.map((alert, index) => {\n    const { label, path } = integrationRouteMap[alert.serviceName];\n    const linkPath = alert.redirectPath || path;\n\n    return (\n      <span key={alert.id}>\n        {index > 0 && \", \"}\n        <Link className=\"font-semibold underline\" to={linkPath}>\n          {label}\n        </Link>\n      </span>\n    );\n  });\n\nconst DisconnectedIntegrationsRibbon = ({ integrationRouteMap = {} }) => {\n  const [isClosed, setIsClosed] = useState(false);\n\n  useTranslation();\n\n  const { data: { disconnectionAlerts: alerts = [] } = {} } =\n    useFetchDisconnectionAlerts();\n\n  const knownAlerts = alerts.filter(\n    alert => integrationRouteMap[alert.serviceName]\n  );\n\n  if (isClosed || isEmpty(knownAlerts)) return null;\n\n  return (\n    <Tag\n      className=\"neeto-molecules-sticky-ribbon w-full p-2.5 text-center\"\n      data-testid=\"disconnected-integrations-ribbon\"\n      size=\"large\"\n      style=\"warning\"\n      onClose={() => setIsClosed(true)}\n    >\n      <span className=\"w-full\">\n        <Trans\n          count={knownAlerts.length}\n          defaults=\"Your <integrations /> integration has been disconnected due to a permission issue. Connect it now.\"\n          i18nKey=\"neetoIntegrations.disconnectionRibbon.message\"\n          components={{\n            integrations: (\n              <IntegrationLinks\n                {...{ integrationRouteMap }}\n                alerts={knownAlerts}\n              />\n            ),\n          }}\n        />\n      </span>\n    </Tag>\n  );\n};\n\nexport default DisconnectedIntegrationsRibbon;\n"],"names":["IntegrationLinks","_ref","alerts","integrationRouteMap","map","alert","index","_integrationRouteMap$","serviceName","label","path","linkPath","redirectPath","_jsxs","children","_jsx","Link","className","to","id","DisconnectedIntegrationsRibbon","_ref2","_ref2$integrationRout","_useState","useState","_useState2","_slicedToArray","isClosed","setIsClosed","useTranslation","_useFetchDisconnectio","useFetchDisconnectionAlerts","_useFetchDisconnectio2","data","_useFetchDisconnectio3","_useFetchDisconnectio4","disconnectionAlerts","knownAlerts","filter","isEmpty","Tag","size","style","onClose","Trans","count","length","defaults","i18nKey","components","integrations"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../app/javascript/src/components/DisconnectedIntegrationsRibbon/utils.js","../../app/javascript/src/components/DisconnectedIntegrationsRibbon/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nconst getHasOnlyUPIIntegration = alerts =>\n  alerts.length === 1 && alerts[0].serviceName === \"eupi\";\n\nexport const getDisconnectionRibbonDefaultMessage = alerts =>\n  getHasOnlyUPIIntegration(alerts)\n    ? t(\"neetoIntegrations.disconnectionRibbon.non_permission_message\", {\n        count: alerts.length,\n      })\n    : t(\"neetoIntegrations.disconnectionRibbon.message\", {\n        count: alerts.length,\n      });\n\nexport const getDisconnectionRibbonI18nKey = (alerts, integrationRouteMap) => {\n  const hasOnlyUPIIntegration =\n    getHasOnlyUPIIntegration(alerts) && integrationRouteMap.eupi;\n\n  return hasOnlyUPIIntegration\n    ? \"neetoIntegrations.disconnectionRibbon.non_permission_message\"\n    : \"neetoIntegrations.disconnectionRibbon.message\";\n};\n","import { useState } from \"react\";\n\nimport { Tag } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { useFetchDisconnectionAlerts } from \"hooks/reactQuery/useDisconnectionAlertsApi\";\n\nimport {\n  getDisconnectionRibbonDefaultMessage,\n  getDisconnectionRibbonI18nKey,\n} from \"./utils\";\n\nconst IntegrationLinks = ({ alerts, integrationRouteMap }) =>\n  alerts.map((alert, index) => {\n    const { label, path } = integrationRouteMap[alert.serviceName];\n    const linkPath = alert.redirectPath || path;\n\n    return (\n      <span key={alert.id}>\n        {index > 0 && \", \"}\n        <Link className=\"font-semibold underline\" to={linkPath}>\n          {label}\n        </Link>\n      </span>\n    );\n  });\n\nconst DisconnectedIntegrationsRibbon = ({ integrationRouteMap = {} }) => {\n  const [isClosed, setIsClosed] = useState(false);\n\n  useTranslation();\n\n  const { data: { disconnectionAlerts: alerts = [] } = {} } =\n    useFetchDisconnectionAlerts();\n\n  const knownAlerts = alerts.filter(\n    alert => integrationRouteMap[alert.serviceName]\n  );\n\n  if (isClosed || isEmpty(knownAlerts)) return null;\n\n  return (\n    <Tag\n      className=\"neeto-molecules-sticky-ribbon w-full p-2.5 text-center\"\n      data-testid=\"disconnected-integrations-ribbon\"\n      size=\"large\"\n      style=\"warning\"\n      onClose={() => setIsClosed(true)}\n    >\n      <span className=\"w-full\">\n        <Trans\n          count={knownAlerts.length}\n          defaults={getDisconnectionRibbonDefaultMessage(knownAlerts)}\n          components={{\n            integrations: (\n              <IntegrationLinks\n                {...{ integrationRouteMap }}\n                alerts={knownAlerts}\n              />\n            ),\n          }}\n          i18nKey={getDisconnectionRibbonI18nKey(\n            knownAlerts,\n            integrationRouteMap\n          )}\n        />\n      </span>\n    </Tag>\n  );\n};\n\nexport default DisconnectedIntegrationsRibbon;\n"],"names":["getHasOnlyUPIIntegration","alerts","length","serviceName","getDisconnectionRibbonDefaultMessage","t","count","getDisconnectionRibbonI18nKey","integrationRouteMap","hasOnlyUPIIntegration","eupi","IntegrationLinks","_ref","map","alert","index","_integrationRouteMap$","label","path","linkPath","redirectPath","_jsxs","children","_jsx","Link","className","to","id","DisconnectedIntegrationsRibbon","_ref2","_ref2$integrationRout","_useState","useState","_useState2","_slicedToArray","isClosed","setIsClosed","useTranslation","_useFetchDisconnectio","useFetchDisconnectionAlerts","_useFetchDisconnectio2","data","_useFetchDisconnectio3","_useFetchDisconnectio4","disconnectionAlerts","knownAlerts","filter","isEmpty","Tag","size","style","onClose","Trans","defaults","components","integrations","i18nKey"],"mappings":"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"}

package/dist/cjs/v2/Daily.js

@@ -84,7 +84,7 @@ var Manage = function Manage(_ref) {
       },
       components: {
         wrapper: /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "mt-2 flex items-center justify-between gap-x-3 neeto-ui-rounded-md border border-border px-3 py-2"
+          className: "mt-2 flex items-center justify-between gap-x-3 rounded-md border border-border px-3 py-2"
         }),
         span: /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "break-all text-sm"

package/dist/cjs/v2/Daily.js.map

@@ -1 +1 @@
-{"version":3,"file":"Daily.js","sources":["../../../app/javascript/src/v2/components/Integrations/Daily/Manage.jsx","../../../app/javascript/src/v2/components/Integrations/Daily/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { buildUrl } from \"neetocommons/v2/utils\";\nimport { Daily as DailyIcon } from \"neetoicons/misc\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { useDestroyDaily, useFetchDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nimport ManageIntegrations from \"../../commons/Manage\";\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=\"mt-2 flex items-center justify-between gap-x-3 neeto-ui-rounded-md border border-border px-3 py-2\" />\n              ),\n              span: <span className=\"break-all text-sm\" />,\n              copy: (\n                <CopyToClipboardButton\n                  className=\"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/v2/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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"}
+{"version":3,"file":"Daily.js","sources":["../../../app/javascript/src/v2/components/Integrations/Daily/Manage.jsx","../../../app/javascript/src/v2/components/Integrations/Daily/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { buildUrl } from \"neetocommons/v2/utils\";\nimport { Daily as DailyIcon } from \"neetoicons/misc\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { useDestroyDaily, useFetchDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nimport ManageIntegrations from \"../../commons/Manage\";\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=\"mt-2 flex items-center justify-between gap-x-3 rounded-md border border-border px-3 py-2\" />\n              ),\n              span: <span className=\"break-all text-sm\" />,\n              copy: (\n                <CopyToClipboardButton\n                  className=\"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/v2/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/v2/Demo.js

@@ -43,7 +43,7 @@ var Demo = function Demo(_ref) {
       autoPlay: true,
       controls: true,
       muted: true,
-      className: "aspect-video w-full max-w-3xl cursor-pointer neeto-ui-rounded-xl",
+      className: "aspect-video w-full max-w-3xl cursor-pointer rounded-xl",
       id: "walkthrough-video",
       children: /*#__PURE__*/jsxRuntime.jsx("source", {
         src: videoUrl

package/dist/cjs/v2/Demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Demo.js","sources":["../../../app/javascript/src/v2/components/Steps/utils.js","../../../app/javascript/src/v2/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 { Button } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\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=\"aspect-video w-full max-w-3xl cursor-pointer neeto-ui-rounded-xl\"\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          data-testid=\"neeto-integrations-demo-finish-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  onClose: PropTypes.func,\n  videoUrl: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\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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"}
+{"version":3,"file":"Demo.js","sources":["../../../app/javascript/src/v2/components/Steps/utils.js","../../../app/javascript/src/v2/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 { Button } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\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=\"aspect-video w-full max-w-3xl cursor-pointer rounded-xl\"\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          data-testid=\"neeto-integrations-demo-finish-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  onClose: PropTypes.func,\n  videoUrl: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\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/v2/GoogleCalendar.js

@@ -92,7 +92,7 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
             }
           })
         }), permissionImage && /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "my-4 overflow-hidden neeto-ui-rounded-md border border-border",
+          className: "my-4 overflow-hidden rounded-md border border-border",
           children: /*#__PURE__*/jsxRuntime.jsx("img", {
             src: permissionImage
           })

package/dist/cjs/v2/GoogleCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoogleCalendar.js","sources":["../../../app/javascript/src/v2/components/Integrations/GoogleCalender/constants.js","../../../app/javascript/src/v2/components/Integrations/GoogleCalender/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const INTEGRATION_STEPS = [\n  {\n    step: \"1\",\n    label: t(\"neetoIntegrations.common.connect\"),\n    isActive: true,\n    isCompleted: false,\n  },\n  {\n    step: \"2\",\n    label: t(\"neetoIntegrations.common.finish\"),\n    isActive: false,\n    isCompleted: false,\n  },\n];\n\nexport const STEPS = {\n  connect: t(\"neetoIntegrations.common.connect\"),\n  finish: t(\"neetoIntegrations.common.finish\"),\n};\n","import { useState, useEffect } from \"react\";\n\nimport { Typography, Callout, Button } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/v2/utils\";\nimport { GoogleCalendar as GoogleCalendarIcon, Google } from \"neetoicons/misc\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INTEGRATION_STEPS, STEPS } from \"./constants\";\n\nimport IntegrationsModal from \"../../Modal\";\nimport Finish from \"../../Steps/Finish\";\n\nconst GoogleCalendar = ({\n  permissionImage,\n  fetchAuthorizationUrl,\n  handleClose,\n  handleRedirect,\n}) => {\n  const { t } = useTranslation();\n  const [steps, setSteps] = useState(INTEGRATION_STEPS);\n  const { status } = getQueryParams();\n\n  const activeTab = isPresent(status) ? STEPS.finish : STEPS.connect;\n\n  useEffect(() => {\n    setSteps(() => {\n      const stepsClone = [...steps];\n      stepsClone[0] = {\n        ...steps[0],\n        isActive: activeTab === STEPS.connect,\n        isCompleted: activeTab !== STEPS.connect,\n      };\n\n      stepsClone[1] = {\n        ...steps[1],\n        isActive: activeTab === STEPS.finish,\n        isCompleted: activeTab === STEPS.finish,\n      };\n\n      return stepsClone;\n    });\n  }, [activeTab]);\n\n  return (\n    <IntegrationsModal {...{ steps }} isOpen onClose={handleClose}>\n      {activeTab === STEPS.connect && (\n        <div className=\"mx-auto w-full max-w-3xl\">\n          <GoogleCalendarIcon size={48} />\n          <Typography className=\"mb-4 mt-2\" variant=\"h4\">\n            {t(\"neetoIntegrations.google.connect.title\")}\n          </Typography>\n          <div className=\"flex w-full flex-col items-start\">\n            <Callout className=\"block leading-5\">\n              <Trans\n                components={{ bold: <strong /> }}\n                i18nKey=\"neetoIntegrations.google.connect.reminderToAcceptPermissions\"\n                values={{\n                  selectCheckbox: t(\n                    \"neetoIntegrations.google.connect.selectCheckbox\"\n                  ),\n                }}\n              />\n            </Callout>\n            {permissionImage && (\n              <div className=\"my-4 overflow-hidden neeto-ui-rounded-md border border-border\">\n                <img src={permissionImage} />\n              </div>\n            )}\n          </div>\n          <Button\n            icon={Google}\n            label={t(\"neetoIntegrations.google.connect.signIn\")}\n            onClick={fetchAuthorizationUrl}\n          />\n        </div>\n      )}\n      {activeTab === STEPS.finish && (\n        <Finish\n          title={t(\"neetoIntegrations.google.finish.title\")}\n          onClick={handleRedirect}\n        />\n      )}\n    </IntegrationsModal>\n  );\n};\n\nexport default GoogleCalendar;\n"],"names":["INTEGRATION_STEPS","step","label","t","isActive","isCompleted","STEPS","connect","finish","GoogleCalendar","_ref","permissionImage","fetchAuthorizationUrl","handleClose","handleRedirect","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","steps","setSteps","_getQueryParams","getQueryParams","status","activeTab","isPresent","useEffect","stepsClone","_toConsumableArray","_objectSpread","_jsxs","IntegrationsModal","isOpen","onClose","children","className","_jsx","GoogleCalendarIcon","size","Typography","variant","Callout","Trans","components","bold","i18nKey","values","selectCheckbox","src","Button","icon","Google","onClick","Finish","title"],"mappings":"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"}
+{"version":3,"file":"GoogleCalendar.js","sources":["../../../app/javascript/src/v2/components/Integrations/GoogleCalender/constants.js","../../../app/javascript/src/v2/components/Integrations/GoogleCalender/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const INTEGRATION_STEPS = [\n  {\n    step: \"1\",\n    label: t(\"neetoIntegrations.common.connect\"),\n    isActive: true,\n    isCompleted: false,\n  },\n  {\n    step: \"2\",\n    label: t(\"neetoIntegrations.common.finish\"),\n    isActive: false,\n    isCompleted: false,\n  },\n];\n\nexport const STEPS = {\n  connect: t(\"neetoIntegrations.common.connect\"),\n  finish: t(\"neetoIntegrations.common.finish\"),\n};\n","import { useState, useEffect } from \"react\";\n\nimport { Typography, Callout, Button } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/v2/utils\";\nimport { GoogleCalendar as GoogleCalendarIcon, Google } from \"neetoicons/misc\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INTEGRATION_STEPS, STEPS } from \"./constants\";\n\nimport IntegrationsModal from \"../../Modal\";\nimport Finish from \"../../Steps/Finish\";\n\nconst GoogleCalendar = ({\n  permissionImage,\n  fetchAuthorizationUrl,\n  handleClose,\n  handleRedirect,\n}) => {\n  const { t } = useTranslation();\n  const [steps, setSteps] = useState(INTEGRATION_STEPS);\n  const { status } = getQueryParams();\n\n  const activeTab = isPresent(status) ? STEPS.finish : STEPS.connect;\n\n  useEffect(() => {\n    setSteps(() => {\n      const stepsClone = [...steps];\n      stepsClone[0] = {\n        ...steps[0],\n        isActive: activeTab === STEPS.connect,\n        isCompleted: activeTab !== STEPS.connect,\n      };\n\n      stepsClone[1] = {\n        ...steps[1],\n        isActive: activeTab === STEPS.finish,\n        isCompleted: activeTab === STEPS.finish,\n      };\n\n      return stepsClone;\n    });\n  }, [activeTab]);\n\n  return (\n    <IntegrationsModal {...{ steps }} isOpen onClose={handleClose}>\n      {activeTab === STEPS.connect && (\n        <div className=\"mx-auto w-full max-w-3xl\">\n          <GoogleCalendarIcon size={48} />\n          <Typography className=\"mb-4 mt-2\" variant=\"h4\">\n            {t(\"neetoIntegrations.google.connect.title\")}\n          </Typography>\n          <div className=\"flex w-full flex-col items-start\">\n            <Callout className=\"block leading-5\">\n              <Trans\n                components={{ bold: <strong /> }}\n                i18nKey=\"neetoIntegrations.google.connect.reminderToAcceptPermissions\"\n                values={{\n                  selectCheckbox: t(\n                    \"neetoIntegrations.google.connect.selectCheckbox\"\n                  ),\n                }}\n              />\n            </Callout>\n            {permissionImage && (\n              <div className=\"my-4 overflow-hidden rounded-md border border-border\">\n                <img src={permissionImage} />\n              </div>\n            )}\n          </div>\n          <Button\n            icon={Google}\n            label={t(\"neetoIntegrations.google.connect.signIn\")}\n            onClick={fetchAuthorizationUrl}\n          />\n        </div>\n      )}\n      {activeTab === STEPS.finish && (\n        <Finish\n          title={t(\"neetoIntegrations.google.finish.title\")}\n          onClick={handleRedirect}\n        />\n      )}\n    </IntegrationsModal>\n  );\n};\n\nexport default GoogleCalendar;\n"],"names":["INTEGRATION_STEPS","step","label","t","isActive","isCompleted","STEPS","connect","finish","GoogleCalendar","_ref","permissionImage","fetchAuthorizationUrl","handleClose","handleRedirect","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","steps","setSteps","_getQueryParams","getQueryParams","status","activeTab","isPresent","useEffect","stepsClone","_toConsumableArray","_objectSpread","_jsxs","IntegrationsModal","isOpen","onClose","children","className","_jsx","GoogleCalendarIcon","size","Typography","variant","Callout","Trans","components","bold","i18nKey","values","selectCheckbox","src","Button","icon","Google","onClick","Finish","title"],"mappings":"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"}

package/dist/cjs/v2/Manage.js

@@ -65,13 +65,13 @@ var Manage = reactUtils.withT(function (_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mx-auto w-full max-w-3xl",
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto-integrations__manage my-6 w-full neeto-ui-rounded-lg border border-border",
+        className: "neeto-integrations__manage my-6 w-full rounded-lg border border-border",
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "space-y-4 md:p-8 p-6",
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex md:flex-row flex-col items-start gap-6",
             children: [Icon && /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "border-border mt-0.5 flex shrink-0 items-center justify-center neeto-ui-rounded-lg border p-2 neeto-ui-shadow-sm",
+              className: "border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-2 shadow-sm",
               children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
                 className: "text-muted-foreground",
                 size: 44

package/dist/cjs/v2/Manage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Manage.js","sources":["../../../app/javascript/src/v2/components/commons/Manage.jsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Callout,\n  Tooltip,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport { humanize, isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport DisconnectAlert from \"../DisconnectAlert\";\n\nconst Manage = withT(\n  ({\n    t,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    isDisconnectAlertOpen = false,\n    setIsDisconnectAlertOpen = noop,\n    isDisconnecting = false,\n    onConnect = undefined,\n    onDisconnect = undefined,\n    onClose = noop,\n    Icon = null,\n    isConnected = false,\n    connectPath = \"\",\n    connectUrl = \"\",\n    helpDocUrl = \"\",\n    managePath = \"\",\n    manageUrl = \"\",\n    integrationName = \"\",\n    disconnectMessage = \"\",\n    disconnectTitle = \"\",\n    isConnectDisabled = false,\n    connectTooltipProps = null,\n    buttonProps = {},\n    secondaryButtonProps = {},\n    calloutProps = {},\n  }) => (\n    <>\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <div className=\"neeto-integrations__manage my-6 w-full neeto-ui-rounded-lg border border-border\">\n          <div className=\"space-y-4 md:p-8 p-6\">\n            <div className=\"flex md:flex-row flex-col items-start gap-6\">\n              {Icon && (\n                <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center neeto-ui-rounded-lg border p-2 neeto-ui-shadow-sm\">\n                  <Icon className=\"text-muted-foreground\" size={44} />\n                </div>\n              )}\n              <div className=\"flex flex-col gap-6\">\n                <div className=\"flex flex-col gap-2\">\n                  <div className=\"flex items-center space-x-3\">\n                    <Typography\n                      className=\"text-foreground mb-0.5\"\n                      variant=\"h4\"\n                      weight=\"semibold\"\n                    >\n                      {title}\n                    </Typography>\n                    {isConnected && (\n                      <Badge\n                        label={t(\"neetoIntegrations.common.connected\")}\n                        variant=\"green\"\n                      />\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-2\">\n                    <Typography\n                      className=\"text-foreground break-words\"\n                      variant=\"body1\"\n                      weight=\"normal\"\n                    >\n                      {description}\n                    </Typography>\n                    {helpDocUrl && (\n                      <div className=\"w-full\">\n                        <Button\n                          data-testid=\"help-doc-link\"\n                          href={helpDocUrl}\n                          rel=\"noreferrer\"\n                          target=\"_blank\"\n                          variant=\"link\"\n                          label={t(\"neetoIntegrations.common.learnMore\", {\n                            integration:\n                              integrationName || humanize(integration),\n                          })}\n                        />\n                      </div>\n                    )}\n                    {isNotEmpty(calloutProps) && <Callout {...calloutProps} />}\n                  </div>\n                </div>\n                {isConnected ? (\n                  <div className=\"w-full flex gap-2\">\n                    {(managePath || manageUrl) && (\n                      <Button\n                        data-testid=\"manage-button\"\n                        href={manageUrl}\n                        target={manageUrl ? \"_blank\" : \"_self\"}\n                        to={managePath}\n                        label={t(\"neetoIntegrations.common.manageIntegration\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                        {...buttonProps}\n                      />\n                    )}\n                    {onDisconnect && (\n                      <Button\n                        data-testid=\"disconnect-button\"\n                        variant=\"secondary\"\n                        label={t(\n                          \"neetoIntegrations.common.disconnectIntegration\",\n                          {\n                            integration:\n                              integrationName || humanize(integration),\n                          }\n                        )}\n                        onClick={() => setIsDisconnectAlertOpen(true)}\n                        {...secondaryButtonProps}\n                      />\n                    )}\n                  </div>\n                ) : (\n                  <Tooltip\n                    disabled={!isConnectDisabled}\n                    {...connectTooltipProps}\n                  >\n                    {(connectPath || connectUrl || onConnect) && (\n                      <div className=\"w-full\">\n                        <Button\n                          data-testid=\"connect-button\"\n                          disabled={isConnectDisabled}\n                          href={connectUrl}\n                          to={connectPath}\n                          label={t(\n                            \"neetoIntegrations.common.connectIntegration\",\n                            {\n                              integration:\n                                integrationName || humanize(integration),\n                            }\n                          )}\n                          onClick={onConnect}\n                          {...buttonProps}\n                        />\n                      </div>\n                    )}\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <DisconnectAlert\n        {...{ isDisconnecting, onClose, onDisconnect }}\n        isOpen={isDisconnectAlertOpen}\n        message={\n          disconnectMessage ||\n          t(`adminPanel.integrations.${integration}.disconnect.message`)\n        }\n        title={\n          disconnectTitle ||\n          t(`adminPanel.integrations.${integration}.disconnect.title`)\n        }\n      />\n    </>\n  )\n);\n\nexport default Manage;\n"],"names":["Manage","withT","_ref","t","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$isDisconnectAler","isDisconnectAlertOpen","_ref$setIsDisconnectA","setIsDisconnectAlertOpen","noop","_ref$isDisconnecting","isDisconnecting","_ref$onConnect","onConnect","undefined","_ref$onDisconnect","onDisconnect","_ref$onClose","onClose","_ref$Icon","Icon","_ref$isConnected","isConnected","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","_ref$helpDocUrl","helpDocUrl","_ref$managePath","managePath","_ref$manageUrl","manageUrl","_ref$integrationName","integrationName","_ref$disconnectMessag","disconnectMessage","_ref$disconnectTitle","disconnectTitle","_ref$isConnectDisable","isConnectDisabled","_ref$connectTooltipPr","connectTooltipProps","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$calloutProps","calloutProps","_jsxs","_Fragment","children","_jsx","className","size","Typography","variant","weight","Badge","label","Button","href","rel","target","humanize","isNotEmpty","Callout","_objectSpread","to","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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"}
+{"version":3,"file":"Manage.js","sources":["../../../app/javascript/src/v2/components/commons/Manage.jsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Callout,\n  Tooltip,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport { humanize, isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport DisconnectAlert from \"../DisconnectAlert\";\n\nconst Manage = withT(\n  ({\n    t,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    isDisconnectAlertOpen = false,\n    setIsDisconnectAlertOpen = noop,\n    isDisconnecting = false,\n    onConnect = undefined,\n    onDisconnect = undefined,\n    onClose = noop,\n    Icon = null,\n    isConnected = false,\n    connectPath = \"\",\n    connectUrl = \"\",\n    helpDocUrl = \"\",\n    managePath = \"\",\n    manageUrl = \"\",\n    integrationName = \"\",\n    disconnectMessage = \"\",\n    disconnectTitle = \"\",\n    isConnectDisabled = false,\n    connectTooltipProps = null,\n    buttonProps = {},\n    secondaryButtonProps = {},\n    calloutProps = {},\n  }) => (\n    <>\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <div className=\"neeto-integrations__manage my-6 w-full rounded-lg border border-border\">\n          <div className=\"space-y-4 md:p-8 p-6\">\n            <div className=\"flex md:flex-row flex-col items-start gap-6\">\n              {Icon && (\n                <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-2 shadow-sm\">\n                  <Icon className=\"text-muted-foreground\" size={44} />\n                </div>\n              )}\n              <div className=\"flex flex-col gap-6\">\n                <div className=\"flex flex-col gap-2\">\n                  <div className=\"flex items-center space-x-3\">\n                    <Typography\n                      className=\"text-foreground mb-0.5\"\n                      variant=\"h4\"\n                      weight=\"semibold\"\n                    >\n                      {title}\n                    </Typography>\n                    {isConnected && (\n                      <Badge\n                        label={t(\"neetoIntegrations.common.connected\")}\n                        variant=\"green\"\n                      />\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-2\">\n                    <Typography\n                      className=\"text-foreground break-words\"\n                      variant=\"body1\"\n                      weight=\"normal\"\n                    >\n                      {description}\n                    </Typography>\n                    {helpDocUrl && (\n                      <div className=\"w-full\">\n                        <Button\n                          data-testid=\"help-doc-link\"\n                          href={helpDocUrl}\n                          rel=\"noreferrer\"\n                          target=\"_blank\"\n                          variant=\"link\"\n                          label={t(\"neetoIntegrations.common.learnMore\", {\n                            integration:\n                              integrationName || humanize(integration),\n                          })}\n                        />\n                      </div>\n                    )}\n                    {isNotEmpty(calloutProps) && <Callout {...calloutProps} />}\n                  </div>\n                </div>\n                {isConnected ? (\n                  <div className=\"w-full flex gap-2\">\n                    {(managePath || manageUrl) && (\n                      <Button\n                        data-testid=\"manage-button\"\n                        href={manageUrl}\n                        target={manageUrl ? \"_blank\" : \"_self\"}\n                        to={managePath}\n                        label={t(\"neetoIntegrations.common.manageIntegration\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                        {...buttonProps}\n                      />\n                    )}\n                    {onDisconnect && (\n                      <Button\n                        data-testid=\"disconnect-button\"\n                        variant=\"secondary\"\n                        label={t(\n                          \"neetoIntegrations.common.disconnectIntegration\",\n                          {\n                            integration:\n                              integrationName || humanize(integration),\n                          }\n                        )}\n                        onClick={() => setIsDisconnectAlertOpen(true)}\n                        {...secondaryButtonProps}\n                      />\n                    )}\n                  </div>\n                ) : (\n                  <Tooltip\n                    disabled={!isConnectDisabled}\n                    {...connectTooltipProps}\n                  >\n                    {(connectPath || connectUrl || onConnect) && (\n                      <div className=\"w-full\">\n                        <Button\n                          data-testid=\"connect-button\"\n                          disabled={isConnectDisabled}\n                          href={connectUrl}\n                          to={connectPath}\n                          label={t(\n                            \"neetoIntegrations.common.connectIntegration\",\n                            {\n                              integration:\n                                integrationName || humanize(integration),\n                            }\n                          )}\n                          onClick={onConnect}\n                          {...buttonProps}\n                        />\n                      </div>\n                    )}\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <DisconnectAlert\n        {...{ isDisconnecting, onClose, onDisconnect }}\n        isOpen={isDisconnectAlertOpen}\n        message={\n          disconnectMessage ||\n          t(`adminPanel.integrations.${integration}.disconnect.message`)\n        }\n        title={\n          disconnectTitle ||\n          t(`adminPanel.integrations.${integration}.disconnect.title`)\n        }\n      />\n    </>\n  )\n);\n\nexport default Manage;\n"],"names":["Manage","withT","_ref","t","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$isDisconnectAler","isDisconnectAlertOpen","_ref$setIsDisconnectA","setIsDisconnectAlertOpen","noop","_ref$isDisconnecting","isDisconnecting","_ref$onConnect","onConnect","undefined","_ref$onDisconnect","onDisconnect","_ref$onClose","onClose","_ref$Icon","Icon","_ref$isConnected","isConnected","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","_ref$helpDocUrl","helpDocUrl","_ref$managePath","managePath","_ref$manageUrl","manageUrl","_ref$integrationName","integrationName","_ref$disconnectMessag","disconnectMessage","_ref$disconnectTitle","disconnectTitle","_ref$isConnectDisable","isConnectDisabled","_ref$connectTooltipPr","connectTooltipProps","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$calloutProps","calloutProps","_jsxs","_Fragment","children","_jsx","className","size","Typography","variant","weight","Badge","label","Button","href","rel","target","humanize","isNotEmpty","Callout","_objectSpread","to","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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"}

package/dist/cjs/v2/Modal.js

@@ -28,8 +28,8 @@ var Stepper = function Stepper(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center gap-2",
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames("flex h-6 w-6 items-center justify-center neeto-ui-rounded-full border", {
-              "bg-green-600 border-green-600 neeto-ui-text-white": isActive,
+            className: classnames("flex h-6 w-6 items-center justify-center rounded-full border", {
+              "bg-green-600 border-green-600 text-white": isActive,
               "bg-primary border-primary text-primary-foreground": isCompleted,
               "border-border text-muted-foreground": !isActiveOrCompleted(isActive, isCompleted)
             }),

package/dist/cjs/v2/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../app/javascript/src/v2/components/Modal/Stepper.jsx","../../../app/javascript/src/v2/components/Modal/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps = {} }) => {\n  const isActiveOrCompleted = (activeStatus, completedStatus) =>\n    activeStatus || completedStatus;\n\n  return (\n    <ul className=\"flex gap-4\">\n      {steps?.map(({ step, label, isActive, isCompleted }) => (\n        <li className=\"flex items-center gap-4\" key={step}>\n          {step !== \"1\" && (\n            <div\n              className={classnames(\"w-10 border-b\", {\n                \"border-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"border-border\": !isActiveOrCompleted(isActive, isCompleted),\n              })}\n            />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className={classnames(\n                \"flex h-6 w-6 items-center justify-center neeto-ui-rounded-full border\",\n                {\n                  \"bg-green-600 border-green-600 neeto-ui-text-white\": isActive,\n                  \"bg-primary border-primary text-primary-foreground\":\n                    isCompleted,\n                  \"border-border text-muted-foreground\": !isActiveOrCompleted(\n                    isActive,\n                    isCompleted\n                  ),\n                }\n              )}\n            >\n              <Typography asChild variant=\"body2\" weight=\"normal\">\n                <span>{step}</span>\n              </Typography>\n            </div>\n            <Typography\n              variant=\"body2\"\n              weight=\"normal\"\n              className={classnames({\n                \"text-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"text-muted-foreground\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            >\n              {label}\n            </Typography>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nStepper.propTypes = { steps: PropTypes.array };\n\nexport default Stepper;\n","import { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Stepper from \"./Stepper\";\n\nconst Modal = ({ isOpen = noop, onClose = noop, steps = {}, children }) => (\n  <Dialog\n    {...{ isOpen, onClose }}\n    className=\"flex flex-col transform-none w-screen overflow-y-auto\"\n    size=\"fullScreen\"\n  >\n    <Dialog.Header>\n      <Stepper {...{ steps }} />\n    </Dialog.Header>\n    <Dialog.Body className=\"flex justify-center grow\">\n      <div className=\"w-full py-10\">{children}</div>\n    </Dialog.Body>\n  </Dialog>\n);\n\nModal.propTypes = {\n  /**\n   * Handler function that is used to open the Modal\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the Modal's close button is invoked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Denote the number of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      step: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      isActive: PropTypes.bool.isRequired,\n      isCompleted: PropTypes.bool.isRequired,\n    })\n  ),\n};\n\nexport default Modal;\n"],"names":["Stepper","_ref","_ref$steps","steps","isActiveOrCompleted","activeStatus","completedStatus","_jsx","className","children","map","_ref2","step","label","isActive","isCompleted","_jsxs","classnames","Typography","asChild","variant","weight","Modal","_ref$isOpen","isOpen","noop","_ref$onClose","onClose","Dialog","size","Header","Body"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../app/javascript/src/v2/components/Modal/Stepper.jsx","../../../app/javascript/src/v2/components/Modal/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps = {} }) => {\n  const isActiveOrCompleted = (activeStatus, completedStatus) =>\n    activeStatus || completedStatus;\n\n  return (\n    <ul className=\"flex gap-4\">\n      {steps?.map(({ step, label, isActive, isCompleted }) => (\n        <li className=\"flex items-center gap-4\" key={step}>\n          {step !== \"1\" && (\n            <div\n              className={classnames(\"w-10 border-b\", {\n                \"border-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"border-border\": !isActiveOrCompleted(isActive, isCompleted),\n              })}\n            />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className={classnames(\n                \"flex h-6 w-6 items-center justify-center rounded-full border\",\n                {\n                  \"bg-green-600 border-green-600 text-white\": isActive,\n                  \"bg-primary border-primary text-primary-foreground\":\n                    isCompleted,\n                  \"border-border text-muted-foreground\": !isActiveOrCompleted(\n                    isActive,\n                    isCompleted\n                  ),\n                }\n              )}\n            >\n              <Typography asChild variant=\"body2\" weight=\"normal\">\n                <span>{step}</span>\n              </Typography>\n            </div>\n            <Typography\n              variant=\"body2\"\n              weight=\"normal\"\n              className={classnames({\n                \"text-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"text-muted-foreground\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            >\n              {label}\n            </Typography>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nStepper.propTypes = { steps: PropTypes.array };\n\nexport default Stepper;\n","import { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Stepper from \"./Stepper\";\n\nconst Modal = ({ isOpen = noop, onClose = noop, steps = {}, children }) => (\n  <Dialog\n    {...{ isOpen, onClose }}\n    className=\"flex flex-col transform-none w-screen overflow-y-auto\"\n    size=\"fullScreen\"\n  >\n    <Dialog.Header>\n      <Stepper {...{ steps }} />\n    </Dialog.Header>\n    <Dialog.Body className=\"flex justify-center grow\">\n      <div className=\"w-full py-10\">{children}</div>\n    </Dialog.Body>\n  </Dialog>\n);\n\nModal.propTypes = {\n  /**\n   * Handler function that is used to open the Modal\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the Modal's close button is invoked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Denote the number of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      step: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      isActive: PropTypes.bool.isRequired,\n      isCompleted: PropTypes.bool.isRequired,\n    })\n  ),\n};\n\nexport default Modal;\n"],"names":["Stepper","_ref","_ref$steps","steps","isActiveOrCompleted","activeStatus","completedStatus","_jsx","className","children","map","_ref2","step","label","isActive","isCompleted","_jsxs","classnames","Typography","asChild","variant","weight","Modal","_ref$isOpen","isOpen","noop","_ref$onClose","onClose","Dialog","size","Header","Body"],"mappings":"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"}

package/dist/cjs/v2/Twilio.js

@@ -55,7 +55,7 @@ var ConnectionTypeCard = function ConnectionTypeCard(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isSelected = selected === value;
-  var cardClass = "flex w-full cursor-pointer flex-col gap-y-2 neeto-ui-rounded border p-4 ".concat(isSelected ? "border-green-700 bg-green-50" : "neeto-ui-border-gray-200");
+  var cardClass = "flex w-full cursor-pointer flex-col gap-y-2 rounded border p-4 ".concat(isSelected ? "border-green-700 bg-green-50" : "border-border");
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cardClass,
     onClick: function onClick() {
@@ -82,7 +82,7 @@ var ConnectionTypeCard = function ConnectionTypeCard(_ref) {
         label: t("neetoIntegrations.twilio.connectionType.messagingService.recommendedBadge")
       })]
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "text-sm neeto-ui-text-gray-600",
+      className: "text-sm text-muted-foreground",
       children: description
     }), isSelected && children]
   });
@@ -136,7 +136,7 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
           className: "font-semibold",
           children: t("neetoIntegrations.twilio.smsSendingMethod.title")
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "text-sm neeto-ui-text-gray-600",
+          className: "text-sm text-muted-foreground",
           children: t("neetoIntegrations.twilio.smsSendingMethod.subtitle")
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {

package/dist/cjs/v2/Twilio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Twilio.js","sources":["../../../app/javascript/src/v2/components/Integrations/Twilio/constants.js","../../../app/javascript/src/v2/components/Integrations/Twilio/ConnectionTypeCard.jsx","../../../app/javascript/src/v2/components/Integrations/Twilio/Form.jsx","../../../app/javascript/src/v2/components/Integrations/Twilio/hooks/useTwilio.js","../../../app/javascript/src/v2/components/Integrations/Twilio/utils.js","../../../app/javascript/src/v2/components/Integrations/Twilio/index.jsx"],"sourcesContent":["export const CONNECTION_TYPES = {\n  PHONE_NUMBER: \"phone_number\",\n  MESSAGING_SERVICE: \"messaging_service\",\n};\n","import { Badge } from \"@bigbinary/neeto-atoms\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ConnectionTypeCard = ({\n  value,\n  selected,\n  title,\n  description,\n  recommended = false,\n  onSelect,\n  children,\n}) => {\n  const { t } = useTranslation();\n  const isSelected = selected === value;\n  const cardClass = `flex w-full cursor-pointer flex-col gap-y-2 neeto-ui-rounded border p-4 ${\n    isSelected ? \"border-green-700 bg-green-50\" : \"neeto-ui-border-gray-200\"\n  }`;\n\n  return (\n    <div className={cardClass} onClick={() => onSelect(value)}>\n      <div className=\"flex items-center gap-x-2\">\n        <input\n          {...{ value }}\n          checked={isSelected}\n          name=\"connectionType\"\n          type=\"radio\"\n          onChange={() => onSelect(value)}\n          onClick={e => e.stopPropagation()}\n        />\n        <div className=\"font-semibold\">{title}</div>\n        {recommended && (\n          <Badge\n            variant=\"green-subtle\"\n            label={t(\n              \"neetoIntegrations.twilio.connectionType.messagingService.recommendedBadge\"\n            )}\n          />\n        )}\n      </div>\n      <div className=\"text-sm neeto-ui-text-gray-600\">{description}</div>\n      {isSelected && children}\n    </div>\n  );\n};\n\nexport default ConnectionTypeCard;\n","import { Input, Select } from \"@bigbinary/neeto-atoms/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ConnectionTypeCard from \"./ConnectionTypeCard\";\nimport { CONNECTION_TYPES } from \"./constants\";\n\nconst ConfigurationForm = ({\n  phoneNumberOptions,\n  messagingServiceOptions,\n  initialFocusRef = null,\n  isUsingOverlay = false,\n  formikProps = {},\n}) => {\n  const { t } = useTranslation();\n  const { setFieldValue, values, errors } = formikProps;\n\n  const handleConnectionTypeChange = nextType => {\n    setFieldValue(\"connectionType\", nextType);\n\n    if (nextType === CONNECTION_TYPES.PHONE_NUMBER) {\n      setFieldValue(\"twilioMessagingService\", null);\n    } else {\n      setFieldValue(\"twilioPhoneNumber\", null);\n    }\n  };\n\n  const senderOptionsAvailable =\n    phoneNumberOptions !== null || messagingServiceOptions !== null;\n\n  return (\n    <div className=\"flex w-full flex-col gap-y-6\">\n      <div className=\"flex w-full flex-col gap-y-4\">\n        <Input\n          required\n          autoFocus={!isUsingOverlay}\n          data-testid=\"integrations-twilio-sid\"\n          label={t(\"neetoIntegrations.twilio.sid\")}\n          name=\"twilioSid\"\n          ref={initialFocusRef}\n        />\n        <Input\n          required\n          data-testid=\"integrations-twilio-auth-token\"\n          label={t(\"neetoIntegrations.twilio.authToken\")}\n          name=\"twilioAuthToken\"\n        />\n      </div>\n      {senderOptionsAvailable && (\n        <div className=\"flex w-full flex-col gap-y-4\">\n          <div>\n            <div className=\"font-semibold\">\n              {t(\"neetoIntegrations.twilio.smsSendingMethod.title\")}\n            </div>\n            <div className=\"text-sm neeto-ui-text-gray-600\">\n              {t(\"neetoIntegrations.twilio.smsSendingMethod.subtitle\")}\n            </div>\n          </div>\n          <div className=\"flex w-full flex-col gap-y-3\">\n            <ConnectionTypeCard\n              selected={values.connectionType}\n              value={CONNECTION_TYPES.PHONE_NUMBER}\n              description={t(\n                \"neetoIntegrations.twilio.connectionType.phoneNumber.description\"\n              )}\n              title={t(\n                \"neetoIntegrations.twilio.connectionType.phoneNumber.label\"\n              )}\n              onSelect={handleConnectionTypeChange}\n            >\n              <Select\n                error={errors.twilioPhoneNumber?.value}\n                label={t(\"neetoIntegrations.common.phNo\")}\n                name=\"twilioPhoneNumber\"\n                options={phoneNumberOptions ?? []}\n                size=\"large\"\n                onChange={selected =>\n                  setFieldValue(\"twilioPhoneNumber\", selected)\n                }\n              />\n            </ConnectionTypeCard>\n            <ConnectionTypeCard\n              recommended\n              selected={values.connectionType}\n              value={CONNECTION_TYPES.MESSAGING_SERVICE}\n              description={t(\n                \"neetoIntegrations.twilio.connectionType.messagingService.description\"\n              )}\n              title={t(\n                \"neetoIntegrations.twilio.connectionType.messagingService.label\"\n              )}\n              onSelect={handleConnectionTypeChange}\n            >\n              <Select\n                error={errors.twilioMessagingService?.value}\n                label={t(\"neetoIntegrations.twilio.messagingService.label\")}\n                name=\"twilioMessagingService\"\n                options={messagingServiceOptions ?? []}\n                size=\"large\"\n                placeholder={t(\n                  \"neetoIntegrations.twilio.messagingService.placeholder\"\n                )}\n                onChange={selected =>\n                  setFieldValue(\"twilioMessagingService\", selected)\n                }\n              />\n            </ConnectionTypeCard>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ConfigurationForm;\n","import { noop } from \"neetocist\";\nimport { useStateWithDependency } from \"neetocommons/v2/react-utils\";\n\nimport {\n  useFetchTwilioSenderOptions,\n  useCreateTwilioConfiguration,\n  useFetchTwilioSmsConfiguration,\n} from \"hooks/reactQuery/useTwilioApi\";\n\nimport { CONNECTION_TYPES } from \"../constants\";\n\nconst useTwilio = ({ onConnect = noop, formRef = null, integrable = null }) => {\n  const { data: configuration = {}, isLoading: isConfigurationLoading } =\n    useFetchTwilioSmsConfiguration({ integrable });\n  const [credentials, setCredentials] = useStateWithDependency(configuration);\n  const { data: senderOptions, isLoading: isSenderOptionsLoading } =\n    useFetchTwilioSenderOptions({ credentials, formRef });\n\n  const phoneNumbers = senderOptions?.phoneNumbers;\n  const messagingServices = senderOptions?.messagingServices;\n\n  const { mutate: saveConfiguration, isPending: isSubmitting } =\n    useCreateTwilioConfiguration({ integrable });\n\n  const handleSubmit = values => {\n    const credentialsPayload = {\n      twilio_sid: values.twilioSid,\n      twilio_auth_token: values.twilioAuthToken,\n    };\n\n    if (!senderOptions && !configuration?.connectionType) {\n      setCredentials(credentialsPayload);\n\n      return;\n    }\n\n    const payload =\n      values.connectionType === CONNECTION_TYPES.MESSAGING_SERVICE\n        ? {\n            ...credentialsPayload,\n            connection_type: CONNECTION_TYPES.MESSAGING_SERVICE,\n            twilio_messaging_service_sid: values.twilioMessagingService?.value,\n            twilio_messaging_service_friendly_name:\n              values.twilioMessagingService?.label,\n          }\n        : {\n            ...credentialsPayload,\n            connection_type: CONNECTION_TYPES.PHONE_NUMBER,\n            twilio_phone_number_sid: values.twilioPhoneNumber?.value,\n          };\n\n    saveConfiguration(payload, { onSuccess: onConnect });\n  };\n\n  return {\n    handleSubmit,\n    phoneNumbers,\n    messagingServices,\n    isConfigurationLoading,\n    isSenderOptionsLoading,\n    isSubmitting,\n    configuration,\n  };\n};\n\nexport default useTwilio;\n","import i18next from \"i18next\";\nimport * as yup from \"yup\";\n\nimport { CONNECTION_TYPES } from \"./constants\";\n\nexport const buildTwilioConfigurationValidationSchema = () =>\n  yup.object().shape({\n    twilioSid: yup\n      .string()\n      .required(i18next.t(\"neetoIntegrations.twilio.validations.sidReq\")),\n    twilioAuthToken: yup\n      .string()\n      .required(i18next.t(\"neetoIntegrations.twilio.validations.authTokenReq\")),\n    connectionType: yup\n      .string()\n      .oneOf([\n        CONNECTION_TYPES.PHONE_NUMBER,\n        CONNECTION_TYPES.MESSAGING_SERVICE,\n      ])\n      .required(),\n    twilioPhoneNumber: yup\n      .object()\n      .nullable()\n      .when(\"connectionType\", {\n        is: CONNECTION_TYPES.PHONE_NUMBER,\n        then: schema =>\n          schema.shape({\n            label: yup.string(),\n            value: yup\n              .string()\n              .required(\n                i18next.t(\"neetoIntegrations.twilio.validations.phNumReq\")\n              ),\n          }),\n      }),\n    twilioMessagingService: yup\n      .object()\n      .nullable()\n      .when(\"connectionType\", {\n        is: CONNECTION_TYPES.MESSAGING_SERVICE,\n        then: schema =>\n          schema.shape({\n            label: yup.string(),\n            value: yup\n              .string()\n              .required(\n                i18next.t(\n                  \"neetoIntegrations.twilio.validations.messagingServiceReq\"\n                )\n              ),\n          }),\n      }),\n  });\n\nexport const buildPhoneNumberOptions = phoneNumbers =>\n  phoneNumbers?.map(({ phoneNumber, sid }) => ({\n    label: phoneNumber,\n    value: sid,\n  })) ?? [];\n\nexport const buildMessagingServiceOptions = messagingServices =>\n  messagingServices?.map(({ sid, friendlyName }) => ({\n    label: friendlyName,\n    value: sid,\n  })) ?? [];\n","import { useRef } from \"react\";\n\nimport {\n  ActionBlock,\n  Form as FormikFormWrapper,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { noop, _findBy } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { equals } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { CONNECTION_TYPES } from \"./constants\";\nimport Form from \"./Form\";\nimport useTwilio from \"./hooks/useTwilio\";\nimport {\n  buildMessagingServiceOptions,\n  buildPhoneNumberOptions,\n  buildTwilioConfigurationValidationSchema,\n} from \"./utils\";\n\nconst Twilio = ({ integrable = null, onClose = noop, onConnect = noop }) => {\n  const { t } = useTranslation();\n  const initialFocusRef = useRef();\n  const formRef = useRef();\n\n  const {\n    handleSubmit,\n    phoneNumbers,\n    messagingServices,\n    isConfigurationLoading,\n    isSenderOptionsLoading,\n    isSubmitting,\n    configuration,\n  } = useTwilio({ onConnect, formRef, integrable });\n\n  const phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);\n  const messagingServiceOptions =\n    buildMessagingServiceOptions(messagingServices);\n\n  const selectedPhoneNumber = _findBy(\n    { label: configuration?.twilioPhoneNumber },\n    phoneNumberOptions\n  );\n\n  const selectedMessagingService = _findBy(\n    { value: configuration?.twilioMessagingServiceSid },\n    messagingServiceOptions\n  );\n\n  const initialValues = {\n    twilioSid: configuration?.twilioSid ?? \"\",\n    twilioAuthToken: configuration?.twilioAuthToken ?? \"\",\n    connectionType:\n      configuration?.connectionType || CONNECTION_TYPES.PHONE_NUMBER,\n    twilioPhoneNumber: selectedPhoneNumber ?? null,\n    twilioMessagingService: selectedMessagingService ?? null,\n  };\n\n  const senderOptionsAvailable = !!phoneNumbers || !!messagingServices;\n  const isLoading = isSenderOptionsLoading || isConfigurationLoading;\n\n  const isSubmitDisabled = values => equals(initialValues, values) || isLoading;\n\n  return (\n    <FormikFormWrapper\n      className=\"w-full\"\n      formikProps={{\n        enableReinitialize: true,\n        validationSchema: buildTwilioConfigurationValidationSchema(),\n        initialValues,\n        innerRef: formRef,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {formikProps => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              {...{ isSubmitting }}\n              cancelButtonProps={{ onClick: onClose }}\n              submitButtonProps={{\n                label: senderOptionsAvailable\n                  ? t(\"neetoIntegrations.common.saveChanges\")\n                  : t(\"neetoIntegrations.common.verify\"),\n                disabled: isSubmitDisabled(formikProps.values) || isSubmitting,\n                loading:\n                  isSubmitting ||\n                  (isSenderOptionsLoading && !configuration?.twilioAuthToken),\n              }}\n            />\n          }\n        >\n          <Form\n            {...{ formikProps, initialFocusRef }}\n            messagingServiceOptions={\n              senderOptionsAvailable ? messagingServiceOptions : null\n            }\n            phoneNumberOptions={\n              senderOptionsAvailable ? phoneNumberOptions : null\n            }\n          />\n        </CardLayout>\n      )}\n    </FormikFormWrapper>\n  );\n};\n\nexport default Twilio;\n"],"names":["CONNECTION_TYPES","PHONE_NUMBER","MESSAGING_SERVICE","ConnectionTypeCard","_ref","value","selected","title","description","_ref$recommended","recommended","onSelect","children","_useTranslation","useTranslation","t","isSelected","cardClass","concat","_jsxs","className","onClick","_jsx","checked","name","type","onChange","e","stopPropagation","Badge","variant","label","ConfigurationForm","_errors$twilioPhoneNu","_errors$twilioMessagi","phoneNumberOptions","messagingServiceOptions","_ref$initialFocusRef","initialFocusRef","_ref$isUsingOverlay","isUsingOverlay","_ref$formikProps","formikProps","setFieldValue","values","errors","handleConnectionTypeChange","nextType","senderOptionsAvailable","Input","required","autoFocus","ref","connectionType","Select","error","twilioPhoneNumber","options","size","twilioMessagingService","placeholder","useTwilio","_ref$onConnect","onConnect","noop","_ref$formRef","formRef","_ref$integrable","integrable","_useFetchTwilioSmsCon","useFetchTwilioSmsConfiguration","_useFetchTwilioSmsCon2","data","configuration","isConfigurationLoading","isLoading","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","credentials","setCredentials","_useFetchTwilioSender","useFetchTwilioSenderOptions","senderOptions","isSenderOptionsLoading","phoneNumbers","messagingServices","_useCreateTwilioConfi","useCreateTwilioConfiguration","saveConfiguration","mutate","isSubmitting","isPending","handleSubmit","_values$twilioMessagi","_values$twilioMessagi2","_values$twilioPhoneNu","credentialsPayload","twilio_sid","twilioSid","twilio_auth_token","twilioAuthToken","payload","_objectSpread","connection_type","twilio_messaging_service_sid","twilio_messaging_service_friendly_name","twilio_phone_number_sid","onSuccess","buildTwilioConfigurationValidationSchema","yup","object","shape","string","i18next","oneOf","nullable","when","is","then","schema","buildPhoneNumberOptions","_phoneNumbers$map","map","phoneNumber","sid","buildMessagingServiceOptions","_messagingServices$ma","_ref2","friendlyName","Twilio","_configuration$twilio","_configuration$twilio2","_ref$onClose","onClose","useRef","_useTwilio","selectedPhoneNumber","_findBy","selectedMessagingService","twilioMessagingServiceSid","initialValues","isSubmitDisabled","equals","FormikFormWrapper","enableReinitialize","validationSchema","innerRef","onSubmit","CardLayout","actionBlock","ActionBlock","cancelButtonProps","submitButtonProps","disabled","loading","Form"],"mappings":"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"}
+{"version":3,"file":"Twilio.js","sources":["../../../app/javascript/src/v2/components/Integrations/Twilio/constants.js","../../../app/javascript/src/v2/components/Integrations/Twilio/ConnectionTypeCard.jsx","../../../app/javascript/src/v2/components/Integrations/Twilio/Form.jsx","../../../app/javascript/src/v2/components/Integrations/Twilio/hooks/useTwilio.js","../../../app/javascript/src/v2/components/Integrations/Twilio/utils.js","../../../app/javascript/src/v2/components/Integrations/Twilio/index.jsx"],"sourcesContent":["export const CONNECTION_TYPES = {\n  PHONE_NUMBER: \"phone_number\",\n  MESSAGING_SERVICE: \"messaging_service\",\n};\n","import { Badge } from \"@bigbinary/neeto-atoms\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ConnectionTypeCard = ({\n  value,\n  selected,\n  title,\n  description,\n  recommended = false,\n  onSelect,\n  children,\n}) => {\n  const { t } = useTranslation();\n  const isSelected = selected === value;\n  const cardClass = `flex w-full cursor-pointer flex-col gap-y-2 rounded border p-4 ${\n    isSelected ? \"border-green-700 bg-green-50\" : \"border-border\"\n  }`;\n\n  return (\n    <div className={cardClass} onClick={() => onSelect(value)}>\n      <div className=\"flex items-center gap-x-2\">\n        <input\n          {...{ value }}\n          checked={isSelected}\n          name=\"connectionType\"\n          type=\"radio\"\n          onChange={() => onSelect(value)}\n          onClick={e => e.stopPropagation()}\n        />\n        <div className=\"font-semibold\">{title}</div>\n        {recommended && (\n          <Badge\n            variant=\"green-subtle\"\n            label={t(\n              \"neetoIntegrations.twilio.connectionType.messagingService.recommendedBadge\"\n            )}\n          />\n        )}\n      </div>\n      <div className=\"text-sm text-muted-foreground\">{description}</div>\n      {isSelected && children}\n    </div>\n  );\n};\n\nexport default ConnectionTypeCard;\n","import { Input, Select } from \"@bigbinary/neeto-atoms/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ConnectionTypeCard from \"./ConnectionTypeCard\";\nimport { CONNECTION_TYPES } from \"./constants\";\n\nconst ConfigurationForm = ({\n  phoneNumberOptions,\n  messagingServiceOptions,\n  initialFocusRef = null,\n  isUsingOverlay = false,\n  formikProps = {},\n}) => {\n  const { t } = useTranslation();\n  const { setFieldValue, values, errors } = formikProps;\n\n  const handleConnectionTypeChange = nextType => {\n    setFieldValue(\"connectionType\", nextType);\n\n    if (nextType === CONNECTION_TYPES.PHONE_NUMBER) {\n      setFieldValue(\"twilioMessagingService\", null);\n    } else {\n      setFieldValue(\"twilioPhoneNumber\", null);\n    }\n  };\n\n  const senderOptionsAvailable =\n    phoneNumberOptions !== null || messagingServiceOptions !== null;\n\n  return (\n    <div className=\"flex w-full flex-col gap-y-6\">\n      <div className=\"flex w-full flex-col gap-y-4\">\n        <Input\n          required\n          autoFocus={!isUsingOverlay}\n          data-testid=\"integrations-twilio-sid\"\n          label={t(\"neetoIntegrations.twilio.sid\")}\n          name=\"twilioSid\"\n          ref={initialFocusRef}\n        />\n        <Input\n          required\n          data-testid=\"integrations-twilio-auth-token\"\n          label={t(\"neetoIntegrations.twilio.authToken\")}\n          name=\"twilioAuthToken\"\n        />\n      </div>\n      {senderOptionsAvailable && (\n        <div className=\"flex w-full flex-col gap-y-4\">\n          <div>\n            <div className=\"font-semibold\">\n              {t(\"neetoIntegrations.twilio.smsSendingMethod.title\")}\n            </div>\n            <div className=\"text-sm text-muted-foreground\">\n              {t(\"neetoIntegrations.twilio.smsSendingMethod.subtitle\")}\n            </div>\n          </div>\n          <div className=\"flex w-full flex-col gap-y-3\">\n            <ConnectionTypeCard\n              selected={values.connectionType}\n              value={CONNECTION_TYPES.PHONE_NUMBER}\n              description={t(\n                \"neetoIntegrations.twilio.connectionType.phoneNumber.description\"\n              )}\n              title={t(\n                \"neetoIntegrations.twilio.connectionType.phoneNumber.label\"\n              )}\n              onSelect={handleConnectionTypeChange}\n            >\n              <Select\n                error={errors.twilioPhoneNumber?.value}\n                label={t(\"neetoIntegrations.common.phNo\")}\n                name=\"twilioPhoneNumber\"\n                options={phoneNumberOptions ?? []}\n                size=\"large\"\n                onChange={selected =>\n                  setFieldValue(\"twilioPhoneNumber\", selected)\n                }\n              />\n            </ConnectionTypeCard>\n            <ConnectionTypeCard\n              recommended\n              selected={values.connectionType}\n              value={CONNECTION_TYPES.MESSAGING_SERVICE}\n              description={t(\n                \"neetoIntegrations.twilio.connectionType.messagingService.description\"\n              )}\n              title={t(\n                \"neetoIntegrations.twilio.connectionType.messagingService.label\"\n              )}\n              onSelect={handleConnectionTypeChange}\n            >\n              <Select\n                error={errors.twilioMessagingService?.value}\n                label={t(\"neetoIntegrations.twilio.messagingService.label\")}\n                name=\"twilioMessagingService\"\n                options={messagingServiceOptions ?? []}\n                size=\"large\"\n                placeholder={t(\n                  \"neetoIntegrations.twilio.messagingService.placeholder\"\n                )}\n                onChange={selected =>\n                  setFieldValue(\"twilioMessagingService\", selected)\n                }\n              />\n            </ConnectionTypeCard>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ConfigurationForm;\n","import { noop } from \"neetocist\";\nimport { useStateWithDependency } from \"neetocommons/v2/react-utils\";\n\nimport {\n  useFetchTwilioSenderOptions,\n  useCreateTwilioConfiguration,\n  useFetchTwilioSmsConfiguration,\n} from \"hooks/reactQuery/useTwilioApi\";\n\nimport { CONNECTION_TYPES } from \"../constants\";\n\nconst useTwilio = ({ onConnect = noop, formRef = null, integrable = null }) => {\n  const { data: configuration = {}, isLoading: isConfigurationLoading } =\n    useFetchTwilioSmsConfiguration({ integrable });\n  const [credentials, setCredentials] = useStateWithDependency(configuration);\n  const { data: senderOptions, isLoading: isSenderOptionsLoading } =\n    useFetchTwilioSenderOptions({ credentials, formRef });\n\n  const phoneNumbers = senderOptions?.phoneNumbers;\n  const messagingServices = senderOptions?.messagingServices;\n\n  const { mutate: saveConfiguration, isPending: isSubmitting } =\n    useCreateTwilioConfiguration({ integrable });\n\n  const handleSubmit = values => {\n    const credentialsPayload = {\n      twilio_sid: values.twilioSid,\n      twilio_auth_token: values.twilioAuthToken,\n    };\n\n    if (!senderOptions && !configuration?.connectionType) {\n      setCredentials(credentialsPayload);\n\n      return;\n    }\n\n    const payload =\n      values.connectionType === CONNECTION_TYPES.MESSAGING_SERVICE\n        ? {\n            ...credentialsPayload,\n            connection_type: CONNECTION_TYPES.MESSAGING_SERVICE,\n            twilio_messaging_service_sid: values.twilioMessagingService?.value,\n            twilio_messaging_service_friendly_name:\n              values.twilioMessagingService?.label,\n          }\n        : {\n            ...credentialsPayload,\n            connection_type: CONNECTION_TYPES.PHONE_NUMBER,\n            twilio_phone_number_sid: values.twilioPhoneNumber?.value,\n          };\n\n    saveConfiguration(payload, { onSuccess: onConnect });\n  };\n\n  return {\n    handleSubmit,\n    phoneNumbers,\n    messagingServices,\n    isConfigurationLoading,\n    isSenderOptionsLoading,\n    isSubmitting,\n    configuration,\n  };\n};\n\nexport default useTwilio;\n","import i18next from \"i18next\";\nimport * as yup from \"yup\";\n\nimport { CONNECTION_TYPES } from \"./constants\";\n\nexport const buildTwilioConfigurationValidationSchema = () =>\n  yup.object().shape({\n    twilioSid: yup\n      .string()\n      .required(i18next.t(\"neetoIntegrations.twilio.validations.sidReq\")),\n    twilioAuthToken: yup\n      .string()\n      .required(i18next.t(\"neetoIntegrations.twilio.validations.authTokenReq\")),\n    connectionType: yup\n      .string()\n      .oneOf([\n        CONNECTION_TYPES.PHONE_NUMBER,\n        CONNECTION_TYPES.MESSAGING_SERVICE,\n      ])\n      .required(),\n    twilioPhoneNumber: yup\n      .object()\n      .nullable()\n      .when(\"connectionType\", {\n        is: CONNECTION_TYPES.PHONE_NUMBER,\n        then: schema =>\n          schema.shape({\n            label: yup.string(),\n            value: yup\n              .string()\n              .required(\n                i18next.t(\"neetoIntegrations.twilio.validations.phNumReq\")\n              ),\n          }),\n      }),\n    twilioMessagingService: yup\n      .object()\n      .nullable()\n      .when(\"connectionType\", {\n        is: CONNECTION_TYPES.MESSAGING_SERVICE,\n        then: schema =>\n          schema.shape({\n            label: yup.string(),\n            value: yup\n              .string()\n              .required(\n                i18next.t(\n                  \"neetoIntegrations.twilio.validations.messagingServiceReq\"\n                )\n              ),\n          }),\n      }),\n  });\n\nexport const buildPhoneNumberOptions = phoneNumbers =>\n  phoneNumbers?.map(({ phoneNumber, sid }) => ({\n    label: phoneNumber,\n    value: sid,\n  })) ?? [];\n\nexport const buildMessagingServiceOptions = messagingServices =>\n  messagingServices?.map(({ sid, friendlyName }) => ({\n    label: friendlyName,\n    value: sid,\n  })) ?? [];\n","import { useRef } from \"react\";\n\nimport {\n  ActionBlock,\n  Form as FormikFormWrapper,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { noop, _findBy } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { equals } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { CONNECTION_TYPES } from \"./constants\";\nimport Form from \"./Form\";\nimport useTwilio from \"./hooks/useTwilio\";\nimport {\n  buildMessagingServiceOptions,\n  buildPhoneNumberOptions,\n  buildTwilioConfigurationValidationSchema,\n} from \"./utils\";\n\nconst Twilio = ({ integrable = null, onClose = noop, onConnect = noop }) => {\n  const { t } = useTranslation();\n  const initialFocusRef = useRef();\n  const formRef = useRef();\n\n  const {\n    handleSubmit,\n    phoneNumbers,\n    messagingServices,\n    isConfigurationLoading,\n    isSenderOptionsLoading,\n    isSubmitting,\n    configuration,\n  } = useTwilio({ onConnect, formRef, integrable });\n\n  const phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);\n  const messagingServiceOptions =\n    buildMessagingServiceOptions(messagingServices);\n\n  const selectedPhoneNumber = _findBy(\n    { label: configuration?.twilioPhoneNumber },\n    phoneNumberOptions\n  );\n\n  const selectedMessagingService = _findBy(\n    { value: configuration?.twilioMessagingServiceSid },\n    messagingServiceOptions\n  );\n\n  const initialValues = {\n    twilioSid: configuration?.twilioSid ?? \"\",\n    twilioAuthToken: configuration?.twilioAuthToken ?? \"\",\n    connectionType:\n      configuration?.connectionType || CONNECTION_TYPES.PHONE_NUMBER,\n    twilioPhoneNumber: selectedPhoneNumber ?? null,\n    twilioMessagingService: selectedMessagingService ?? null,\n  };\n\n  const senderOptionsAvailable = !!phoneNumbers || !!messagingServices;\n  const isLoading = isSenderOptionsLoading || isConfigurationLoading;\n\n  const isSubmitDisabled = values => equals(initialValues, values) || isLoading;\n\n  return (\n    <FormikFormWrapper\n      className=\"w-full\"\n      formikProps={{\n        enableReinitialize: true,\n        validationSchema: buildTwilioConfigurationValidationSchema(),\n        initialValues,\n        innerRef: formRef,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {formikProps => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              {...{ isSubmitting }}\n              cancelButtonProps={{ onClick: onClose }}\n              submitButtonProps={{\n                label: senderOptionsAvailable\n                  ? t(\"neetoIntegrations.common.saveChanges\")\n                  : t(\"neetoIntegrations.common.verify\"),\n                disabled: isSubmitDisabled(formikProps.values) || isSubmitting,\n                loading:\n                  isSubmitting ||\n                  (isSenderOptionsLoading && !configuration?.twilioAuthToken),\n              }}\n            />\n          }\n        >\n          <Form\n            {...{ formikProps, initialFocusRef }}\n            messagingServiceOptions={\n              senderOptionsAvailable ? messagingServiceOptions : null\n            }\n            phoneNumberOptions={\n              senderOptionsAvailable ? phoneNumberOptions : null\n            }\n          />\n        </CardLayout>\n      )}\n    </FormikFormWrapper>\n  );\n};\n\nexport default Twilio;\n"],"names":["CONNECTION_TYPES","PHONE_NUMBER","MESSAGING_SERVICE","ConnectionTypeCard","_ref","value","selected","title","description","_ref$recommended","recommended","onSelect","children","_useTranslation","useTranslation","t","isSelected","cardClass","concat","_jsxs","className","onClick","_jsx","checked","name","type","onChange","e","stopPropagation","Badge","variant","label","ConfigurationForm","_errors$twilioPhoneNu","_errors$twilioMessagi","phoneNumberOptions","messagingServiceOptions","_ref$initialFocusRef","initialFocusRef","_ref$isUsingOverlay","isUsingOverlay","_ref$formikProps","formikProps","setFieldValue","values","errors","handleConnectionTypeChange","nextType","senderOptionsAvailable","Input","required","autoFocus","ref","connectionType","Select","error","twilioPhoneNumber","options","size","twilioMessagingService","placeholder","useTwilio","_ref$onConnect","onConnect","noop","_ref$formRef","formRef","_ref$integrable","integrable","_useFetchTwilioSmsCon","useFetchTwilioSmsConfiguration","_useFetchTwilioSmsCon2","data","configuration","isConfigurationLoading","isLoading","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","credentials","setCredentials","_useFetchTwilioSender","useFetchTwilioSenderOptions","senderOptions","isSenderOptionsLoading","phoneNumbers","messagingServices","_useCreateTwilioConfi","useCreateTwilioConfiguration","saveConfiguration","mutate","isSubmitting","isPending","handleSubmit","_values$twilioMessagi","_values$twilioMessagi2","_values$twilioPhoneNu","credentialsPayload","twilio_sid","twilioSid","twilio_auth_token","twilioAuthToken","payload","_objectSpread","connection_type","twilio_messaging_service_sid","twilio_messaging_service_friendly_name","twilio_phone_number_sid","onSuccess","buildTwilioConfigurationValidationSchema","yup","object","shape","string","i18next","oneOf","nullable","when","is","then","schema","buildPhoneNumberOptions","_phoneNumbers$map","map","phoneNumber","sid","buildMessagingServiceOptions","_messagingServices$ma","_ref2","friendlyName","Twilio","_configuration$twilio","_configuration$twilio2","_ref$onClose","onClose","useRef","_useTwilio","selectedPhoneNumber","_findBy","selectedMessagingService","twilioMessagingServiceSid","initialValues","isSubmitDisabled","equals","FormikFormWrapper","enableReinitialize","validationSchema","innerRef","onSubmit","CardLayout","actionBlock","ActionBlock","cancelButtonProps","submitButtonProps","disabled","loading","Form"],"mappings":"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"}

package/dist/cjs/v2/WalkthroughModal.js

@@ -29,7 +29,7 @@ var WalkthroughModal = withT(function (_ref) {
           autoPlay: true,
           controls: true,
           muted: true,
-          className: "w-full cursor-pointer neeto-ui-rounded-md",
+          className: "w-full cursor-pointer rounded-md",
           id: "walkthrough-video",
           children: /*#__PURE__*/jsxRuntime.jsx("source", {
             src: videoUrl