@bigbinary/neeto-molecules 1.0.55-beta → 1.0.56

package/dist/IpRestriction.js

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
+import * as React from 'react';
+import React__default, { useState } from 'react';
 import { Typography, Button as Button$1, Dropdown, Tooltip, Alert, Switch } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
-import { Neeto } from '@bigbinary/neeto-icons/logos';
 import { Check, Close, MenuVertical, Plus } from '@bigbinary/neeto-icons';
 import { Form, Input, Button } from '@bigbinary/neetoui/formik';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
@@ -11,8 +11,8 @@ import { isNil, isNotNil } from 'ramda';
 import * as yup from 'yup';
 import { truncate } from '@bigbinary/neeto-commons-frontend/pure';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -23,7 +23,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -55,6 +55,52 @@ function _objectWithoutProperties(source, excluded) {
   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)}}";
@@ -65,28 +111,28 @@ var PageLoader = function PageLoader(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "" : _ref$text,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: "neeto-molecules-pageloader__wrapper"
-  }, otherProps), /*#__PURE__*/React.createElement("div", {
+  }, 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.createElement("div", {
+  }, /*#__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.createElement(Neeto, {
+  }, /*#__PURE__*/React__default.createElement(SvgNeeto, {
     className: "neeto-molecules-pageloader__logo",
     size: 50
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__spinner"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect1"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect2"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect3"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect4"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect5"
-  }))), text && /*#__PURE__*/React.createElement(Typography, {
+  }))), text && /*#__PURE__*/React__default.createElement(Typography, {
     style: "h5",
     weight: "semibold"
   }, text)));
@@ -3388,7 +3434,7 @@ var FormRow = function FormRow(_ref) {
     }
     onCollapse();
   };
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React__default.createElement(Form, {
     "data-cy": "allowed-ip-range-form",
     formikProps: {
       initialValues: data,
@@ -3397,22 +3443,22 @@ var FormRow = function FormRow(_ref) {
     }
   }, function (_ref2) {
     var isSubmitting = _ref2.isSubmitting;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-ui-bg-white flex w-full flex-row justify-between px-2 py-2"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/React__default.createElement(Input, {
       autoFocus: true,
       className: "w-5/12 flex-grow px-3 py-2 text-left",
       "data-cy": "ip-start-text-field",
       name: "ipStart",
       placeholder: t("neetoMolecules.ipRestriction.ipStart")
-    }), /*#__PURE__*/React.createElement(Input, {
+    }), /*#__PURE__*/React__default.createElement(Input, {
       className: "w-5/12 flex-grow px-3 py-2 text-left",
       "data-cy": "ip-end-text-field",
       name: "ipEnd",
       placeholder: t("neetoMolecules.ipRestriction.ipEnd")
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React__default.createElement("div", {
       className: "w-5/12 flex-grow px-3 py-2 text-center"
-    }, /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React__default.createElement(Button, {
       "data-cy": "save-changes-button",
       disabled: isSubmitting,
       icon: Check,
@@ -3422,7 +3468,7 @@ var FormRow = function FormRow(_ref) {
         position: "top"
       },
       type: "submit"
-    }), /*#__PURE__*/React.createElement(Button$1, {
+    }), /*#__PURE__*/React__default.createElement(Button$1, {
       "data-cy": "ip-cancel-button",
       icon: Close,
       style: "text",
@@ -3453,45 +3499,45 @@ var Row = function Row(_ref) {
     destroyAllowedIpRange(data.id);
     setIsDeleteIpRangeAlertOpen(false);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-bg-white flex w-full flex-row justify-between px-1 py-2",
     "data-cy": "ip-range-row"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
     content: data.ipStart,
     disabled: data.ipStart.length < TRUNCATE_LENGTH,
     position: "top"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
     "data-cy": "ip-range-start-value",
     style: "body2"
-  }, truncate(data.ipStart, TRUNCATE_LENGTH))), /*#__PURE__*/React.createElement(Tooltip, {
+  }, truncate(data.ipStart, TRUNCATE_LENGTH))), /*#__PURE__*/React__default.createElement(Tooltip, {
     content: data.ipEnd,
     disabled: data.ipEnd.length < TRUNCATE_LENGTH,
     position: "top"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
     "data-cy": "ip-range-end-value",
     style: "body2"
-  }, truncate(data.ipEnd, TRUNCATE_LENGTH))), /*#__PURE__*/React.createElement("div", {
+  }, truncate(data.ipEnd, TRUNCATE_LENGTH))), /*#__PURE__*/React__default.createElement("div", {
     className: "w-4/12 flex-grow px-3 py-2 text-center"
-  }, /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/React__default.createElement(Dropdown, {
     buttonStyle: "text",
     icon: MenuVertical,
     position: "bottom-end"
-  }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+  }, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
     "data-cy": "ip-range-edit-button",
     onClick: function onClick() {
       return setEditingRow(data.id);
     }
-  }, t("neetoMolecules.common.actions.edit")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+  }, t("neetoMolecules.common.actions.edit")), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
     "data-cy": "ip-range-delete-button",
     onClick: function onClick() {
       return setIsDeleteIpRangeAlertOpen(true);
     }
-  }, t("neetoMolecules.common.actions.delete")))), /*#__PURE__*/React.createElement(Alert, {
+  }, t("neetoMolecules.common.actions.delete")))), /*#__PURE__*/React__default.createElement(Alert, {
     isOpen: isDeleteIpRangeAlertOpen,
     submitButtonLabel: t("neetoMolecules.common.actions.delete"),
-    message: /*#__PURE__*/React.createElement(Trans, {
+    message: /*#__PURE__*/React__default.createElement(Trans, {
       i18nKey: "neetoMolecules.ipRestriction.allowedIpRangeConfirmation",
       values: {
         ipStart: data.ipStart,
@@ -3521,15 +3567,15 @@ var AllowedIpRanges = function AllowedIpRanges() {
     t = _useTranslation.t;
   var _useFetchAllowedIpRan = useFetchAllowedIpRanges(),
     allowedIpRanges = _useFetchAllowedIpRan.data;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "space-y-4",
     "data-cy": "allowed-ip-range-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-row items-center"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     "data-cy": "allowed-ip-range-heading",
     style: "h3"
-  }, t("neetoMolecules.ipRestriction.allowedIpRangeTitle")), /*#__PURE__*/React.createElement(Button$1, {
+  }, t("neetoMolecules.ipRestriction.allowedIpRangeTitle")), /*#__PURE__*/React__default.createElement(Button$1, {
     className: "ml-2",
     "data-cy": "add-allowed-ip-range-button",
     disabled: showAddNew,
@@ -3542,31 +3588,31 @@ var AllowedIpRanges = function AllowedIpRanges() {
     onClick: function onClick() {
       return setShowAddNew(true);
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-text-gray-500 flex w-full flex-row justify-between"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "w-4/12 flex-grow px-3 py-2 text-left"
-  }, t("neetoMolecules.ipRestriction.ipStart")), /*#__PURE__*/React.createElement(Typography, {
+  }, t("neetoMolecules.ipRestriction.ipStart")), /*#__PURE__*/React__default.createElement(Typography, {
     className: "w-4/12 flex-grow px-3 py-2 text-left"
-  }, t("neetoMolecules.ipRestriction.ipEnd")), /*#__PURE__*/React.createElement(Typography, {
+  }, t("neetoMolecules.ipRestriction.ipEnd")), /*#__PURE__*/React__default.createElement(Typography, {
     className: "w-4/12 flex-grow px-3 py-2 text-center"
-  }, t("neetoMolecules.ipRestriction.actions"))), /*#__PURE__*/React.createElement("div", {
+  }, t("neetoMolecules.ipRestriction.actions"))), /*#__PURE__*/React__default.createElement("div", {
     className: "items-between flex w-full flex-col space-y-2"
-  }, showAddNew && /*#__PURE__*/React.createElement(FormRow, {
+  }, showAddNew && /*#__PURE__*/React__default.createElement(FormRow, {
     isAddNew: true,
     data: INITIAL_VALUES,
     onCollapse: function onCollapse() {
       return setShowAddNew(false);
     }
   }), allowedIpRanges === null || allowedIpRanges === void 0 ? void 0 : allowedIpRanges.map(function (allowedIpRange) {
-    return editingRow === allowedIpRange.id ? /*#__PURE__*/React.createElement(FormRow, {
+    return editingRow === allowedIpRange.id ? /*#__PURE__*/React__default.createElement(FormRow, {
       data: allowedIpRange,
       isAddNew: false,
       key: allowedIpRange.id,
       onCollapse: function onCollapse() {
         return setEditingRow("");
       }
-    }) : /*#__PURE__*/React.createElement(Row, {
+    }) : /*#__PURE__*/React__default.createElement(Row, {
       data: allowedIpRange,
       key: allowedIpRange.id,
       setEditingRow: setEditingRow
@@ -3596,15 +3642,15 @@ var CurrentIp = function CurrentIp() {
     isLoading = _useShowCurrentIp.isLoading;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "space-y-1",
     "data-cy": "current-ip-container"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     "data-cy": "current-ip-heading"
-  }, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React.createElement(Typography, {
+  }, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React__default.createElement(Typography, {
     "data-cy": "current-ip-value",
     weight: "semibold"
-  }, isLoading ? "..." : data.ip), /*#__PURE__*/React.createElement(Typography, {
+  }, isLoading ? "..." : data.ip), /*#__PURE__*/React__default.createElement(Typography, {
     className: "pt-2",
     "data-cy": "current-ip-description",
     style: "body2"
@@ -3656,30 +3702,30 @@ var IpRestriction = function IpRestriction() {
     updateIpRestriction(payload);
   };
   if (isFetching) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "h-screen"
-    }, /*#__PURE__*/React.createElement(PageLoader, null));
+    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
   }
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
-    React.createElement("div", {
+    React__default.createElement("div", {
       className: "neeto-ui-bg-white neeto-ui-border-gray-200 neeto-ui-rounded-sm mx-auto mb-4 w-full space-y-4 border sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
       "data-cy": "ip-restrictions-card"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("div", {
       className: "space-y-1 p-4"
-    }, /*#__PURE__*/React.createElement(Switch, {
+    }, /*#__PURE__*/React__default.createElement(Switch, {
       checked: data.isIpRestrictionEnabled,
       "data-cy": "enable-ip-restriction-switch",
       disabled: isFetching || isUpdating,
       label: t("neetoMolecules.ipRestriction.switchLabel"),
       onChange: handleSwitchButtonChange
-    }), /*#__PURE__*/React.createElement(Typography, {
+    }), /*#__PURE__*/React__default.createElement(Typography, {
       "data-cy": "ip-restriction-description",
       style: "body3"
-    }, t("neetoMolecules.ipRestriction.description"))), data.isIpRestrictionEnabled && /*#__PURE__*/React.createElement("div", {
+    }, t("neetoMolecules.ipRestriction.description"))), data.isIpRestrictionEnabled && /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-ui-bg-gray-100 w-full space-y-4 p-4"
-    }, /*#__PURE__*/React.createElement(CurrentIp, null), /*#__PURE__*/React.createElement(AllowedIpRanges, null)))
+    }, /*#__PURE__*/React__default.createElement(CurrentIp, null), /*#__PURE__*/React__default.createElement(AllowedIpRanges, null)))
   );
 };