@bigbinary/neeto-message-templates-frontend 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +93 -65
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +23 -9
  4. package/dist/index.js.map +1 -1
  5. package/package.json +13 -12
package/dist/index.cjs.js CHANGED
@@ -8,7 +8,8 @@ var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
8
8
  var Container = require('@bigbinary/neeto-molecules/Container');
9
9
  var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
10
10
  var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
11
- var neetoui = require('@bigbinary/neetoui');
11
+ var Button = require('@bigbinary/neetoui/Button');
12
+ var Typography = require('@bigbinary/neetoui/Typography');
12
13
  var ramda = require('ramda');
13
14
  var reactI18next = require('react-i18next');
14
15
  var i18next = require('i18next');
@@ -19,13 +20,24 @@ var reactQuery = require('react-query');
19
20
  var axios = require('axios');
20
21
  var require$$0 = require('util');
21
22
  var zustand = require('zustand');
23
+ var Pane = require('@bigbinary/neetoui/Pane');
22
24
  var neetoEditor = require('@bigbinary/neeto-editor');
23
- var formik$1 = require('@bigbinary/neetoui/formik');
25
+ var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
26
+ var Input = require('@bigbinary/neetoui/formik/Input');
27
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
24
28
  var formik = require('formik');
29
+ var Textarea = require('@bigbinary/neetoui/formik/Textarea');
25
30
  var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
26
31
  var yup = require('yup');
27
32
  var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
33
+ var Alert = require('@bigbinary/neetoui/Alert');
34
+ var Table = require('@bigbinary/neetoui/Table');
35
+ var NoData = require('@bigbinary/neetoui/NoData');
36
+ var Select = require('@bigbinary/neetoui/Select');
37
+ var Textarea$1 = require('@bigbinary/neetoui/Textarea');
38
+ var Select$1 = require('@bigbinary/neetoui/formik/Select');
28
39
  var neetoIcons = require('@bigbinary/neeto-icons');
40
+ var Label = require('@bigbinary/neetoui/Label');
29
41
 
30
42
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
31
43
 
@@ -51,11 +63,25 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
51
63
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
52
64
  var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
53
65
  var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
66
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
67
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
54
68
  var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
55
69
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
56
70
  var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
71
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
72
+ var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
73
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
74
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
75
+ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
57
76
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
58
77
  var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
78
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
79
+ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
80
+ var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
81
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
82
+ var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
83
+ var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
84
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
59
85
 
60
86
  function _typeof$1(o) {
61
87
  "@babel/helpers - typeof";
@@ -2462,7 +2488,7 @@ var buildTableColumnData$1 = function buildTableColumnData(setManageTemplatePane
2462
2488
  render: function render(name, template) {
2463
2489
  return /*#__PURE__*/React__default["default"].createElement("div", {
2464
2490
  className: "flex items-center justify-between gap-x-3"
2465
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2491
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2466
2492
  label: name,
2467
2493
  style: "link",
2468
2494
  onClick: function onClick() {
@@ -2552,7 +2578,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
2552
2578
  event.preventDefault();
2553
2579
  submitForm();
2554
2580
  };
2555
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, _extends({
2581
+ return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends({
2556
2582
  label: label,
2557
2583
  name: name,
2558
2584
  className: "neeto-message-templates-nano-adaptive-input",
@@ -3037,7 +3063,7 @@ var TestMessage = function TestMessage(_ref) {
3037
3063
  };
3038
3064
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
3039
3065
  className: "neeto-ui-flex left-0 flex items-start gap-x-2"
3040
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, _extends({
3066
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends({
3041
3067
  "data-cy": "message-template-test-input"
3042
3068
  }, !isEmailTemplate && {
3043
3069
  helpText: t("neetoMessageTemplate.template.phoneNumberHelpText")
@@ -3046,7 +3072,7 @@ var TestMessage = function TestMessage(_ref) {
3046
3072
  placeholder: t(isEmailTemplate ? "neetoMessageTemplate.template.emailAddress" : "neetoMessageTemplate.template.phoneNumber"),
3047
3073
  onKeyDown: handleKeyDown,
3048
3074
  onKeyUp: handleTestValidation
3049
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3075
+ })), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3050
3076
  "data-cy": "message-template-test-button",
3051
3077
  disabled: isTestTemplateButtonDisabled,
3052
3078
  loading: isTestMessageLoading,
@@ -3056,7 +3082,7 @@ var TestMessage = function TestMessage(_ref) {
3056
3082
  onClick: function onClick() {
3057
3083
  return handleSubmitTestTemplate(values);
3058
3084
  }
3059
- })), !isEmailTemplate && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3085
+ })), !isEmailTemplate && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3060
3086
  style: "body2"
3061
3087
  }, t("neetoMessageTemplate.sendMessage.testSmsNote")), customFields);
3062
3088
  };
@@ -3106,7 +3132,7 @@ var Form$1 = function Form(_ref) {
3106
3132
  });
3107
3133
  };
3108
3134
  var messageBodyLabel = isEmailTemplate ? t("neetoMessageTemplate.template.emailBody") : t("neetoMessageTemplate.template.smsBody");
3109
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
3135
+ return /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
3110
3136
  formProps: {
3111
3137
  noValidate: true,
3112
3138
  className: "flex w-full flex-col gap-y-4 pb-6"
@@ -3118,7 +3144,7 @@ var Form$1 = function Form(_ref) {
3118
3144
  validateOnChange: true,
3119
3145
  onSubmit: handleSubmit
3120
3146
  }
3121
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
3147
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
3122
3148
  required: true,
3123
3149
  label: t("neetoMessageTemplate.template.templateName"),
3124
3150
  name: "name",
@@ -3143,9 +3169,9 @@ var Form$1 = function Form(_ref) {
3143
3169
  isEmailTemplate: isEmailTemplate,
3144
3170
  isTestMessageLoading: isTestMessageLoading,
3145
3171
  isTestingTemplateDisabled: isTestingTemplateDisabled
3146
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
3172
+ }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
3147
3173
  className: "absolute bottom-0 left-0"
3148
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
3174
+ }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
3149
3175
  cancelButtonProps: {
3150
3176
  "data-cy": "message-template-reset-button",
3151
3177
  onClick: onClose
@@ -3177,14 +3203,14 @@ var AddEdit = function AddEdit(_ref) {
3177
3203
  isEdit = manageTemplatePane.isEdit,
3178
3204
  template = manageTemplatePane.template;
3179
3205
  var label = isEdit ? editText : addText;
3180
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
3206
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
3181
3207
  isOpen: isOpen,
3182
3208
  onClose: onClose,
3183
3209
  initialFocusRef: initialFocusField
3184
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3210
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3185
3211
  style: "h2",
3186
3212
  weight: "semibold"
3187
- }, label)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(Form$1, {
3213
+ }, label)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Form$1, {
3188
3214
  createUpdateTemplate: createUpdateTemplate,
3189
3215
  customFields: customFields,
3190
3216
  handleSubmitTestTemplate: handleSubmitTestTemplate,
@@ -3327,7 +3353,7 @@ var List = function List(_ref) {
3327
3353
  };
3328
3354
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !ramda.isEmpty(templates) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
3329
3355
  hasPagination: totalCount > pageSize
3330
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
3356
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
3331
3357
  totalCount: totalCount,
3332
3358
  fixedHeight: true,
3333
3359
  currentPageNumber: pageIndex,
@@ -3346,7 +3372,7 @@ var List = function List(_ref) {
3346
3372
  }
3347
3373
  })) : /*#__PURE__*/React__default["default"].createElement("div", {
3348
3374
  className: "flex h-full w-full items-center justify-center"
3349
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, _extends({}, !isFilterApplied && {
3375
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], _extends({}, !isFilterApplied && {
3350
3376
  primaryButtonProps: {
3351
3377
  label: addText,
3352
3378
  onClick: function onClick() {
@@ -3359,7 +3385,7 @@ var List = function List(_ref) {
3359
3385
  }) : t("neetoMessageTemplate.template.emptyState", {
3360
3386
  type: emptyStateLabel
3361
3387
  })
3362
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
3388
+ }))), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
3363
3389
  isOpen: isDelete,
3364
3390
  isSubmitting: isDeleting,
3365
3391
  submitButtonLabel: t("neetoMessageTemplate.template.delete"),
@@ -3457,13 +3483,13 @@ var MessageTemplates = function MessageTemplates(_ref) {
3457
3483
  searchProps: renderSearchProps(label, value),
3458
3484
  size: "small",
3459
3485
  title: label,
3460
- actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3486
+ actionBlock: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3461
3487
  "data-cy": "add-".concat(neetoCist.hyphenate(value), "-button"),
3462
3488
  label: addText,
3463
3489
  onClick: handleActionClick
3464
3490
  })
3465
3491
  }), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
3466
- leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3492
+ leftActionBlock: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3467
3493
  component: "h4"
3468
3494
  }, t("neetoMessageTemplate.template.messageTemplatesWithCount", {
3469
3495
  type: MESSAGE_TYPES[type],
@@ -3565,7 +3591,7 @@ var EmailAndSms = function EmailAndSms(_ref) {
3565
3591
  var updatedInitialValues = ramda.mergeAll([INITIAL_VALUES, customFieldsInitialValues]);
3566
3592
  var updatedValidationSchema = yup__namespace.object().shape(_objectSpread$3(_objectSpread$3({}, SEND_MESSAGE_FORM_SCHEMA === null || SEND_MESSAGE_FORM_SCHEMA === void 0 ? void 0 : SEND_MESSAGE_FORM_SCHEMA.fields), customFieldsValidationSchema === null || customFieldsValidationSchema === void 0 ? void 0 : customFieldsValidationSchema.fields));
3567
3593
  var initialValueKeys = Object.keys(INITIAL_VALUES);
3568
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
3594
+ return /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
3569
3595
  formProps: {
3570
3596
  noValidate: true,
3571
3597
  className: "flex w-full flex-col gap-y-4 pb-6"
@@ -3587,7 +3613,7 @@ var EmailAndSms = function EmailAndSms(_ref) {
3587
3613
  setValues(_objectSpread$3(_objectSpread$3({}, template), customFieldValues));
3588
3614
  editorRef.current.editor.commands.setContent(template.body);
3589
3615
  };
3590
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
3616
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3591
3617
  isClearable: true,
3592
3618
  isSearchable: true,
3593
3619
  innerRef: setInitialFocusField,
@@ -3598,7 +3624,7 @@ var EmailAndSms = function EmailAndSms(_ref) {
3598
3624
  }, templates),
3599
3625
  placeholder: t("neetoMessageTemplate.sendMessage.selectTemplate"),
3600
3626
  onChange: handleTemplateChange
3601
- }), customFields, isEmailTemplate && /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
3627
+ }), customFields, isEmailTemplate && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
3602
3628
  required: true,
3603
3629
  label: t("neetoMessageTemplate.template.subject"),
3604
3630
  name: "subject"
@@ -3612,9 +3638,9 @@ var EmailAndSms = function EmailAndSms(_ref) {
3612
3638
  ref: editorRef,
3613
3639
  rows: DEFAULT_EDITOR_ROW_COUNT,
3614
3640
  variables: templateVariables
3615
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
3641
+ }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
3616
3642
  className: "absolute bottom-0 left-0"
3617
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
3643
+ }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
3618
3644
  cancelButtonProps: {
3619
3645
  "data-cy": "message-template-cancel-button",
3620
3646
  onClick: onClose
@@ -3664,26 +3690,27 @@ var Whatsapp = function Whatsapp(_ref) {
3664
3690
  };
3665
3691
  var updatedInitialValues = ramda.mergeAll([initialFormValues, customFieldsInitialValues]);
3666
3692
  var updatedValidationSchema = yup__namespace.object().shape(_objectSpread$2(_objectSpread$2({}, WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA === null || WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA === void 0 ? void 0 : WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA.fields), customFieldsValidationSchema === null || customFieldsValidationSchema === void 0 ? void 0 : customFieldsValidationSchema.fields));
3693
+ var initialValueKeys = Object.keys(initialFormValues);
3667
3694
  if (ramda.isEmpty(templates)) {
3668
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, t("neetoMessageTemplate.template.emptyState", {
3695
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], null, t("neetoMessageTemplate.template.emptyState", {
3669
3696
  type: t("neetoMessageTemplate.template.whatsappTemplates")
3670
3697
  }), " ", helpDocUrl && /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
3671
3698
  i18nKey: "neetoMessageTemplate.template.whatsapp.helpDocText",
3672
3699
  components: {
3673
- Link: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3700
+ Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3674
3701
  size: "large",
3675
3702
  style: "link",
3676
3703
  to: helpDocUrl
3677
3704
  })
3678
3705
  }
3679
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
3706
+ })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
3680
3707
  className: "absolute bottom-0 left-0"
3681
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3708
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3682
3709
  label: t("neetoMessageTemplate.template.close"),
3683
3710
  onClick: onClose
3684
3711
  })));
3685
3712
  }
3686
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
3713
+ return /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
3687
3714
  formProps: {
3688
3715
  noValidate: true,
3689
3716
  className: "flex w-full flex-col gap-y-4 pb-6"
@@ -3701,16 +3728,17 @@ var Whatsapp = function Whatsapp(_ref) {
3701
3728
  var template = neetoCist.findBy({
3702
3729
  id: value === null || value === void 0 ? void 0 : value.value
3703
3730
  }, templates);
3704
- setValues({
3731
+ var customFieldValues = ramda.omit(initialValueKeys, values);
3732
+ setValues(_objectSpread$2({
3705
3733
  selectedTemplate: {
3706
3734
  label: template.name,
3707
3735
  value: template.id
3708
3736
  },
3709
3737
  templateMessage: getTemplateMessage(template.components),
3710
3738
  variableContents: getInitialVariableComponents(template.variableCount)
3711
- });
3739
+ }, customFieldValues));
3712
3740
  };
3713
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
3741
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Select__default$1["default"], {
3714
3742
  required: true,
3715
3743
  defaultValue: initialFormValues.selectedTemplate,
3716
3744
  label: t("neetoMessageTemplate.template.title"),
@@ -3720,7 +3748,7 @@ var Whatsapp = function Whatsapp(_ref) {
3720
3748
  id: "value"
3721
3749
  }, templates),
3722
3750
  onChange: handleTemplateChange
3723
- }), customFields, /*#__PURE__*/React__default["default"].createElement(neetoui.Textarea, {
3751
+ }), customFields, /*#__PURE__*/React__default["default"].createElement(Textarea__default$1["default"], {
3724
3752
  disabled: true,
3725
3753
  nakedTextarea: true,
3726
3754
  label: t("neetoMessageTemplate.template.preview"),
@@ -3729,23 +3757,23 @@ var Whatsapp = function Whatsapp(_ref) {
3729
3757
  return /*#__PURE__*/React__default["default"].createElement("div", {
3730
3758
  className: "flex flex-col gap-y-2",
3731
3759
  key: group
3732
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3760
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3733
3761
  style: "h4"
3734
3762
  }, t("neetoMessageTemplate.template.resolveVariable", {
3735
3763
  type: neetoCist.capitalize(group)
3736
3764
  })), values.variableContents[group].map(function (_, index) {
3737
3765
  return /*#__PURE__*/React__default["default"].createElement("div", {
3738
3766
  key: "".concat(group, "-").concat(index)
3739
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
3767
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
3740
3768
  required: true,
3741
3769
  key: "".concat(group, "-").concat(index),
3742
3770
  label: "{{".concat(index + 1, "}}"),
3743
3771
  name: "variableContents.".concat(group, ".").concat(index)
3744
3772
  }));
3745
3773
  }));
3746
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
3774
+ })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
3747
3775
  className: "absolute bottom-0 left-0"
3748
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
3776
+ }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
3749
3777
  cancelButtonProps: {
3750
3778
  "data-cy": "message-template-cancel-button",
3751
3779
  onClick: onClose
@@ -3797,14 +3825,14 @@ var SendMessagePane = function SendMessagePane(_ref) {
3797
3825
  _useFetchTemplates$da2 = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
3798
3826
  _useFetchTemplates$da3 = _useFetchTemplates$da2.templates,
3799
3827
  templates = _useFetchTemplates$da3 === void 0 ? [] : _useFetchTemplates$da3;
3800
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
3828
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
3801
3829
  isOpen: isOpen,
3802
3830
  onClose: onClose,
3803
3831
  initialFocusRef: initialFocusField
3804
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3832
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3805
3833
  style: "h2",
3806
3834
  weight: "semibold"
3807
- }, t("neetoMessageTemplate.common.send"), " ", MESSAGE_TYPES[type])), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, isWhatsappTemplate ? /*#__PURE__*/React__default["default"].createElement(Whatsapp, {
3835
+ }, t("neetoMessageTemplate.common.send"), " ", MESSAGE_TYPES[type])), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, isWhatsappTemplate ? /*#__PURE__*/React__default["default"].createElement(Whatsapp, {
3808
3836
  customFields: customFields,
3809
3837
  customFieldsInitialValues: customFieldsInitialValues,
3810
3838
  customFieldsValidationSchema: customFieldsValidationSchema,
@@ -3918,19 +3946,19 @@ var KeyValuePairs = reactUtils.withT(function (_ref) {
3918
3946
  var showDeleteButton = data.length > 1 || isKeyOrValueNotEmpty(data[0]);
3919
3947
  return /*#__PURE__*/React__default["default"].createElement("div", {
3920
3948
  className: "space-y-2"
3921
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, label), data.map(function (_, index) {
3949
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, label), data.map(function (_, index) {
3922
3950
  return /*#__PURE__*/React__default["default"].createElement("div", {
3923
3951
  className: "flex h-8 space-x-3",
3924
3952
  key: index
3925
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
3953
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
3926
3954
  className: "w-2/5",
3927
3955
  name: "".concat(name, ".").concat(index, ".key"),
3928
3956
  placeholder: t("neetoMessageTemplate.api.key")
3929
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
3957
+ }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
3930
3958
  className: "w-3/5",
3931
3959
  name: "".concat(name, ".").concat(index, ".value"),
3932
3960
  placeholder: t("neetoMessageTemplate.api.value"),
3933
- suffix: showDeleteButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3961
+ suffix: showDeleteButton && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3934
3962
  icon: neetoIcons.Delete,
3935
3963
  size: "small",
3936
3964
  style: "text",
@@ -3943,7 +3971,7 @@ var KeyValuePairs = reactUtils.withT(function (_ref) {
3943
3971
  }
3944
3972
  })
3945
3973
  }));
3946
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3974
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3947
3975
  className: "w-full justify-center",
3948
3976
  label: t("neetoMessageTemplate.api.addKeyValuePair"),
3949
3977
  style: "secondary",
@@ -3982,7 +4010,7 @@ var buildTableColumnData = function buildTableColumnData(_ref) {
3982
4010
  render: function render(name, apiTemplate) {
3983
4011
  return /*#__PURE__*/React__default["default"].createElement("div", {
3984
4012
  className: "flex items-center justify-between gap-x-3"
3985
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
4013
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3986
4014
  label: name,
3987
4015
  style: "link",
3988
4016
  onClick: function onClick() {
@@ -4068,23 +4096,23 @@ var Form = function Form(_ref) {
4068
4096
  createApiTemplate(payload, options);
4069
4097
  };
4070
4098
  var isMutating = isUpdating || isCreating;
4071
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4099
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4072
4100
  style: "h2",
4073
4101
  weight: "semibold"
4074
- }, isEdit ? t("neetoMessageTemplate.api.editApiTemplate") : t("neetoMessageTemplate.api.addApiTemplate"))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
4102
+ }, isEdit ? t("neetoMessageTemplate.api.editApiTemplate") : t("neetoMessageTemplate.api.addApiTemplate"))), /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
4075
4103
  formikProps: {
4076
4104
  initialValues: buildApiTemplateInitialValues(isEdit, selectedApiTemplate),
4077
4105
  validationSchema: API_TEMPLATE_FORM_VALIDATION_SCHEMA,
4078
4106
  onSubmit: handleSubmit
4079
4107
  }
4080
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
4108
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
4081
4109
  className: "w-full space-y-5"
4082
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
4110
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
4083
4111
  required: true,
4084
4112
  label: t("neetoMessageTemplate.template.name"),
4085
4113
  name: "name",
4086
4114
  ref: setFocusField
4087
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
4115
+ }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
4088
4116
  required: true,
4089
4117
  label: t("neetoMessageTemplate.api.endpoint"),
4090
4118
  name: "endpoint",
@@ -4092,7 +4120,7 @@ var Form = function Form(_ref) {
4092
4120
  }), /*#__PURE__*/React__default["default"].createElement(KeyValuePairs, {
4093
4121
  label: t("neetoMessageTemplate.api.additionalData"),
4094
4122
  name: "additionalData"
4095
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
4123
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
4096
4124
  cancelButtonProps: {
4097
4125
  onClick: onClose
4098
4126
  },
@@ -4204,7 +4232,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
4204
4232
  breadcrumbs: breadcrumbs,
4205
4233
  size: "small",
4206
4234
  title: t("neetoMessageTemplate.template.apiTemplates"),
4207
- actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
4235
+ actionBlock: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
4208
4236
  label: t("neetoMessageTemplate.api.addApiTemplate"),
4209
4237
  onClick: function onClick() {
4210
4238
  return setIsFormPaneOpen(true);
@@ -4214,7 +4242,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
4214
4242
  placeholder: t("neetoMessageTemplate.template.searchApiTemplates")
4215
4243
  }
4216
4244
  }), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
4217
- leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4245
+ leftActionBlock: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4218
4246
  component: "h4"
4219
4247
  }, t("neetoMessageTemplate.template.messageTemplatesWithCount", {
4220
4248
  type: t("messageType.api"),
@@ -4239,7 +4267,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
4239
4267
  onChange: handleFiltersChange
4240
4268
  }), neetoCist.isNotEmpty(templates) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
4241
4269
  hasPagination: totalCount > pageParams.size
4242
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
4270
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
4243
4271
  totalCount: totalCount,
4244
4272
  fixedHeight: true,
4245
4273
  currentPageNumber: pageParams.index,
@@ -4262,7 +4290,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
4262
4290
  })
4263
4291
  })) : /*#__PURE__*/React__default["default"].createElement("div", {
4264
4292
  className: "flex h-full w-full items-center justify-center"
4265
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, _extends({}, !isFilterApplied && {
4293
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], _extends({}, !isFilterApplied && {
4266
4294
  primaryButtonProps: {
4267
4295
  label: t("neetoMessageTemplate.api.addApiTemplate"),
4268
4296
  onClick: function onClick() {
@@ -4275,7 +4303,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
4275
4303
  }) : t("neetoMessageTemplate.template.emptyState", {
4276
4304
  type: t("neetoMessageTemplate.template.apiTemplates")
4277
4305
  })
4278
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
4306
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
4279
4307
  isOpen: isFormPaneOpen,
4280
4308
  onClose: handleCloseDeleteAlertAndFormPane
4281
4309
  }, function (_ref3) {
@@ -4287,7 +4315,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
4287
4315
  setFocusField: setFocusField,
4288
4316
  onClose: handleCloseDeleteAlertAndFormPane
4289
4317
  });
4290
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
4318
+ }), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
4291
4319
  isOpen: isDeleteAlertOpen,
4292
4320
  isSubmitting: isDeleting,
4293
4321
  submitButtonLabel: t("neetoMessageTemplate.template.delete"),
@@ -4320,7 +4348,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4320
4348
  var SendToApiPane = function SendToApiPane(props) {
4321
4349
  var isOpen = props.isOpen,
4322
4350
  onClose = props.onClose;
4323
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
4351
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
4324
4352
  isOpen: isOpen,
4325
4353
  onClose: onClose
4326
4354
  }, function (paneProps) {
@@ -4355,10 +4383,10 @@ var SendToApiForm = function SendToApiForm(_ref) {
4355
4383
  var additionalDataModifiedFormValues = ramda.modify("additionalData", rejectEmptyKeyValuePairs, formValues);
4356
4384
  onSubmit(additionalDataModifiedFormValues);
4357
4385
  };
4358
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4386
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4359
4387
  style: "h2",
4360
4388
  weight: "semibold"
4361
- }, t("neetoMessageTemplate.api.sendToApi"))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
4389
+ }, t("neetoMessageTemplate.api.sendToApi"))), /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
4362
4390
  formikProps: {
4363
4391
  initialValues: SEND_TO_API_FORM_INITIAL_VALUES,
4364
4392
  validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,
@@ -4366,9 +4394,9 @@ var SendToApiForm = function SendToApiForm(_ref) {
4366
4394
  }
4367
4395
  }, function (_ref2) {
4368
4396
  var setFieldValue = _ref2.setFieldValue;
4369
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
4397
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
4370
4398
  className: "w-full space-y-5"
4371
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
4399
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
4372
4400
  innerRef: setFocusField,
4373
4401
  isLoading: isLoadingTemplates,
4374
4402
  label: t("neetoMessageTemplate.template.title"),
@@ -4380,7 +4408,7 @@ var SendToApiForm = function SendToApiForm(_ref) {
4380
4408
  onChange: function onChange(template) {
4381
4409
  return handleTemplateChange(setFieldValue, template);
4382
4410
  }
4383
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
4411
+ }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
4384
4412
  required: true,
4385
4413
  label: t("neetoMessageTemplate.api.endpoint"),
4386
4414
  name: "endpoint",
@@ -4388,7 +4416,7 @@ var SendToApiForm = function SendToApiForm(_ref) {
4388
4416
  }), /*#__PURE__*/React__default["default"].createElement(KeyValuePairs, {
4389
4417
  label: t("neetoMessageTemplate.api.additionalData"),
4390
4418
  name: "additionalData"
4391
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
4419
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
4392
4420
  isSubmitting: isSubmitting,
4393
4421
  cancelButtonProps: {
4394
4422
  onClick: onClose