@bigbinary/neeto-approvals-frontend 0.0.8 → 0.0.10

package/dist/index.cjs.js

@@ -5023,12 +5023,6 @@ var nullSafe$1 = function nullSafe(func) {
   );
 };
 var noop = function noop() {};
-var toLabelAndValue = function toLabelAndValue(string) {
-  return {
-    label: string,
-    value: string
-  };
-};
 var isNotEmpty = /*#__PURE__*/ramda.complement(ramda.isEmpty);
 var isNotPresent = /*#__PURE__*/ramda.either(ramda.isNil, ramda.isEmpty);
 var isPresent = /*#__PURE__*/ramda.complement(isNotPresent);
@@ -7817,7 +7811,7 @@ const HISTORY_TABLE_COLUMNS = [{
   title: t$1("common.id"),
   render: (approvalLabel, _ref) => {
     let requestableUrl = _ref.requestableUrl;
-    const url = new URL(requestableUrl);
+    const url = new URL(requestableUrl || window.location.origin);
     return /*#__PURE__*/t__default["default"].createElement(neetoui.Button, {
       to: url.pathname,
       label: approvalLabel,
@@ -8140,16 +8134,21 @@ const fetch$1 = params => axios__default["default"].get(`${BASE_URL}/templates`,
   params
 });
 const show$1 = id => axios__default["default"].get(`${BASE_URL}/templates/${id}`);
-const create = payload => axios__default["default"].post(`${BASE_URL}/templates`, payload);
-const update = _ref => {
-  let id = _ref.id,
+const create = _ref => {
+  let _ref$url = _ref.url,
+    url = _ref$url === void 0 ? BASE_URL : _ref$url,
     payload = _ref.payload;
-  return axios__default["default"].put(`${BASE_URL}/templates/${id}`, {
-    template: payload
-  });
+  return axios__default["default"].post(url, payload);
 };
-const destroy = _ref2 => {
-  let templateId = _ref2.templateId;
+const update = _ref2 => {
+  let id = _ref2.id,
+    payload = _ref2.payload,
+    _ref2$url = _ref2.url,
+    url = _ref2$url === void 0 ? BASE_URL : _ref2$url;
+  return axios__default["default"].put(`${url}/${id}`, payload);
+};
+const destroy = _ref3 => {
+  let templateId = _ref3.templateId;
   return axios__default["default"].delete(`${BASE_URL}/templates/${templateId}`);
 };
 const templatesApi = {
@@ -8226,7 +8225,11 @@ const columnData = _ref => {
     dataIndex: "visibility",
     key: "visibility",
     sorter: true,
-    title: instance.t("common.visibility")
+    title: instance.t("common.visibility"),
+    render: (_, _ref2) => {
+      let accessible = _ref2.accessible;
+      return accessible.label;
+    }
   }, {
     key: "actions",
     ellipsis: true,
@@ -8317,10 +8320,7 @@ const Templates = _ref => {
     label: t("common.add_", {
       what: t("common.approvalTemplate").toLocaleLowerCase()
     }),
-    onClick: () => {
-      setIsMenubarOpen(false);
-      history.push(`${approvalsPath}${routes.templates.new}`);
-    }
+    onClick: () => history.push(`${approvalsPath}${routes.templates.new}`)
   });
   if (isTemplateLoading) {
     return /*#__PURE__*/t__default["default"].createElement("div", {
@@ -8385,26 +8385,16 @@ const TEMPLATE_FORM_INITIAL_VALUES = {
 };
 const TEMPLATE_FORM_VALIDATION_SCHEMA = yup__namespace.object().shape({
   name: yup__namespace.string().trim().required(t$1("validations.name")),
-  description: yup__namespace.string().trim().required(t$1("validations.description")),
   recipient: yup__namespace.object().required(t$1("validations.recipient")),
   message: yup__namespace.string().test("message", t$1("validations.message"), content => !fr(content)),
   variables: yup__namespace.array().of(yup__namespace.object().shape({
     variable: yup__namespace.string().trim().required(t$1("validations.variable"))
   }))
 });
-const VISIBILITY_OPTIONS = [{
+const SELF_VISIBILITY = {
   label: t$1("select.visibility.self"),
-  value: "Self"
-}, {
-  label: t$1("select.visibility.supportTeam"),
-  value: "Support team"
-}, {
-  label: t$1("select.visibility.managers"),
-  value: "Managers"
-}, {
-  label: t$1("select.visibility.financeTeam"),
-  value: "Finance team"
-}];
+  value: "self"
+};
 
 const DynamicBlock = () => {
   const _useTranslation = useTranslation(),
@@ -8412,11 +8402,12 @@ const DynamicBlock = () => {
   const _useFormikContext = formik$1.useFormikContext(),
     _useFormikContext$val = _useFormikContext.values.variables,
     variables = _useFormikContext$val === void 0 ? [] : _useFormikContext$val;
-  const editorVariables = variables.map(_ref => {
+  const editorVariables = variables.map((_ref, index) => {
     let variable = _ref.variable;
+    const variableValue = variable || `variable_${index + 1}`;
     return {
-      key: variable,
-      label: variable
+      key: variableValue,
+      label: variableValue
     };
   });
   return /*#__PURE__*/t__default["default"].createElement(t__default["default"].Fragment, null, /*#__PURE__*/t__default["default"].createElement("div", {
@@ -8467,7 +8458,8 @@ const Form$1 = _ref => {
     _ref$onSubmit = _ref.onSubmit,
     onSubmit = _ref$onSubmit === void 0 ? noop : _ref$onSubmit,
     _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    visibilityOptions = _ref.visibilityOptions;
   const history = reactRouterDom.useHistory();
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -8508,9 +8500,9 @@ const Form$1 = _ref => {
   }), /*#__PURE__*/t__default["default"].createElement(formik.Select, {
     name: "visibility",
     label: t("common.visibility"),
-    options: VISIBILITY_OPTIONS
+    options: [...visibilityOptions, SELF_VISIBILITY]
   })), /*#__PURE__*/t__default["default"].createElement(DynamicBlock, null), /*#__PURE__*/t__default["default"].createElement("div", {
-    className: "space-x-4"
+    className: "space-x-4 pb-6"
   }, /*#__PURE__*/t__default["default"].createElement(neetoui.Button, {
     label: t("buttons.saveChanges"),
     type: "submit",
@@ -8532,16 +8524,20 @@ const buildTemplatePayload = template => {
     let variable = _ref.variable;
     return [`variable${index + 1}`, variable];
   });
-  const payload = _objectSpread$3(_objectSpread$3({}, template), {}, {
-    visibility: visibility.value,
-    approverId: recipient.value,
-    variables: ramda.fromPairs(indexedVariables)
-  });
+  const payload = {
+    template: _objectSpread$3(_objectSpread$3({}, template), {}, {
+      accessibleId: visibility.value,
+      approverId: recipient.value,
+      variables: ramda.fromPairs(indexedVariables)
+    })
+  };
   return payload;
 };
 
 const Create = _ref => {
-  let approvalsPath = _ref.approvalsPath;
+  let approvalsPath = _ref.approvalsPath,
+    visibilityOptions = _ref.visibilityOptions,
+    templateUrl = _ref.templateUrl;
   const history = reactRouterDom.useHistory();
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -8550,7 +8546,10 @@ const Create = _ref => {
     isLoading = _useCreateTemplate.isLoading;
   const onSubmit = template => {
     const payload = buildTemplatePayload(template);
-    createTemplate(payload, {
+    createTemplate({
+      url: templateUrl,
+      payload
+    }, {
       onSuccess: () => history.push(`${approvalsPath}${routes.templates.index}`)
     });
   };
@@ -8564,7 +8563,8 @@ const Create = _ref => {
     }]
   }), /*#__PURE__*/t__default["default"].createElement(Form$1, {
     onSubmit: onSubmit,
-    isLoading: isLoading
+    isLoading: isLoading,
+    visibilityOptions: visibilityOptions
   }));
 };
 
@@ -8572,7 +8572,9 @@ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Edit = _ref => {
   var _template$recipient, _template$recipient2;
-  let approvalsPath = _ref.approvalsPath;
+  let approvalsPath = _ref.approvalsPath,
+    visibilityOptions = _ref.visibilityOptions,
+    templateUrl = _ref.templateUrl;
   const _useParams = reactRouterDom.useParams(),
     id = _useParams.id;
   const history = reactRouterDom.useHistory();
@@ -8595,7 +8597,8 @@ const Edit = _ref => {
     const payload = buildTemplatePayload(template);
     updateTemplate({
       id,
-      payload
+      payload,
+      url: templateUrl
     });
   };
   if (isFetchingTemplate) {
@@ -8612,10 +8615,11 @@ const Edit = _ref => {
       text: t("common.templates")
     }]
   }), /*#__PURE__*/t__default["default"].createElement(Form$1, {
+    visibilityOptions: visibilityOptions,
     onSubmit: onSubmit,
     isLoading: isUpdating,
     initialData: _objectSpread$2(_objectSpread$2({}, template), {}, {
-      visibility: toLabelAndValue(template.visibility),
+      visibility: template.accessible.id,
       recipient: {
         label: (_template$recipient = template.recipient) === null || _template$recipient === void 0 ? void 0 : _template$recipient.name,
         value: (_template$recipient2 = template.recipient) === null || _template$recipient2 === void 0 ? void 0 : _template$recipient2.id
@@ -8657,7 +8661,7 @@ const Menu = _ref => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const category = (_pathname$split$ = pathname.split(routes.approvals)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
-  const isActive = filter => approvalFilterKeys.includes(category) && ramda.identical(filter, category);
+  const isActive = filter => category.includes(filter);
   const getRoute = filter => `${approvalsPath}${filter.toLowerCase()}`;
   return /*#__PURE__*/t__default["default"].createElement(layouts.MenuBar, {
     showMenu: isMenuOpen,
@@ -8674,7 +8678,7 @@ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Approvals = _ref => {
   let config = _ref.config;
-  const _useState = t$2.useState(false),
+  const _useState = t$2.useState(true),
     _useState2 = _slicedToArray$2(_useState, 2),
     isMenubarOpen = _useState2[0],
     setIsMenubarOpen = _useState2[1];
@@ -8772,7 +8776,7 @@ const Form = _ref => {
     }, variables.map(variable => /*#__PURE__*/t__default["default"].createElement(neetoui.Input, {
       className: "w-full",
       key: variable,
-      label: capitalize$1(variable),
+      label: variable,
       value: variableValues[variable],
       onChange: event => {
         setVariableValues(ramda.assoc(variable, event.target.value));