@wix/patterns 1.115.0 → 1.119.0

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

@@ -15,6 +15,7 @@ var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cj
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const _CustomFieldForm = props => {
+  var _defaultPermissions$i, _defaultPermissions$s, _defaultPermissions$i2, _defaultPermissions$s2;
   const {
     state
   } = props;
@@ -39,7 +40,10 @@ const _CustomFieldForm = props => {
     settings,
     customFieldModalBiReporter,
     generateUniqueKey,
-    setKeyFieldIfNotDirty
+    setKeyFieldIfNotDirty,
+    dataExtensionState: {
+      defaultPermissions
+    }
   } = state;
   const {
     reportAdvancedSettingsClick,
@@ -58,7 +62,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, errorToastConfig && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -69,7 +73,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
@@ -79,7 +83,7 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 74,
+        lineNumber: 75,
         columnNumber: 25
       }
     }),
@@ -99,7 +103,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -109,14 +113,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 91,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 92,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -124,7 +128,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -136,7 +140,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 94,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdown.CustomFieldTypeDropdown, {
@@ -144,7 +148,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 101,
       columnNumber: 15
     }
   }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -152,7 +156,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 103,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -161,7 +165,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 104,
       columnNumber: 19
     }
   }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -169,7 +173,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 111,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -181,7 +185,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 112,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -196,7 +200,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 119,
       columnNumber: 15
     }
   }))), state.dataExtensionState.containsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
@@ -209,7 +213,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 132,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -217,7 +221,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 142,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -227,14 +231,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 145,
+        lineNumber: 146,
         columnNumber: 41
       }
     }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 145,
+        lineNumber: 146,
         columnNumber: 57
       }
     }),
@@ -242,7 +246,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 143,
       columnNumber: 11
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings'))), /*#__PURE__*/_react.default.createElement(_designSystem.Collapse, {
@@ -256,26 +260,26 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 152,
       columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, (!(defaultPermissions != null && (_defaultPermissions$i = defaultPermissions.installedApps) != null && _defaultPermissions$i.hide) || !(defaultPermissions != null && (_defaultPermissions$s = defaultPermissions.siteVisitors) != null && _defaultPermissions$s.hide)) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     marginTop: "SP4",
     direction: "vertical",
     width: "320px",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
-      columnNumber: 11
+      lineNumber: 163,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
-      columnNumber: 13
+      lineNumber: 164,
+      columnNumber: 15
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions')), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "tiny",
@@ -284,31 +288,32 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
-      columnNumber: 13
+      lineNumber: 169,
+      columnNumber: 15
     }
-  }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip'))), !(defaultPermissions != null && (_defaultPermissions$i2 = defaultPermissions.installedApps) != null && _defaultPermissions$i2.hide) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     marginTop: "SP3",
+    dataHook: "custom-field-modal-apps-section",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
-      columnNumber: 11
+      lineNumber: 177,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
-      columnNumber: 13
+      lineNumber: 178,
+      columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 4,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
-      columnNumber: 15
+      lineNumber: 179,
+      columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     verticalAlign: "middle",
@@ -316,16 +321,16 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
-      columnNumber: 17
+      lineNumber: 180,
+      columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
-      columnNumber: 19
+      lineNumber: 181,
+      columnNumber: 21
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.externalApps')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
     size: "small",
@@ -334,23 +339,23 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 184,
-        columnNumber: 23
+        lineNumber: 189,
+        columnNumber: 25
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
-      columnNumber: 19
+      lineNumber: 186,
+      columnNumber: 21
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 2,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189,
-      columnNumber: 15
+      lineNumber: 194,
+      columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
     dataHook: "custom-field-modal-read-apps",
@@ -363,16 +368,16 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 190,
-      columnNumber: 17
+      lineNumber: 195,
+      columnNumber: 19
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 2,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
-      columnNumber: 15
+      lineNumber: 209,
+      columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
     dataHook: "custom-field-modal-write-apps",
@@ -385,31 +390,32 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
-      columnNumber: 17
+      lineNumber: 210,
+      columnNumber: 19
     }
-  }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), !(defaultPermissions != null && (_defaultPermissions$s2 = defaultPermissions.siteVisitors) != null && _defaultPermissions$s2.hide) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     marginTop: "SP2",
+    dataHook: "custom-field-modal-users-section",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 221,
-      columnNumber: 11
+      lineNumber: 229,
+      columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 222,
-      columnNumber: 13
+      lineNumber: 230,
+      columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 4,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
-      columnNumber: 15
+      lineNumber: 231,
+      columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     verticalAlign: "middle",
@@ -417,16 +423,16 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
-      columnNumber: 17
+      lineNumber: 232,
+      columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
-      columnNumber: 19
+      lineNumber: 233,
+      columnNumber: 23
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
     size: "small",
@@ -444,31 +450,31 @@ const _CustomFieldForm = props => {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 237,
-            columnNumber: 29
+            lineNumber: 245,
+            columnNumber: 33
           }
         })
       },
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 233,
-        columnNumber: 23
+        lineNumber: 241,
+        columnNumber: 27
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 230,
-      columnNumber: 19
+      lineNumber: 238,
+      columnNumber: 23
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 2,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253,
-      columnNumber: 15
+      lineNumber: 261,
+      columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
     dataHook: "custom-field-modal-read-users",
@@ -481,16 +487,16 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 254,
-      columnNumber: 17
+      lineNumber: 262,
+      columnNumber: 21
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 2,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
-      columnNumber: 15
+      lineNumber: 276,
+      columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
     dataHook: "custom-field-modal-write-users",
@@ -503,15 +509,15 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
-      columnNumber: 17
+      lineNumber: 277,
+      columnNumber: 21
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 285,
-      columnNumber: 11
+      lineNumber: 293,
+      columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "tiny",
@@ -521,8 +527,8 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 286,
-      columnNumber: 13
+      lineNumber: 294,
+      columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
     i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.note",
@@ -536,23 +542,23 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 291,
-          columnNumber: 21
+          lineNumber: 299,
+          columnNumber: 25
         }
       })
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
-      columnNumber: 15
+      lineNumber: 295,
+      columnNumber: 19
     }
-  }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  })))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303,
+      lineNumber: 313,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -561,14 +567,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 314,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 305,
+      lineNumber: 315,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -580,14 +586,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 308,
+      lineNumber: 318,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 317,
+      lineNumber: 327,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -595,7 +601,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 328,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -610,7 +616,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 329,
       columnNumber: 19
     }
   })))), !key.hasError && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -618,7 +624,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 336,
+      lineNumber: 346,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -628,7 +634,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 337,
+      lineNumber: 347,
       columnNumber: 17
     }
   }, mode === 'new' ? t('cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip') : t('cairo.customFields.editCustomField.fieldKey.tooltip')))))));