@bigbinary/neeto-molecules 3.3.11 → 3.3.12

package/dist/cjs/IpRestriction.js

@@ -22,11 +22,11 @@ var i18next = require('i18next');
 var yup = require('yup');
 var _commonjsHelpers = require('./_commonjsHelpers-68cdf74f.js');
 var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
-require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('./inject-css-80a5faa3.js');
 
@@ -51,7 +51,6 @@ function _interopNamespace(e) {
 }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
 var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
@@ -3290,102 +3289,116 @@ var AllowedIpRange = withT__default["default"](function (_ref) {
   var t = _ref.t,
     index = _ref.index,
     arrayHelpers = _ref.arrayHelpers;
-  return /*#__PURE__*/React__default["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["default"].createElement(Input__default["default"], {
-    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["default"].createElement(Input__default["default"], {
-    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["default"].createElement(Select__default["default"], {
-    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["default"].createElement("div", {
-    className: "col-span-1 flex items-start sm:col-span-2 sm:justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    className: "mt-auto sm:mt-0",
-    "data-testid": "allowed-ip-range-delete-btn",
-    icon: Delete__default["default"],
-    style: "text",
-    tooltipProps: {
-      content: t("neetoMolecules.common.actions.discard"),
-      position: "top"
-    },
-    onClick: function onClick() {
-      return arrayHelpers.remove(index);
-    }
-  })));
+  return /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Input__default["default"], {
+      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__*/jsxRuntime.jsx(Input__default["default"], {
+      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__*/jsxRuntime.jsx(Select__default["default"], {
+      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__*/jsxRuntime.jsx("div", {
+      className: "col-span-1 flex items-start sm:col-span-2 sm:justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        className: "mt-auto sm:mt-0",
+        "data-testid": "allowed-ip-range-delete-btn",
+        icon: Delete__default["default"],
+        style: "text",
+        tooltipProps: {
+          content: t("neetoMolecules.common.actions.discard"),
+          position: "top"
+        },
+        onClick: function onClick() {
+          return arrayHelpers.remove(index);
+        }
+      })
+    })]
+  });
 });
 
 var AllowedIpRanges = withT__default["default"](function (_ref) {
   var t = _ref.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "space-y-6",
-    "data-cy": "allowed-ip-range-container"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    "data-cy": "allowed-ip-range-heading",
-    style: "h4"
-  }, t("neetoMolecules.ipRestriction.allowedIpRangeTitle")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "hidden grid-cols-12 gap-4 sm:grid"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-ui-text-gray-700 col-span-4 uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.ipStart"), "*"), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-ui-text-gray-700 col-span-4 uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.ipEnd"), "*"), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-ui-text-gray-700 col-span-2 uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.type"), "*"), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "neeto-ui-text-gray-700 col-span-2 text-center uppercase",
-    style: "h6"
-  }, t("neetoMolecules.ipRestriction.actions"))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
-    name: "allowedIpRanges"
-  }, function (arrayHelpers) {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, arrayHelpers.form.values.allowedIpRanges.map(function (allowedIpRange, index) {
-      return /*#__PURE__*/React__default["default"].createElement(AllowedIpRange, {
-        allowedIpRange: allowedIpRange,
-        arrayHelpers: arrayHelpers,
-        index: index,
-        key: allowedIpRange.createdAt
-      });
-    }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-      className: "mt-2",
-      "data-cy": "add-allowed-ip-range-button",
-      icon: Plus__default["default"],
-      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__*/jsxRuntime.jsx(Typography__default["default"], {
+      "data-cy": "allowed-ip-range-heading",
+      style: "h4",
+      children: t("neetoMolecules.ipRestriction.allowedIpRangeTitle")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-2",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "hidden grid-cols-12 gap-4 sm:grid",
+        children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+          className: "neeto-ui-text-gray-700 col-span-4 uppercase",
+          style: "h6",
+          children: [t("neetoMolecules.ipRestriction.ipStart"), "*"]
+        }), /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+          className: "neeto-ui-text-gray-700 col-span-4 uppercase",
+          style: "h6",
+          children: [t("neetoMolecules.ipRestriction.ipEnd"), "*"]
+        }), /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+          className: "neeto-ui-text-gray-700 col-span-2 uppercase",
+          style: "h6",
+          children: [t("neetoMolecules.ipRestriction.type"), "*"]
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "neeto-ui-text-gray-700 col-span-2 text-center uppercase",
+          style: "h6",
+          children: t("neetoMolecules.ipRestriction.actions")
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "w-full space-y-2",
+        children: /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
+          name: "allowedIpRanges",
+          children: function children(arrayHelpers) {
+            return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [arrayHelpers.form.values.allowedIpRanges.map(function (allowedIpRange, index) {
+                return /*#__PURE__*/React.createElement(AllowedIpRange, {
+                  allowedIpRange: allowedIpRange,
+                  arrayHelpers: arrayHelpers,
+                  index: index,
+                  key: allowedIpRange.createdAt
+                });
+              }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                className: "mt-2",
+                "data-cy": "add-allowed-ip-range-button",
+                icon: Plus__default["default"],
+                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["default"].memo(AllowedIpRanges);
+var AllowedIpRanges$1 = /*#__PURE__*/React.memo(AllowedIpRanges);
 
 var show$1 = function show(params) {
   return axios__default["default"].get("".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/current_ip"), {
@@ -3410,17 +3423,20 @@ var CurrentIp = function CurrentIp() {
   var _useShowCurrentIp = useShowCurrentIp(),
     data = _useShowCurrentIp.data,
     isLoading = _useShowCurrentIp.isLoading;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex flex-wrap items-baseline gap-1",
-    "data-cy": "current-ip-container"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], null, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.ipRestriction.currentIpMessage",
-    values: {
-      ip: isLoading ? "..." : data.ip
-    }
-  })));
+    "data-cy": "current-ip-container",
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoMolecules.ipRestriction.currentIpMessage",
+        values: {
+          ip: isLoading ? "..." : data.ip
+        }
+      })
+    })
+  });
 };
-var CurrentIp$1 = /*#__PURE__*/React__default["default"].memo(CurrentIp);
+var CurrentIp$1 = /*#__PURE__*/React.memo(CurrentIp);
 
 var allowedIpRangesUrl = "".concat(IP_RESTRICTIONS_ENGINE_BASE_URL, "/allowed_ips");
 var fetch = function fetch() {
@@ -3512,9 +3528,10 @@ var IpRestriction = function IpRestriction() {
     updateIpRestriction = _useUpdateIpRestricti.mutate,
     isUpdating = _useUpdateIpRestricti.isPending;
   if (isFetchingIpRestriction || isFetchingAllowedIpRanges || isRefetching) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "h-screen"
-    }, /*#__PURE__*/React__default["default"].createElement(PageLoader, null));
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "h-screen",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
+    });
   }
   var handleSubmit = function handleSubmit(values, formikBag) {
     if (values.ipRestriction) setIsAlertOpen(true);else handleUpdateIpRestriction(values, formikBag);
@@ -3540,7 +3557,7 @@ var IpRestriction = function IpRestriction() {
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
     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),
@@ -3548,81 +3565,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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(BlockNavigation__default["default"], {}), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {
+            className: "space-y-2 p-6",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+              checked: values.ipRestriction,
+              className: "flex-grow-0",
+              "data-cy": "enable-ip-restriction-checkbox",
+              disabled: isFetchingIpRestriction || isUpdating,
+              name: "ipRestriction",
+              label: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                style: "h3",
+                children: t("neetoMolecules.ipRestriction.switchLabel")
+              }),
+              onChange: function onChange() {
+                return setFieldValue("ipRestriction", !values.ipRestriction);
+              }
+            }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              "data-cy": "ip-restriction-description",
+              style: "body2",
+              children: t("neetoMolecules.ipRestriction.description")
+            })]
+          }), values.ipRestriction && /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "neeto-ui-border-gray-300 w-full space-y-6 border-t p-6",
+            children: [/*#__PURE__*/jsxRuntime.jsx(CurrentIp$1, {}), /*#__PURE__*/jsxRuntime.jsx(AllowedIpRanges$1, {}), /*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
+              style: "warning",
+              children: /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "leading-2 block whitespace-pre-wrap py-1",
+                children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+                  i18nKey: "neetoMolecules.ipRestriction.warningMessage"
+                })
+              })
+            })]
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-wrap items-center justify-between gap-4",
+          children: [dirty && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            className: "neeto-ui-text-error-500",
+            style: "body2",
+            children: t("neetoMolecules.ipRestriction.validations.unsavedChanges")
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "ml-auto flex justify-between",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              className: "mr-2",
+              disabled: !dirty,
+              label: t("neetoMolecules.common.actions.reset"),
+              style: "secondary",
+              type: "reset",
+              onClick: resetForm
+            }), /*#__PURE__*/jsxRuntime.jsx(Button__default$1["default"], {
+              "data-cy": "ip-restriction-save-changes",
+              "data-testid": "save-changes-button",
+              isLoading: isUpdating,
+              type: "submit",
+              children: t("neetoMolecules.common.actions.saveChanges")
+            })]
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+          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
+            });
+          }
+        })]
+      });
     }
-  }, function (_ref2) {
-    var values = _ref2.values,
-      dirty = _ref2.dirty,
-      setFieldValue = _ref2.setFieldValue,
-      resetForm = _ref2.resetForm,
-      setSubmitting = _ref2.setSubmitting;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BlockNavigation__default["default"], null), /*#__PURE__*/React__default["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["default"].createElement("div", {
-      className: "space-y-2 p-6"
-    }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
-      checked: values.ipRestriction,
-      className: "flex-grow-0",
-      "data-cy": "enable-ip-restriction-checkbox",
-      disabled: isFetchingIpRestriction || isUpdating,
-      name: "ipRestriction",
-      label: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-        style: "h3"
-      }, t("neetoMolecules.ipRestriction.switchLabel")),
-      onChange: function onChange() {
-        return setFieldValue("ipRestriction", !values.ipRestriction);
-      }
-    }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-      "data-cy": "ip-restriction-description",
-      style: "body2"
-    }, t("neetoMolecules.ipRestriction.description"))), values.ipRestriction && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-ui-border-gray-300 w-full space-y-6 border-t p-6"
-    }, /*#__PURE__*/React__default["default"].createElement(CurrentIp$1, null), /*#__PURE__*/React__default["default"].createElement(AllowedIpRanges$1, null), /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
-      style: "warning"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "leading-2 block whitespace-pre-wrap py-1"
-    }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-      i18nKey: "neetoMolecules.ipRestriction.warningMessage"
-    }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex flex-wrap items-center justify-between gap-4"
-    }, dirty && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-      className: "neeto-ui-text-error-500",
-      style: "body2"
-    }, t("neetoMolecules.ipRestriction.validations.unsavedChanges")), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "ml-auto flex justify-between"
-    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-      className: "mr-2",
-      disabled: !dirty,
-      label: t("neetoMolecules.common.actions.reset"),
-      style: "secondary",
-      type: "reset",
-      onClick: resetForm
-    }), /*#__PURE__*/React__default["default"].createElement(Button__default$1["default"], {
-      "data-cy": "ip-restriction-save-changes",
-      "data-testid": "save-changes-button",
-      isLoading: isUpdating,
-      type: "submit"
-    }, t("neetoMolecules.common.actions.saveChanges")))), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
-      isOpen: isAlertOpen,
-      isSubmitting: isUpdating,
-      title: t("neetoMolecules.ipRestriction.enableAlert.title"),
-      message: /*#__PURE__*/React__default["default"].createElement(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__default["default"].memo(IpRestriction);
+var index = /*#__PURE__*/React.memo(IpRestriction);
 
 module.exports = index;
 //# sourceMappingURL=IpRestriction.js.map