@bigbinary/neeto-integrations-frontend 4.0.31 → 4.0.33

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

@@ -65,14 +65,35 @@
     "twilio": {
       "sid": "SID",
       "authToken": "Auth token",
+      "smsSendingMethod": {
+        "title": "SMS sending method",
+        "subtitle": "Choose how SMS messages should be sent via Twilio."
+      },
+      "connectionType": {
+        "phoneNumber": {
+          "label": "Twilio phone number",
+          "description": "Send SMS using a single Twilio phone number. Best for simple setups with one phone number and when your clients are primarily in one region."
+        },
+        "messagingService": {
+          "label": "Twilio messaging service",
+          "description": "Send SMS using a Twilio messaging service. Best for businesses that need multiple numbers operating in multiple countries or regions and want to improve deliverability and scale.",
+          "recommendedBadge": "Recommended"
+        }
+      },
+      "messagingService": {
+        "label": "Twilio messaging service",
+        "placeholder": "Select a messaging service..."
+      },
       "validations": {
         "sidReq": "SID is required",
         "authTokenReq": "Auth token is required",
-        "phNumReq": "Phone number is required"
+        "phNumReq": "Phone number is required",
+        "messagingServiceReq": "Messaging service is required"
       },
       "smsConfiguration": {
         "invalidCredentials": "Twilio credentials are invalid",
-        "invalidPhoneNumberConfig": "Twilio phone number is invalid"
+        "invalidPhoneNumberConfig": "Twilio phone number is invalid",
+        "invalidMessagingServiceConfig": "Twilio messaging service is invalid"
       }
     },
     "telnyx": {

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-05-05T12:29:51.162Z
+Built at 2026-05-20T12:43:34.971Z

package/dist/Daily.js

@@ -1,7 +1,7 @@
 import i18next from 'i18next';
 import { isPresent, noop } from '@bigbinary/neeto-cist';
 import { withTitle, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { u as useFetchDaily, a as useDestroyDaily } from './useDailiesApi-C78LSYFo.js';
+import { u as useFetchDaily, a as useDestroyDaily } from './useDailiesApi-aQmuxf-5.js';
 import Form from './DailyForm.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
@@ -16,7 +16,7 @@ import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'axios';
-import './query-B3RhGrNb.js';
+import './query-gurbhBqu.js';
 import '@bigbinary/neeto-molecules/CardLayout';
 import '@bigbinary/neeto-molecules/Container';
 import '@bigbinary/neeto-molecules/Header';

package/dist/DailyForm.js

@@ -14,7 +14,7 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useTranslation, Trans } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
 import WalkthroughModal from './WalkthroughModal.js';
-import { b as useCreateDaily } from './useDailiesApi-C78LSYFo.js';
+import { b as useCreateDaily } from './useDailiesApi-aQmuxf-5.js';
 import * as yup from 'yup';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@bigbinary/neeto-cist';
@@ -24,7 +24,7 @@ import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'axios';
-import './query-B3RhGrNb.js';
+import './query-gurbhBqu.js';
 
 var MANAGE_DAILY_CO_FORM_INITIAL_VALUES = {
   apiKey: ""

package/dist/Manage.js

@@ -48,7 +48,10 @@ var Description = function Description(_ref) {
       children: description
     });
   }
-  return description;
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-ui-text-body1 neeto-ui-text-gray-800 wrap-break-word",
+    children: description
+  });
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/Manage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Manage.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../app/javascript/src/components/commons/Description.jsx","../app/javascript/src/components/commons/Manage.jsx"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import { Typography } from \"neetoui\";\n\nconst Description = ({ description }) => {\n  if (typeof description === \"string\") {\n    return (\n      <Typography\n        className=\"neeto-ui-text-gray-800 wrap-break-word\"\n        style=\"body1\"\n        weight=\"normal\"\n      >\n        {description}\n      </Typography>\n    );\n  }\n\n  return description;\n};\n\nexport default Description;\n","import { humanize, isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check, ExternalLink } from \"neetoicons\";\nimport { Button, Callout, Tooltip, Typography } from \"neetoui\";\n\nimport DisconnectAlert from \"components/DisconnectAlert\";\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/main.css\";\n\nimport Description from \"./Description\";\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-ui-border-gray-300 neeto-ui-rounded-lg neeto-integrations__manage my-6 w-full 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=\"neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-200 mt-0.5 flex shrink-0 items-center justify-center border p-2\">\n                  <Icon className=\"neeto-ui-text-gray-600\" size={44} />\n                </div>\n              )}\n              <div className=\"flex min-w-0 flex-1 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=\"neeto-ui-text-gray-800 mb-0.5\"\n                      style=\"h2\"\n                      weight=\"semibold\"\n                    >\n                      {title}\n                    </Typography>\n                    {isConnected && (\n                      <div className=\"neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1\">\n                        <Check size={20} />\n                      </div>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-2\">\n                    <Description {...{ description }} />\n                    {helpDocUrl && (\n                      <Button\n                        className=\"underline [--neeto-ui-btn-gap:0.25rem]\"\n                        data-testid=\"help-doc-link\"\n                        href={helpDocUrl}\n                        icon={ExternalLink}\n                        style=\"link\"\n                        target=\"_blank\"\n                        label={t(\"neetoIntegrations.common.learnMore\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                      />\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                        style=\"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":["e","t","n","r","document","a","s","prepend","d","singleTag","i","container","querySelector","getElementsByTagName","u","indexOf","push","c","charCodeAt","substring","styleSheet","cssText","appendChild","createTextNode","createElement","setAttribute","attributes","Object","keys","length","insertAdjacentElement","Description","_ref","description","_jsx","Typography","className","style","weight","children","Manage","withT","_ref$title","title","_ref$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","size","Check","Button","href","icon","ExternalLink","target","label","humanize","isNotEmpty","Callout","_objectSpread","to","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Manage.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../app/javascript/src/components/commons/Description.jsx","../app/javascript/src/components/commons/Manage.jsx"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import { Typography } from \"neetoui\";\n\nconst Description = ({ description }) => {\n  if (typeof description === \"string\") {\n    return (\n      <Typography\n        className=\"neeto-ui-text-gray-800 wrap-break-word\"\n        style=\"body1\"\n        weight=\"normal\"\n      >\n        {description}\n      </Typography>\n    );\n  }\n\n  return (\n    <div className=\"neeto-ui-text-body1 neeto-ui-text-gray-800 wrap-break-word\">\n      {description}\n    </div>\n  );\n};\n\nexport default Description;\n","import { humanize, isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check, ExternalLink } from \"neetoicons\";\nimport { Button, Callout, Tooltip, Typography } from \"neetoui\";\n\nimport DisconnectAlert from \"components/DisconnectAlert\";\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/main.css\";\n\nimport Description from \"./Description\";\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-ui-border-gray-300 neeto-ui-rounded-lg neeto-integrations__manage my-6 w-full 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=\"neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-200 mt-0.5 flex shrink-0 items-center justify-center border p-2\">\n                  <Icon className=\"neeto-ui-text-gray-600\" size={44} />\n                </div>\n              )}\n              <div className=\"flex min-w-0 flex-1 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=\"neeto-ui-text-gray-800 mb-0.5\"\n                      style=\"h2\"\n                      weight=\"semibold\"\n                    >\n                      {title}\n                    </Typography>\n                    {isConnected && (\n                      <div className=\"neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1\">\n                        <Check size={20} />\n                      </div>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-2\">\n                    <Description {...{ description }} />\n                    {helpDocUrl && (\n                      <Button\n                        className=\"underline [--neeto-ui-btn-gap:0.25rem]\"\n                        data-testid=\"help-doc-link\"\n                        href={helpDocUrl}\n                        icon={ExternalLink}\n                        style=\"link\"\n                        target=\"_blank\"\n                        label={t(\"neetoIntegrations.common.learnMore\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                      />\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                        style=\"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":["e","t","n","r","document","a","s","prepend","d","singleTag","i","container","querySelector","getElementsByTagName","u","indexOf","push","c","charCodeAt","substring","styleSheet","cssText","appendChild","createTextNode","createElement","setAttribute","attributes","Object","keys","length","insertAdjacentElement","Description","_ref","description","_jsx","Typography","className","style","weight","children","Manage","withT","_ref$title","title","_ref$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","size","Check","Button","href","icon","ExternalLink","target","label","humanize","isNotEmpty","Callout","_objectSpread","to","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/Telnyx.js

@@ -9,14 +9,14 @@ import Select from '@bigbinary/neetoui/formik/Select';
 import { useTranslation } from 'react-i18next';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { isEmpty } from 'ramda';
-import { u as useFetchTelnyxSmsConfiguration, a as useFetchTelnyxPhoneNumbers, b as useCreateTelnyxSmsConfiguration } from './useTelnyxApi-DnNSPd-d.js';
+import { u as useFetchTelnyxSmsConfiguration, a as useFetchTelnyxPhoneNumbers, b as useCreateTelnyxSmsConfiguration } from './useTelnyxApi-Cv5cIiuo.js';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
-import './query-B3RhGrNb.js';
+import './query-gurbhBqu.js';
 
 var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
   return phoneNumbers ? phoneNumbers.map(function (_ref) {

package/dist/Twilio.js

@@ -1,5 +1,4 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useEffect, useRef } from 'react';
+import { useRef } from 'react';
 import { noop, _findBy } from '@bigbinary/neeto-cist';
 import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -8,23 +7,72 @@ import { equals } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Select from '@bigbinary/neetoui/formik/Select';
+import Tag from '@bigbinary/neetoui/Tag';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { u as useFetchTwilioSmsConfiguration, a as useFetchTwilioPhoneNumbers, b as useCreateTwilioConfiguration } from './useTwilioApi-D5HpIaB2.js';
+import { u as useFetchTwilioSmsConfiguration, a as useFetchTwilioSenderOptions, b as useCreateTwilioConfiguration } from './useTwilioApi-C57UuOda.js';
 import i18next from 'i18next';
 import * as yup from 'yup';
 import '@tanstack/react-query';
 import 'axios';
-import './query-B3RhGrNb.js';
+import './query-gurbhBqu.js';
+
+var CONNECTION_TYPES = {
+  PHONE_NUMBER: "phone_number",
+  MESSAGING_SERVICE: "messaging_service"
+};
+
+var ConnectionTypeCard = function ConnectionTypeCard(_ref) {
+  var value = _ref.value,
+    selected = _ref.selected,
+    title = _ref.title,
+    description = _ref.description,
+    _ref$recommended = _ref.recommended,
+    recommended = _ref$recommended === void 0 ? false : _ref$recommended,
+    onSelect = _ref.onSelect,
+    children = _ref.children;
+  var _useTranslation = 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 ? "neeto-ui-border-success-500 neeto-ui-bg-success-100" : "neeto-ui-border-gray-200");
+  return /*#__PURE__*/jsxs("div", {
+    className: cardClass,
+    onClick: function onClick() {
+      return onSelect(value);
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex items-center gap-x-2",
+      children: [/*#__PURE__*/jsx("input", {
+        value: value,
+        checked: isSelected,
+        name: "connectionType",
+        type: "radio",
+        onChange: function onChange() {
+          return onSelect(value);
+        },
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      }), /*#__PURE__*/jsx("div", {
+        className: "font-semibold",
+        children: title
+      }), recommended && /*#__PURE__*/jsx(Tag, {
+        style: "success",
+        label: t("neetoIntegrations.twilio.connectionType.messagingService.recommendedBadge")
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: "text-sm neeto-ui-text-gray-600",
+      children: description
+    }), isSelected && children]
+  });
+};
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConfigurationForm = function ConfigurationForm(_ref) {
-  var _errors$twilioPhoneNu;
+  var _errors$twilioPhoneNu, _errors$twilioMessagi;
   var phoneNumberOptions = _ref.phoneNumberOptions,
-    _ref$selectedPhoneNum = _ref.selectedPhoneNumber,
-    selectedPhoneNumber = _ref$selectedPhoneNum === void 0 ? null : _ref$selectedPhoneNum,
+    messagingServiceOptions = _ref.messagingServiceOptions,
     _ref$initialFocusRef = _ref.initialFocusRef,
     initialFocusRef = _ref$initialFocusRef === void 0 ? null : _ref$initialFocusRef,
     _ref$isUsingOverlay = _ref.isUsingOverlay,
@@ -34,51 +82,88 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue,
-    setValues = formikProps.setValues,
-    errors = formikProps.errors,
     values = formikProps.values,
-    initialValues = formikProps.initialValues;
-  useEffect(function () {
-    selectedPhoneNumber && setFieldValue("twilioPhoneNumber", selectedPhoneNumber);
-  }, [selectedPhoneNumber, initialValues]);
+    errors = formikProps.errors;
+  var handleConnectionTypeChange = function handleConnectionTypeChange(nextType) {
+    setFieldValue("connectionType", nextType);
+    if (nextType === CONNECTION_TYPES.PHONE_NUMBER) {
+      setFieldValue("twilioMessagingService", null);
+    } else {
+      setFieldValue("twilioPhoneNumber", null);
+    }
+  };
+  var senderOptionsAvailable = phoneNumberOptions !== null || messagingServiceOptions !== null;
   return /*#__PURE__*/jsxs("div", {
-    className: "flex w-full flex-col gap-y-4",
-    children: [/*#__PURE__*/jsx("div", {
-      className: "flex w-full",
-      children: /*#__PURE__*/jsx(Input, {
+    className: "flex w-full flex-col gap-y-6",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex w-full flex-col gap-y-4",
+      children: [/*#__PURE__*/jsx(Input, {
         required: true,
         autoFocus: !isUsingOverlay,
         "data-testid": "integrations-twilio-sid",
         label: t("neetoIntegrations.twilio.sid"),
         name: "twilioSid",
         ref: initialFocusRef
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: "flex w-full",
-      children: /*#__PURE__*/jsx(Input, {
+      }), /*#__PURE__*/jsx(Input, {
         required: true,
         "data-testid": "integrations-twilio-auth-token",
         label: t("neetoIntegrations.twilio.authToken"),
         name: "twilioAuthToken"
-      })
-    }), phoneNumberOptions && /*#__PURE__*/jsx("div", {
-      className: "flex w-full",
-      children: /*#__PURE__*/jsx(Select, {
-        error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
-        label: t("neetoIntegrations.common.phNo"),
-        name: "twilioPhoneNumber",
-        options: phoneNumberOptions,
-        size: "large",
-        onChange: function onChange(selected) {
-          return setValues(_objectSpread$1(_objectSpread$1({}, values), {}, {
-            twilioPhoneNumber: selected
-          }));
-        }
-      })
+      })]
+    }), senderOptionsAvailable && /*#__PURE__*/jsxs("div", {
+      className: "flex w-full flex-col gap-y-4",
+      children: [/*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("div", {
+          className: "font-semibold",
+          children: t("neetoIntegrations.twilio.smsSendingMethod.title")
+        }), /*#__PURE__*/jsx("div", {
+          className: "text-sm neeto-ui-text-gray-600",
+          children: t("neetoIntegrations.twilio.smsSendingMethod.subtitle")
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-y-3",
+        children: [/*#__PURE__*/jsx(ConnectionTypeCard, {
+          selected: values.connectionType,
+          value: CONNECTION_TYPES.PHONE_NUMBER,
+          description: t("neetoIntegrations.twilio.connectionType.phoneNumber.description"),
+          title: t("neetoIntegrations.twilio.connectionType.phoneNumber.label"),
+          onSelect: handleConnectionTypeChange,
+          children: /*#__PURE__*/jsx(Select, {
+            error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
+            label: t("neetoIntegrations.common.phNo"),
+            name: "twilioPhoneNumber",
+            options: phoneNumberOptions !== null && phoneNumberOptions !== void 0 ? phoneNumberOptions : [],
+            size: "large",
+            onChange: function onChange(selected) {
+              return setFieldValue("twilioPhoneNumber", selected);
+            }
+          })
+        }), /*#__PURE__*/jsx(ConnectionTypeCard, {
+          recommended: true,
+          selected: values.connectionType,
+          value: CONNECTION_TYPES.MESSAGING_SERVICE,
+          description: t("neetoIntegrations.twilio.connectionType.messagingService.description"),
+          title: t("neetoIntegrations.twilio.connectionType.messagingService.label"),
+          onSelect: handleConnectionTypeChange,
+          children: /*#__PURE__*/jsx(Select, {
+            error: (_errors$twilioMessagi = errors.twilioMessagingService) === null || _errors$twilioMessagi === void 0 ? void 0 : _errors$twilioMessagi.value,
+            label: t("neetoIntegrations.twilio.messagingService.label"),
+            name: "twilioMessagingService",
+            options: messagingServiceOptions !== null && messagingServiceOptions !== void 0 ? messagingServiceOptions : [],
+            size: "large",
+            placeholder: t("neetoIntegrations.twilio.messagingService.placeholder"),
+            onChange: function onChange(selected) {
+              return setFieldValue("twilioMessagingService", selected);
+            }
+          })
+        })]
+      })]
     })]
   });
 };
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useTwilio = function useTwilio(_ref) {
   var _ref$onConnect = _ref.onConnect,
     onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
@@ -96,28 +181,37 @@ var useTwilio = function useTwilio(_ref) {
     _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
     credentials = _useStateWithDependen2[0],
     setCredentials = _useStateWithDependen2[1];
-  var _useFetchTwilioPhoneN = useFetchTwilioPhoneNumbers({
+  var _useFetchTwilioSender = useFetchTwilioSenderOptions({
       credentials: credentials,
       formRef: formRef
     }),
-    phoneNumbers = _useFetchTwilioPhoneN.data,
-    isPhoneNumbersLoading = _useFetchTwilioPhoneN.isLoading;
+    senderOptions = _useFetchTwilioSender.data,
+    isSenderOptionsLoading = _useFetchTwilioSender.isLoading;
+  var phoneNumbers = senderOptions === null || senderOptions === void 0 ? void 0 : senderOptions.phoneNumbers;
+  var messagingServices = senderOptions === null || senderOptions === void 0 ? void 0 : senderOptions.messagingServices;
   var _useCreateTwilioConfi = useCreateTwilioConfiguration({
       integrable: integrable
     }),
     saveConfiguration = _useCreateTwilioConfi.mutate,
     isSubmitting = _useCreateTwilioConfi.isPending;
   var handleSubmit = function handleSubmit(values) {
-    var _values$twilioPhoneNu;
-    var payload = {
+    var _values$twilioMessagi, _values$twilioMessagi2, _values$twilioPhoneNu;
+    var credentialsPayload = {
       twilio_sid: values.twilioSid,
-      twilio_auth_token: values.twilioAuthToken,
-      twilio_phone_number_sid: (_values$twilioPhoneNu = values.twilioPhoneNumber) === null || _values$twilioPhoneNu === void 0 ? void 0 : _values$twilioPhoneNu.value
+      twilio_auth_token: values.twilioAuthToken
     };
-    if (!phoneNumbers && !(configuration !== null && configuration !== void 0 && configuration.twilioPhoneNumber)) {
-      setCredentials(payload);
+    if (!senderOptions && !(configuration !== null && configuration !== void 0 && configuration.connectionType)) {
+      setCredentials(credentialsPayload);
       return;
     }
+    var payload = values.connectionType === CONNECTION_TYPES.MESSAGING_SERVICE ? _objectSpread(_objectSpread({}, credentialsPayload), {}, {
+      connection_type: CONNECTION_TYPES.MESSAGING_SERVICE,
+      twilio_messaging_service_sid: (_values$twilioMessagi = values.twilioMessagingService) === null || _values$twilioMessagi === void 0 ? void 0 : _values$twilioMessagi.value,
+      twilio_messaging_service_friendly_name: (_values$twilioMessagi2 = values.twilioMessagingService) === null || _values$twilioMessagi2 === void 0 ? void 0 : _values$twilioMessagi2.label
+    }) : _objectSpread(_objectSpread({}, credentialsPayload), {}, {
+      connection_type: CONNECTION_TYPES.PHONE_NUMBER,
+      twilio_phone_number_sid: (_values$twilioPhoneNu = values.twilioPhoneNumber) === null || _values$twilioPhoneNu === void 0 ? void 0 : _values$twilioPhoneNu.value
+    });
     saveConfiguration(payload, {
       onSuccess: onConnect
     });
@@ -125,37 +219,64 @@ var useTwilio = function useTwilio(_ref) {
   return {
     handleSubmit: handleSubmit,
     phoneNumbers: phoneNumbers,
+    messagingServices: messagingServices,
     isConfigurationLoading: isConfigurationLoading,
-    isPhoneNumbersLoading: isPhoneNumbersLoading,
+    isSenderOptionsLoading: isSenderOptionsLoading,
     isSubmitting: isSubmitting,
     configuration: configuration
   };
 };
 
-var buildTwilioConfigurationValidationSchema = function buildTwilioConfigurationValidationSchema(isTwilioPhoneRequired) {
+var buildTwilioConfigurationValidationSchema = function buildTwilioConfigurationValidationSchema() {
   return yup.object().shape({
     twilioSid: yup.string().required(i18next.t("neetoIntegrations.twilio.validations.sidReq")),
     twilioAuthToken: yup.string().required(i18next.t("neetoIntegrations.twilio.validations.authTokenReq")),
-    twilioPhoneNumber: isTwilioPhoneRequired ? yup.object().shape({
-      label: yup.string(),
-      value: yup.string().required(i18next.t("neetoIntegrations.twilio.validations.phNumReq"))
-    }) : null
+    connectionType: yup.string().oneOf([CONNECTION_TYPES.PHONE_NUMBER, CONNECTION_TYPES.MESSAGING_SERVICE]).required(),
+    twilioPhoneNumber: yup.object().nullable().when("connectionType", {
+      is: CONNECTION_TYPES.PHONE_NUMBER,
+      then: function then(schema) {
+        return schema.shape({
+          label: yup.string(),
+          value: yup.string().required(i18next.t("neetoIntegrations.twilio.validations.phNumReq"))
+        });
+      }
+    }),
+    twilioMessagingService: yup.object().nullable().when("connectionType", {
+      is: CONNECTION_TYPES.MESSAGING_SERVICE,
+      then: function then(schema) {
+        return schema.shape({
+          label: yup.string(),
+          value: yup.string().required(i18next.t("neetoIntegrations.twilio.validations.messagingServiceReq"))
+        });
+      }
+    })
   });
 };
 var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
-  return phoneNumbers === null || phoneNumbers === void 0 ? void 0 : phoneNumbers.map(function (_ref) {
+  var _phoneNumbers$map;
+  return (_phoneNumbers$map = phoneNumbers === null || phoneNumbers === void 0 ? void 0 : phoneNumbers.map(function (_ref) {
     var phoneNumber = _ref.phoneNumber,
       sid = _ref.sid;
     return {
       label: phoneNumber,
       value: sid
     };
-  });
+  })) !== null && _phoneNumbers$map !== void 0 ? _phoneNumbers$map : [];
+};
+var buildMessagingServiceOptions = function buildMessagingServiceOptions(messagingServices) {
+  var _messagingServices$ma;
+  return (_messagingServices$ma = messagingServices === null || messagingServices === void 0 ? void 0 : messagingServices.map(function (_ref2) {
+    var sid = _ref2.sid,
+      friendlyName = _ref2.friendlyName;
+    return {
+      label: friendlyName,
+      value: sid
+    };
+  })) !== null && _messagingServices$ma !== void 0 ? _messagingServices$ma : [];
 };
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Twilio = function Twilio(_ref) {
+  var _configuration$twilio, _configuration$twilio2;
   var _ref$integrable = _ref.integrable,
     integrable = _ref$integrable === void 0 ? null : _ref$integrable,
     _ref$onClose = _ref.onClose,
@@ -173,26 +294,37 @@ var Twilio = function Twilio(_ref) {
     }),
     handleSubmit = _useTwilio.handleSubmit,
     phoneNumbers = _useTwilio.phoneNumbers,
+    messagingServices = _useTwilio.messagingServices,
     isConfigurationLoading = _useTwilio.isConfigurationLoading,
-    isPhoneNumbersLoading = _useTwilio.isPhoneNumbersLoading,
+    isSenderOptionsLoading = _useTwilio.isSenderOptionsLoading,
     isSubmitting = _useTwilio.isSubmitting,
     configuration = _useTwilio.configuration;
   var phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);
+  var messagingServiceOptions = buildMessagingServiceOptions(messagingServices);
   var selectedPhoneNumber = _findBy({
     label: configuration === null || configuration === void 0 ? void 0 : configuration.twilioPhoneNumber
   }, phoneNumberOptions);
-  var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
+  var selectedMessagingService = _findBy({
+    value: configuration === null || configuration === void 0 ? void 0 : configuration.twilioMessagingServiceSid
+  }, messagingServiceOptions);
+  var initialValues = {
+    twilioSid: (_configuration$twilio = configuration === null || configuration === void 0 ? void 0 : configuration.twilioSid) !== null && _configuration$twilio !== void 0 ? _configuration$twilio : "",
+    twilioAuthToken: (_configuration$twilio2 = configuration === null || configuration === void 0 ? void 0 : configuration.twilioAuthToken) !== null && _configuration$twilio2 !== void 0 ? _configuration$twilio2 : "",
+    connectionType: (configuration === null || configuration === void 0 ? void 0 : configuration.connectionType) || CONNECTION_TYPES.PHONE_NUMBER,
+    twilioPhoneNumber: selectedPhoneNumber !== null && selectedPhoneNumber !== void 0 ? selectedPhoneNumber : null,
+    twilioMessagingService: selectedMessagingService !== null && selectedMessagingService !== void 0 ? selectedMessagingService : null
+  };
+  var senderOptionsAvailable = !!phoneNumbers || !!messagingServices;
+  var isLoading = isSenderOptionsLoading || isConfigurationLoading;
   var isSubmitDisabled = function isSubmitDisabled(values) {
-    return equals(_objectSpread(_objectSpread({}, configuration), {}, {
-      twilioPhoneNumber: selectedPhoneNumber
-    }), values) || isLoading;
+    return equals(initialValues, values) || isLoading;
   };
   return /*#__PURE__*/jsx(Form, {
     className: "w-full",
     formikProps: {
       enableReinitialize: true,
-      validationSchema: buildTwilioConfigurationValidationSchema(!!phoneNumbers),
-      initialValues: configuration,
+      validationSchema: buildTwilioConfigurationValidationSchema(),
+      initialValues: initialValues,
       innerRef: formRef,
       onSubmit: handleSubmit
     },
@@ -204,16 +336,16 @@ var Twilio = function Twilio(_ref) {
             onClick: onClose
           },
           submitButtonProps: {
-            label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
+            label: senderOptionsAvailable ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
             disabled: isSubmitDisabled(formikProps.values) || isSubmitting,
-            loading: isSubmitting || isPhoneNumbersLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
+            loading: isSubmitting || isSenderOptionsLoading && !(configuration !== null && configuration !== void 0 && configuration.twilioAuthToken)
           }
         }),
         children: /*#__PURE__*/jsx(ConfigurationForm, {
           formikProps: formikProps,
           initialFocusRef: initialFocusRef,
-          phoneNumberOptions: phoneNumberOptions,
-          selectedPhoneNumber: selectedPhoneNumber
+          messagingServiceOptions: senderOptionsAvailable ? messagingServiceOptions : null,
+          phoneNumberOptions: senderOptionsAvailable ? phoneNumberOptions : null
         })
       });
     }