@wix/patterns 1.109.0 → 1.111.0

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js

@@ -31,6 +31,7 @@ const _CustomFieldForm = props => {
         containsPii
       }
     },
+    errorToastConfig,
     disabledFields: {
       permissions
     },
@@ -51,52 +52,16 @@ const _CustomFieldForm = props => {
     }
   } = (0, _react2.useWixPatternsContainer)();
   (0, _react.useEffect)(() => customFieldModalBiReporter.init(), []);
-  const getFloatingNotification = () => {
-    switch (state.submitError) {
-      case 'network':
-        return t('cairo.customFields.modal.networkError');
-      case 'technical':
-        return t('cairo.customFields.modal.technicalError');
-      case 'max_size':
-        return /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
-          i18nKey: "cairo.customFields.modal.maxFieldsError",
-          components: {
-            supportLink: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-              underline: "always",
-              size: "small",
-              as: "a",
-              rel: "noopener",
-              target: "_blank",
-              href: "https://www.wix.com/contact",
-              __self: void 0,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 73,
-                columnNumber: 17
-              }
-            })
-          },
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 69,
-            columnNumber: 11
-          }
-        });
-      default:
-        return '';
-    }
-  };
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     width: 552,
     direction: "vertical",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 63,
       columnNumber: 5
     }
-  }, state.submitError && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, errorToastConfig && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     position: "absolute",
     top: "24px",
     left: "49%",
@@ -104,7 +69,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 65,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
@@ -114,20 +79,27 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 74,
         columnNumber: 25
       }
     }),
-    text: getFloatingNotification(),
+    text: errorToastConfig.message,
+    textButtonProps: (errorToastConfig == null ? void 0 : errorToastConfig.action) && {
+      label: errorToastConfig.action.text,
+      onClick: () => {
+        var _errorToastConfig$act;
+        return errorToastConfig == null || (_errorToastConfig$act = errorToastConfig.action) == null || _errorToastConfig$act.onClick == null ? void 0 : _errorToastConfig$act.onClick();
+      }
+    },
     onClose: () => {
       (0, _mobx.runInAction)(() => {
-        state.submitError = null;
+        state.errorToastConfig = undefined;
       });
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 71,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -137,14 +109,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 90,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 91,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -152,7 +124,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 92,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -164,7 +136,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 93,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdown.CustomFieldTypeDropdown, {
@@ -172,7 +144,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 100,
       columnNumber: 15
     }
   }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -180,7 +152,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 102,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -189,7 +161,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 103,
       columnNumber: 19
     }
   }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -197,7 +169,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 110,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -209,7 +181,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 111,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -224,7 +196,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 118,
       columnNumber: 15
     }
   }))), state.dataExtensionState.containsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
@@ -237,7 +209,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 131,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -245,7 +217,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 141,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -255,14 +227,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 145,
         columnNumber: 41
       }
     }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 145,
         columnNumber: 57
       }
     }),
@@ -270,7 +242,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 142,
       columnNumber: 11
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings'))), /*#__PURE__*/_react.default.createElement(_designSystem.Collapse, {
@@ -284,7 +256,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 151,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -294,7 +266,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 160,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -302,7 +274,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 161,
       columnNumber: 13
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions')), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -312,7 +284,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 166,
       columnNumber: 13
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -320,14 +292,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 172,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 173,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -335,7 +307,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 174,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -344,7 +316,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 175,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -352,7 +324,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 176,
       columnNumber: 19
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.externalApps')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -362,14 +334,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 206,
+        lineNumber: 184,
         columnNumber: 23
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 181,
       columnNumber: 19
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -377,7 +349,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 189,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -391,7 +363,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 190,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -399,7 +371,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 204,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -413,7 +385,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 205,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -421,14 +393,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 243,
+      lineNumber: 221,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 222,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -436,7 +408,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 223,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -445,7 +417,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 224,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -453,7 +425,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 247,
+      lineNumber: 225,
       columnNumber: 19
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -472,7 +444,7 @@ const _CustomFieldForm = props => {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 259,
+            lineNumber: 237,
             columnNumber: 29
           }
         })
@@ -480,14 +452,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 255,
+        lineNumber: 233,
         columnNumber: 23
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 252,
+      lineNumber: 230,
       columnNumber: 19
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -495,7 +467,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 253,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -509,7 +481,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 276,
+      lineNumber: 254,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -517,7 +489,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 290,
+      lineNumber: 268,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -531,14 +503,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 269,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 285,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -549,7 +521,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 308,
+      lineNumber: 286,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -564,7 +536,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 313,
+          lineNumber: 291,
           columnNumber: 21
         }
       })
@@ -572,7 +544,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 309,
+      lineNumber: 287,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -580,7 +552,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 325,
+      lineNumber: 303,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -589,14 +561,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 326,
+      lineNumber: 304,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 327,
+      lineNumber: 305,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -608,14 +580,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 330,
+      lineNumber: 308,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 339,
+      lineNumber: 317,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -623,7 +595,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 340,
+      lineNumber: 318,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -638,7 +610,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 341,
+      lineNumber: 319,
       columnNumber: 19
     }
   })))), !key.hasError && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -646,7 +618,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 358,
+      lineNumber: 336,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -656,7 +628,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 359,
+      lineNumber: 337,
       columnNumber: 17
     }
   }, mode === 'new' ? t('cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip') : t('cairo.customFields.editCustomField.fieldKey.tooltip')))))));