@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/IpRestriction.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState } from 'react';
+import { createElement, memo, useState } from 'react';
 import Typography from '@bigbinary/neetoui/Typography';
 import Alert from '@bigbinary/neetoui/Alert';
 import Callout from '@bigbinary/neetoui/Callout';
@@ -20,11 +20,11 @@ import { t } from 'i18next';
 import * as yup from 'yup';
 import { c as commonjsGlobal } from './_commonjsHelpers-1c8beb5f.js';
 import { isNil, isNotNil, assoc } from 'ramda';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
-import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import './inject-css-c86de496.js';
 
@@ -3248,102 +3248,116 @@ var AllowedIpRange = withT(function (_ref) {
   var t = _ref.t,
     index = _ref.index,
     arrayHelpers = _ref.arrayHelpers;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-bg-white neeto-ui-rounded-lg grid grid-cols-2 gap-2 py-2 sm:grid-cols-12 sm:gap-4 sm:py-3"
-  }, /*#__PURE__*/React__default.createElement(Input, {
-    className: "col-span-1 text-left sm:col-span-4",
-    "data-cy": "ip-start-text-field",
-    label: t("neetoMolecules.ipRestriction.ipStart"),
-    labelProps: {
-      className: "sm:hidden"
-    },
-    name: "allowedIpRanges.".concat(index, ".ipStart"),
-    placeholder: t("neetoMolecules.ipRestriction.ipStart")
-  }), /*#__PURE__*/React__default.createElement(Input, {
-    className: "col-span-1 text-left sm:col-span-4",
-    "data-cy": "ip-end-text-field",
-    label: t("neetoMolecules.ipRestriction.ipEnd"),
-    labelProps: {
-      className: "sm:hidden"
-    },
-    name: "allowedIpRanges.".concat(index, ".ipEnd"),
-    placeholder: t("neetoMolecules.ipRestriction.ipEnd")
-  }), /*#__PURE__*/React__default.createElement(Select, {
-    className: "col-span-1 text-left sm:col-span-2",
-    "data-testid": "address-type-select-field",
-    label: t("neetoMolecules.ipRestriction.type"),
-    labelProps: {
-      className: "sm:hidden"
-    },
-    name: "allowedIpRanges.".concat(index, ".addressType"),
-    options: ADDRESS_TYPE_SELECT_OPTIONS
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-1 flex items-start sm:col-span-2 sm:justify-center"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    className: "mt-auto sm:mt-0",
-    "data-testid": "allowed-ip-range-delete-btn",
-    icon: Delete,
-    style: "text",
-    tooltipProps: {
-      content: t("neetoMolecules.common.actions.discard"),
-      position: "top"
-    },
-    onClick: function onClick() {
-      return arrayHelpers.remove(index);
-    }
-  })));
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-ui-bg-white neeto-ui-rounded-lg grid grid-cols-2 gap-2 py-2 sm:grid-cols-12 sm:gap-4 sm:py-3",
+    children: [/*#__PURE__*/jsx(Input, {
+      className: "col-span-1 text-left sm:col-span-4",
+      "data-cy": "ip-start-text-field",
+      label: t("neetoMolecules.ipRestriction.ipStart"),
+      labelProps: {
+        className: "sm:hidden"
+      },
+      name: "allowedIpRanges.".concat(index, ".ipStart"),
+      placeholder: t("neetoMolecules.ipRestriction.ipStart")
+    }), /*#__PURE__*/jsx(Input, {
+      className: "col-span-1 text-left sm:col-span-4",
+      "data-cy": "ip-end-text-field",
+      label: t("neetoMolecules.ipRestriction.ipEnd"),
+      labelProps: {
+        className: "sm:hidden"
+      },
+      name: "allowedIpRanges.".concat(index, ".ipEnd"),
+      placeholder: t("neetoMolecules.ipRestriction.ipEnd")
+    }), /*#__PURE__*/jsx(Select, {
+      className: "col-span-1 text-left sm:col-span-2",
+      "data-testid": "address-type-select-field",
+      label: t("neetoMolecules.ipRestriction.type"),
+      labelProps: {
+        className: "sm:hidden"
+      },
+      name: "allowedIpRanges.".concat(index, ".addressType"),
+      options: ADDRESS_TYPE_SELECT_OPTIONS
+    }), /*#__PURE__*/jsx("div", {
+      className: "col-span-1 flex items-start sm:col-span-2 sm:justify-center",
+      children: /*#__PURE__*/jsx(Button, {
+        className: "mt-auto sm:mt-0",
+        "data-testid": "allowed-ip-range-delete-btn",
+        icon: Delete,
+        style: "text",
+        tooltipProps: {
+          content: t("neetoMolecules.common.actions.discard"),
+          position: "top"
+        },
+        onClick: function onClick() {
+          return arrayHelpers.remove(index);
+        }
+      })
+    })]
+  });
 });
 
 var AllowedIpRanges = withT(function (_ref) {
   var t = _ref.t;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "space-y-6",
-    "data-cy": "allowed-ip-range-container"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "allowed-ip-range-heading",
-    style: "h4"
-  }, t("neetoMolecules.ipRestriction.allowedIpRangeTitle")), /*#__PURE__*/React__default.createElement("div", {
-    className: "space-y-2"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "hidden grid-cols-12 gap-4 sm:grid"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700 col-span-4 uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.ipStart"), "*"), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700 col-span-4 uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.ipEnd"), "*"), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700 col-span-2 uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.type"), "*"), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700 col-span-2 text-center uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.actions"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full space-y-2"
-  }, /*#__PURE__*/React__default.createElement(FieldArray, {
-    name: "allowedIpRanges"
-  }, function (arrayHelpers) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, arrayHelpers.form.values.allowedIpRanges.map(function (allowedIpRange, index) {
-      return /*#__PURE__*/React__default.createElement(AllowedIpRange, {
-        allowedIpRange: allowedIpRange,
-        arrayHelpers: arrayHelpers,
-        index: index,
-        key: allowedIpRange.createdAt
-      });
-    }), /*#__PURE__*/React__default.createElement(Button, {
-      className: "mt-2",
-      "data-cy": "add-allowed-ip-range-button",
-      icon: Plus,
-      iconPosition: "left",
-      label: t("neetoMolecules.ipRestriction.addNew"),
-      style: "link",
-      onClick: function onClick() {
-        return arrayHelpers.push(NEW_ALLOWED_IP_RANGE);
-      }
-    }));
-  }))));
+    "data-cy": "allowed-ip-range-container",
+    children: [/*#__PURE__*/jsx(Typography, {
+      "data-cy": "allowed-ip-range-heading",
+      style: "h4",
+      children: t("neetoMolecules.ipRestriction.allowedIpRangeTitle")
+    }), /*#__PURE__*/jsxs("div", {
+      className: "space-y-2",
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "hidden grid-cols-12 gap-4 sm:grid",
+        children: [/*#__PURE__*/jsxs(Typography, {
+          className: "neeto-ui-text-gray-700 col-span-4 uppercase",
+          style: "h6",
+          children: [t("neetoMolecules.ipRestriction.ipStart"), "*"]
+        }), /*#__PURE__*/jsxs(Typography, {
+          className: "neeto-ui-text-gray-700 col-span-4 uppercase",
+          style: "h6",
+          children: [t("neetoMolecules.ipRestriction.ipEnd"), "*"]
+        }), /*#__PURE__*/jsxs(Typography, {
+          className: "neeto-ui-text-gray-700 col-span-2 uppercase",
+          style: "h6",
+          children: [t("neetoMolecules.ipRestriction.type"), "*"]
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "neeto-ui-text-gray-700 col-span-2 text-center uppercase",
+          style: "h6",
+          children: t("neetoMolecules.ipRestriction.actions")
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "w-full space-y-2",
+        children: /*#__PURE__*/jsx(FieldArray, {
+          name: "allowedIpRanges",
+          children: function children(arrayHelpers) {
+            return /*#__PURE__*/jsxs(Fragment, {
+              children: [arrayHelpers.form.values.allowedIpRanges.map(function (allowedIpRange, index) {
+                return /*#__PURE__*/createElement(AllowedIpRange, {
+                  allowedIpRange: allowedIpRange,
+                  arrayHelpers: arrayHelpers,
+                  index: index,
+                  key: allowedIpRange.createdAt
+                });
+              }), /*#__PURE__*/jsx(Button, {
+                className: "mt-2",
+                "data-cy": "add-allowed-ip-range-button",
+                icon: Plus,
+                iconPosition: "left",
+                label: t("neetoMolecules.ipRestriction.addNew"),
+                style: "link",
+                onClick: function onClick() {
+                  return arrayHelpers.push(NEW_ALLOWED_IP_RANGE);
+                }
+              })]
+            });
+          }
+        })
+      })]
+    })]
+  });
 });
-var AllowedIpRanges$1 = /*#__PURE__*/React__default.memo(AllowedIpRanges);
+var AllowedIpRanges$1 = /*#__PURE__*/memo(AllowedIpRanges);
 
 var show$1 = function show(params) {
   return axios.get("".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/current_ip"), {
@@ -3368,17 +3382,20 @@ var CurrentIp = function CurrentIp() {
   var _useShowCurrentIp = useShowCurrentIp(),
     data = _useShowCurrentIp.data,
     isLoading = _useShowCurrentIp.isLoading;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "flex flex-wrap items-baseline gap-1",
-    "data-cy": "current-ip-container"
-  }, /*#__PURE__*/React__default.createElement(Typography, null, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.ipRestriction.currentIpMessage",
-    values: {
-      ip: isLoading ? "..." : data.ip
-    }
-  })));
+    "data-cy": "current-ip-container",
+    children: /*#__PURE__*/jsx(Typography, {
+      children: /*#__PURE__*/jsx(Trans, {
+        i18nKey: "neetoMolecules.ipRestriction.currentIpMessage",
+        values: {
+          ip: isLoading ? "..." : data.ip
+        }
+      })
+    })
+  });
 };
-var CurrentIp$1 = /*#__PURE__*/React__default.memo(CurrentIp);
+var CurrentIp$1 = /*#__PURE__*/memo(CurrentIp);
 
 var allowedIpRangesUrl = "".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/allowed_ips");
 var fetch = function fetch() {
@@ -3470,9 +3487,10 @@ var IpRestriction = function IpRestriction() {
     updateIpRestriction = _useUpdateIpRestricti.mutate,
     isUpdating = _useUpdateIpRestricti.isPending;
   if (isFetchingIpRestriction || isFetchingAllowedIpRanges || isRefetching) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "h-screen"
-    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
+    return /*#__PURE__*/jsx("div", {
+      className: "h-screen",
+      children: /*#__PURE__*/jsx(PageLoader, {})
+    });
   }
   var handleSubmit = function handleSubmit(values, formikBag) {
     if (values.ipRestriction) setIsAlertOpen(true);else handleUpdateIpRestriction(values, formikBag);
@@ -3498,7 +3516,7 @@ var IpRestriction = function IpRestriction() {
       }
     });
   };
-  return /*#__PURE__*/React__default.createElement(Form, {
+  return /*#__PURE__*/jsx(Form, {
     className: "mx-auto mb-4 w-full sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
     formikProps: {
       initialValues: buildInitialValue(isIpRestrictionEnabled, allowedIpRanges),
@@ -3506,81 +3524,95 @@ var IpRestriction = function IpRestriction() {
       validateOnBlur: true,
       enableReinitialize: true,
       onSubmit: handleSubmit
+    },
+    children: function children(_ref2) {
+      var values = _ref2.values,
+        dirty = _ref2.dirty,
+        setFieldValue = _ref2.setFieldValue,
+        resetForm = _ref2.resetForm,
+        setSubmitting = _ref2.setSubmitting;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(BlockNavigation, {}), /*#__PURE__*/jsxs("div", {
+          className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg mx-auto mb-4 w-full overflow-hidden border sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
+          "data-cy": "ip-restrictions-card",
+          children: [/*#__PURE__*/jsxs("div", {
+            className: "space-y-2 p-6",
+            children: [/*#__PURE__*/jsx(Checkbox, {
+              checked: values.ipRestriction,
+              className: "flex-grow-0",
+              "data-cy": "enable-ip-restriction-checkbox",
+              disabled: isFetchingIpRestriction || isUpdating,
+              name: "ipRestriction",
+              label: /*#__PURE__*/jsx(Typography, {
+                style: "h3",
+                children: t("neetoMolecules.ipRestriction.switchLabel")
+              }),
+              onChange: function onChange() {
+                return setFieldValue("ipRestriction", !values.ipRestriction);
+              }
+            }), /*#__PURE__*/jsx(Typography, {
+              "data-cy": "ip-restriction-description",
+              style: "body2",
+              children: t("neetoMolecules.ipRestriction.description")
+            })]
+          }), values.ipRestriction && /*#__PURE__*/jsxs("div", {
+            className: "neeto-ui-border-gray-300 w-full space-y-6 border-t p-6",
+            children: [/*#__PURE__*/jsx(CurrentIp$1, {}), /*#__PURE__*/jsx(AllowedIpRanges$1, {}), /*#__PURE__*/jsx(Callout, {
+              style: "warning",
+              children: /*#__PURE__*/jsx("div", {
+                className: "leading-2 block whitespace-pre-wrap py-1",
+                children: /*#__PURE__*/jsx(Trans, {
+                  i18nKey: "neetoMolecules.ipRestriction.warningMessage"
+                })
+              })
+            })]
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-wrap items-center justify-between gap-4",
+          children: [dirty && /*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-text-error-500",
+            style: "body2",
+            children: t("neetoMolecules.ipRestriction.validations.unsavedChanges")
+          }), /*#__PURE__*/jsxs("div", {
+            className: "ml-auto flex justify-between",
+            children: [/*#__PURE__*/jsx(Button, {
+              className: "mr-2",
+              disabled: !dirty,
+              label: t("neetoMolecules.common.actions.reset"),
+              style: "secondary",
+              type: "reset",
+              onClick: resetForm
+            }), /*#__PURE__*/jsx(Button$1, {
+              "data-cy": "ip-restriction-save-changes",
+              "data-testid": "save-changes-button",
+              isLoading: isUpdating,
+              type: "submit",
+              children: t("neetoMolecules.common.actions.saveChanges")
+            })]
+          })]
+        }), /*#__PURE__*/jsx(Alert, {
+          isOpen: isAlertOpen,
+          isSubmitting: isUpdating,
+          title: t("neetoMolecules.ipRestriction.enableAlert.title"),
+          message: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.ipRestriction.enableAlert.message"
+          }),
+          submitButtonLabel: t("neetoMolecules.ipRestriction.enableAlert.submitButtonLabel"),
+          onClose: function onClose() {
+            return handleCloseAlert(setSubmitting);
+          },
+          onSubmit: function onSubmit() {
+            return handleUpdateIpRestriction(values, {
+              setSubmitting: setSubmitting,
+              resetForm: resetForm
+            });
+          }
+        })]
+      });
     }
-  }, function (_ref2) {
-    var values = _ref2.values,
-      dirty = _ref2.dirty,
-      setFieldValue = _ref2.setFieldValue,
-      resetForm = _ref2.resetForm,
-      setSubmitting = _ref2.setSubmitting;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(BlockNavigation, null), /*#__PURE__*/React__default.createElement("div", {
-      className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg mx-auto mb-4 w-full overflow-hidden border sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
-      "data-cy": "ip-restrictions-card"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "space-y-2 p-6"
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: values.ipRestriction,
-      className: "flex-grow-0",
-      "data-cy": "enable-ip-restriction-checkbox",
-      disabled: isFetchingIpRestriction || isUpdating,
-      name: "ipRestriction",
-      label: /*#__PURE__*/React__default.createElement(Typography, {
-        style: "h3"
-      }, t("neetoMolecules.ipRestriction.switchLabel")),
-      onChange: function onChange() {
-        return setFieldValue("ipRestriction", !values.ipRestriction);
-      }
-    }), /*#__PURE__*/React__default.createElement(Typography, {
-      "data-cy": "ip-restriction-description",
-      style: "body2"
-    }, t("neetoMolecules.ipRestriction.description"))), values.ipRestriction && /*#__PURE__*/React__default.createElement("div", {
-      className: "neeto-ui-border-gray-300 w-full space-y-6 border-t p-6"
-    }, /*#__PURE__*/React__default.createElement(CurrentIp$1, null), /*#__PURE__*/React__default.createElement(AllowedIpRanges$1, null), /*#__PURE__*/React__default.createElement(Callout, {
-      style: "warning"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "leading-2 block whitespace-pre-wrap py-1"
-    }, /*#__PURE__*/React__default.createElement(Trans, {
-      i18nKey: "neetoMolecules.ipRestriction.warningMessage"
-    }))))), /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-wrap items-center justify-between gap-4"
-    }, dirty && /*#__PURE__*/React__default.createElement(Typography, {
-      className: "neeto-ui-text-error-500",
-      style: "body2"
-    }, t("neetoMolecules.ipRestriction.validations.unsavedChanges")), /*#__PURE__*/React__default.createElement("div", {
-      className: "ml-auto flex justify-between"
-    }, /*#__PURE__*/React__default.createElement(Button, {
-      className: "mr-2",
-      disabled: !dirty,
-      label: t("neetoMolecules.common.actions.reset"),
-      style: "secondary",
-      type: "reset",
-      onClick: resetForm
-    }), /*#__PURE__*/React__default.createElement(Button$1, {
-      "data-cy": "ip-restriction-save-changes",
-      "data-testid": "save-changes-button",
-      isLoading: isUpdating,
-      type: "submit"
-    }, t("neetoMolecules.common.actions.saveChanges")))), /*#__PURE__*/React__default.createElement(Alert, {
-      isOpen: isAlertOpen,
-      isSubmitting: isUpdating,
-      title: t("neetoMolecules.ipRestriction.enableAlert.title"),
-      message: /*#__PURE__*/React__default.createElement(Trans, {
-        i18nKey: "neetoMolecules.ipRestriction.enableAlert.message"
-      }),
-      submitButtonLabel: t("neetoMolecules.ipRestriction.enableAlert.submitButtonLabel"),
-      onClose: function onClose() {
-        return handleCloseAlert(setSubmitting);
-      },
-      onSubmit: function onSubmit() {
-        return handleUpdateIpRestriction(values, {
-          setSubmitting: setSubmitting,
-          resetForm: resetForm
-        });
-      }
-    }));
   });
 };
-var index = /*#__PURE__*/React__default.memo(IpRestriction);
+var index = /*#__PURE__*/memo(IpRestriction);
 
 export { index as default };
 //# sourceMappingURL=IpRestriction.js.map