@bigbinary/neeto-integrations-frontend 4.0.31 → 4.0.33

package/dist/cjs/Twilio.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
@@ -10,15 +9,17 @@ var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Select = require('@bigbinary/neetoui/formik/Select');
+var Tag = require('@bigbinary/neetoui/Tag');
 var jsxRuntime = require('react/jsx-runtime');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var useTwilioApi = require('../useTwilioApi-DPyyUWOs.js');
+var useTwilioApi = require('../useTwilioApi-CUL0-Xgf.js');
 var i18next = require('i18next');
 var yup = require('yup');
 require('@tanstack/react-query');
 require('axios');
-require('../query-CySi2Ki7.js');
+require('../query-BF3HFRA7.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -39,13 +40,60 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-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 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 = 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 ? "neeto-ui-border-success-500 neeto-ui-bg-success-100" : "neeto-ui-border-gray-200");
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: cardClass,
+    onClick: function onClick() {
+      return onSelect(value);
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+        value: value,
+        checked: isSelected,
+        name: "connectionType",
+        type: "radio",
+        onChange: function onChange() {
+          return onSelect(value);
+        },
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "font-semibold",
+        children: title
+      }), recommended && /*#__PURE__*/jsxRuntime.jsx(Tag, {
+        style: "success",
+        label: t("neetoIntegrations.twilio.connectionType.messagingService.recommendedBadge")
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-sm neeto-ui-text-gray-600",
+      children: description
+    }), isSelected && children]
+  });
+};
+
 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,
@@ -55,51 +103,88 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue,
-    setValues = formikProps.setValues,
-    errors = formikProps.errors,
     values = formikProps.values,
-    initialValues = formikProps.initialValues;
-  React.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__*/jsxRuntime.jsxs("div", {
-    className: "flex w-full flex-col gap-y-4",
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+    className: "flex w-full flex-col gap-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-full flex-col gap-y-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
         required: true,
         autoFocus: !isUsingOverlay,
         "data-testid": "integrations-twilio-sid",
         label: t("neetoIntegrations.twilio.sid"),
         name: "twilioSid",
         ref: initialFocusRef
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Input, {
         required: true,
         "data-testid": "integrations-twilio-auth-token",
         label: t("neetoIntegrations.twilio.authToken"),
         name: "twilioAuthToken"
-      })
-    }), phoneNumberOptions && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex w-full",
-      children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {
+      className: "flex w-full flex-col gap-y-4",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "font-semibold",
+          children: t("neetoIntegrations.twilio.smsSendingMethod.title")
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "text-sm neeto-ui-text-gray-600",
+          children: t("neetoIntegrations.twilio.smsSendingMethod.subtitle")
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex w-full flex-col gap-y-3",
+        children: [/*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.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 ? neetoCist.noop : _ref$onConnect,
@@ -117,28 +202,37 @@ var useTwilio = function useTwilio(_ref) {
     _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
     credentials = _useStateWithDependen2[0],
     setCredentials = _useStateWithDependen2[1];
-  var _useFetchTwilioPhoneN = useTwilioApi.useFetchTwilioPhoneNumbers({
+  var _useFetchTwilioSender = useTwilioApi.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 = useTwilioApi.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
     });
@@ -146,37 +240,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__namespace.object().shape({
     twilioSid: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.sidReq")),
     twilioAuthToken: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.authTokenReq")),
-    twilioPhoneNumber: isTwilioPhoneRequired ? yup__namespace.object().shape({
-      label: yup__namespace.string(),
-      value: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.phNumReq"))
-    }) : null
+    connectionType: yup__namespace.string().oneOf([CONNECTION_TYPES.PHONE_NUMBER, CONNECTION_TYPES.MESSAGING_SERVICE]).required(),
+    twilioPhoneNumber: yup__namespace.object().nullable().when("connectionType", {
+      is: CONNECTION_TYPES.PHONE_NUMBER,
+      then: function then(schema) {
+        return schema.shape({
+          label: yup__namespace.string(),
+          value: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.phNumReq"))
+        });
+      }
+    }),
+    twilioMessagingService: yup__namespace.object().nullable().when("connectionType", {
+      is: CONNECTION_TYPES.MESSAGING_SERVICE,
+      then: function then(schema) {
+        return schema.shape({
+          label: yup__namespace.string(),
+          value: yup__namespace.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,
@@ -194,26 +315,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 = neetoCist._findBy({
     label: configuration === null || configuration === void 0 ? void 0 : configuration.twilioPhoneNumber
   }, phoneNumberOptions);
-  var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
+  var selectedMessagingService = neetoCist._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 ramda.equals(_objectSpread(_objectSpread({}, configuration), {}, {
-      twilioPhoneNumber: selectedPhoneNumber
-    }), values) || isLoading;
+    return ramda.equals(initialValues, values) || isLoading;
   };
   return /*#__PURE__*/jsxRuntime.jsx(Form, {
     className: "w-full",
     formikProps: {
       enableReinitialize: true,
-      validationSchema: buildTwilioConfigurationValidationSchema(!!phoneNumbers),
-      initialValues: configuration,
+      validationSchema: buildTwilioConfigurationValidationSchema(),
+      initialValues: initialValues,
       innerRef: formRef,
       onSubmit: handleSubmit
     },
@@ -225,16 +357,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__*/jsxRuntime.jsx(ConfigurationForm, {
           formikProps: formikProps,
           initialFocusRef: initialFocusRef,
-          phoneNumberOptions: phoneNumberOptions,
-          selectedPhoneNumber: selectedPhoneNumber
+          messagingServiceOptions: senderOptionsAvailable ? messagingServiceOptions : null,
+          phoneNumberOptions: senderOptionsAvailable ? phoneNumberOptions : null
         })
       });
     }

package/dist/cjs/Twilio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Twilio.js","sources":["../../app/javascript/src/components/Integrations/Twilio/Form.jsx","../../app/javascript/src/components/Integrations/Twilio/hooks/useTwilio.js","../../app/javascript/src/components/Integrations/Twilio/utils.js","../../app/javascript/src/components/Integrations/Twilio/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { Input, Select } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ConfigurationForm = ({\n  phoneNumberOptions,\n  selectedPhoneNumber = null,\n  initialFocusRef = null,\n  isUsingOverlay = false,\n  formikProps = {},\n}) => {\n  const { t } = useTranslation();\n  const { setFieldValue, setValues, errors, values, initialValues } =\n    formikProps;\n\n  useEffect(() => {\n    selectedPhoneNumber &&\n      setFieldValue(\"twilioPhoneNumber\", selectedPhoneNumber);\n  }, [selectedPhoneNumber, initialValues]);\n\n  return (\n    <div className=\"flex w-full flex-col gap-y-4\">\n      <div className=\"flex w-full\">\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      </div>\n      <div className=\"flex w-full\">\n        <Input\n          required\n          data-testid=\"integrations-twilio-auth-token\"\n          label={t(\"neetoIntegrations.twilio.authToken\")}\n          name=\"twilioAuthToken\"\n        />\n      </div>\n      {phoneNumberOptions && (\n        <div className=\"flex w-full\">\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              setValues({ ...values, twilioPhoneNumber: selected })\n            }\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ConfigurationForm;\n","import { noop } from \"neetocist\";\nimport { useStateWithDependency } from \"neetocommons/react-utils\";\n\nimport {\n  useFetchTwilioPhoneNumbers,\n  useCreateTwilioConfiguration,\n  useFetchTwilioSmsConfiguration,\n} from \"hooks/reactQuery/useTwilioApi\";\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: phoneNumbers, isLoading: isPhoneNumbersLoading } =\n    useFetchTwilioPhoneNumbers({ credentials, formRef });\n\n  const { mutate: saveConfiguration, isPending: isSubmitting } =\n    useCreateTwilioConfiguration({ integrable });\n\n  const handleSubmit = values => {\n    const payload = {\n      twilio_sid: values.twilioSid,\n      twilio_auth_token: values.twilioAuthToken,\n      twilio_phone_number_sid: values.twilioPhoneNumber?.value,\n    };\n\n    if (!phoneNumbers && !configuration?.twilioPhoneNumber) {\n      setCredentials(payload);\n\n      return;\n    }\n\n    saveConfiguration(payload, { onSuccess: onConnect });\n  };\n\n  return {\n    handleSubmit,\n    phoneNumbers,\n    isConfigurationLoading,\n    isPhoneNumbersLoading,\n    isSubmitting,\n    configuration,\n  };\n};\n\nexport default useTwilio;\n","import i18next from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const buildTwilioConfigurationValidationSchema = isTwilioPhoneRequired =>\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    twilioPhoneNumber: isTwilioPhoneRequired\n      ? yup.object().shape({\n          label: yup.string(),\n          value: yup\n            .string()\n            .required(\n              i18next.t(\"neetoIntegrations.twilio.validations.phNumReq\")\n            ),\n        })\n      : null,\n  });\n\nexport const buildPhoneNumberOptions = phoneNumbers =>\n  phoneNumbers?.map(({ phoneNumber, sid }) => ({\n    label: phoneNumber,\n    value: sid,\n  }));\n","import { useRef } from \"react\";\n\nimport { noop, _findBy } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { ActionBlock, Form as FormikFormWrapper } from \"neetoui/formik\";\nimport { equals } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Form from \"./Form\";\nimport useTwilio from \"./hooks/useTwilio\";\nimport {\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    isConfigurationLoading,\n    isPhoneNumbersLoading,\n    isSubmitting,\n    configuration,\n  } = useTwilio({ onConnect, formRef, integrable });\n\n  const phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);\n\n  const selectedPhoneNumber = _findBy(\n    { label: configuration?.twilioPhoneNumber },\n    phoneNumberOptions\n  );\n\n  const isLoading = isPhoneNumbersLoading || isConfigurationLoading;\n\n  const isSubmitDisabled = values =>\n    equals(\n      { ...configuration, twilioPhoneNumber: selectedPhoneNumber },\n      values\n    ) || isLoading;\n\n  return (\n    <FormikFormWrapper\n      className=\"w-full\"\n      formikProps={{\n        enableReinitialize: true,\n        validationSchema: buildTwilioConfigurationValidationSchema(\n          !!phoneNumbers\n        ),\n        initialValues: configuration,\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: phoneNumberOptions\n                  ? t(\"neetoIntegrations.common.saveChanges\")\n                  : t(\"neetoIntegrations.common.verify\"),\n                disabled: isSubmitDisabled(formikProps.values) || isSubmitting,\n                loading:\n                  isSubmitting ||\n                  (isPhoneNumbersLoading && !configuration?.twilioAuthToken),\n              }}\n            />\n          }\n        >\n          <Form\n            {...{\n              formikProps,\n              initialFocusRef,\n              phoneNumberOptions,\n              selectedPhoneNumber,\n            }}\n          />\n        </CardLayout>\n      )}\n    </FormikFormWrapper>\n  );\n};\n\nexport default Twilio;\n"],"names":["ConfigurationForm","_ref","_errors$twilioPhoneNu","phoneNumberOptions","_ref$selectedPhoneNum","selectedPhoneNumber","_ref$initialFocusRef","initialFocusRef","_ref$isUsingOverlay","isUsingOverlay","_ref$formikProps","formikProps","_useTranslation","useTranslation","t","setFieldValue","setValues","errors","values","initialValues","useEffect","_jsxs","className","children","_jsx","Input","required","autoFocus","label","name","ref","Select","error","twilioPhoneNumber","value","options","size","onChange","selected","_objectSpread","useTwilio","_ref$onConnect","onConnect","noop","_ref$formRef","formRef","_ref$integrable","integrable","_useFetchTwilioSmsCon","useFetchTwilioSmsConfiguration","_useFetchTwilioSmsCon2","data","configuration","isConfigurationLoading","isLoading","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","credentials","setCredentials","_useFetchTwilioPhoneN","useFetchTwilioPhoneNumbers","phoneNumbers","isPhoneNumbersLoading","_useCreateTwilioConfi","useCreateTwilioConfiguration","saveConfiguration","mutate","isSubmitting","isPending","handleSubmit","_values$twilioPhoneNu","payload","twilio_sid","twilioSid","twilio_auth_token","twilioAuthToken","twilio_phone_number_sid","onSuccess","buildTwilioConfigurationValidationSchema","isTwilioPhoneRequired","yup","object","shape","string","i18next","buildPhoneNumberOptions","map","phoneNumber","sid","Twilio","_ref$onClose","onClose","useRef","_useTwilio","_findBy","isSubmitDisabled","equals","FormikFormWrapper","enableReinitialize","validationSchema","innerRef","onSubmit","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","submitButtonProps","disabled","loading","Form"],"mappings":"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"}
+{"version":3,"file":"Twilio.js","sources":["../../app/javascript/src/components/Integrations/Twilio/constants.js","../../app/javascript/src/components/Integrations/Twilio/ConnectionTypeCard.jsx","../../app/javascript/src/components/Integrations/Twilio/Form.jsx","../../app/javascript/src/components/Integrations/Twilio/hooks/useTwilio.js","../../app/javascript/src/components/Integrations/Twilio/utils.js","../../app/javascript/src/components/Integrations/Twilio/index.jsx"],"sourcesContent":["export const CONNECTION_TYPES = {\n  PHONE_NUMBER: \"phone_number\",\n  MESSAGING_SERVICE: \"messaging_service\",\n};\n","import { Tag } from \"neetoui\";\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\n      ? \"neeto-ui-border-success-500 neeto-ui-bg-success-100\"\n      : \"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          <Tag\n            style=\"success\"\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 \"neetoui/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/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 { noop, _findBy } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { ActionBlock, Form as FormikFormWrapper } from \"neetoui/formik\";\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","Tag","style","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/Zoom.js

@@ -8,7 +8,7 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
 var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var Manage = require('./Manage.js');
-var useZoomApi = require('../useZoomApi-B127NAGl.js');
+var useZoomApi = require('../useZoomApi-C8AUYMlp.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -24,7 +24,7 @@ require('@bigbinary/neetoui/Alert');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
-require('../query-CySi2Ki7.js');
+require('../query-BF3HFRA7.js');
 
 var Zoom = function Zoom(_ref) {
   var _ref$connectUrl = _ref.connectUrl,

package/dist/cjs/index.js

@@ -2,11 +2,13 @@
 
 var Manage = require('./Manage.js');
 var DisconnectAlert = require('./DisconnectAlert.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
 var Tag = require('@bigbinary/neetoui/Tag');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useDisconnectionAlertsApi = require('../useDisconnectionAlertsApi-C8Q2wbVl.js');
+var useDisconnectionAlertsApi = require('../useDisconnectionAlertsApi-CWMlpOJD.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Daily = require('./Daily.js');
 var DailyForm = require('./DailyForm.js');
@@ -14,12 +16,12 @@ var GoogleCalendar = require('./GoogleCalendar.js');
 var Telnyx = require('./Telnyx.js');
 var Twilio = require('./Twilio.js');
 var Zoom = require('./Zoom.js');
-var query = require('../query-CySi2Ki7.js');
 var Modal = require('./Modal.js');
 var Connect = require('./Connect.js');
 var Demo = require('./Demo.js');
 var Finish = require('./Finish.js');
 var WalkthroughModal = require('./WalkthroughModal.js');
+var query = require('../query-BF3HFRA7.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -36,9 +38,7 @@ require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
 require('i18next');
-require('../useDailiesApi-BjcmweuZ.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
+require('../useDailiesApi-CEJPknLb.js');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neeto-icons/misc/Daily');
 require('@bigbinary/neeto-molecules/CopyToClipboardButton');
@@ -55,10 +55,10 @@ require('@bigbinary/neeto-icons/misc/GoogleCalendar');
 require('@bigbinary/neeto-icons/misc/Google');
 require('@bigbinary/neeto-molecules/PageLoader');
 require('@bigbinary/neetoui/formik/Select');
-require('../useTelnyxApi-DDTzGMgk.js');
-require('../useTwilioApi-DPyyUWOs.js');
+require('../useTelnyxApi-DS3IVijP.js');
+require('../useTwilioApi-CUL0-Xgf.js');
 require('@bigbinary/neeto-icons/misc/Zoom');
-require('../useZoomApi-B127NAGl.js');
+require('../useZoomApi-C8AUYMlp.js');
 require('@bigbinary/neetoui/Modal');
 require('classnames');
 require('../index-dxk7jTL7.js');
@@ -84,27 +84,27 @@ var IntegrationLinks = function IntegrationLinks(_ref) {
 var DisconnectedIntegrationsRibbon = function DisconnectedIntegrationsRibbon(_ref2) {
   var _ref2$integrationRout = _ref2.integrationRouteMap,
     integrationRouteMap = _ref2$integrationRout === void 0 ? {} : _ref2$integrationRout;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isClosed = _useState2[0],
+    setIsClosed = _useState2[1];
   reactI18next.useTranslation();
   var _useFetchDisconnectio = useDisconnectionAlertsApi.useFetchDisconnectionAlerts(),
     _useFetchDisconnectio2 = _useFetchDisconnectio.data,
     _useFetchDisconnectio3 = _useFetchDisconnectio2 === void 0 ? {} : _useFetchDisconnectio2,
     _useFetchDisconnectio4 = _useFetchDisconnectio3.disconnectionAlerts,
     alerts = _useFetchDisconnectio4 === void 0 ? [] : _useFetchDisconnectio4;
-  var _useDismissDisconnect = useDisconnectionAlertsApi.useDismissDisconnectionAlerts(),
-    dismissAlerts = _useDismissDisconnect.mutate;
   var knownAlerts = alerts.filter(function (alert) {
     return integrationRouteMap[alert.serviceName];
   });
-  if (ramda.isEmpty(knownAlerts)) return null;
+  if (isClosed || ramda.isEmpty(knownAlerts)) return null;
   return /*#__PURE__*/jsxRuntime.jsx(Tag, {
     className: "neeto-molecules-sticky-ribbon w-full p-2.5 text-center",
     "data-testid": "disconnected-integrations-ribbon",
     size: "large",
     style: "warning",
     onClose: function onClose() {
-      return dismissAlerts(knownAlerts.map(function (alert) {
-        return alert.id;
-      }));
+      return setIsClosed(true);
     },
     children: /*#__PURE__*/jsxRuntime.jsx("span", {
       className: "w-full",
@@ -131,11 +131,11 @@ exports.GoogleCalendar = GoogleCalendar;
 exports.Telnyx = Telnyx;
 exports.Twilio = Twilio;
 exports.Zoom = Zoom;
-exports.disconnectionAlertsQueryKey = query.disconnectionAlertsQueryKey;
 exports.Modal = Modal;
 exports.Connect = Connect;
 exports.Demo = Demo;
 exports.Finish = Finish;
 exports.WalkthroughModal = WalkthroughModal;
+exports.disconnectionAlertsQueryKey = query.disconnectionAlertsQueryKey;
 exports.DisconnectedIntegrationsRibbon = DisconnectedIntegrationsRibbon;
 //# sourceMappingURL=index.js.map