@bigbinary/neeto-integrations-frontend 4.0.12 → 4.0.14

package/dist/Twilio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Twilio.js","sources":["../app/javascript/src/components/Integrations/Twilio/Form.jsx","../app/javascript/src/apis/twilio.js","../app/javascript/src/hooks/reactQuery/useTwilioApi.js","../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 axios from \"axios\";\n\nimport { TWILIO_CONFIGURATION_BASE_URL } from \"src/constants/urls\";\n\nconst fetchTwilioSmsConfiguration = integrable =>\n  axios.get(TWILIO_CONFIGURATION_BASE_URL, { params: integrable });\n\nconst removeTwilioConfiguration = () =>\n  axios.delete(TWILIO_CONFIGURATION_BASE_URL);\n\nconst getTwilioPhoneNumbers = data =>\n  axios.get(`${TWILIO_CONFIGURATION_BASE_URL}/new`, {\n    params: data,\n  });\n\nconst createTwilioConfiguration = (payload, integrable) =>\n  axios.post(TWILIO_CONFIGURATION_BASE_URL, { ...payload, ...integrable });\n\nconst twilioApi = {\n  fetchTwilioSmsConfiguration,\n  removeTwilioConfiguration,\n  getTwilioPhoneNumbers,\n  createTwilioConfiguration,\n};\n\nexport default twilioApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { keysToSnakeCase } from \"neetocist\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { prop } from \"ramda\";\n\nimport twilioApi from \"apis/twilio\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useFetchTwilioSmsConfiguration = ({ integrable }) =>\n  useQuery({\n    queryKey: [\n      QUERY_KEYS.TWILIO_SMS_CONFIGURATION,\n      integrable?.integrableType,\n      integrable?.integrableId,\n    ],\n    queryFn: () => twilioApi.fetchTwilioSmsConfiguration(integrable),\n    select: response => {\n      const smsConfiguration = response.smsConfiguration;\n\n      return {\n        twilioSid: smsConfiguration?.twilioSid ?? \"\",\n        twilioAuthToken: smsConfiguration?.twilioAuthToken ?? \"\",\n        twilioPhoneNumber: smsConfiguration?.twilioPhoneNumber ?? \"\",\n      };\n    },\n  });\n\nconst useFetchTwilioPhoneNumbers = ({ credentials, formRef }) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TWILIO_PHONE_NUMBERS, { credentials }],\n    queryFn: () =>\n      twilioApi.getTwilioPhoneNumbers(keysToSnakeCase(credentials)),\n    enabled:\n      !!credentials?.twilio_sid ||\n      !!credentials?.twilioSid ||\n      !!formRef?.current?.values?.twilioSid ||\n      !!formRef?.current?.values?.twilioAuthToken,\n    select: prop(\"phoneNumbers\"),\n    retry: false,\n  });\n\nconst useCreateTwilioConfiguration = ({ integrable }) =>\n  useMutationWithInvalidation(\n    payload => twilioApi.createTwilioConfiguration(payload, integrable),\n    {\n      keysToInvalidate: [\n        [\n          QUERY_KEYS.TWILIO_SMS_CONFIGURATION,\n          integrable?.integrableType,\n          integrable?.integrableId,\n        ],\n      ],\n    }\n  );\n\nexport {\n  useCreateTwilioConfiguration,\n  useFetchTwilioPhoneNumbers,\n  useFetchTwilioSmsConfiguration,\n};\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","fetchTwilioSmsConfiguration","integrable","axios","get","TWILIO_CONFIGURATION_BASE_URL","params","removeTwilioConfiguration","getTwilioPhoneNumbers","data","concat","createTwilioConfiguration","payload","post","twilioApi","useFetchTwilioSmsConfiguration","useQuery","queryKey","QUERY_KEYS","TWILIO_SMS_CONFIGURATION","integrableType","integrableId","queryFn","select","response","_smsConfiguration$twi","_smsConfiguration$twi2","_smsConfiguration$twi3","smsConfiguration","twilioSid","twilioAuthToken","useFetchTwilioPhoneNumbers","_ref2","_formRef$current","_formRef$current2","credentials","formRef","TWILIO_PHONE_NUMBERS","keysToSnakeCase","enabled","twilio_sid","current","prop","retry","useCreateTwilioConfiguration","_ref3","useMutationWithInvalidation","keysToInvalidate","useTwilio","_ref$onConnect","onConnect","noop","_ref$formRef","_ref$integrable","_useFetchTwilioSmsCon","_useFetchTwilioSmsCon2","configuration","isConfigurationLoading","isLoading","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","setCredentials","_useFetchTwilioPhoneN","phoneNumbers","isPhoneNumbersLoading","_useCreateTwilioConfi","saveConfiguration","mutate","isSubmitting","isPending","handleSubmit","_values$twilioPhoneNu","twilio_auth_token","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":";;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAMjB;AAAA,EAAA,IAAAC,qBAAA;AAAA,EAAA,IALJC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAAAC,qBAAA,GAAAH,IAAA,CAClBI,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,oBAAA,GAAAL,IAAA,CAC1BM,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;IAAAE,mBAAA,GAAAP,IAAA,CACtBQ,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IAAAE,gBAAA,GAAAT,IAAA,CACtBU,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,gBAAA;AAEhB,EAAA,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AACT,EAAA,IAAQC,aAAa,GACnBJ,WAAW,CADLI,aAAa;IAAEC,SAAS,GAC9BL,WAAW,CADUK,SAAS;IAAEC,MAAM,GACtCN,WAAW,CADqBM,MAAM;IAAEC,MAAM,GAC9CP,WAAW,CAD6BO,MAAM;IAAEC,aAAa,GAC7DR,WAAW,CADqCQ,aAAa;AAG/DC,EAAAA,SAAS,CAAC,YAAM;AACdf,IAAAA,mBAAmB,IACjBU,aAAa,CAAC,mBAAmB,EAAEV,mBAAmB,CAAC;AAC3D,GAAC,EAAE,CAACA,mBAAmB,EAAEc,aAAa,CAAC,CAAC;AAExC,EAAA,oBACEE,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8BAA8B;AAAAC,IAAAA,QAAA,gBAC3CC,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,aAAa;MAAAC,QAAA,eAC1BC,GAAA,CAACC,KAAK,EAAA;QACJC,QAAQ,EAAA,IAAA;QACRC,SAAS,EAAE,CAAClB,cAAe;AAC3B,QAAA,aAAA,EAAY,yBAAyB;AACrCmB,QAAAA,KAAK,EAAEd,CAAC,CAAC,8BAA8B,CAAE;AACzCe,QAAAA,IAAI,EAAC,WAAW;AAChBC,QAAAA,GAAG,EAAEvB;OACN;KACE,CAAC,eACNiB,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,aAAa;MAAAC,QAAA,eAC1BC,GAAA,CAACC,KAAK,EAAA;QACJC,QAAQ,EAAA,IAAA;AACR,QAAA,aAAA,EAAY,gCAAgC;AAC5CE,QAAAA,KAAK,EAAEd,CAAC,CAAC,oCAAoC,CAAE;AAC/Ce,QAAAA,IAAI,EAAC;OACN;AAAC,KACC,CAAC,EACL1B,kBAAkB,iBACjBqB,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,aAAa;MAAAC,QAAA,eAC1BC,GAAA,CAACO,MAAM,EAAA;QACLC,KAAK,EAAA,CAAA9B,qBAAA,GAAEe,MAAM,CAACgB,iBAAiB,MAAA,IAAA,IAAA/B,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,qBAAA,CAA0BgC,KAAM;AACvCN,QAAAA,KAAK,EAAEd,CAAC,CAAC,+BAA+B,CAAE;AAC1Ce,QAAAA,IAAI,EAAC,mBAAmB;AACxBM,QAAAA,OAAO,EAAEhC,kBAAmB;AAC5BiC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,QAAQ,EAAA;AAAA,UAAA,OAChBtB,SAAS,CAAAuB,eAAA,CAAAA,eAAA,KAAMrB,MAAM,CAAA,EAAA,EAAA,EAAA;AAAEe,YAAAA,iBAAiB,EAAEK;AAAQ,WAAA,CAAE,CAAC;AAAA;OAExD;AAAC,KACC,CACN;AAAA,GACE,CAAC;AAEV,CAAC;;;;ACrDD,IAAME,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAGC,UAAU,EAAA;AAAA,EAAA,OAC5CC,KAAK,CAACC,GAAG,CAACC,6BAA6B,EAAE;AAAEC,IAAAA,MAAM,EAAEJ;AAAW,GAAC,CAAC;AAAA,CAAA;AAElE,IAAMK,yBAAyB,GAAG,SAA5BA,yBAAyBA,GAAA;AAAA,EAAA,OAC7BJ,KAAK,CAAA,QAAA,CAAO,CAACE,6BAA6B,CAAC;AAAA,CAAA;AAE7C,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAGC,IAAI,EAAA;AAAA,EAAA,OAChCN,KAAK,CAACC,GAAG,IAAAM,MAAA,CAAIL,6BAA6B,EAAQ,MAAA,CAAA,EAAA;AAChDC,IAAAA,MAAM,EAAEG;AACV,GAAC,CAAC;AAAA,CAAA;AAEJ,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,OAAO,EAAEV,UAAU,EAAA;AAAA,EAAA,OACpDC,KAAK,CAACU,IAAI,CAACR,6BAA6B,EAAAL,eAAA,CAAAA,eAAA,CAAOY,EAAAA,EAAAA,OAAO,CAAKV,EAAAA,UAAU,CAAE,CAAC;AAAA,CAAA;AAE1E,IAAMY,SAAS,GAAG;AAChBb,EAAAA,2BAA2B,EAA3BA,2BAA2B;AAC3BM,EAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBC,EAAAA,qBAAqB,EAArBA,qBAAqB;AACrBG,EAAAA,yBAAyB,EAAzBA;AACF,CAAC;;ACfD,IAAMI,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAArD,IAAA,EAAA;AAAA,EAAA,IAAMwC,UAAU,GAAAxC,IAAA,CAAVwC,UAAU;AAAA,EAAA,OAClDc,QAAQ,CAAC;IACPC,QAAQ,EAAE,CACRC,UAAU,CAACC,wBAAwB,EACnCjB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEkB,cAAc,EAC1BlB,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEmB,YAAY,CACzB;IACDC,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,MAAA,OAAQR,SAAS,CAACb,2BAA2B,CAACC,UAAU,CAAC;AAAA,KAAA;AAChEqB,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAEC,QAAQ,EAAI;AAAA,MAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;AAClB,MAAA,IAAMC,gBAAgB,GAAGJ,QAAQ,CAACI,gBAAgB;MAElD,OAAO;AACLC,QAAAA,SAAS,EAAAJ,CAAAA,qBAAA,GAAEG,gBAAgB,aAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEC,SAAS,MAAAJ,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,EAAE;AAC5CK,QAAAA,eAAe,EAAAJ,CAAAA,sBAAA,GAAEE,gBAAgB,aAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEE,eAAe,MAAAJ,IAAAA,IAAAA,sBAAA,KAAAA,KAAAA,CAAAA,GAAAA,sBAAA,GAAI,EAAE;AACxDhC,QAAAA,iBAAiB,EAAAiC,CAAAA,sBAAA,GAAEC,gBAAgB,aAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAElC,iBAAiB,MAAA,IAAA,IAAAiC,sBAAA,KAAA,KAAA,CAAA,GAAAA,sBAAA,GAAI;OAC3D;AACH;AACF,GAAC,CAAC;AAAA,CAAA;AAEJ,IAAMI,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,KAAA,EAAA;EAAA,IAAAC,gBAAA,EAAAC,iBAAA;AAAA,EAAA,IAAMC,WAAW,GAAAH,KAAA,CAAXG,WAAW;IAAEC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;AAAA,EAAA,OACxDpB,QAAQ,CAAC;AACPC,IAAAA,QAAQ,EAAE,CAACC,UAAU,CAACmB,oBAAoB,EAAE;AAAEF,MAAAA,WAAW,EAAXA;AAAY,KAAC,CAAC;IAC5Db,OAAO,EAAE,SAATA,OAAOA,GAAA;MAAA,OACLR,SAAS,CAACN,qBAAqB,CAAC8B,eAAe,CAACH,WAAW,CAAC,CAAC;AAAA,KAAA;AAC/DI,IAAAA,OAAO,EACL,CAAC,EAACJ,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,IAAXA,WAAW,CAAEK,UAAU,CAAA,IACzB,CAAC,EAACL,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,IAAAA,WAAW,CAAEN,SAAS,CACxB,IAAA,CAAC,EAACO,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAA,CAAAH,gBAAA,GAAPG,OAAO,CAAEK,OAAO,cAAAR,gBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,gBAAA,GAAhBA,gBAAA,CAAkBtD,MAAM,MAAA,IAAA,IAAAsD,gBAAA,KAAxBA,KAAAA,CAAAA,IAAAA,gBAAA,CAA0BJ,SAAS,KACrC,CAAC,EAACO,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,IAAAA,CAAAA,iBAAA,GAAPE,OAAO,CAAEK,OAAO,MAAAP,IAAAA,IAAAA,iBAAA,gBAAAA,iBAAA,GAAhBA,iBAAA,CAAkBvD,MAAM,MAAAuD,IAAAA,IAAAA,iBAAA,KAAxBA,KAAAA,CAAAA,IAAAA,iBAAA,CAA0BJ,eAAe,CAAA;AAC7CP,IAAAA,MAAM,EAAEmB,IAAI,CAAC,cAAc,CAAC;AAC5BC,IAAAA,KAAK,EAAE;AACT,GAAC,CAAC;AAAA,CAAA;AAEJ,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAM3C,UAAU,GAAA2C,KAAA,CAAV3C,UAAU;EAAA,OAChD4C,2BAA2B,CACzB,UAAAlC,OAAO,EAAA;AAAA,IAAA,OAAIE,SAAS,CAACH,yBAAyB,CAACC,OAAO,EAAEV,UAAU,CAAC;GACnE,EAAA;IACE6C,gBAAgB,EAAE,CAChB,CACE7B,UAAU,CAACC,wBAAwB,EACnCjB,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEkB,cAAc,EAC1BlB,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEmB,YAAY,CACzB;AAEL,GACF,CAAC;AAAA,CAAA;;AC5CH,IAAM2B,SAAS,GAAG,SAAZA,SAASA,CAAAtF,IAAA,EAAgE;AAAA,EAAA,IAAAuF,cAAA,GAAAvF,IAAA,CAA1DwF,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,cAAA;IAAAG,YAAA,GAAA1F,IAAA,CAAE0E,OAAO;AAAPA,IAAAA,OAAO,GAAAgB,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;IAAAC,eAAA,GAAA3F,IAAA,CAAEwC,UAAU;AAAVA,IAAAA,UAAU,GAAAmD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;EACtE,IAAAC,qBAAA,GACEvC,8BAA8B,CAAC;AAAEb,MAAAA,UAAU,EAAVA;AAAW,KAAC,CAAC;IAAAqD,sBAAA,GAAAD,qBAAA,CADxC7C,IAAI;AAAE+C,IAAAA,aAAa,GAAAD,sBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,sBAAA;IAAaE,sBAAsB,GAAAH,qBAAA,CAAjCI,SAAS;AAE3C,EAAA,IAAAC,qBAAA,GAAsCC,sBAAsB,CAACJ,aAAa,CAAC;IAAAK,sBAAA,GAAAC,cAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAApExB,IAAAA,WAAW,GAAA0B,sBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,sBAAA,CAAA,CAAA,CAAA;EAClC,IAAAG,qBAAA,GACEjC,0BAA0B,CAAC;AAAEI,MAAAA,WAAW,EAAXA,WAAW;AAAEC,MAAAA,OAAO,EAAPA;AAAQ,KAAC,CAAC;IADxC6B,YAAY,GAAAD,qBAAA,CAAlBvD,IAAI;IAA2ByD,qBAAqB,GAAAF,qBAAA,CAAhCN,SAAS;EAGrC,IAAAS,qBAAA,GACEvB,4BAA4B,CAAC;AAAE1C,MAAAA,UAAU,EAAVA;AAAW,KAAC,CAAC;IAD9BkE,iBAAiB,GAAAD,qBAAA,CAAzBE,MAAM;IAAgCC,YAAY,GAAAH,qBAAA,CAAvBI,SAAS;AAG5C,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAG7F,MAAM,EAAI;AAAA,IAAA,IAAA8F,qBAAA;AAC7B,IAAA,IAAM7D,OAAO,GAAG;MACd4B,UAAU,EAAE7D,MAAM,CAACkD,SAAS;MAC5B6C,iBAAiB,EAAE/F,MAAM,CAACmD,eAAe;MACzC6C,uBAAuB,EAAA,CAAAF,qBAAA,GAAE9F,MAAM,CAACe,iBAAiB,MAAA+E,IAAAA,IAAAA,qBAAA,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA0B9E;KACpD;IAED,IAAI,CAACsE,YAAY,IAAI,EAACT,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAE9D,iBAAiB,CAAE,EAAA;MACtDqE,cAAc,CAACnD,OAAO,CAAC;AAEvB,MAAA;AACF;IAEAwD,iBAAiB,CAACxD,OAAO,EAAE;AAAEgE,MAAAA,SAAS,EAAE1B;AAAU,KAAC,CAAC;GACrD;EAED,OAAO;AACLsB,IAAAA,YAAY,EAAZA,YAAY;AACZP,IAAAA,YAAY,EAAZA,YAAY;AACZR,IAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBS,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBI,IAAAA,YAAY,EAAZA,YAAY;AACZd,IAAAA,aAAa,EAAbA;GACD;AACH,CAAC;;ACxCM,IAAMqB,wCAAwC,GAAG,SAA3CA,wCAAwCA,CAAGC,qBAAqB,EAAA;AAAA,EAAA,OAC3EC,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;AACjBpD,IAAAA,SAAS,EAAEkD,GAAG,CACXG,MAAM,EAAE,CACR/F,QAAQ,CAACgG,OAAO,CAAC5G,CAAC,CAAC,6CAA6C,CAAC,CAAC;AACrEuD,IAAAA,eAAe,EAAEiD,GAAG,CACjBG,MAAM,EAAE,CACR/F,QAAQ,CAACgG,OAAO,CAAC5G,CAAC,CAAC,mDAAmD,CAAC,CAAC;IAC3EmB,iBAAiB,EAAEoF,qBAAqB,GACpCC,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;AACjB5F,MAAAA,KAAK,EAAE0F,GAAG,CAACG,MAAM,EAAE;AACnBvF,MAAAA,KAAK,EAAEoF,GAAG,CACPG,MAAM,EAAE,CACR/F,QAAQ,CACPgG,OAAO,CAAC5G,CAAC,CAAC,+CAA+C,CAC3D;AACJ,KAAC,CAAC,GACF;AACN,GAAC,CAAC;AAAA,CAAA;AAEG,IAAM6G,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAGnB,YAAY,EAAA;EAAA,OACjDA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEoB,GAAG,CAAC,UAAA3H,IAAA,EAAA;AAAA,IAAA,IAAG4H,WAAW,GAAA5H,IAAA,CAAX4H,WAAW;MAAEC,GAAG,GAAA7H,IAAA,CAAH6H,GAAG;IAAA,OAAQ;AAC3ClG,MAAAA,KAAK,EAAEiG,WAAW;AAClB3F,MAAAA,KAAK,EAAE4F;KACR;AAAA,GAAC,CAAC;AAAA,CAAA;;;;ACZL,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA9H,IAAA,EAAgE;AAAA,EAAA,IAAA2F,eAAA,GAAA3F,IAAA,CAA1DwC,UAAU;AAAVA,IAAAA,UAAU,GAAAmD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;IAAAoC,YAAA,GAAA/H,IAAA,CAAEgI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGtC,KAAAA,CAAAA,GAAAA,IAAI,GAAAsC,YAAA;IAAAxC,cAAA,GAAAvF,IAAA,CAAEwF,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,cAAA;AACnE,EAAA,IAAA5E,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AACT,EAAA,IAAMP,eAAe,GAAG2H,MAAM,EAAE;AAChC,EAAA,IAAMvD,OAAO,GAAGuD,MAAM,EAAE;EAExB,IAAAC,UAAA,GAOI5C,SAAS,CAAC;AAAEE,MAAAA,SAAS,EAATA,SAAS;AAAEd,MAAAA,OAAO,EAAPA,OAAO;AAAElC,MAAAA,UAAU,EAAVA;AAAW,KAAC,CAAC;IAN/CsE,YAAY,GAAAoB,UAAA,CAAZpB,YAAY;IACZP,YAAY,GAAA2B,UAAA,CAAZ3B,YAAY;IACZR,sBAAsB,GAAAmC,UAAA,CAAtBnC,sBAAsB;IACtBS,qBAAqB,GAAA0B,UAAA,CAArB1B,qBAAqB;IACrBI,YAAY,GAAAsB,UAAA,CAAZtB,YAAY;IACZd,aAAa,GAAAoC,UAAA,CAAbpC,aAAa;AAGf,EAAA,IAAM5F,kBAAkB,GAAGwH,uBAAuB,CAACnB,YAAY,CAAC;EAEhE,IAAMnG,mBAAmB,GAAG+H,OAAO,CACjC;AAAExG,IAAAA,KAAK,EAAEmE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAE9D;GAAmB,EAC3C9B,kBACF,CAAC;AAED,EAAA,IAAM8F,SAAS,GAAGQ,qBAAqB,IAAIT,sBAAsB;AAEjE,EAAA,IAAMqC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGnH,MAAM,EAAA;AAAA,IAAA,OAC7BoH,MAAM,CAAA/F,aAAA,CAAAA,aAAA,KACCwD,aAAa,CAAA,EAAA,EAAA,EAAA;AAAE9D,MAAAA,iBAAiB,EAAE5B;KACvCa,CAAAA,EAAAA,MACF,CAAC,IAAI+E,SAAS;AAAA,GAAA;EAEhB,oBACEzE,GAAA,CAAC+G,UAAiB,EAAA;AAChBjH,IAAAA,SAAS,EAAC,QAAQ;AAClBX,IAAAA,WAAW,EAAE;AACX6H,MAAAA,kBAAkB,EAAE,IAAI;AACxBC,MAAAA,gBAAgB,EAAErB,wCAAwC,CACxD,CAAC,CAACZ,YACJ,CAAC;AACDrF,MAAAA,aAAa,EAAE4E,aAAa;AAC5B2C,MAAAA,QAAQ,EAAE/D,OAAO;AACjBgE,MAAAA,QAAQ,EAAE5B;KACV;IAAAxF,QAAA,EAED,SAAAA,QAAAA,CAAAZ,WAAW,EAAA;MAAA,oBACVa,GAAA,CAACoH,UAAU,EAAA;QACTC,WAAW,eACTrH,GAAA,CAACsH,WAAW,EAAA;AACJjC,UAAAA,YAAY,EAAZA,YAAY;AAClBkC,UAAAA,iBAAiB,EAAE;AAAEC,YAAAA,OAAO,EAAEf;WAAU;AACxCgB,UAAAA,iBAAiB,EAAE;YACjBrH,KAAK,EAAEzB,kBAAkB,GACrBW,CAAC,CAAC,sCAAsC,CAAC,GACzCA,CAAC,CAAC,iCAAiC,CAAC;YACxCoI,QAAQ,EAAEb,gBAAgB,CAAC1H,WAAW,CAACO,MAAM,CAAC,IAAI2F,YAAY;AAC9DsC,YAAAA,OAAO,EACLtC,YAAY,IACXJ,qBAAqB,IAAI,EAACV,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,IAAbA,aAAa,CAAE1B,eAAe;AAC7D;AAAE,SACH,CACF;QAAA9C,QAAA,eAEDC,GAAA,CAAC4H,iBAAI,EAAA;AAEDzI,UAAAA,WAAW,EAAXA,WAAW;AACXJ,UAAAA,eAAe,EAAfA,eAAe;AACfJ,UAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBE,UAAAA,mBAAmB,EAAnBA;SAEH;AAAC,OACQ,CAAC;AAAA;AACd,GACgB,CAAC;AAExB;;;;"}
+{"version":3,"file":"Twilio.js","sources":["../app/javascript/src/components/Integrations/Twilio/Form.jsx","../app/javascript/src/apis/twilio.js","../app/javascript/src/hooks/reactQuery/useTwilioApi.js","../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 axios from \"axios\";\n\nimport { TWILIO_CONFIGURATION_BASE_URL } from \"src/constants/urls\";\n\nconst fetchTwilioSmsConfiguration = integrable =>\n  axios.get(TWILIO_CONFIGURATION_BASE_URL, { params: integrable });\n\nconst removeTwilioConfiguration = () =>\n  axios.delete(TWILIO_CONFIGURATION_BASE_URL);\n\nconst getTwilioPhoneNumbers = data =>\n  axios.get(`${TWILIO_CONFIGURATION_BASE_URL}/new`, {\n    params: data,\n  });\n\nconst createTwilioConfiguration = (payload, integrable) =>\n  axios.post(TWILIO_CONFIGURATION_BASE_URL, { ...payload, ...integrable });\n\nconst twilioApi = {\n  fetchTwilioSmsConfiguration,\n  removeTwilioConfiguration,\n  getTwilioPhoneNumbers,\n  createTwilioConfiguration,\n};\n\nexport default twilioApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { keysToSnakeCase } from \"neetocist\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { prop } from \"ramda\";\n\nimport twilioApi from \"apis/twilio\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useFetchTwilioSmsConfiguration = ({ integrable }) =>\n  useQuery({\n    queryKey: [\n      QUERY_KEYS.TWILIO_SMS_CONFIGURATION,\n      integrable?.integrableType,\n      integrable?.integrableId,\n    ],\n    queryFn: () => twilioApi.fetchTwilioSmsConfiguration(integrable),\n    select: response => {\n      const smsConfiguration = response.smsConfiguration;\n\n      return {\n        twilioSid: smsConfiguration?.twilioSid ?? \"\",\n        twilioAuthToken: smsConfiguration?.twilioAuthToken ?? \"\",\n        twilioPhoneNumber: smsConfiguration?.twilioPhoneNumber ?? \"\",\n      };\n    },\n  });\n\nconst useFetchTwilioPhoneNumbers = ({ credentials, formRef }) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TWILIO_PHONE_NUMBERS, { credentials }],\n    queryFn: () =>\n      twilioApi.getTwilioPhoneNumbers(keysToSnakeCase(credentials)),\n    enabled:\n      !!credentials?.twilio_sid ||\n      !!credentials?.twilioSid ||\n      !!formRef?.current?.values?.twilioSid ||\n      !!formRef?.current?.values?.twilioAuthToken,\n    select: prop(\"phoneNumbers\"),\n    retry: false,\n  });\n\nconst useCreateTwilioConfiguration = ({ integrable }) =>\n  useMutationWithInvalidation(\n    payload => twilioApi.createTwilioConfiguration(payload, integrable),\n    {\n      keysToInvalidate: [\n        [\n          QUERY_KEYS.TWILIO_SMS_CONFIGURATION,\n          integrable?.integrableType,\n          integrable?.integrableId,\n        ],\n      ],\n    }\n  );\n\nexport {\n  useCreateTwilioConfiguration,\n  useFetchTwilioPhoneNumbers,\n  useFetchTwilioSmsConfiguration,\n};\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","fetchTwilioSmsConfiguration","integrable","axios","get","TWILIO_CONFIGURATION_BASE_URL","params","removeTwilioConfiguration","getTwilioPhoneNumbers","data","concat","createTwilioConfiguration","payload","post","twilioApi","useFetchTwilioSmsConfiguration","useQuery","queryKey","QUERY_KEYS","TWILIO_SMS_CONFIGURATION","integrableType","integrableId","queryFn","select","response","_smsConfiguration$twi","_smsConfiguration$twi2","_smsConfiguration$twi3","smsConfiguration","twilioSid","twilioAuthToken","useFetchTwilioPhoneNumbers","_ref2","_formRef$current","_formRef$current2","credentials","formRef","TWILIO_PHONE_NUMBERS","keysToSnakeCase","enabled","twilio_sid","current","prop","retry","useCreateTwilioConfiguration","_ref3","useMutationWithInvalidation","keysToInvalidate","useTwilio","_ref$onConnect","onConnect","noop","_ref$formRef","_ref$integrable","_useFetchTwilioSmsCon","_useFetchTwilioSmsCon2","configuration","isConfigurationLoading","isLoading","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","setCredentials","_useFetchTwilioPhoneN","phoneNumbers","isPhoneNumbersLoading","_useCreateTwilioConfi","saveConfiguration","mutate","isSubmitting","isPending","handleSubmit","_values$twilioPhoneNu","twilio_auth_token","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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"}

package/dist/ZapierForm.js

@@ -18,7 +18,7 @@ import * as yup from 'yup';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import FormikForm from '@bigbinary/neetoui/formik/Form';
+import Form from '@bigbinary/neetoui/formik/Form';
 import Input from '@bigbinary/neetoui/formik/Input';
 import { useHistory } from 'react-router-dom';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
@@ -177,7 +177,7 @@ var GenerateKey = function GenerateKey(_ref) {
     if (!inputRef.current) return;
     inputRef.current.focus();
   }, []);
-  return /*#__PURE__*/jsx(FormikForm, {
+  return /*#__PURE__*/jsx(Form, {
     className: "w-full",
     formikProps: _objectSpread(_objectSpread({}, GENERATE_API_KEY_FORMIK_PROPS), {}, {
       onSubmit: handleSubmit

package/dist/ZapierForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapierForm.js","sources":["../app/javascript/src/components/Integrations/ZapierForm/constants.js","../app/javascript/src/components/Integrations/ZapierForm/utils.jsx","../app/javascript/src/components/Integrations/ZapierForm/ApiKeysList.jsx","../app/javascript/src/components/Integrations/ZapierForm/GenerateKey.jsx","../app/javascript/src/components/Integrations/ZapierForm/NewApiKeyInfo.jsx","../app/javascript/src/components/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-cy\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    dataIndex: \"options\",\n    key: \"options\",\n    width: 272,\n    render: (options, { actions }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {options?.label}\n        </Typography>\n        {actions}\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Alert, Table, Typography } from \"neetoui\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <Typography className=\"mb-3\" style=\"h3\">\n        {t(\"neetoIntegrations.zapier.tableTitle\")}\n      </Typography>\n      <TableWrapper>\n        <Table\n          {...{ currentPageNumber }}\n          fixedHeight\n          allowRowClick={false}\n          columnData={getApiKeysTableColumnData()}\n          defaultPageSize={DEFAULT_PAGE_SIZE}\n          handlePageChange={setCurrentPageNumber}\n          rowData={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n        />\n      </TableWrapper>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading, helpDocUrl }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <CardLayout\n        title={t(\"neetoIntegrations.zapier.apiKeys\")}\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            isSubmitting={isLoading}\n            submitButtonProps={{\n              label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n            }}\n          />\n        }\n        description={\n          <>\n            {t(\"neetoIntegrations.zapier.emptyText\")}{\" \"}\n            {isNotEmpty(helpDocUrl) && (\n              <Button\n                href={helpDocUrl}\n                label={t(\"neetoIntegrations.zapier.learnMore\")}\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </>\n        }\n      >\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-3\">\n    <Typography style=\"body2\" weight=\"normal\">\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex gap-2\">\n      <Typography\n        className=\"neeto-ui-bg-gray-50 neeto-ui-border-gray-300 neeto-ui-rounded min-w-96 border px-2 py-1\"\n        style=\"body2\"\n        weight=\"medium\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton value={apiKey} />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { isNotEmpty, noop } from \"neetocist\";\nimport { Button, Spinner } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <div className=\"w-full\">\n        <GenerateKey\n          {...{ helpDocUrl, videoUrl }}\n          handleSubmit={handleGenerateApiKey}\n          isLoading={isGenerating}\n        />\n        <div className=\"space-y-4\">\n          {isNotEmpty(newlyCreatedApiKey) && (\n            <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n          )}\n          {isNotEmpty(videoUrl) && (\n            <Button\n              label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n              style=\"link\"\n              onClick={() => setIsDemoModalOpen(true)}\n            />\n          )}\n        </div>\n      </div>\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","title","dataIndex","width","render","options","_ref2","actions","_jsxs","className","children","_jsx","Typography","style","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","id","onSuccess","isEmpty","_Fragment","TableWrapper","Table","fixedHeight","allowRowClick","columnData","defaultPageSize","DEFAULT_PAGE_SIZE","handlePageChange","rowData","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","helpDocUrl","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","submitButtonProps","description","isNotEmpty","Button","href","target","Input","name","placeholder","ref","NewApiKeyInfo","withT","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner"],"mappings":"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"}
+{"version":3,"file":"ZapierForm.js","sources":["../app/javascript/src/components/Integrations/ZapierForm/constants.js","../app/javascript/src/components/Integrations/ZapierForm/utils.jsx","../app/javascript/src/components/Integrations/ZapierForm/ApiKeysList.jsx","../app/javascript/src/components/Integrations/ZapierForm/GenerateKey.jsx","../app/javascript/src/components/Integrations/ZapierForm/NewApiKeyInfo.jsx","../app/javascript/src/components/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-cy\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    dataIndex: \"options\",\n    key: \"options\",\n    width: 272,\n    render: (options, { actions }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {options?.label}\n        </Typography>\n        {actions}\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Alert, Table, Typography } from \"neetoui\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <Typography className=\"mb-3\" style=\"h3\">\n        {t(\"neetoIntegrations.zapier.tableTitle\")}\n      </Typography>\n      <TableWrapper>\n        <Table\n          {...{ currentPageNumber }}\n          fixedHeight\n          allowRowClick={false}\n          columnData={getApiKeysTableColumnData()}\n          defaultPageSize={DEFAULT_PAGE_SIZE}\n          handlePageChange={setCurrentPageNumber}\n          rowData={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n        />\n      </TableWrapper>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Button } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading, helpDocUrl }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <CardLayout\n        title={t(\"neetoIntegrations.zapier.apiKeys\")}\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            isSubmitting={isLoading}\n            submitButtonProps={{\n              label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n            }}\n          />\n        }\n        description={\n          <>\n            {t(\"neetoIntegrations.zapier.emptyText\")}{\" \"}\n            {isNotEmpty(helpDocUrl) && (\n              <Button\n                href={helpDocUrl}\n                label={t(\"neetoIntegrations.zapier.learnMore\")}\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </>\n        }\n      >\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-3\">\n    <Typography style=\"body2\" weight=\"normal\">\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex gap-2\">\n      <Typography\n        className=\"neeto-ui-bg-gray-50 neeto-ui-border-gray-300 neeto-ui-rounded min-w-96 border px-2 py-1\"\n        style=\"body2\"\n        weight=\"medium\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton value={apiKey} />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { isNotEmpty, noop } from \"neetocist\";\nimport { Button, Spinner } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <div className=\"w-full\">\n        <GenerateKey\n          {...{ helpDocUrl, videoUrl }}\n          handleSubmit={handleGenerateApiKey}\n          isLoading={isGenerating}\n        />\n        <div className=\"space-y-4\">\n          {isNotEmpty(newlyCreatedApiKey) && (\n            <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n          )}\n          {isNotEmpty(videoUrl) && (\n            <Button\n              label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n              style=\"link\"\n              onClick={() => setIsDemoModalOpen(true)}\n            />\n          )}\n        </div>\n      </div>\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","title","dataIndex","width","render","options","_ref2","actions","_jsxs","className","children","_jsx","Typography","style","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","id","onSuccess","isEmpty","_Fragment","TableWrapper","Table","fixedHeight","allowRowClick","columnData","defaultPageSize","DEFAULT_PAGE_SIZE","handlePageChange","rowData","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","helpDocUrl","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","submitButtonProps","description","isNotEmpty","Button","href","target","Input","name","placeholder","ref","NewApiKeyInfo","withT","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner"],"mappings":"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"}

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 { I as INTEGRATION_DETAILS_URL, a as INTEGRATIONS_ENGINE_ZOOM_URL, Q as QUERY_KEYS } from './query-D2CcgTB0.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/Daily.js

@@ -3,7 +3,7 @@
 var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var DailyForm = require('../Form-CPYZSV18.js');
+var DailyForm = require('../Form-DlSv5McM.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -29,7 +29,7 @@ require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
-require('../query-MCAJv0II.js');
+require('../query-tu4TNsM9.js');
 require('yup');
 require('@bigbinary/neeto-icons/Check');
 require('@bigbinary/neetoui/Tooltip');

package/dist/cjs/DailyForm.js

@@ -16,7 +16,7 @@ require('@bigbinary/neetoui/formik/ActionBlock');
 require('react-i18next');
 require('react-router-dom');
 require('./WalkthroughModal.js');
-var DailyForm = require('../Form-CPYZSV18.js');
+var DailyForm = require('../Form-DlSv5McM.js');
 require('react/jsx-runtime');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/react-utils/withT');
@@ -25,7 +25,7 @@ require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
-require('../query-MCAJv0II.js');
+require('../query-tu4TNsM9.js');
 require('yup');
 
 

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

package/dist/cjs/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/cjs/Twilio.js

@@ -5,7 +5,7 @@ var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
-var FormikForm = require('@bigbinary/neetoui/formik/Form');
+var Form = require('@bigbinary/neetoui/formik/Form');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -15,7 +15,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var query = require('../query-MCAJv0II.js');
+var query = require('../query-tu4TNsM9.js');
 var i18next = require('i18next');
 var yup = require('yup');
 
@@ -275,7 +275,7 @@ var Twilio = function Twilio(_ref) {
       twilioPhoneNumber: selectedPhoneNumber
     }), values) || isLoading;
   };
-  return /*#__PURE__*/jsxRuntime.jsx(FormikForm, {
+  return /*#__PURE__*/jsxRuntime.jsx(Form, {
     className: "w-full",
     formikProps: {
       enableReinitialize: true,