@bigbinary/neeto-integrations-frontend 2.3.0 → 2.4.0

package/dist/index.cjs.js

@@ -10,6 +10,13 @@ var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var neetoIcons = require('@bigbinary/neeto-icons');
+var i18next = require('i18next');
+var formik = require('@bigbinary/neetoui/formik');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var reactQuery = require('react-query');
+var axios = require('axios');
+var yup = require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,6 +41,9 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -679,6 +689,436 @@ var WalkthroughModal = function WalkthroughModal(_ref) {
   })));
 };
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var TWILIO_INTEGRATION_STEPS = [{
+  step: "1",
+  label: i18next__default["default"].t("neetoIntegrations.steps.configure"),
+  isActive: true,
+  isCompleted: false
+}];
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ConfigurationForm = function ConfigurationForm(_ref) {
+  var _errors$twilioPhoneNu;
+  var phoneNumberOptions = _ref.phoneNumberOptions,
+    _ref$selectedPhoneNum = _ref.selectedPhoneNumber,
+    selectedPhoneNumber = _ref$selectedPhoneNum === void 0 ? null : _ref$selectedPhoneNum,
+    _ref$initialFocusRef = _ref.initialFocusRef,
+    initialFocusRef = _ref$initialFocusRef === void 0 ? null : _ref$initialFocusRef,
+    _ref$isUsingOverlay = _ref.isUsingOverlay,
+    isUsingOverlay = _ref$isUsingOverlay === void 0 ? false : _ref$isUsingOverlay,
+    _ref$formikProps = _ref.formikProps,
+    formikProps = _ref$formikProps === void 0 ? {} : _ref$formikProps;
+  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]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full flex-col gap-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full"
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
+    autoFocus: !isUsingOverlay,
+    "data-testid": "integrations-twilio-sid",
+    label: t("neetoIntegrations.twilio.sid"),
+    name: "twilioSid",
+    ref: initialFocusRef
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full"
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
+    "data-testid": "integrations-twilio-auth-token",
+    label: t("neetoIntegrations.twilio.authToken"),
+    name: "twilioAuthToken"
+  })), phoneNumberOptions && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full"
+  }, /*#__PURE__*/React__default["default"].createElement(formik.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$2(_objectSpread$2({}, values), {}, {
+        twilioPhoneNumber: selected
+      }));
+    }
+  })));
+};
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+var queryClient = new reactQuery.QueryClient({
+  queryCache: new reactQuery.QueryCache()
+});
+
+var TWILIO_CONFIGURATION_BASE_URL = "/neeto_integrations/twilio/sms_configurations";
+
+var twilioApi = {
+  fetchTwilioSmsConfiguration: function fetchTwilioSmsConfiguration() {
+    return axios__default["default"].get(TWILIO_CONFIGURATION_BASE_URL);
+  },
+  removeTwilioConfiguration: function removeTwilioConfiguration() {
+    return axios__default["default"]["delete"](TWILIO_CONFIGURATION_BASE_URL);
+  },
+  getTwilioPhoneNumbers: function getTwilioPhoneNumbers(data) {
+    return axios__default["default"].get("".concat(TWILIO_CONFIGURATION_BASE_URL, "/new"), {
+      params: data
+    });
+  },
+  createTwilioConfiguration: function createTwilioConfiguration(payload) {
+    return axios__default["default"].post(TWILIO_CONFIGURATION_BASE_URL, payload);
+  }
+};
+
+var QUERY_KEYS = {
+  TWILIO_SMS_CONFIGURATION: "twilio-sms-configuration",
+  TWILIO_PHONE_NUMBERS: "twilio-phone-numbers"
+};
+
+var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration() {
+  return reactQuery.useQuery(QUERY_KEYS.TWILIO_SMS_CONFIGURATION, twilioApi.fetchTwilioSmsConfiguration, {
+    staleTime: constants.DEFAULT_STALE_TIME,
+    select: function select(response) {
+      var _smsConfiguration$twi, _smsConfiguration$twi2, _smsConfiguration$twi3;
+      var smsConfiguration = response.smsConfiguration;
+      return {
+        twilioSid: (_smsConfiguration$twi = smsConfiguration === null || smsConfiguration === void 0 ? void 0 : smsConfiguration.twilioSid) !== null && _smsConfiguration$twi !== void 0 ? _smsConfiguration$twi : "",
+        twilioAuthToken: (_smsConfiguration$twi2 = smsConfiguration === null || smsConfiguration === void 0 ? void 0 : smsConfiguration.twilioAuthToken) !== null && _smsConfiguration$twi2 !== void 0 ? _smsConfiguration$twi2 : "",
+        twilioPhoneNumber: (_smsConfiguration$twi3 = smsConfiguration === null || smsConfiguration === void 0 ? void 0 : smsConfiguration.twilioPhoneNumber) !== null && _smsConfiguration$twi3 !== void 0 ? _smsConfiguration$twi3 : ""
+      };
+    }
+  });
+};
+var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref) {
+  var credentials = _ref.credentials;
+  return reactQuery.useQuery([QUERY_KEYS.TWILIO_PHONE_NUMBERS, {
+    credentials: credentials
+  }], function () {
+    return twilioApi.getTwilioPhoneNumbers(pure.keysToSnakeCase(credentials));
+  }, {
+    staleTime: constants.DEFAULT_STALE_TIME,
+    enabled: !!(credentials !== null && credentials !== void 0 && credentials.twilio_sid) || !!(credentials !== null && credentials !== void 0 && credentials.twilioSid),
+    select: ramda.prop("phoneNumbers"),
+    retry: false
+  });
+};
+var useCreateTwilioConfiguration = function useCreateTwilioConfiguration() {
+  return reactQuery.useMutation(twilioApi.createTwilioConfiguration, {
+    onSuccess: function onSuccess() {
+      return queryClient.invalidateQueries(QUERY_KEYS.TWILIO_SMS_CONFIGURATION);
+    }
+  });
+};
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useTwilio = function useTwilio(_ref) {
+  var _ref$onSave = _ref.onSave,
+    onSave = _ref$onSave === void 0 ? pure.noop : _ref$onSave,
+    _ref$setSteps = _ref.setSteps,
+    setSteps = _ref$setSteps === void 0 ? pure.noop : _ref$setSteps,
+    _ref$useConnect = _ref.useConnect,
+    useConnect = _ref$useConnect === void 0 ? pure.noop : _ref$useConnect;
+  var _useFetchTwilioSmsCon = useFetchTwilioSmsConfiguration(),
+    configuration = _useFetchTwilioSmsCon.data,
+    isConfigurationLoading = _useFetchTwilioSmsCon.isLoading,
+    refetchTwilioSmsConfiguration = _useFetchTwilioSmsCon.refetch;
+  var _useStateWithDependen = reactUtils.useStateWithDependency(configuration),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    credentials = _useStateWithDependen2[0],
+    setCredentials = _useStateWithDependen2[1];
+  var _useFetchTwilioPhoneN = useFetchTwilioPhoneNumbers({
+      credentials: credentials
+    }),
+    phoneNumbers = _useFetchTwilioPhoneN.data,
+    isPhoneNumbersLoading = _useFetchTwilioPhoneN.isLoading;
+  var _useCreateTwilioConfi = useCreateTwilioConfiguration(),
+    saveConfiguration = _useCreateTwilioConfi.mutate,
+    isSubmitting = _useCreateTwilioConfi.isLoading;
+  var _useConnect = useConnect(),
+    installIntegration = _useConnect.mutate;
+  var connectTwilioApp = function connectTwilioApp() {
+    return installIntegration({
+      id: "twilio"
+    }, {});
+  };
+  React.useEffect(function () {
+    if (!(configuration !== null && configuration !== void 0 && configuration.twilioPhoneNumber)) return;
+    setSteps(function (steps) {
+      var stepsClone = _toConsumableArray(steps);
+      stepsClone[0] = _objectSpread$1(_objectSpread$1({}, steps[0]), {}, {
+        isCompleted: true
+      });
+      return stepsClone;
+    });
+  }, [configuration]);
+  var handleSubmit = function handleSubmit(values) {
+    var _values$twilioPhoneNu;
+    var payload = {
+      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
+    };
+    if (!phoneNumbers && !(configuration !== null && configuration !== void 0 && configuration.twilioPhoneNumber)) {
+      setCredentials(payload);
+      return;
+    }
+    saveConfiguration(payload, {
+      onSuccess: function onSuccess() {
+        onSave();
+        connectTwilioApp();
+        refetchTwilioSmsConfiguration();
+      }
+    });
+  };
+  return {
+    handleSubmit: handleSubmit,
+    phoneNumbers: phoneNumbers,
+    isConfigurationLoading: isConfigurationLoading,
+    isPhoneNumbersLoading: isPhoneNumbersLoading,
+    isSubmitting: isSubmitting,
+    configuration: configuration
+  };
+};
+
+var buildTwilioConfigurationValidationSchema = function buildTwilioConfigurationValidationSchema(isTwilioPhoneRequired) {
+  return yup__namespace.object().shape({
+    twilioSid: yup__namespace.string().required(i18next__default["default"].t("neetoIntegrations.twilio.validations.sidReq")),
+    twilioAuthToken: yup__namespace.string().required(i18next__default["default"].t("neetoIntegrations.twilio.validations.authTokenReq")),
+    twilioPhoneNumber: isTwilioPhoneRequired ? yup__namespace.object().shape({
+      label: yup__namespace.string(),
+      value: yup__namespace.string().required(i18next__default["default"].t("neetoIntegrations.twilio.validations.phNumReq"))
+    }) : null
+  });
+};
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TwilioConfiguration = function TwilioConfiguration(_ref) {
+  var _ref$onCancel = _ref.onCancel,
+    onCancel = _ref$onCancel === void 0 ? pure.noop : _ref$onCancel,
+    _ref$onSave = _ref.onSave,
+    onSave = _ref$onSave === void 0 ? pure.noop : _ref$onSave,
+    _ref$setSteps = _ref.setSteps,
+    setSteps = _ref$setSteps === void 0 ? pure.noop : _ref$setSteps,
+    _ref$useConnect = _ref.useConnect,
+    useConnect = _ref$useConnect === void 0 ? pure.noop : _ref$useConnect,
+    _ref$isModal = _ref.isModal,
+    isModal = _ref$isModal === void 0 ? false : _ref$isModal;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var initialFocusRef = React.useRef();
+  var _useTwilio = useTwilio({
+      onSave: onSave,
+      setSteps: setSteps,
+      useConnect: useConnect
+    }),
+    handleSubmit = _useTwilio.handleSubmit,
+    phoneNumbers = _useTwilio.phoneNumbers,
+    isConfigurationLoading = _useTwilio.isConfigurationLoading,
+    isPhoneNumbersLoading = _useTwilio.isPhoneNumbersLoading,
+    isSubmitting = _useTwilio.isSubmitting,
+    configuration = _useTwilio.configuration;
+  var phoneNumberOptions = phoneNumbers === null || phoneNumbers === void 0 ? void 0 : phoneNumbers.map(function (_ref2) {
+    var phoneNumber = _ref2.phoneNumber,
+      sid = _ref2.sid;
+    return {
+      label: phoneNumber,
+      value: sid
+    };
+  });
+  var selectedPhoneNumber = pure._findBy({
+    label: configuration === null || configuration === void 0 ? void 0 : configuration.twilioPhoneNumber
+  }, phoneNumberOptions);
+  var wrapInModalBody = function wrapInModalBody(children) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, children);
+  };
+  var wrapInModalFooter = function wrapInModalFooter(children) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, null, children);
+  };
+  var isLoading = isPhoneNumbersLoading || isConfigurationLoading;
+  var isSubmitDisabled = function isSubmitDisabled(values) {
+    return ramda.equals(_objectSpread(_objectSpread({}, configuration), {}, {
+      twilioPhoneNumber: selectedPhoneNumber
+    }), values) || isLoading;
+  };
+  var renderActionBlock = function renderActionBlock(values) {
+    return /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
+      cancelButtonProps: {
+        onClick: onCancel,
+        disabled: false
+      },
+      className: "space-x-3",
+      submitButtonProps: {
+        label: phoneNumberOptions ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify"),
+        disabled: isSubmitDisabled(values),
+        loading: isSubmitting || isPhoneNumbersLoading && !configuration.twilioAuthToken
+      }
+    });
+  };
+  var renderForm = function renderForm(formikProps) {
+    return /*#__PURE__*/React__default["default"].createElement(ConfigurationForm, {
+      formikProps: formikProps,
+      initialFocusRef: initialFocusRef,
+      isUsingOverlay: isModal,
+      phoneNumberOptions: phoneNumberOptions,
+      selectedPhoneNumber: selectedPhoneNumber
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+    className: "mx-auto flex w-full max-w-md flex-col",
+    formikProps: {
+      enableReinitialize: true,
+      validationSchema: buildTwilioConfigurationValidationSchema(!!phoneNumbers),
+      initialValues: configuration,
+      onSubmit: handleSubmit
+    }
+  }, function (formikProps) {
+    return isModal ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, wrapInModalBody(renderForm(formikProps)), wrapInModalFooter(renderActionBlock(formikProps.values))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "renderForm(formikProps)", /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "mt-4 flex items-center gap-x-2"
+    }, renderActionBlock(formikProps.values)));
+  });
+};
+
+var Twilio = function Twilio(_ref) {
+  var _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? pure.noop : _ref$onClose,
+    _ref$useConnect = _ref.useConnect,
+    useConnect = _ref$useConnect === void 0 ? pure.noop : _ref$useConnect;
+  var _useState = React.useState(TWILIO_INTEGRATION_STEPS),
+    _useState2 = _slicedToArray(_useState, 2),
+    steps = _useState2[0],
+    setSteps = _useState2[1];
+  return /*#__PURE__*/React__default["default"].createElement(Modal, {
+    isOpen: true,
+    steps: steps,
+    onClose: onClose
+  }, /*#__PURE__*/React__default["default"].createElement(TwilioConfiguration, {
+    isModal: true,
+    setSteps: setSteps,
+    useConnect: useConnect,
+    onCancel: onClose
+  }));
+};
+
 var e = [],
   t = [];
 function n(n, r) {
@@ -710,5 +1150,6 @@ exports.Demo = Demo;
 exports.DisconnectAlert = DisconnectAlert;
 exports.Finish = Finish;
 exports.Modal = Modal;
+exports.Twilio = Twilio;
 exports.WalkthroughModal = WalkthroughModal;
 //# sourceMappingURL=index.cjs.js.map