@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/IpRestriction.js

@@ -0,0 +1,857 @@
+import * as React from 'react';
+import React__default, { useState } from 'react';
+import { useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Check, Close, MenuVertical, MenuHorizontal, Warning } from '@bigbinary/neeto-icons';
+import { Typography, Button as Button$1, Dropdown, Tooltip, Alert, Checkbox, Callout } from '@bigbinary/neetoui';
+import { useTranslation, Trans } from 'react-i18next';
+import { t as t$1 } from 'i18next';
+import { Form, Input, Select, Button } from '@bigbinary/neetoui/formik';
+import { isNil, isNotNil, assoc, mergeRight } from 'ramda';
+import { useQuery, useQueryClient, useMutation } from 'react-query';
+import axios from 'axios';
+import { Validator, IPv4, IPv6 } from 'ip-num';
+import * as yup from 'yup';
+import { truncate } from '@bigbinary/neeto-commons-frontend/pure';
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _path, _path2, _g, _defs;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgNeeto = function SvgNeeto(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 50,
+    height: 50,
+    viewBox: "0 0 415 415",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
+    fill: "#0043AC"
+  })), /*#__PURE__*/React.createElement("mask", {
+    id: "neeto_svg__a",
+    style: {
+      maskType: "alpha"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 0,
+    width: 415,
+    height: 415
+  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
+    fill: "#0043AC"
+  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#neeto_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M233.747 348.74c88.579 101.145 172.015 116.411 202.661 111.401v32.491H-8.032V230.487c43.685-2.726 153.2 17.108 241.779 118.253Z",
+    fill: "url(#neeto_svg__b)"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("radialGradient", {
+    id: "neeto_svg__b",
+    cx: 0,
+    cy: 0,
+    r: 1,
+    gradientUnits: "userSpaceOnUse",
+    gradientTransform: "rotate(47.118 -220.556 214.818) scale(427.964 725.049)"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#0043AC"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#3DB1CA",
+    stopOpacity: 0.8
+  })))));
+};
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
+n(css,{});
+
+var _excluded$1 = ["text"];
+var PageLoader = function PageLoader(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+    className: "neeto-molecules-pageloader__wrapper"
+  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center"
+  }, /*#__PURE__*/React__default.createElement(SvgNeeto, {
+    className: "neeto-molecules-pageloader__logo",
+    size: 50
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__spinner"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__rect1"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__rect2"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__rect3"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__rect4"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-pageloader__rect5"
+  }))), text && /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h5",
+    weight: "semibold"
+  }, text)));
+};
+var PageLoader$1 = /*#__PURE__*/React__default.memo(PageLoader);
+
+var IP_RESTRICTIONS_ENGINE_BASE_URL = "ip_restrictions/api/v1";
+var QUERY_KEYS = {
+  IP_RESTRICTION: "IP_RESTRICTION",
+  ALLOWED_IP_RANGES: "ALLOWED_IP_RANGES",
+  CURRENT_IP: "CURRENT_IP"
+};
+var TRUNCATE_LENGTH = 18;
+var ADDRESS_TYPE_SELECT_OPTIONS = [{
+  label: t$1("neetoMolecules.ipRestriction.ipv4"),
+  value: "ipv4"
+}, {
+  label: t$1("neetoMolecules.ipRestriction.ipv6"),
+  value: "ipv6"
+}];
+var INITIAL_VALUES = {
+  ipStart: "",
+  ipEnd: "",
+  addressType: ADDRESS_TYPE_SELECT_OPTIONS[0].value
+};
+
+var allowedIpRangesUrl = "".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/allowed_ips");
+var fetch = function fetch() {
+  return axios.get(allowedIpRangesUrl);
+};
+var create = function create(payload) {
+  return axios.post(allowedIpRangesUrl, {
+    allowedIpRange: payload
+  });
+};
+var destroy = function destroy(id) {
+  return axios["delete"]("".concat(allowedIpRangesUrl, "/").concat(id));
+};
+var update$1 = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios.patch("".concat(allowedIpRangesUrl, "/").concat(id), {
+    allowedIpRange: payload
+  });
+};
+var allowedIpRangesApi = {
+  fetch: fetch,
+  create: create,
+  destroy: destroy,
+  update: update$1
+};
+
+var ALLOWED_IP_RANGES = QUERY_KEYS.ALLOWED_IP_RANGES;
+var useFetchAllowedIpRanges = function useFetchAllowedIpRanges() {
+  return useQuery([ALLOWED_IP_RANGES], function () {
+    return allowedIpRangesApi.fetch();
+  });
+};
+var useCreateAllowedIpRanges = function useCreateAllowedIpRanges() {
+  var queryClient = useQueryClient();
+  return useMutation(allowedIpRangesApi.create, {
+    onSuccess: function onSuccess() {
+      return queryClient.invalidateQueries(ALLOWED_IP_RANGES);
+    }
+  });
+};
+var useDestroyAllowedIpRanges = function useDestroyAllowedIpRanges() {
+  var queryClient = useQueryClient();
+  return useMutation(allowedIpRangesApi.destroy, {
+    onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(ALLOWED_IP_RANGES);
+    }
+  });
+};
+var useUpdateAllowedIpRanges = function useUpdateAllowedIpRanges() {
+  var queryClient = useQueryClient();
+  return useMutation(allowedIpRangesApi.update, {
+    onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(ALLOWED_IP_RANGES);
+    }
+  });
+};
+
+var isValidIPv4String = function isValidIPv4String(ip) {
+  return isNotNil(ip) && Validator.isValidIPv4String(ip)[0];
+};
+var isValidIPv6String = function isValidIPv6String(ip) {
+  return isNotNil(ip) && Validator.isValidIPv6String(ip)[0];
+};
+var isValidIpString = function isValidIpString(ip) {
+  return isValidIPv4String(ip) || isValidIPv6String(ip);
+};
+var areIpAddressesInSameFormat = function areIpAddressesInSameFormat(ipStart, ipEnd) {
+  return isValidIPv4String(ipStart) && isValidIPv4String(ipEnd) || isValidIPv6String(ipStart) && isValidIPv6String(ipEnd);
+};
+var isValidIPv4Range = function isValidIPv4Range(ipStart, ipEnd) {
+  var ipStartAddr = IPv4.fromDecimalDottedString(ipStart);
+  var ipEndAddr = IPv4.fromDecimalDottedString(ipEnd);
+  return ipStartAddr.isLessThanOrEquals(ipEndAddr);
+};
+var isValidIPv6Range = function isValidIPv6Range(ipStart, ipEnd) {
+  var ipStartAddr = IPv6.fromString(ipStart);
+  var ipEndAddr = IPv6.fromString(ipEnd);
+  return ipStartAddr.isLessThanOrEquals(ipEndAddr);
+};
+var isValidIPRange = function isValidIPRange(ipStart, ipEnd) {
+  if (isValidIPv4String(ipStart) && isValidIPv4String(ipEnd)) {
+    return isValidIPv4Range(ipStart, ipEnd);
+  }
+  if (isValidIPv6String(ipStart) && isValidIPv6String(ipEnd)) {
+    return isValidIPv6Range(ipStart, ipEnd);
+  }
+  return false;
+};
+yup.addMethod(yup.string, "validIp", function (errorMessage) {
+  return this.test("valid-ip", errorMessage, function (value) {
+    if (isNil(value)) {
+      return this;
+    }
+    var isValidIp = isValidIpString(value);
+    return isValidIp || this.createError({
+      path: this.path,
+      message: errorMessage
+    });
+  });
+});
+var getIpRestrictionValidationSchema = function getIpRestrictionValidationSchema() {
+  return yup.object().shape({
+    ipStart: yup.string().validIp(t$1("neetoMolecules.ipRestriction.validations.invalidIp")).required(t$1("neetoMolecules.ipRestriction.validations.ipStartRequired")),
+    ipEnd: yup.string().validIp(t$1("neetoMolecules.ipRestriction.validations.invalidIp")).when("ipStart", function (ipStart, schema) {
+      return schema.test({
+        test: function test(ipEnd) {
+          return areIpAddressesInSameFormat(ipStart, ipEnd);
+        },
+        message: t$1("neetoMolecules.ipRestriction.validations.eitherIpv4OrIpv6")
+      });
+    }).when("ipStart", function (ipStart, schema) {
+      return schema.test({
+        test: function test(ipEnd) {
+          return isValidIPRange(ipStart, ipEnd);
+        },
+        message: t$1("neetoMolecules.ipRestriction.validations.ipEndGreaterThanIpStart")
+      });
+    }).required(t$1("neetoMolecules.ipRestriction.validations.ipEndRequired")),
+    addressType: yup.object().shape({
+      value: yup.string().required(),
+      label: yup.string().required()
+    }).nullable().required(t$1("neetoMolecules.ipRestriction.validations.addressTypeRequired"))
+  });
+};
+var humanizeIpAddressFormat = function humanizeIpAddressFormat(addressFormat) {
+  var addressFormats = {
+    ipv4: "IPv4",
+    ipv6: "IPv6"
+  };
+  return addressFormats[addressFormat];
+};
+var buildInitialValue = function buildInitialValue(values) {
+  var labelAndValue = {
+    label: humanizeIpAddressFormat(values.addressType),
+    value: values.addressType
+  };
+  return assoc("addressType", labelAndValue, values);
+};
+
+var FormRow = function FormRow(_ref) {
+  var data = _ref.data,
+    isAddNew = _ref.isAddNew,
+    onCollapse = _ref.onCollapse;
+  var _useCreateAllowedIpRa = useCreateAllowedIpRanges(),
+    createAllowedIpRange = _useCreateAllowedIpRa.mutate;
+  var _useUpdateAllowedIpRa = useUpdateAllowedIpRanges(),
+    updateAllowedIpRange = _useUpdateAllowedIpRa.mutate;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleSubmit = function handleSubmit(values) {
+    var payload = assoc("addressType", values.addressType.value, values);
+    if (isAddNew) {
+      createAllowedIpRange(payload);
+    } else {
+      updateAllowedIpRange({
+        id: data.id,
+        payload: payload
+      });
+    }
+    onCollapse();
+  };
+  return /*#__PURE__*/React__default.createElement(Form, {
+    "data-cy": "allowed-ip-range-form",
+    formikProps: {
+      initialValues: buildInitialValue(data),
+      validationSchema: getIpRestrictionValidationSchema(),
+      onSubmit: handleSubmit
+    }
+  }, function (_ref2) {
+    var isSubmitting = _ref2.isSubmitting;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "neeto-ui-bg-white neeto-ui-rounded-lg grid grid-cols-12 gap-4 p-3"
+    }, /*#__PURE__*/React__default.createElement(Input, {
+      autoFocus: true,
+      className: "col-span-4 text-left",
+      "data-cy": "ip-start-text-field",
+      name: "ipStart",
+      placeholder: t("neetoMolecules.ipRestriction.ipStart")
+    }), /*#__PURE__*/React__default.createElement(Input, {
+      className: "col-span-4 text-left",
+      "data-cy": "ip-end-text-field",
+      name: "ipEnd",
+      placeholder: t("neetoMolecules.ipRestriction.ipEnd")
+    }), /*#__PURE__*/React__default.createElement(Select, {
+      className: "col-span-2 text-left",
+      name: "addressType",
+      options: ADDRESS_TYPE_SELECT_OPTIONS
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "col-span-2 flex items-start justify-center gap-1"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      "data-cy": "save-changes-button",
+      "data-testid": "save-changes-button",
+      disabled: isSubmitting,
+      icon: Check,
+      style: "text",
+      tooltipProps: {
+        content: "Submit",
+        position: "top"
+      },
+      type: "submit"
+    }), /*#__PURE__*/React__default.createElement(Button$1, {
+      "data-cy": "ip-cancel-button",
+      icon: Close,
+      style: "text",
+      type: "reset",
+      tooltipProps: {
+        content: t("neetoMolecules.common.actions.cancel"),
+        position: "top"
+      },
+      onClick: onCollapse
+    })));
+  });
+};
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var MENU_ITEM_TYPES = {
+  menuItem: "menuItem",
+  divider: "divider"
+};
+var DEFAULT_TOOLTIP_PROPS = {
+  disabled: true,
+  position: "bottom"
+};
+
+var _excluded = ["key", "onClick", "label", "type", "isVisible"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem,
+  Divider = Dropdown.Divider;
+var MoreDropdown = function MoreDropdown(_ref) {
+  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
+    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
+    _ref$isVertical = _ref.isVertical,
+    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    menuTopChildren = _ref.menuTopChildren,
+    menuBottomChildren = _ref.menuBottomChildren,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
+  var tooltipProps = mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
+  var targetIcon = isVertical ? MenuVertical : MenuHorizontal;
+  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
+  if (isDropdownDisabled && !tooltipProps.disabled) {
+    return /*#__PURE__*/React__default.createElement(Tooltip, tooltipProps, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Button$1, _extends$1({
+      disabled: true,
+      "data-testid": "nui-dropdown-button",
+      icon: targetIcon,
+      iconPosition: "right",
+      size: "medium",
+      style: "text"
+    }, dropdownButtonProps))));
+  }
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends$1({
+    autoWidth: true,
+    className: "flex",
+    disabled: isDisabled,
+    icon: targetIcon,
+    buttonProps: _objectSpread({
+      className: "min-h-0 flex-shrink-0",
+      style: "text"
+    }, dropdownButtonProps)
+  }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
+    var key = _ref2.key,
+      onClick = _ref2.onClick,
+      label = _ref2.label,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
+      _ref2$isVisible = _ref2.isVisible,
+      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded);
+    if (!isVisible) return null;
+    return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends$1({
+      key: key
+    }, _objectSpread({
+      onClick: onClick
+    }, menuItemProps)), label) : /*#__PURE__*/React__default.createElement(Divider, {
+      key: key
+    });
+  }), menuBottomChildren));
+};
+
+var Row = function Row(_ref) {
+  var data = _ref.data,
+    setEditingRow = _ref.setEditingRow;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDeleteIpRangeAlertOpen = _useState2[0],
+    setIsDeleteIpRangeAlertOpen = _useState2[1];
+  var _useDestroyAllowedIpR = useDestroyAllowedIpRanges(),
+    destroyAllowedIpRange = _useDestroyAllowedIpR.mutate;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleDelete = function handleDelete() {
+    destroyAllowedIpRange(data.id);
+    setIsDeleteIpRangeAlertOpen(false);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-bg-white neeto-ui-rounded-lg grid grid-cols-12 items-center gap-4 p-3",
+    "data-cy": "ip-range-row"
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+    content: data.ipStart,
+    disabled: data.ipStart.length < TRUNCATE_LENGTH,
+    position: "top"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: "col-span-4",
+    "data-cy": "ip-range-start-value",
+    style: "body2"
+  }, truncate(data.ipStart, TRUNCATE_LENGTH))), /*#__PURE__*/React__default.createElement(Tooltip, {
+    content: data.ipEnd,
+    disabled: data.ipEnd.length < TRUNCATE_LENGTH,
+    position: "top"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: "col-span-4",
+    "data-cy": "ip-range-end-value",
+    style: "body2"
+  }, truncate(data.ipEnd, TRUNCATE_LENGTH))), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "col-span-2",
+    "data-cy": "ip-range-end-value",
+    style: "body2"
+  }, humanizeIpAddressFormat(data.addressType)), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-2 flex justify-center"
+  }, /*#__PURE__*/React__default.createElement(MoreDropdown, {
+    dropdownButtonProps: {
+      "data-testid": "ip-range-actions-dropdown"
+    },
+    dropdownProps: {
+      position: "bottom-end"
+    },
+    menuItems: [{
+      "data-cy": "ip-range-edit-button",
+      key: "ip-range-edit-button",
+      label: t("neetoMolecules.common.actions.edit"),
+      onClick: function onClick() {
+        return setEditingRow(data.id);
+      }
+    }, {
+      "data-cy": "ip-range-delete-button",
+      key: "ip-range-delete-button",
+      label: t("neetoMolecules.common.actions.delete"),
+      onClick: function onClick() {
+        return setIsDeleteIpRangeAlertOpen(true);
+      }
+    }]
+  }), /*#__PURE__*/React__default.createElement(Alert, {
+    isOpen: isDeleteIpRangeAlertOpen,
+    submitButtonLabel: t("neetoMolecules.common.actions.delete"),
+    message: /*#__PURE__*/React__default.createElement(Trans, {
+      i18nKey: "neetoMolecules.ipRestriction.allowedIpRangeConfirmation",
+      values: {
+        ipStart: data.ipStart,
+        ipEnd: data.ipEnd
+      }
+    }),
+    title: t("neetoMolecules.common.deleteAlert.title", {
+      entity: t("neetoMolecules.ipRestriction.allowedIpRangeConfirmationTitle")
+    }),
+    onClose: function onClose() {
+      return setIsDeleteIpRangeAlertOpen(false);
+    },
+    onSubmit: handleDelete
+  })));
+};
+var Row$1 = /*#__PURE__*/React__default.memo(Row);
+
+var AllowedIpRanges = function AllowedIpRanges() {
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    editingRow = _useState2[0],
+    setEditingRow = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showAddNew = _useState4[0],
+    setShowAddNew = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchAllowedIpRan = useFetchAllowedIpRanges(),
+    allowedIpRanges = _useFetchAllowedIpRan.data;
+  return /*#__PURE__*/React__default.createElement("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-4"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "grid grid-cols-12 gap-4 px-3"
+  }, /*#__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"
+  }, allowedIpRanges === null || allowedIpRanges === void 0 ? void 0 : allowedIpRanges.map(function (allowedIpRange) {
+    return editingRow === allowedIpRange.id ? /*#__PURE__*/React__default.createElement(FormRow, {
+      data: allowedIpRange,
+      isAddNew: false,
+      key: allowedIpRange.id,
+      onCollapse: function onCollapse() {
+        return setEditingRow("");
+      }
+    }) : /*#__PURE__*/React__default.createElement(Row$1, {
+      data: allowedIpRange,
+      key: allowedIpRange.id,
+      setEditingRow: setEditingRow
+    });
+  }), showAddNew && /*#__PURE__*/React__default.createElement(FormRow, {
+    isAddNew: true,
+    data: INITIAL_VALUES,
+    onCollapse: function onCollapse() {
+      return setShowAddNew(false);
+    }
+  })), /*#__PURE__*/React__default.createElement(Button$1, {
+    "data-cy": "add-allowed-ip-range-button",
+    disabled: showAddNew,
+    label: t("neetoMolecules.ipRestriction.addNew"),
+    style: "link",
+    onClick: function onClick() {
+      return setShowAddNew(true);
+    }
+  })));
+};
+var AllowedIpRanges$1 = /*#__PURE__*/React__default.memo(AllowedIpRanges);
+
+var show$1 = function show(params) {
+  return axios.get("".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/current_ip"), {
+    params: params
+  });
+};
+var currentIpApi = {
+  show: show$1
+};
+
+var CURRENT_IP = QUERY_KEYS.CURRENT_IP;
+var useShowCurrentIp = function useShowCurrentIp() {
+  return useQuery([CURRENT_IP], function () {
+    return currentIpApi.show();
+  });
+};
+
+var CurrentIp = function CurrentIp() {
+  var _useShowCurrentIp = useShowCurrentIp(),
+    data = _useShowCurrentIp.data,
+    isLoading = _useShowCurrentIp.isLoading;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-wrap items-baseline gap-1",
+    "data-cy": "current-ip-container"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "current-ip-heading",
+    style: "body2"
+  }, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "current-ip-value",
+    style: "h4",
+    weight: "semibold"
+  }, isLoading ? "..." : data.ip), /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "current-ip-description",
+    style: "body2"
+  }, t("neetoMolecules.ipRestriction.currentIpDescription")));
+};
+var CurrentIp$1 = /*#__PURE__*/React__default.memo(CurrentIp);
+
+var ipRestrictionUrl = "".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/ip_restriction");
+var update = function update(params) {
+  return axios.patch(ipRestrictionUrl, {
+    ipRestriction: params
+  });
+};
+var show = function show() {
+  return axios.get(ipRestrictionUrl);
+};
+var ipRestrictionApi = {
+  update: update,
+  show: show
+};
+
+var IP_RESTRICTION = QUERY_KEYS.IP_RESTRICTION;
+var useShowIpRestriction = function useShowIpRestriction() {
+  return useQuery([IP_RESTRICTION], function () {
+    return ipRestrictionApi.show();
+  });
+};
+var useUpdateIpRestriction = function useUpdateIpRestriction() {
+  var queryClient = useQueryClient();
+  return useMutation(ipRestrictionApi.update, {
+    onSuccess: function onSuccess() {
+      return queryClient.invalidateQueries(IP_RESTRICTION);
+    }
+  });
+};
+
+var IpRestriction = function IpRestriction() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useShowIpRestriction = useShowIpRestriction(),
+    data = _useShowIpRestriction.data,
+    isFetching = _useShowIpRestriction.isLoading;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useStateWithDependen = useStateWithDependency((data === null || data === void 0 ? void 0 : data.isIpRestrictionEnabled) || false, [data]),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    isIpRestrictionVisible = _useStateWithDependen2[0],
+    setIsIpRestrictionVisible = _useStateWithDependen2[1];
+  var _useUpdateIpRestricti = useUpdateIpRestriction(),
+    updateIpRestriction = _useUpdateIpRestricti.mutate,
+    isUpdating = _useUpdateIpRestricti.isLoading;
+  if (isFetching) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "h-screen"
+    }, /*#__PURE__*/React__default.createElement(PageLoader$1, null));
+  }
+  var updateIpRestrictionStatus = function updateIpRestrictionStatus() {
+    return updateIpRestriction({
+      isIpRestrictionEnabled: isIpRestrictionVisible
+    }, {
+      onSuccess: function onSuccess() {
+        return setIsAlertOpen(false);
+      }
+    });
+  };
+  var handleOnChange = function handleOnChange() {
+    if (data.isIpRestrictionEnabled) {
+      updateIpRestriction({
+        isIpRestrictionEnabled: false
+      }, {
+        onSuccess: function onSuccess() {
+          return setIsIpRestrictionVisible(false);
+        }
+      });
+    } else {
+      setIsIpRestrictionVisible(function (previousState) {
+        return !previousState;
+      });
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-bg-white neeto-ui-border-gray-200 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: isIpRestrictionVisible,
+    className: "flex-grow-0",
+    "data-cy": "enable-ip-restriction-checkbox",
+    disabled: isFetching || isUpdating,
+    label: /*#__PURE__*/React__default.createElement(Typography, {
+      style: "h3"
+    }, t("neetoMolecules.ipRestriction.switchLabel")),
+    onChange: handleOnChange
+  }), /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "ip-restriction-description",
+    style: "body2"
+  }, t("neetoMolecules.ipRestriction.description"))), isIpRestrictionVisible && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-bg-gray-100 w-full space-y-6 p-6"
+  }, /*#__PURE__*/React__default.createElement(CurrentIp$1, null), /*#__PURE__*/React__default.createElement(AllowedIpRanges$1, null), /*#__PURE__*/React__default.createElement(Callout, {
+    icon: Warning,
+    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(Button$1, {
+    label: t("neetoMolecules.common.actions.saveChanges"),
+    onClick: function onClick() {
+      return setIsAlertOpen(true);
+    }
+  }), /*#__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 setIsAlertOpen(false);
+    },
+    onSubmit: updateIpRestrictionStatus
+  })));
+};
+var index = /*#__PURE__*/React__default.memo(IpRestriction);
+
+export { index as default };
+//# sourceMappingURL=IpRestriction.js.map