@wix/patterns 1.83.0 → 1.84.0

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

@@ -10,6 +10,7 @@ var _CustomFieldTypeDropdown = require("./CustomFieldTypeDropdown");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _Trans = require("../Trans");
 var _mobx = require("mobx");
+var _CustomFieldFormPiiFields = require("./CustomFieldFormPiiFields");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldForm.tsx";
 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; }
@@ -26,7 +27,8 @@ const _CustomFieldForm = props => {
         readApps,
         readUsers,
         writeApps,
-        writeUsers
+        writeUsers,
+        containsPii
       }
     },
     disabledFields: {
@@ -69,7 +71,7 @@ const _CustomFieldForm = props => {
               __self: void 0,
               __source: {
                 fileName: _jsxFileName,
-                lineNumber: 63,
+                lineNumber: 73,
                 columnNumber: 17
               }
             })
@@ -77,7 +79,7 @@ const _CustomFieldForm = props => {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 59,
+            lineNumber: 69,
             columnNumber: 11
           }
         });
@@ -91,7 +93,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 91,
       columnNumber: 5
     }
   }, state.submitError && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -102,7 +104,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 93,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
@@ -112,7 +114,7 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 102,
         columnNumber: 25
       }
     }),
@@ -125,7 +127,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 99,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -135,14 +137,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 112,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 113,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -150,7 +152,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 114,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -162,7 +164,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 115,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdown.CustomFieldTypeDropdown, {
@@ -170,7 +172,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 122,
       columnNumber: 15
     }
   }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -178,7 +180,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 124,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -187,7 +189,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 125,
       columnNumber: 19
     }
   }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -195,7 +197,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 132,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -207,7 +209,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 133,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -222,15 +224,28 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 140,
       columnNumber: 15
     }
-  })))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }))), state.dataExtensionState.containsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
+    containsPii: {
+      value: containsPii.value,
+      onChange: containsPii.onChange
+    },
+    mode: mode,
+    language: language,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 153,
+      columnNumber: 13
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     marginTop: "SP4",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 163,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -240,14 +255,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 167,
         columnNumber: 41
       }
     }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 167,
         columnNumber: 57
       }
     }),
@@ -255,7 +270,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 164,
       columnNumber: 11
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings'))), /*#__PURE__*/_react.default.createElement(_designSystem.Collapse, {
@@ -269,7 +284,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 173,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -279,7 +294,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 162,
+      lineNumber: 182,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -287,7 +302,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 183,
       columnNumber: 13
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions')), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -297,7 +312,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 188,
       columnNumber: 13
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -305,14 +320,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 194,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 195,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -320,7 +335,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 196,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -329,7 +344,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 177,
+      lineNumber: 197,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -337,7 +352,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 198,
       columnNumber: 19
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.externalApps')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -347,14 +362,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 186,
+        lineNumber: 206,
         columnNumber: 23
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 203,
       columnNumber: 19
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -362,7 +377,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 211,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -376,7 +391,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 212,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -384,7 +399,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 226,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -398,7 +413,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 207,
+      lineNumber: 227,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -406,14 +421,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 243,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 244,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -421,7 +436,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 245,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -430,7 +445,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 246,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -438,7 +453,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 247,
       columnNumber: 19
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors')), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -457,7 +472,7 @@ const _CustomFieldForm = props => {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 239,
+            lineNumber: 259,
             columnNumber: 29
           }
         })
@@ -465,14 +480,14 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 235,
+        lineNumber: 255,
         columnNumber: 23
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 232,
+      lineNumber: 252,
       columnNumber: 19
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -480,7 +495,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255,
+      lineNumber: 275,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -494,7 +509,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 256,
+      lineNumber: 276,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -502,7 +517,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 290,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
@@ -516,14 +531,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 271,
+      lineNumber: 291,
       columnNumber: 17
     }
   }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
+      lineNumber: 307,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -534,7 +549,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 308,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -549,7 +564,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 293,
+          lineNumber: 313,
           columnNumber: 21
         }
       })
@@ -557,7 +572,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 289,
+      lineNumber: 309,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -565,7 +580,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 305,
+      lineNumber: 325,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -574,14 +589,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 306,
+      lineNumber: 326,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 327,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -593,14 +608,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 310,
+      lineNumber: 330,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 339,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -608,7 +623,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 320,
+      lineNumber: 340,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -623,7 +638,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 321,
+      lineNumber: 341,
       columnNumber: 19
     }
   })))), !key.hasError && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -631,7 +646,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 338,
+      lineNumber: 358,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -641,7 +656,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 339,
+      lineNumber: 359,
       columnNumber: 17
     }
   }, mode === 'new' ? t('cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip') : t('cairo.customFields.editCustomField.fieldKey.tooltip')))))));