@bigbinary/neeto-integrations-frontend 4.0.13 → 4.0.14

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, F as Form } from './Form-DGYvhKlX.js';
+import { u as useFetchDaily, a as useDestroyDaily, F as Form } from './Form-DKAK6ylB.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
@@ -27,7 +27,7 @@ import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'axios';
-import './query-CSH3yyWi.js';
+import './query-DWavsm0z.js';
 import 'yup';
 import '@bigbinary/neeto-icons/Check';
 import '@bigbinary/neetoui/Tooltip';

package/dist/DailyForm.js

@@ -14,7 +14,7 @@ import '@bigbinary/neetoui/formik/ActionBlock';
 import 'react-i18next';
 import 'react-router-dom';
 import './WalkthroughModal.js';
-export { F as default } from './Form-DGYvhKlX.js';
+export { F as default } from './Form-DKAK6ylB.js';
 import 'react/jsx-runtime';
 import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-commons-frontend/react-utils/withT';
@@ -23,6 +23,6 @@ import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'axios';
-import './query-CSH3yyWi.js';
+import './query-DWavsm0z.js';
 import 'yup';
 //# sourceMappingURL=DailyForm.js.map

package/dist/{Form-DGYvhKlX.js → Form-DKAK6ylB.js}

@@ -18,7 +18,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useQuery } from '@tanstack/react-query';
 import { DEFAULT_STALE_TIME } from '@bigbinary/neeto-commons-frontend/constants';
 import axios from 'axios';
-import { I as INTEGRATIONS_ENGINE_DAILY_URL, Q as QUERY_KEYS } from './query-CSH3yyWi.js';
+import { b as INTEGRATIONS_ENGINE_DAILY_URL, Q as QUERY_KEYS } from './query-DWavsm0z.js';
 import * as yup from 'yup';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -166,4 +166,4 @@ var Form = function Form(_ref) {
 var Form$1 = withTitle(Form, i18next.t("neetoIntegrations.browserTitles.integrations.dailyco"));
 
 export { Form$1 as F, useDestroyDaily as a, useFetchDaily as u };
-//# sourceMappingURL=Form-DGYvhKlX.js.map
+//# sourceMappingURL=Form-DKAK6ylB.js.map

package/dist/{Form-DGYvhKlX.js.map → Form-DKAK6ylB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Form-DGYvhKlX.js","sources":["../app/javascript/src/apis/dailies.js","../app/javascript/src/hooks/reactQuery/useDailiesApi.js","../app/javascript/src/components/Integrations/Daily/constants.js","../app/javascript/src/components/Integrations/Daily/Form.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { INTEGRATIONS_ENGINE_DAILY_URL } from \"src/constants/urls\";\n\nconst create = payload =>\n  axios.post(INTEGRATIONS_ENGINE_DAILY_URL, { daily: payload });\n\nconst show = () => axios.get(INTEGRATIONS_ENGINE_DAILY_URL);\n\nconst destroy = () => axios.delete(INTEGRATIONS_ENGINE_DAILY_URL);\n\nconst dailiesApi = { create, show, destroy };\n\nexport default dailiesApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { DEFAULT_STALE_TIME } from \"neetocommons/constants\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport dailiesApi from \"apis/dailies\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nexport const useCreateDaily = (options = {}) =>\n  useMutationWithInvalidation(dailiesApi.create, {\n    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],\n    ...options,\n  });\n\nexport const useFetchDaily = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.DAILY_CO_DETAILS],\n    queryFn: dailiesApi.show,\n    staleTime: DEFAULT_STALE_TIME,\n  });\n\nexport const useDestroyDaily = ({ onSuccess }) =>\n  useMutationWithInvalidation(dailiesApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],\n    onSuccess,\n  });\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const MANAGE_DAILY_CO_FORM_INITIAL_VALUES = { apiKey: \"\" };\n\nexport const DAILY_CO_VALIDATION_SCHEMA = yup.object().shape({\n  apiKey: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoIntegrations.errors.required\", {\n        entity: t(\"neetoIntegrations.daily.apiKey\"),\n      })\n    ),\n});\n","import { useState } from \"react\";\n\nimport i18next from \"i18next\";\nimport { withTitle } from \"neetocommons/react-utils\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Button, Spinner, Typography } from \"neetoui\";\nimport { Input, Form as FormikForm, ActionBlock } from \"neetoui/formik\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport WalkthroughModal from \"components/WalkthroughModal\";\nimport { useCreateDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nimport {\n  MANAGE_DAILY_CO_FORM_INITIAL_VALUES,\n  DAILY_CO_VALIDATION_SCHEMA,\n} from \"./constants\";\n\nconst Form = ({ helpDocUrl, videoUrl, onConnect, breadcrumbs }) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  const [isDemoModalOpen, setIsDemoModalOpen] = useState(false);\n\n  const { mutate: createDaily, isPending: isConnecting } = useCreateDaily({\n    onSuccess: () => onConnect?.(),\n  });\n\n  const handleSubmit = payload => createDaily(payload);\n\n  if (isConnecting) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container isHeaderFixed>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoIntegrations.daily.connect.title\")}\n        titleHelpPopoverProps={{\n          title: t(\"neetoIntegrations.daily.connect.title\"),\n          description: (\n            <Typography lineHeight=\"normal\" style=\"body2\">\n              <Trans\n                i18nKey=\"neetoIntegrations.daily.helpDoc\"\n                components={{\n                  videoLink: (\n                    <Button\n                      style=\"link\"\n                      onClick={() => setIsDemoModalOpen(true)}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          ),\n          helpLinkProps: {\n            href: helpDocUrl,\n            \"data-cy\": \"api-key-help-doc-link\",\n          },\n        }}\n      />\n      <div className=\"w-full\">\n        <FormikForm\n          formikProps={{\n            initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,\n            validationSchema: DAILY_CO_VALIDATION_SCHEMA,\n            onSubmit: handleSubmit,\n          }}\n        >\n          <CardLayout\n            actionBlock={\n              <ActionBlock\n                cancelButtonProps={{ onClick: () => history.goBack() }}\n                isSubmitting={isConnecting}\n                submitButtonProps={{\n                  label: t(\"neetoIntegrations.common.connect\"),\n                }}\n              />\n            }\n          >\n            <Input\n              autoFocus\n              required\n              label={t(\"neetoIntegrations.daily.apiKey\")}\n              name=\"apiKey\"\n            />\n          </CardLayout>\n        </FormikForm>\n        <WalkthroughModal\n          {...{ videoUrl }}\n          isOpen={isDemoModalOpen}\n          onClose={() => setIsDemoModalOpen(false)}\n        />\n      </div>\n    </Container>\n  );\n};\nexport default withTitle(\n  Form,\n  i18next.t(\"neetoIntegrations.browserTitles.integrations.dailyco\")\n);\n"],"names":["create","payload","axios","post","INTEGRATIONS_ENGINE_DAILY_URL","daily","show","get","destroy","dailiesApi","useCreateDaily","options","arguments","length","undefined","useMutationWithInvalidation","_objectSpread","keysToInvalidate","QUERY_KEYS","DAILY_CO_DETAILS","useFetchDaily","useQuery","queryKey","queryFn","staleTime","DEFAULT_STALE_TIME","useDestroyDaily","_ref","onSuccess","MANAGE_DAILY_CO_FORM_INITIAL_VALUES","apiKey","DAILY_CO_VALIDATION_SCHEMA","yup","object","shape","string","trim","required","t","entity","Form","helpDocUrl","videoUrl","onConnect","breadcrumbs","_useTranslation","useTranslation","history","useHistory","_useState","useState","_useState2","_slicedToArray","isDemoModalOpen","setIsDemoModalOpen","_useCreateDaily","createDaily","mutate","isConnecting","isPending","handleSubmit","_jsx","className","children","Spinner","_jsxs","Container","isHeaderFixed","Header","title","titleHelpPopoverProps","description","Typography","lineHeight","style","Trans","i18nKey","components","videoLink","Button","onClick","helpLinkProps","href","FormikForm","formikProps","initialValues","validationSchema","onSubmit","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","isSubmitting","submitButtonProps","label","Input","autoFocus","name","WalkthroughModal","isOpen","onClose","withTitle","i18next"],"mappings":"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"}
+{"version":3,"file":"Form-DKAK6ylB.js","sources":["../app/javascript/src/apis/dailies.js","../app/javascript/src/hooks/reactQuery/useDailiesApi.js","../app/javascript/src/components/Integrations/Daily/constants.js","../app/javascript/src/components/Integrations/Daily/Form.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { INTEGRATIONS_ENGINE_DAILY_URL } from \"src/constants/urls\";\n\nconst create = payload =>\n  axios.post(INTEGRATIONS_ENGINE_DAILY_URL, { daily: payload });\n\nconst show = () => axios.get(INTEGRATIONS_ENGINE_DAILY_URL);\n\nconst destroy = () => axios.delete(INTEGRATIONS_ENGINE_DAILY_URL);\n\nconst dailiesApi = { create, show, destroy };\n\nexport default dailiesApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { DEFAULT_STALE_TIME } from \"neetocommons/constants\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport dailiesApi from \"apis/dailies\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nexport const useCreateDaily = (options = {}) =>\n  useMutationWithInvalidation(dailiesApi.create, {\n    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],\n    ...options,\n  });\n\nexport const useFetchDaily = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.DAILY_CO_DETAILS],\n    queryFn: dailiesApi.show,\n    staleTime: DEFAULT_STALE_TIME,\n  });\n\nexport const useDestroyDaily = ({ onSuccess }) =>\n  useMutationWithInvalidation(dailiesApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]],\n    onSuccess,\n  });\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const MANAGE_DAILY_CO_FORM_INITIAL_VALUES = { apiKey: \"\" };\n\nexport const DAILY_CO_VALIDATION_SCHEMA = yup.object().shape({\n  apiKey: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoIntegrations.errors.required\", {\n        entity: t(\"neetoIntegrations.daily.apiKey\"),\n      })\n    ),\n});\n","import { useState } from \"react\";\n\nimport i18next from \"i18next\";\nimport { withTitle } from \"neetocommons/react-utils\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Button, Spinner, Typography } from \"neetoui\";\nimport { Input, Form as FormikForm, ActionBlock } from \"neetoui/formik\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport WalkthroughModal from \"components/WalkthroughModal\";\nimport { useCreateDaily } from \"hooks/reactQuery/useDailiesApi\";\n\nimport {\n  MANAGE_DAILY_CO_FORM_INITIAL_VALUES,\n  DAILY_CO_VALIDATION_SCHEMA,\n} from \"./constants\";\n\nconst Form = ({ helpDocUrl, videoUrl, onConnect, breadcrumbs }) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  const [isDemoModalOpen, setIsDemoModalOpen] = useState(false);\n\n  const { mutate: createDaily, isPending: isConnecting } = useCreateDaily({\n    onSuccess: () => onConnect?.(),\n  });\n\n  const handleSubmit = payload => createDaily(payload);\n\n  if (isConnecting) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container isHeaderFixed>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoIntegrations.daily.connect.title\")}\n        titleHelpPopoverProps={{\n          title: t(\"neetoIntegrations.daily.connect.title\"),\n          description: (\n            <Typography lineHeight=\"normal\" style=\"body2\">\n              <Trans\n                i18nKey=\"neetoIntegrations.daily.helpDoc\"\n                components={{\n                  videoLink: (\n                    <Button\n                      style=\"link\"\n                      onClick={() => setIsDemoModalOpen(true)}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          ),\n          helpLinkProps: {\n            href: helpDocUrl,\n            \"data-cy\": \"api-key-help-doc-link\",\n          },\n        }}\n      />\n      <div className=\"w-full\">\n        <FormikForm\n          formikProps={{\n            initialValues: MANAGE_DAILY_CO_FORM_INITIAL_VALUES,\n            validationSchema: DAILY_CO_VALIDATION_SCHEMA,\n            onSubmit: handleSubmit,\n          }}\n        >\n          <CardLayout\n            actionBlock={\n              <ActionBlock\n                cancelButtonProps={{ onClick: () => history.goBack() }}\n                isSubmitting={isConnecting}\n                submitButtonProps={{\n                  label: t(\"neetoIntegrations.common.connect\"),\n                }}\n              />\n            }\n          >\n            <Input\n              autoFocus\n              required\n              label={t(\"neetoIntegrations.daily.apiKey\")}\n              name=\"apiKey\"\n            />\n          </CardLayout>\n        </FormikForm>\n        <WalkthroughModal\n          {...{ videoUrl }}\n          isOpen={isDemoModalOpen}\n          onClose={() => setIsDemoModalOpen(false)}\n        />\n      </div>\n    </Container>\n  );\n};\nexport default withTitle(\n  Form,\n  i18next.t(\"neetoIntegrations.browserTitles.integrations.dailyco\")\n);\n"],"names":["create","payload","axios","post","INTEGRATIONS_ENGINE_DAILY_URL","daily","show","get","destroy","dailiesApi","useCreateDaily","options","arguments","length","undefined","useMutationWithInvalidation","_objectSpread","keysToInvalidate","QUERY_KEYS","DAILY_CO_DETAILS","useFetchDaily","useQuery","queryKey","queryFn","staleTime","DEFAULT_STALE_TIME","useDestroyDaily","_ref","onSuccess","MANAGE_DAILY_CO_FORM_INITIAL_VALUES","apiKey","DAILY_CO_VALIDATION_SCHEMA","yup","object","shape","string","trim","required","t","entity","Form","helpDocUrl","videoUrl","onConnect","breadcrumbs","_useTranslation","useTranslation","history","useHistory","_useState","useState","_useState2","_slicedToArray","isDemoModalOpen","setIsDemoModalOpen","_useCreateDaily","createDaily","mutate","isConnecting","isPending","handleSubmit","_jsx","className","children","Spinner","_jsxs","Container","isHeaderFixed","Header","title","titleHelpPopoverProps","description","Typography","lineHeight","style","Trans","i18nKey","components","videoLink","Button","onClick","helpLinkProps","href","FormikForm","formikProps","initialValues","validationSchema","onSubmit","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","isSubmitting","submitButtonProps","label","Input","autoFocus","name","WalkthroughModal","isOpen","onClose","withTitle","i18next"],"mappings":"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"}

package/dist/Telnyx.js

@@ -0,0 +1,218 @@
+import { useState, useRef } from 'react';
+import { findBy, isNotEmpty, noop } from '@bigbinary/neeto-cist';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import Select from '@bigbinary/neetoui/formik/Select';
+import { prop, isEmpty } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useQuery, useMutation } from '@tanstack/react-query';
+import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
+import axios from 'axios';
+import { T as TELNYX_SMS_CONFIGURATION_URL, c as TELNYX_PHONE_NUMBERS_URL, Q as QUERY_KEYS } from './query-DWavsm0z.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var fetchTelnyxSmsConfiguration = function fetchTelnyxSmsConfiguration(integrable) {
+  return axios.get(TELNYX_SMS_CONFIGURATION_URL, {
+    params: integrable
+  });
+};
+var fetchTelnyxPhoneNumbers = function fetchTelnyxPhoneNumbers(_ref) {
+  var apiKey = _ref.apiKey,
+    messagingProfileId = _ref.messagingProfileId;
+  return axios.get(TELNYX_PHONE_NUMBERS_URL, {
+    params: {
+      telnyx: {
+        apiKey: apiKey,
+        messagingProfileId: messagingProfileId
+      }
+    }
+  });
+};
+var createTelnyxSmsConfiguration = function createTelnyxSmsConfiguration(payload) {
+  return axios.post(TELNYX_SMS_CONFIGURATION_URL, {
+    telnyx: payload
+  });
+};
+var telnyxApi = {
+  fetchTelnyxPhoneNumbers: fetchTelnyxPhoneNumbers,
+  fetchTelnyxSmsConfiguration: fetchTelnyxSmsConfiguration,
+  createTelnyxSmsConfiguration: createTelnyxSmsConfiguration
+};
+
+var useFetchTelnyxSmsConfiguration = function useFetchTelnyxSmsConfiguration(_ref) {
+  var integrable = _ref.integrable;
+  return useQuery({
+    queryKey: [QUERY_KEYS.TELNYX_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId],
+    queryFn: function queryFn() {
+      return telnyxApi.fetchTelnyxSmsConfiguration(integrable);
+    },
+    select: prop("smsConfiguration")
+  });
+};
+var useFetchTelnyxPhoneNumbers = function useFetchTelnyxPhoneNumbers() {
+  return useMutation({
+    mutationFn: telnyxApi.fetchTelnyxPhoneNumbers
+  });
+};
+var useCreateTelnyxSmsConfiguration = function useCreateTelnyxSmsConfiguration(_ref2) {
+  var integrable = _ref2.integrable;
+  return useMutationWithInvalidation(telnyxApi.createTelnyxSmsConfiguration, {
+    keysToInvalidate: [[QUERY_KEYS.TELNYX_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]]
+  });
+};
+
+var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
+  return phoneNumbers ? phoneNumbers.map(function (_ref) {
+    var id = _ref.id,
+      phoneNumber = _ref.phoneNumber;
+    return {
+      value: id,
+      label: phoneNumber
+    };
+  }) : [];
+};
+var buildTelnyxConfigurationValidationSchema = function buildTelnyxConfigurationValidationSchema(isPhoneNumberRequired) {
+  return yup.object().shape({
+    apiKey: yup.string().required(t("neetoIntegrations.telnyx.validations.apiKeyRequired")),
+    messagingProfileId: yup.string().required(t("neetoIntegrations.telnyx.validations.messagingProfileIdRequired")),
+    phoneNumber: isPhoneNumberRequired ? yup.object().shape({
+      label: yup.string(),
+      value: yup.string()
+    }).nullable().required(t("neetoIntegrations.telnyx.validations.phoneNumberRequired")) : yup.mixed().nullable()
+  });
+};
+
+var useTelnyxForm = function useTelnyxForm(_ref) {
+  var integrable = _ref.integrable,
+    onConnect = _ref.onConnect;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    phoneNumbers = _useState2[0],
+    setPhoneNumbers = _useState2[1];
+  var _useFetchTelnyxSmsCon = useFetchTelnyxSmsConfiguration({
+      integrable: integrable
+    }),
+    configuration = _useFetchTelnyxSmsCon.data,
+    isLoading = _useFetchTelnyxSmsCon.isLoading;
+  var _useFetchTelnyxPhoneN = useFetchTelnyxPhoneNumbers(),
+    fetchTelnyxPhoneNumbers = _useFetchTelnyxPhoneN.mutate,
+    isFetchPhoneNumbersLoading = _useFetchTelnyxPhoneN.isPending;
+  var _useCreateTelnyxSmsCo = useCreateTelnyxSmsConfiguration({
+      integrable: integrable
+    }),
+    createTelnyxSmsConfiguration = _useCreateTelnyxSmsCo.mutate,
+    isCreateSmsConfigurationLoading = _useCreateTelnyxSmsCo.isPending;
+  var handleSubmit = function handleSubmit(values) {
+    if (isEmpty(phoneNumbers)) {
+      var params = {
+        apiKey: values.apiKey,
+        messagingProfileId: values.messagingProfileId
+      };
+      fetchTelnyxPhoneNumbers(params, {
+        onSuccess: function onSuccess(_ref2) {
+          var phoneNumbers = _ref2.phoneNumbers;
+          return setPhoneNumbers(phoneNumbers);
+        }
+      });
+      return;
+    }
+    var payload = {
+      apiKey: values.apiKey,
+      messagingProfileId: values.messagingProfileId,
+      phoneNumberId: values.phoneNumber.value
+    };
+    createTelnyxSmsConfiguration(payload, {
+      onSuccess: onConnect
+    });
+  };
+  var isSubmitting = isFetchPhoneNumbersLoading || isCreateSmsConfigurationLoading;
+  var phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);
+  var initialValues = {
+    apiKey: (configuration === null || configuration === void 0 ? void 0 : configuration.apiKey) || "",
+    messagingProfileId: (configuration === null || configuration === void 0 ? void 0 : configuration.messagingProfileId) || "",
+    phoneNumber: findBy({
+      label: configuration === null || configuration === void 0 ? void 0 : configuration.phoneNumber
+    }, phoneNumberOptions) || null
+  };
+  return {
+    initialValues: initialValues,
+    phoneNumberOptions: phoneNumberOptions,
+    isSubmitting: isSubmitting,
+    isLoading: isLoading,
+    handleSubmit: handleSubmit
+  };
+};
+
+var Telnyx = function Telnyx(_ref) {
+  var _ref$integrable = _ref.integrable,
+    integrable = _ref$integrable === void 0 ? null : _ref$integrable,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect;
+  var formRef = useRef(null);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useTelnyxForm = useTelnyxForm({
+      integrable: integrable,
+      onConnect: onConnect
+    }),
+    initialValues = _useTelnyxForm.initialValues,
+    handleSubmit = _useTelnyxForm.handleSubmit,
+    phoneNumberOptions = _useTelnyxForm.phoneNumberOptions,
+    isSubmitting = _useTelnyxForm.isSubmitting,
+    isLoading = _useTelnyxForm.isLoading;
+  var isPhoneNumberRequired = isNotEmpty(phoneNumberOptions);
+  var submitButtonLabel = isNotEmpty(phoneNumberOptions) ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify");
+  if (isLoading) return /*#__PURE__*/jsx(PageLoader, {});
+  return /*#__PURE__*/jsx(Form, {
+    className: "w-full",
+    formikProps: {
+      enableReinitialize: true,
+      initialValues: initialValues,
+      validationSchema: buildTelnyxConfigurationValidationSchema(isPhoneNumberRequired),
+      innerRef: formRef,
+      onSubmit: handleSubmit
+    },
+    children: function children(_ref2) {
+      var dirty = _ref2.dirty;
+      return /*#__PURE__*/jsx(CardLayout, {
+        actionBlock: /*#__PURE__*/jsx(ActionBlock, {
+          isSubmitting: isSubmitting,
+          cancelButtonProps: {
+            onClick: onClose
+          },
+          submitButtonProps: {
+            label: submitButtonLabel,
+            // The button is disabled if phoneNumberOptions is empty and there is no apiKey in initialValues while the form is not dirty.
+            // If phoneNumberOptions is not empty, the button is disabled when the form is unchanged.
+            disabled: isEmpty(phoneNumberOptions) ? !initialValues.apiKey && !dirty : !dirty
+          }
+        }),
+        children: /*#__PURE__*/jsxs("div", {
+          className: "space-y-4",
+          children: [/*#__PURE__*/jsx(Input, {
+            label: t("neetoIntegrations.telnyx.apiKey"),
+            name: "apiKey"
+          }), /*#__PURE__*/jsx(Input, {
+            label: t("neetoIntegrations.telnyx.messagingProfileId"),
+            name: "messagingProfileId"
+          }), isNotEmpty(phoneNumberOptions) && /*#__PURE__*/jsx(Select, {
+            label: t("neetoIntegrations.telnyx.phoneNumber"),
+            name: "phoneNumber",
+            options: phoneNumberOptions
+          })]
+        })
+      });
+    }
+  });
+};
+
+export { Telnyx as default };
+//# sourceMappingURL=Telnyx.js.map

package/dist/Telnyx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Telnyx.js","sources":["../app/javascript/src/apis/telnyx.js","../app/javascript/src/hooks/reactQuery/useTelnyxApi.js","../app/javascript/src/components/Integrations/Telnyx/utils.js","../app/javascript/src/components/Integrations/Telnyx/hooks/useTelnyxForm.js","../app/javascript/src/components/Integrations/Telnyx/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport {\n  TELNYX_PHONE_NUMBERS_URL,\n  TELNYX_SMS_CONFIGURATION_URL,\n} from \"src/constants/urls\";\n\nconst fetchTelnyxSmsConfiguration = integrable =>\n  axios.get(TELNYX_SMS_CONFIGURATION_URL, { params: integrable });\n\nconst fetchTelnyxPhoneNumbers = ({ apiKey, messagingProfileId }) =>\n  axios.get(TELNYX_PHONE_NUMBERS_URL, {\n    params: { telnyx: { apiKey, messagingProfileId } },\n  });\n\nconst createTelnyxSmsConfiguration = payload =>\n  axios.post(TELNYX_SMS_CONFIGURATION_URL, { telnyx: payload });\n\nconst telnyxApi = {\n  fetchTelnyxPhoneNumbers,\n  fetchTelnyxSmsConfiguration,\n  createTelnyxSmsConfiguration,\n};\n\nexport default telnyxApi;\n","import { useQuery, useMutation } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { prop } from \"ramda\";\n\nimport telnyxApi from \"apis/telnyx\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useFetchTelnyxSmsConfiguration = ({ integrable }) =>\n  useQuery({\n    queryKey: [\n      QUERY_KEYS.TELNYX_SMS_CONFIGURATION,\n      integrable?.integrableType,\n      integrable?.integrableId,\n    ],\n    queryFn: () => telnyxApi.fetchTelnyxSmsConfiguration(integrable),\n    select: prop(\"smsConfiguration\"),\n  });\n\nconst useFetchTelnyxPhoneNumbers = () =>\n  useMutation({ mutationFn: telnyxApi.fetchTelnyxPhoneNumbers });\n\nconst useCreateTelnyxSmsConfiguration = ({ integrable }) =>\n  useMutationWithInvalidation(telnyxApi.createTelnyxSmsConfiguration, {\n    keysToInvalidate: [\n      [\n        QUERY_KEYS.TELNYX_SMS_CONFIGURATION,\n        integrable?.integrableType,\n        integrable?.integrableId,\n      ],\n    ],\n  });\n\nexport {\n  useFetchTelnyxPhoneNumbers,\n  useFetchTelnyxSmsConfiguration,\n  useCreateTelnyxSmsConfiguration,\n};\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const buildPhoneNumberOptions = phoneNumbers =>\n  phoneNumbers\n    ? phoneNumbers.map(({ id, phoneNumber }) => ({\n        value: id,\n        label: phoneNumber,\n      }))\n    : [];\n\nexport const buildTelnyxConfigurationValidationSchema = isPhoneNumberRequired =>\n  yup.object().shape({\n    apiKey: yup\n      .string()\n      .required(t(\"neetoIntegrations.telnyx.validations.apiKeyRequired\")),\n    messagingProfileId: yup\n      .string()\n      .required(\n        t(\"neetoIntegrations.telnyx.validations.messagingProfileIdRequired\")\n      ),\n    phoneNumber: isPhoneNumberRequired\n      ? yup\n          .object()\n          .shape({ label: yup.string(), value: yup.string() })\n          .nullable()\n          .required(\n            t(\"neetoIntegrations.telnyx.validations.phoneNumberRequired\")\n          )\n      : yup.mixed().nullable(),\n  });\n","import { useState } from \"react\";\n\nimport { findBy } from \"neetocist\";\nimport { isEmpty } from \"ramda\";\n\nimport {\n  useCreateTelnyxSmsConfiguration,\n  useFetchTelnyxPhoneNumbers,\n  useFetchTelnyxSmsConfiguration,\n} from \"hooks/reactQuery/useTelnyxApi\";\n\nimport { buildPhoneNumberOptions } from \"../utils\";\n\nconst useTelnyxForm = ({ integrable, onConnect }) => {\n  const [phoneNumbers, setPhoneNumbers] = useState([]);\n\n  const { data: configuration, isLoading } = useFetchTelnyxSmsConfiguration({\n    integrable,\n  });\n\n  const {\n    mutate: fetchTelnyxPhoneNumbers,\n    isPending: isFetchPhoneNumbersLoading,\n  } = useFetchTelnyxPhoneNumbers();\n\n  const {\n    mutate: createTelnyxSmsConfiguration,\n    isPending: isCreateSmsConfigurationLoading,\n  } = useCreateTelnyxSmsConfiguration({ integrable });\n\n  const handleSubmit = values => {\n    if (isEmpty(phoneNumbers)) {\n      const params = {\n        apiKey: values.apiKey,\n        messagingProfileId: values.messagingProfileId,\n      };\n\n      fetchTelnyxPhoneNumbers(params, {\n        onSuccess: ({ phoneNumbers }) => setPhoneNumbers(phoneNumbers),\n      });\n\n      return;\n    }\n\n    const payload = {\n      apiKey: values.apiKey,\n      messagingProfileId: values.messagingProfileId,\n      phoneNumberId: values.phoneNumber.value,\n    };\n\n    createTelnyxSmsConfiguration(payload, { onSuccess: onConnect });\n  };\n\n  const isSubmitting =\n    isFetchPhoneNumbersLoading || isCreateSmsConfigurationLoading;\n\n  const phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);\n\n  const initialValues = {\n    apiKey: configuration?.apiKey || \"\",\n    messagingProfileId: configuration?.messagingProfileId || \"\",\n    phoneNumber:\n      findBy({ label: configuration?.phoneNumber }, phoneNumberOptions) || null,\n  };\n\n  return {\n    initialValues,\n    phoneNumberOptions,\n    isSubmitting,\n    isLoading,\n    handleSubmit,\n  };\n};\n\nexport default useTelnyxForm;\n","import { useRef } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { ActionBlock, Form, Input, Select } from \"neetoui/formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport useTelnyxForm from \"./hooks/useTelnyxForm\";\nimport { buildTelnyxConfigurationValidationSchema } from \"./utils\";\n\nconst Telnyx = ({ integrable = null, onClose = noop, onConnect = noop }) => {\n  const formRef = useRef(null);\n\n  const { t } = useTranslation();\n\n  const {\n    initialValues,\n    handleSubmit,\n    phoneNumberOptions,\n    isSubmitting,\n    isLoading,\n  } = useTelnyxForm({ integrable, onConnect });\n\n  const isPhoneNumberRequired = isNotEmpty(phoneNumberOptions);\n\n  const submitButtonLabel = isNotEmpty(phoneNumberOptions)\n    ? t(\"neetoIntegrations.common.saveChanges\")\n    : t(\"neetoIntegrations.common.verify\");\n\n  if (isLoading) return <PageLoader />;\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        enableReinitialize: true,\n        initialValues,\n        validationSchema: buildTelnyxConfigurationValidationSchema(\n          isPhoneNumberRequired\n        ),\n        innerRef: formRef,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {({ dirty }) => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              {...{ isSubmitting }}\n              cancelButtonProps={{ onClick: onClose }}\n              submitButtonProps={{\n                label: submitButtonLabel,\n                // The button is disabled if phoneNumberOptions is empty and there is no apiKey in initialValues while the form is not dirty.\n                // If phoneNumberOptions is not empty, the button is disabled when the form is unchanged.\n                disabled: isEmpty(phoneNumberOptions)\n                  ? !initialValues.apiKey && !dirty\n                  : !dirty,\n              }}\n            />\n          }\n        >\n          <div className=\"space-y-4\">\n            <Input label={t(\"neetoIntegrations.telnyx.apiKey\")} name=\"apiKey\" />\n            <Input\n              label={t(\"neetoIntegrations.telnyx.messagingProfileId\")}\n              name=\"messagingProfileId\"\n            />\n            {isNotEmpty(phoneNumberOptions) && (\n              <Select\n                label={t(\"neetoIntegrations.telnyx.phoneNumber\")}\n                name=\"phoneNumber\"\n                options={phoneNumberOptions}\n              />\n            )}\n          </div>\n        </CardLayout>\n      )}\n    </Form>\n  );\n};\n\nexport default Telnyx;\n"],"names":["fetchTelnyxSmsConfiguration","integrable","axios","get","TELNYX_SMS_CONFIGURATION_URL","params","fetchTelnyxPhoneNumbers","_ref","apiKey","messagingProfileId","TELNYX_PHONE_NUMBERS_URL","telnyx","createTelnyxSmsConfiguration","payload","post","telnyxApi","useFetchTelnyxSmsConfiguration","useQuery","queryKey","QUERY_KEYS","TELNYX_SMS_CONFIGURATION","integrableType","integrableId","queryFn","select","prop","useFetchTelnyxPhoneNumbers","useMutation","mutationFn","useCreateTelnyxSmsConfiguration","_ref2","useMutationWithInvalidation","keysToInvalidate","buildPhoneNumberOptions","phoneNumbers","map","id","phoneNumber","value","label","buildTelnyxConfigurationValidationSchema","isPhoneNumberRequired","yup","object","shape","string","required","t","nullable","mixed","useTelnyxForm","onConnect","_useState","useState","_useState2","_slicedToArray","setPhoneNumbers","_useFetchTelnyxSmsCon","configuration","data","isLoading","_useFetchTelnyxPhoneN","mutate","isFetchPhoneNumbersLoading","isPending","_useCreateTelnyxSmsCo","isCreateSmsConfigurationLoading","handleSubmit","values","isEmpty","onSuccess","phoneNumberId","isSubmitting","phoneNumberOptions","initialValues","findBy","Telnyx","_ref$integrable","_ref$onClose","onClose","noop","_ref$onConnect","formRef","useRef","_useTranslation","useTranslation","_useTelnyxForm","isNotEmpty","submitButtonLabel","_jsx","PageLoader","Form","className","formikProps","enableReinitialize","validationSchema","innerRef","onSubmit","children","dirty","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","submitButtonProps","disabled","_jsxs","Input","name","Select","options"],"mappings":"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"}

package/dist/Twilio.js

@@ -13,7 +13,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useMutationWithInvalidation, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
-import { b as TWILIO_CONFIGURATION_BASE_URL, Q as QUERY_KEYS } from './query-CSH3yyWi.js';
+import { d as TWILIO_CONFIGURATION_BASE_URL, Q as QUERY_KEYS } from './query-DWavsm0z.js';
 import i18next from 'i18next';
 import * as yup from 'yup';
 

package/dist/Zoom.js

@@ -9,7 +9,7 @@ import { useQuery } from '@tanstack/react-query';
 import { DEFAULT_STALE_TIME } from '@bigbinary/neeto-commons-frontend/constants';
 import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
-import { c as INTEGRATION_DETAILS_URL, d as INTEGRATIONS_ENGINE_ZOOM_URL, Q as QUERY_KEYS } from './query-CSH3yyWi.js';
+import { I as INTEGRATION_DETAILS_URL, a as INTEGRATIONS_ENGINE_ZOOM_URL, Q as QUERY_KEYS } from './query-DWavsm0z.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@bigbinary/neeto-icons/Check';

package/dist/cjs/Telnyx.js

@@ -0,0 +1,239 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var Select = require('@bigbinary/neetoui/formik/Select');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var axios = require('axios');
+var query = require('../query-tu4TNsM9.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var fetchTelnyxSmsConfiguration = function fetchTelnyxSmsConfiguration(integrable) {
+  return axios.get(query.TELNYX_SMS_CONFIGURATION_URL, {
+    params: integrable
+  });
+};
+var fetchTelnyxPhoneNumbers = function fetchTelnyxPhoneNumbers(_ref) {
+  var apiKey = _ref.apiKey,
+    messagingProfileId = _ref.messagingProfileId;
+  return axios.get(query.TELNYX_PHONE_NUMBERS_URL, {
+    params: {
+      telnyx: {
+        apiKey: apiKey,
+        messagingProfileId: messagingProfileId
+      }
+    }
+  });
+};
+var createTelnyxSmsConfiguration = function createTelnyxSmsConfiguration(payload) {
+  return axios.post(query.TELNYX_SMS_CONFIGURATION_URL, {
+    telnyx: payload
+  });
+};
+var telnyxApi = {
+  fetchTelnyxPhoneNumbers: fetchTelnyxPhoneNumbers,
+  fetchTelnyxSmsConfiguration: fetchTelnyxSmsConfiguration,
+  createTelnyxSmsConfiguration: createTelnyxSmsConfiguration
+};
+
+var useFetchTelnyxSmsConfiguration = function useFetchTelnyxSmsConfiguration(_ref) {
+  var integrable = _ref.integrable;
+  return reactQuery.useQuery({
+    queryKey: [query.QUERY_KEYS.TELNYX_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId],
+    queryFn: function queryFn() {
+      return telnyxApi.fetchTelnyxSmsConfiguration(integrable);
+    },
+    select: ramda.prop("smsConfiguration")
+  });
+};
+var useFetchTelnyxPhoneNumbers = function useFetchTelnyxPhoneNumbers() {
+  return reactQuery.useMutation({
+    mutationFn: telnyxApi.fetchTelnyxPhoneNumbers
+  });
+};
+var useCreateTelnyxSmsConfiguration = function useCreateTelnyxSmsConfiguration(_ref2) {
+  var integrable = _ref2.integrable;
+  return reactUtils.useMutationWithInvalidation(telnyxApi.createTelnyxSmsConfiguration, {
+    keysToInvalidate: [[query.QUERY_KEYS.TELNYX_SMS_CONFIGURATION, integrable === null || integrable === void 0 ? void 0 : integrable.integrableType, integrable === null || integrable === void 0 ? void 0 : integrable.integrableId]]
+  });
+};
+
+var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
+  return phoneNumbers ? phoneNumbers.map(function (_ref) {
+    var id = _ref.id,
+      phoneNumber = _ref.phoneNumber;
+    return {
+      value: id,
+      label: phoneNumber
+    };
+  }) : [];
+};
+var buildTelnyxConfigurationValidationSchema = function buildTelnyxConfigurationValidationSchema(isPhoneNumberRequired) {
+  return yup__namespace.object().shape({
+    apiKey: yup__namespace.string().required(i18next.t("neetoIntegrations.telnyx.validations.apiKeyRequired")),
+    messagingProfileId: yup__namespace.string().required(i18next.t("neetoIntegrations.telnyx.validations.messagingProfileIdRequired")),
+    phoneNumber: isPhoneNumberRequired ? yup__namespace.object().shape({
+      label: yup__namespace.string(),
+      value: yup__namespace.string()
+    }).nullable().required(i18next.t("neetoIntegrations.telnyx.validations.phoneNumberRequired")) : yup__namespace.mixed().nullable()
+  });
+};
+
+var useTelnyxForm = function useTelnyxForm(_ref) {
+  var integrable = _ref.integrable,
+    onConnect = _ref.onConnect;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    phoneNumbers = _useState2[0],
+    setPhoneNumbers = _useState2[1];
+  var _useFetchTelnyxSmsCon = useFetchTelnyxSmsConfiguration({
+      integrable: integrable
+    }),
+    configuration = _useFetchTelnyxSmsCon.data,
+    isLoading = _useFetchTelnyxSmsCon.isLoading;
+  var _useFetchTelnyxPhoneN = useFetchTelnyxPhoneNumbers(),
+    fetchTelnyxPhoneNumbers = _useFetchTelnyxPhoneN.mutate,
+    isFetchPhoneNumbersLoading = _useFetchTelnyxPhoneN.isPending;
+  var _useCreateTelnyxSmsCo = useCreateTelnyxSmsConfiguration({
+      integrable: integrable
+    }),
+    createTelnyxSmsConfiguration = _useCreateTelnyxSmsCo.mutate,
+    isCreateSmsConfigurationLoading = _useCreateTelnyxSmsCo.isPending;
+  var handleSubmit = function handleSubmit(values) {
+    if (ramda.isEmpty(phoneNumbers)) {
+      var params = {
+        apiKey: values.apiKey,
+        messagingProfileId: values.messagingProfileId
+      };
+      fetchTelnyxPhoneNumbers(params, {
+        onSuccess: function onSuccess(_ref2) {
+          var phoneNumbers = _ref2.phoneNumbers;
+          return setPhoneNumbers(phoneNumbers);
+        }
+      });
+      return;
+    }
+    var payload = {
+      apiKey: values.apiKey,
+      messagingProfileId: values.messagingProfileId,
+      phoneNumberId: values.phoneNumber.value
+    };
+    createTelnyxSmsConfiguration(payload, {
+      onSuccess: onConnect
+    });
+  };
+  var isSubmitting = isFetchPhoneNumbersLoading || isCreateSmsConfigurationLoading;
+  var phoneNumberOptions = buildPhoneNumberOptions(phoneNumbers);
+  var initialValues = {
+    apiKey: (configuration === null || configuration === void 0 ? void 0 : configuration.apiKey) || "",
+    messagingProfileId: (configuration === null || configuration === void 0 ? void 0 : configuration.messagingProfileId) || "",
+    phoneNumber: neetoCist.findBy({
+      label: configuration === null || configuration === void 0 ? void 0 : configuration.phoneNumber
+    }, phoneNumberOptions) || null
+  };
+  return {
+    initialValues: initialValues,
+    phoneNumberOptions: phoneNumberOptions,
+    isSubmitting: isSubmitting,
+    isLoading: isLoading,
+    handleSubmit: handleSubmit
+  };
+};
+
+var Telnyx = function Telnyx(_ref) {
+  var _ref$integrable = _ref.integrable,
+    integrable = _ref$integrable === void 0 ? null : _ref$integrable,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? neetoCist.noop : _ref$onConnect;
+  var formRef = React.useRef(null);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useTelnyxForm = useTelnyxForm({
+      integrable: integrable,
+      onConnect: onConnect
+    }),
+    initialValues = _useTelnyxForm.initialValues,
+    handleSubmit = _useTelnyxForm.handleSubmit,
+    phoneNumberOptions = _useTelnyxForm.phoneNumberOptions,
+    isSubmitting = _useTelnyxForm.isSubmitting,
+    isLoading = _useTelnyxForm.isLoading;
+  var isPhoneNumberRequired = neetoCist.isNotEmpty(phoneNumberOptions);
+  var submitButtonLabel = neetoCist.isNotEmpty(phoneNumberOptions) ? t("neetoIntegrations.common.saveChanges") : t("neetoIntegrations.common.verify");
+  if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader, {});
+  return /*#__PURE__*/jsxRuntime.jsx(Form, {
+    className: "w-full",
+    formikProps: {
+      enableReinitialize: true,
+      initialValues: initialValues,
+      validationSchema: buildTelnyxConfigurationValidationSchema(isPhoneNumberRequired),
+      innerRef: formRef,
+      onSubmit: handleSubmit
+    },
+    children: function children(_ref2) {
+      var dirty = _ref2.dirty;
+      return /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+        actionBlock: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+          isSubmitting: isSubmitting,
+          cancelButtonProps: {
+            onClick: onClose
+          },
+          submitButtonProps: {
+            label: submitButtonLabel,
+            // The button is disabled if phoneNumberOptions is empty and there is no apiKey in initialValues while the form is not dirty.
+            // If phoneNumberOptions is not empty, the button is disabled when the form is unchanged.
+            disabled: ramda.isEmpty(phoneNumberOptions) ? !initialValues.apiKey && !dirty : !dirty
+          }
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "space-y-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+            label: t("neetoIntegrations.telnyx.apiKey"),
+            name: "apiKey"
+          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+            label: t("neetoIntegrations.telnyx.messagingProfileId"),
+            name: "messagingProfileId"
+          }), neetoCist.isNotEmpty(phoneNumberOptions) && /*#__PURE__*/jsxRuntime.jsx(Select, {
+            label: t("neetoIntegrations.telnyx.phoneNumber"),
+            name: "phoneNumber",
+            options: phoneNumberOptions
+          })]
+        })
+      });
+    }
+  });
+};
+
+module.exports = Telnyx;
+//# sourceMappingURL=Telnyx.js.map