@bigbinary/neeto-molecules 5.1.19 → 5.1.21

package/dist/cjs/v2/IntegrationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationCard.js","sources":["../../../src/v2/components/IntegrationCard/Dropdown.jsx","../../../src/v2/components/IntegrationCard/Status.jsx","../../../src/v2/components/IntegrationCard/index.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport MoreDropdown from \"../MoreDropdown\";\n\nconst Dropdown = ({\n  customDropdown,\n  handleManage = noop,\n  hideDisconnect = false,\n  onDisconnect = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isNotNil(customDropdown)) {\n    return <div onClick={e => e.stopPropagation()}>{customDropdown}</div>;\n  }\n\n  const isManageable = isNotNil(handleManage);\n\n  if (!isManageable && hideDisconnect) {\n    return null;\n  }\n\n  return (\n    <div onClick={e => e.stopPropagation()}>\n      <MoreDropdown\n        menuItems={[\n          {\n            isVisible: isManageable,\n            onClick: handleManage,\n            label: t(\"neetoMolecules.integrationCard.manage\"),\n            key: \"integration-card-manage-integration\",\n          },\n          {\n            isVisible: !hideDisconnect,\n            onClick: onDisconnect,\n            label: t(\"neetoMolecules.integrationCard.disconnect\"),\n            key: \"integration-card-manage-disconnection\",\n          },\n        ]}\n      />\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import { Badge } from \"@bigbinary/neeto-atoms\";\nimport { Check, TriangleAlert } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Status = ({ isExpired }) => {\n  const { t } = useTranslation();\n\n  const tagProps = isExpired\n    ? {\n        icon: TriangleAlert,\n        label: t(\"neetoMolecules.integrationCard.tags.expired\"),\n        variant: \"amber\",\n      }\n    : {\n        icon: Check,\n        label: t(\"neetoMolecules.integrationCard.tags.connected\"),\n        variant: \"green\",\n      };\n\n  return (\n    <Badge\n      {...tagProps}\n      data-testid=\"integration-status\"\n      iconPosition=\"right\"\n    />\n  );\n};\n\nexport default Status;\n","import { Button, Spinner, Tooltip, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotEmpty, isPresent, noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/v2/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Dropdown from \"./Dropdown\";\nimport Status from \"./Status\";\n\nconst IntegrationCard = ({\n  icon: Icon,\n  subIcons = [],\n  label = \"\",\n  description = \"\",\n  className = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n  onManage = undefined,\n  isLoading = false,\n  isConnected = false,\n  isFailed = false,\n  isExpired = false,\n  disabled = false,\n  hidden = false,\n  hideDisconnect = false,\n  onClick: onCardClick = undefined,\n  tooltipProps = {},\n  customDropdown = null,\n  dataTestid = \"\",\n  connectPath = \"\",\n  connectUrl = \"\",\n  children,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  if (hidden) return null;\n\n  const isCardClickable = isConnected && isNotNil(onCardClick);\n\n  const cardProps = isCardClickable ? { onClick: onCardClick } : {};\n\n  return (\n    <Tooltip\n      disabled={!disabled}\n      position=\"top\"\n      content={\n        disabled &&\n        t(\"neetoMolecules.integrationCard.tooltip.integrationNotAvailable\")\n      }\n      {...tooltipProps}\n    >\n      <div\n        data-testid={isPresent(dataTestid) ? dataTestid : \"integration-card\"}\n        className={classnames(\n          \"border-border hover:border-ring focus:border-ring flex flex-col rounded-lg border p-6 no-underline shadow-xs transition-colors outline-none\",\n          {\n            \"hover:bg-muted cursor-not-allowed opacity-50\": disabled,\n            \"cursor-pointer\": isCardClickable,\n          },\n          className\n        )}\n        {...cardProps}\n        {...otherProps}\n      >\n        <div\n          className=\"flex flex-grow justify-between\"\n          data-testid=\"integration-tabs\"\n        >\n          <div className=\"flex min-w-0 flex-col justify-end\">\n            <div className=\"relative mb-4 flex h-8\">\n              {Icon && <Icon size={32} />}\n            </div>\n            <div className=\"my-auto\">\n              <Typography\n                className=\"mb-2\"\n                data-testid=\"integration-card-label\"\n                variant=\"h4\"\n                weight=\"semibold\"\n              >\n                {label}\n              </Typography>\n              <Typography\n                className=\"break-words\"\n                data-testid={`${joinHyphenCase(label)}-integration-description`}\n                variant=\"body2\"\n              >\n                {description}\n              </Typography>\n              {children}\n            </div>\n          </div>\n          {isNotEmpty(subIcons) && (\n            <div className=\"flex h-24 flex-col gap-2\">\n              {subIcons.map((Icon, index) => (\n                <Icon className=\"text-muted-foreground\" key={index} size={24} />\n              ))}\n            </div>\n          )}\n        </div>\n        <div className=\"border-border mt-4 w-full border-t pt-2\">\n          {isLoading ? (\n            <div className=\"mt-3 flex items-center justify-start\">\n              <Spinner />\n            </div>\n          ) : (\n            <div className=\"flex h-8 items-center justify-between\">\n              {isConnected && <Status {...{ isExpired }} />}\n              {isFailed && (\n                <Button\n                  className=\"text-warning\"\n                  data-testid=\"connect-button\"\n                  disabled={disabled || isLoading}\n                  href={connectUrl}\n                  label={t(\"neetoMolecules.integrationCard.tryAgain\")}\n                  to={connectPath}\n                  variant=\"link\"\n                  onClick={onConnect}\n                />\n              )}\n              {!isConnected && !isFailed && (\n                <Button\n                  data-testid=\"connect-button\"\n                  disabled={disabled || isLoading}\n                  href={connectUrl}\n                  label={t(\"neetoMolecules.integrationCard.connect\")}\n                  to={connectPath}\n                  variant=\"link\"\n                  onClick={onConnect}\n                />\n              )}\n              {(isConnected || isFailed) && (\n                <Dropdown\n                  {...{ customDropdown, hideDisconnect, onDisconnect }}\n                  handleManage={onManage}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n\nIntegrationCard.propTypes = {\n  /**\n   * The icon component to be displayed on the card.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * Array of sub-icons to be displayed on the card.\n   */\n  subIcons: PropTypes.arrayOf(PropTypes.elementType),\n  /**\n   * The label to be displayed on the card.\n   */\n  label: PropTypes.string,\n  /**\n   * The description of the card.\n   */\n  description: PropTypes.string,\n  /**\n   * Additional class names for styling the card.\n   */\n  className: PropTypes.string,\n  /**\n   * Handler function called when the integration is connected.\n   */\n  onConnect: PropTypes.func,\n  /**\n   * Handler function called when the manage dropdown is clicked.\n   */\n  onManage: PropTypes.func,\n  /**\n   * Handler function called when clicked on integration card.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Handler function called when the disconnect dropdown is clicked.\n   */\n  onDisconnect: PropTypes.func,\n  /**\n   * Flag indicating if the integration is currently loading.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has failed.\n   */\n  isFailed: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has expired.\n   */\n  isExpired: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Flag indicating if the card should be hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Flag indicating if the disconnect button should be hidden.\n   */\n  hideDisconnect: PropTypes.bool,\n  /**\n   * Additional props for customizing the tooltip wrapper.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * Custom dropdown component to be rendered.\n   */\n  customDropdown: PropTypes.element,\n  /**\n   * Additional children elements to be rendered within the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Internal path to the integration connection page.\n   */\n  connectPath: PropTypes.string,\n  /**\n   * External path to the integration connection page.\n   */\n  connectUrl: PropTypes.string,\n};\n\nexport default IntegrationCard;\n"],"names":["Dropdown","_ref","customDropdown","_ref$handleManage","handleManage","noop","_ref$hideDisconnect","hideDisconnect","_ref$onDisconnect","onDisconnect","_useTranslation","useTranslation","t","isNotNil","_jsx","onClick","e","stopPropagation","children","isManageable","MoreDropdown","menuItems","isVisible","label","key","Status","isExpired","tagProps","icon","TriangleAlert","variant","Check","Badge","_objectSpread","iconPosition","IntegrationCard","Icon","_ref$subIcons","subIcons","_ref$label","_ref$description","description","_ref$className","className","_ref$onConnect","onConnect","_ref$onManage","onManage","undefined","_ref$isLoading","isLoading","_ref$isConnected","isConnected","_ref$isFailed","isFailed","_ref$isExpired","_ref$disabled","disabled","_ref$hidden","hidden","_ref$onClick","onCardClick","_ref$tooltipProps","tooltipProps","_ref$customDropdown","_ref$dataTestid","dataTestid","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","otherProps","_objectWithoutProperties","_excluded","isCardClickable","cardProps","Tooltip","position","content","_jsxs","isPresent","classnames","size","Typography","weight","concat","joinHyphenCase","isNotEmpty","map","index","Spinner","Button","href","to"],"mappings":"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"}

package/dist/cjs/v2/IpRestriction.js

@@ -0,0 +1,525 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var classnames = require('classnames');
+var reactI18next = require('react-i18next');
+var formik$1 = require('formik');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var i18next = require('i18next');
+var yup = require('yup');
+var index$1 = require('../index-BeqE2JWC.js');
+var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
+var trash2 = require('../trash-2-CotPjU5n.js');
+var plus = require('../plus-MoDFAiKt.js');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/v2/react-utils/useMutationWithInvalidation');
+var v2_CardLayout = require('./CardLayout.js');
+require('../_commonjsHelpers-BJu3ubxk.js');
+require('../createLucideIcon-DBDhE7kE.js');
+require('@bigbinary/neeto-cist');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var isValidIPv4String = function isValidIPv4String(ip) {
+  return ramda.isNotNil(ip) && index$1.src.Validator.isValidIPv4String(ip)[0];
+};
+var isValidIPv6String = function isValidIPv6String(ip) {
+  return ramda.isNotNil(ip) && index$1.src.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 = index$1.src.IPv4.fromDecimalDottedString(ipStart);
+  var ipEndAddr = index$1.src.IPv4.fromDecimalDottedString(ipEnd);
+  return ipStartAddr.isLessThanOrEquals(ipEndAddr);
+};
+var isValidIPv6Range = function isValidIPv6Range(ipStart, ipEnd) {
+  var ipStartAddr = index$1.src.IPv6.fromString(ipStart);
+  var ipEndAddr = index$1.src.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__namespace.addMethod(yup__namespace.string, "validIp", function (errorMessage) {
+  return this.test("valid-ip", errorMessage, function (value) {
+    if (ramda.isNil(value)) {
+      return this;
+    }
+    var isValidIp = isValidIpString(value);
+    return isValidIp || this.createError({
+      path: this.path,
+      message: errorMessage
+    });
+  });
+});
+var getIpRestrictionValidationSchema = function getIpRestrictionValidationSchema() {
+  return yup__namespace.object().shape({
+    ipStart: yup__namespace.string().validIp(i18next.t("neetoMolecules.ipRestriction.validations.invalidIp")).required(i18next.t("neetoMolecules.ipRestriction.validations.ipStartRequired")),
+    ipEnd: yup__namespace.string().validIp(i18next.t("neetoMolecules.ipRestriction.validations.invalidIp")).when("ipStart", function (ipStart, schema) {
+      return schema.test({
+        test: function test(ipEnd) {
+          return areIpAddressesInSameFormat(ipStart, ipEnd);
+        },
+        message: i18next.t("neetoMolecules.ipRestriction.validations.eitherIpv4OrIpv6")
+      });
+    }).when("ipStart", function (ipStart, schema) {
+      return schema.test({
+        test: function test(ipEnd) {
+          return isValidIPRange(ipStart, ipEnd);
+        },
+        message: i18next.t("neetoMolecules.ipRestriction.validations.ipEndGreaterThanIpStart")
+      });
+    }).required(i18next.t("neetoMolecules.ipRestriction.validations.ipEndRequired")),
+    // v2 Select stores the scalar option value (string), not the option object.
+    addressType: yup__namespace.string().nullable().required(i18next.t("neetoMolecules.ipRestriction.validations.addressTypeRequired"))
+  });
+};
+var buildInitialValue = function buildInitialValue(isIpRestrictionEnabled, allowedIpRanges) {
+  return {
+    ipRestriction: isIpRestrictionEnabled,
+    allowedIpRanges: allowedIpRanges
+  };
+};
+var buildIpRestrictionPayload = function buildIpRestrictionPayload(values) {
+  return {
+    isIpRestrictionEnabled: values.ipRestriction,
+    allowedIpRanges: values.allowedIpRanges
+  };
+};
+
+var IP_RESTRICTIONS_ENGINE_BASE_URL = "/neeto_ip_restrictions/api/v1";
+var QUERY_KEYS = {
+  IP_RESTRICTION: "IP_RESTRICTION",
+  ALLOWED_IP_RANGES: "ALLOWED_IP_RANGES",
+  CURRENT_IP: "CURRENT_IP"
+};
+var ADDRESS_TYPE_SELECT_OPTIONS = [{
+  label: i18next.t("neetoMolecules.ipRestriction.ipv4"),
+  value: "ipv4"
+}, {
+  label: i18next.t("neetoMolecules.ipRestriction.ipv6"),
+  value: "ipv6"
+}];
+({
+  addressType: ADDRESS_TYPE_SELECT_OPTIONS[0].value
+});
+var VALIDATION_SCHEMA = yup__namespace.object().shape({
+  ipRestriction: yup__namespace["boolean"](),
+  allowedIpRanges: yup__namespace.array().of(getIpRestrictionValidationSchema())
+});
+var NEW_ALLOWED_IP_RANGE = {
+  ipStart: "",
+  ipEnd: "",
+  addressType: null,
+  createdAt: new Date().toISOString()
+};
+
+var AllowedIpRange = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    index = _ref.index,
+    arrayHelpers = _ref.arrayHelpers;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex items-start gap-3",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "grid flex-grow grid-cols-1 gap-3 md:grid-cols-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+        className: "text-start",
+        "data-testid": "ip-start-text-field",
+        label: t("neetoMolecules.ipRestriction.ipStart"),
+        labelProps: {
+          className: "md:hidden"
+        },
+        name: "allowedIpRanges.".concat(index, ".ipStart"),
+        placeholder: t("neetoMolecules.ipRestriction.ipStart")
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+        className: "text-start",
+        "data-testid": "ip-end-text-field",
+        label: t("neetoMolecules.ipRestriction.ipEnd"),
+        labelProps: {
+          className: "md:hidden"
+        },
+        name: "allowedIpRanges.".concat(index, ".ipEnd"),
+        placeholder: t("neetoMolecules.ipRestriction.ipEnd")
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Select, {
+        className: "text-start",
+        "data-testid": "address-type-select-field",
+        label: t("neetoMolecules.ipRestriction.type"),
+        labelProps: {
+          className: "md:hidden"
+        },
+        name: "allowedIpRanges.".concat(index, ".addressType"),
+        options: ADDRESS_TYPE_SELECT_OPTIONS
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-shrink-0 justify-center md:min-w-14",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        className: "mt-5 md:mt-0",
+        "data-testid": "allowed-ip-range-delete-button",
+        icon: trash2.Trash2,
+        size: "icon",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoMolecules.common.actions.discard"),
+          position: "top"
+        },
+        onClick: function onClick() {
+          return arrayHelpers.remove(index);
+        }
+      })
+    })]
+  });
+});
+
+var AllowedIpRanges$1 = reactUtils.withT(function (_ref) {
+  var t = _ref.t;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-y-5",
+    "data-testid": "allowed-ip-range-container",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      "data-testid": "allowed-ip-range-heading",
+      variant: "h4",
+      children: t("neetoMolecules.ipRestriction.allowedIpRangeTitle")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col gap-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "hidden gap-3 md:flex",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "grid flex-grow grid-cols-3 gap-3",
+          children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+            className: "text-muted-foreground uppercase",
+            variant: "h6",
+            children: [t("neetoMolecules.ipRestriction.ipStart"), "*"]
+          }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+            className: "text-muted-foreground uppercase",
+            variant: "h6",
+            children: [t("neetoMolecules.ipRestriction.ipEnd"), "*"]
+          }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+            className: "text-muted-foreground uppercase",
+            variant: "h6",
+            children: [t("neetoMolecules.ipRestriction.type"), "*"]
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "min-w-14 flex-shrink-0",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "text-muted-foreground text-center uppercase",
+            variant: "h6",
+            children: t("neetoMolecules.ipRestriction.actions")
+          })
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex w-full flex-col gap-y-6 md:gap-y-4",
+        children: /*#__PURE__*/jsxRuntime.jsx(formik$1.FieldArray, {
+          name: "allowedIpRanges",
+          children: function children(arrayHelpers) {
+            return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [arrayHelpers.form.values.allowedIpRanges.map(function (allowedIpRange, index) {
+                return /*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "border-border w-full border-b pb-6 last:border-none last:pb-0 md:border-none md:pb-0",
+                  children: /*#__PURE__*/React.createElement(AllowedIpRange, {
+                    allowedIpRange: allowedIpRange,
+                    arrayHelpers: arrayHelpers,
+                    index: index,
+                    key: allowedIpRange.createdAt
+                  })
+                }, index);
+              }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+                className: "md:mt-2",
+                "data-testid": "add-allowed-ip-range-button",
+                icon: plus.Plus,
+                iconPosition: "left",
+                label: t("neetoMolecules.ipRestriction.addNew"),
+                variant: "link",
+                onClick: function onClick() {
+                  return arrayHelpers.push(NEW_ALLOWED_IP_RANGE);
+                }
+              })]
+            });
+          }
+        })
+      })]
+    })]
+  });
+});
+var AllowedIpRanges = /*#__PURE__*/React.memo(AllowedIpRanges$1);
+
+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 reactQuery.useQuery({
+    queryKey: [CURRENT_IP],
+    queryFn: function queryFn() {
+      return currentIpApi.show();
+    }
+  });
+};
+
+var CurrentIp$1 = function CurrentIp() {
+  var _useShowCurrentIp = useShowCurrentIp(),
+    data = _useShowCurrentIp.data,
+    isLoading = _useShowCurrentIp.isLoading;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex flex-wrap items-baseline gap-1",
+    "data-testid": "current-ip-container",
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoMolecules.ipRestriction.currentIpMessage",
+        values: {
+          ip: isLoading ? "..." : data.ip
+        }
+      })
+    })
+  });
+};
+var CurrentIp = /*#__PURE__*/React.memo(CurrentIp$1);
+
+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
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ALLOWED_IP_RANGES$1 = QUERY_KEYS.ALLOWED_IP_RANGES;
+var useFetchAllowedIpRanges = function useFetchAllowedIpRanges(options) {
+  return reactQuery.useQuery(_objectSpread({
+    queryKey: [ALLOWED_IP_RANGES$1],
+    queryFn: function queryFn() {
+      return allowedIpRangesApi.fetch();
+    }
+  }, options));
+};
+
+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,
+  ALLOWED_IP_RANGES = QUERY_KEYS.ALLOWED_IP_RANGES;
+var useShowIpRestriction = function useShowIpRestriction() {
+  return reactQuery.useQuery({
+    queryKey: [IP_RESTRICTION],
+    queryFn: function queryFn() {
+      return ipRestrictionApi.show();
+    }
+  });
+};
+var useUpdateIpRestriction = function useUpdateIpRestriction() {
+  return useMutationWithInvalidation(ipRestrictionApi.update, {
+    keysToInvalidate: [[IP_RESTRICTION], [ALLOWED_IP_RANGES]]
+  });
+};
+
+var IpRestriction = function IpRestriction() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useShowIpRestriction = useShowIpRestriction(),
+    _useShowIpRestriction2 = _useShowIpRestriction.data,
+    _useShowIpRestriction3 = _useShowIpRestriction2 === void 0 ? {} : _useShowIpRestriction2,
+    isIpRestrictionEnabled = _useShowIpRestriction3.isIpRestrictionEnabled,
+    isFetchingIpRestriction = _useShowIpRestriction.isLoading;
+  var _useFetchAllowedIpRan = useFetchAllowedIpRanges({
+      enabled: isIpRestrictionEnabled
+    }),
+    allowedIpRanges = _useFetchAllowedIpRan.data,
+    isFetchingAllowedIpRanges = _useFetchAllowedIpRan.isLoading,
+    isRefetching = _useFetchAllowedIpRan.isRefetching;
+  var _useUpdateIpRestricti = useUpdateIpRestriction(),
+    updateIpRestriction = _useUpdateIpRestricti.mutate,
+    isUpdating = _useUpdateIpRestricti.isPending;
+  if (isFetchingIpRestriction || isFetchingAllowedIpRanges || isRefetching) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
+    });
+  }
+  var handleSubmit = function handleSubmit(values, formikBag) {
+    if (values.ipRestriction) setIsAlertOpen(true);else handleUpdateIpRestriction(values, formikBag);
+  };
+  var handleCloseAlert = function handleCloseAlert(setSubmitting) {
+    setIsAlertOpen(false);
+    setSubmitting(false);
+  };
+  var handleUpdateIpRestriction = function handleUpdateIpRestriction(values, _ref) {
+    var setSubmitting = _ref.setSubmitting,
+      resetForm = _ref.resetForm;
+    updateIpRestriction(buildIpRestrictionPayload(values), {
+      onSuccess: function onSuccess() {
+        setIsAlertOpen(false);
+        setSubmitting(false);
+        resetForm({
+          values: values
+        });
+      },
+      onError: function onError() {
+        setIsAlertOpen(false);
+        setSubmitting(false);
+      }
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+    className: "w-full",
+    formikProps: {
+      initialValues: buildInitialValue(isIpRestrictionEnabled, allowedIpRanges),
+      validationSchema: VALIDATION_SCHEMA,
+      validateOnBlur: true,
+      enableReinitialize: true,
+      onSubmit: handleSubmit
+    },
+    children: function children(_ref2) {
+      var values = _ref2.values,
+        dirty = _ref2.dirty,
+        resetForm = _ref2.resetForm,
+        setSubmitting = _ref2.setSubmitting;
+      return /*#__PURE__*/jsxRuntime.jsxs(v2_CardLayout, {
+        actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-wrap items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(formik.Button, {
+            "data-testid": "ip-restriction-save-changes",
+            loading: isUpdating,
+            children: t("neetoMolecules.common.actions.saveChanges")
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            "data-testid": "ip-restriction-reset-btn",
+            disabled: !dirty,
+            label: t("neetoMolecules.common.actions.reset"),
+            type: "reset",
+            variant: "secondary",
+            onClick: resetForm
+          }), dirty && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "text-destructive",
+            variant: "body2",
+            children: t("neetoMolecules.ipRestriction.validations.unsavedChanges")
+          })]
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx(formik.BlockNavigation, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: classnames("flex flex-col gap-y-2", {
+            "pb-6": values.ipRestriction
+          }),
+          children: [/*#__PURE__*/jsxRuntime.jsx(formik.Switch, {
+            className: "flex-grow-0",
+            "data-testid": "enable-ip-restriction-switch",
+            disabled: isFetchingIpRestriction || isUpdating,
+            id: "ipRestriction",
+            label: t("neetoMolecules.ipRestriction.switchLabel"),
+            name: "ipRestriction",
+            labelProps: {
+              className: "text-[1.75rem] font-semibold leading-tight"
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            "data-testid": "ip-restriction-description",
+            variant: "body2",
+            children: t("neetoMolecules.ipRestriction.description")
+          })]
+        }), values.ipRestriction && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "border-border flex w-full flex-col gap-y-6 border-t pt-6",
+          children: [/*#__PURE__*/jsxRuntime.jsx(CurrentIp, {}), /*#__PURE__*/jsxRuntime.jsx(AllowedIpRanges, {}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Callout, {
+            variant: "warning",
+            children: /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "py-1 whitespace-pre-wrap",
+              children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+                i18nKey: "neetoMolecules.ipRestriction.warningMessage"
+              })
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, {
+          isOpen: isAlertOpen,
+          isSubmitting: isUpdating,
+          title: t("neetoMolecules.ipRestriction.enableAlert.title"),
+          message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.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.memo(IpRestriction);
+
+module.exports = index;
+//# sourceMappingURL=IpRestriction.js.map