@wix/patterns 1.431.0 → 1.432.0

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

@@ -9,9 +9,12 @@ var _react2 = require("@wix/bex-core/react");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _mobx = require("mobx");
 var _CustomFieldTypeDropdownV = require("./CustomFieldTypeDropdownV2");
-var _CustomFieldFormPiiFields = require("./CustomFieldFormPiiFields");
+var _CustomFieldFormPiiFieldsV = require("./CustomFieldFormPiiFieldsV2");
+var _CustomFieldFormV2Permissions = require("./CustomFieldFormV2Permissions");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldFormV2.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Cancels the modal's content padding so the section below spans the full width. */
+const fullBleed = 'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';
 const _CustomFieldFormV2 = props => {
   const {
     state
@@ -27,10 +30,16 @@ const _CustomFieldFormV2 = props => {
     },
     errorToastConfig,
     mode,
+    settings,
     customFieldModalBiReporter,
     generateUniqueKey,
     setKeyFieldIfNotDirty
   } = state;
+  const {
+    supportsPermissions,
+    fieldModalText,
+    piiWarning
+  } = state.fieldManagement;
   const {
     translate: t,
     environment: {
@@ -44,7 +53,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, errorToastConfig && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -55,7 +64,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
@@ -65,7 +74,7 @@ const _CustomFieldFormV2 = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 65,
         columnNumber: 25
       }
     }),
@@ -85,24 +94,22 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 62,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    paddingLeft: "SP1",
-    paddingRight: "SP1",
     direction: "vertical",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -110,7 +117,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 83,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -122,7 +129,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 84,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdownV.CustomFieldTypeDropdownV2, {
@@ -130,7 +137,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 91,
       columnNumber: 15
     }
   }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -138,7 +145,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 93,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -147,7 +154,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 94,
       columnNumber: 19
     }
   }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -155,7 +162,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 101,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -167,7 +174,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 102,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -182,7 +189,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 109,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -190,7 +197,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 121,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -203,7 +210,7 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 122,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -218,20 +225,77 @@ const _CustomFieldFormV2 = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 138,
       columnNumber: 15
     }
-  }))), state.fieldManagement.supportsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
+  }))), state.typeSupportsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFieldsV.PiiFormFieldsV2, {
     containsPii: {
       value: containsPii.value,
       onChange: containsPii.onChange
     },
     mode: mode,
     language: language,
+    piiWarning: piiWarning,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 153,
+      columnNumber: 13
+    }
+  }))), supportsPermissions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginTop: "SP4",
+    marginLeft: fullBleed,
+    marginRight: fullBleed,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 167,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 168,
+      columnNumber: 13
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    marginLeft: fullBleed,
+    marginRight: fullBleed,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 170,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
+    dataHook: "custom-field-modal-settings-accordion",
+    skin: "standard",
+    hideShadow: true,
+    horizontalPadding: "large",
+    items: [{
+      title: fieldModalText.settingsLabel ?? t('cairo.customFields.addCustomField.modal.advancedSettings'),
+      toggleIconPlacement: 'start',
+      open: settings.isOn,
+      onToggle: () => {
+        settings.toggle();
+        customFieldModalBiReporter.reportAdvancedSettingsClick(settings.isOn ? 'Open' : 'Close');
+      },
+      children: /*#__PURE__*/_react.default.createElement(_CustomFieldFormV2Permissions.CustomFieldFormV2Permissions, {
+        state: state,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 195,
+          columnNumber: 29
+        }
+      })
+    }],
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 175,
       columnNumber: 13
     }
   }))));

package/dist/cjs/components/CustomFieldModal/CustomFieldFormV2.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_wixUiIconsCommon","_mobx","_CustomFieldTypeDropdownV","_CustomFieldFormPiiFields","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomFieldFormV2","props","state","form","$","key","type","name","containsPii","errorToastConfig","mode","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","paddingLeft","paddingRight","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdownV2","marginTop","Text","size","secondary","Input","onChange","target","value","maxLength","placeholder","namePlaceholder","infoContent","disabled","toLowerCase","reportKeyFormFieldChange","fieldManagement","supportsPii","PiiFormFields","exports","CustomFieldFormV2","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  Cell,\n  FloatingNotification,\n  FormField,\n  Input,\n  Layout,\n  Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { InfoCircle } from '@wix/wix-ui-icons-common';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdownV2 } from './CustomFieldTypeDropdownV2';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\n\nexport interface CustomFieldFormV2Props {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldFormV2 = (props: CustomFieldFormV2Props) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, containsPii },\n    },\n    errorToastConfig,\n    mode,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={errorToastConfig.message}\n            textButtonProps={\n              errorToastConfig?.action && {\n                label: errorToastConfig.action.text,\n                onClick: () => errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => {\n              runInAction(() => {\n                state.errorToastConfig = undefined;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box paddingLeft=\"SP1\" paddingRight=\"SP1\" direction=\"vertical\">\n        <Layout>\n          <Cell span={12}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdownV2 state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={64}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n              )}\n              infoContent={\n                mode === 'new'\n                  ? t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                    )\n                  : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n              }\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-key\"\n                disabled={mode === 'edit'}\n                value={key.value}\n                onChange={(e) => {\n                  key.onChange(e.target.value.toLowerCase());\n                  customFieldModalBiReporter.reportKeyFormFieldChange();\n                }}\n                placeholder={t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                )}\n              />\n            </FormField>\n          </Cell>\n          {state.fieldManagement.supportsPii && (\n            <PiiFormFields\n              containsPii={{\n                value: containsPii.value,\n                onChange: containsPii.onChange,\n              }}\n              mode={mode}\n              language={language}\n            />\n          )}\n        </Layout>\n      </Box>\n    </Box>\n  );\n};\n\nexport const CustomFieldFormV2 = observer(_CustomFieldFormV2);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_wixUiIconsCommon","_mobx","_CustomFieldTypeDropdownV","_CustomFieldFormPiiFieldsV","_CustomFieldFormV2Permissions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldFormV2","props","state","form","$","key","type","name","containsPii","errorToastConfig","mode","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","supportsPermissions","fieldModalText","piiWarning","fieldManagement","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdownV2","marginTop","Text","size","secondary","Input","onChange","target","value","maxLength","placeholder","namePlaceholder","infoContent","disabled","toLowerCase","reportKeyFormFieldChange","typeSupportsPii","PiiFormFieldsV2","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","items","title","settingsLabel","toggleIconPlacement","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","CustomFieldFormV2Permissions","exports","CustomFieldFormV2","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Accordion,\n  Box,\n  Cell,\n  Divider,\n  FloatingNotification,\n  FormField,\n  Input,\n  Layout,\n  Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { InfoCircle } from '@wix/wix-ui-icons-common';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdownV2 } from './CustomFieldTypeDropdownV2';\nimport { PiiFormFieldsV2 } from './CustomFieldFormPiiFieldsV2';\nimport { CustomFieldFormV2Permissions } from './CustomFieldFormV2Permissions';\n\nexport interface CustomFieldFormV2Props {\n  state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. */\nconst fullBleed =\n  'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldFormV2 = (props: CustomFieldFormV2Props) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, containsPii },\n    },\n    errorToastConfig,\n    mode,\n    settings,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n  const { supportsPermissions, fieldModalText, piiWarning } =\n    state.fieldManagement;\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={errorToastConfig.message}\n            textButtonProps={\n              errorToastConfig?.action && {\n                label: errorToastConfig.action.text,\n                onClick: () => errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => {\n              runInAction(() => {\n                state.errorToastConfig = undefined;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box direction=\"vertical\">\n        <Layout>\n          <Cell span={12}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdownV2 state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={64}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={t(\n                'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n              )}\n              infoContent={\n                mode === 'new'\n                  ? t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                    )\n                  : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n              }\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-key\"\n                disabled={mode === 'edit'}\n                value={key.value}\n                onChange={(e) => {\n                  key.onChange(e.target.value.toLowerCase());\n                  customFieldModalBiReporter.reportKeyFormFieldChange();\n                }}\n                placeholder={t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                )}\n              />\n            </FormField>\n          </Cell>\n          {state.typeSupportsPii && (\n            <PiiFormFieldsV2\n              containsPii={{\n                value: containsPii.value,\n                onChange: containsPii.onChange,\n              }}\n              mode={mode}\n              language={language}\n              piiWarning={piiWarning}\n            />\n          )}\n        </Layout>\n      </Box>\n      {supportsPermissions && (\n        <>\n          <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n            <Divider />\n          </Box>\n          <Box\n            direction=\"vertical\"\n            marginLeft={fullBleed}\n            marginRight={fullBleed}\n          >\n            <Accordion\n              dataHook=\"custom-field-modal-settings-accordion\"\n              skin=\"standard\"\n              hideShadow\n              horizontalPadding=\"large\"\n              items={[\n                {\n                  title:\n                    fieldModalText.settingsLabel ??\n                    t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings',\n                    ),\n                  toggleIconPlacement: 'start',\n                  open: settings.isOn,\n                  onToggle: () => {\n                    settings.toggle();\n                    customFieldModalBiReporter.reportAdvancedSettingsClick(\n                      settings.isOn ? 'Open' : 'Close',\n                    );\n                  },\n                  children: <CustomFieldFormV2Permissions state={state} />,\n                },\n              ]}\n            />\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const CustomFieldFormV2 = observer(_CustomFieldFormV2);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,296 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports._CustomFieldFormV2Permissions = exports.CustomFieldFormV2Permissions = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _Trans = require("../Trans");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldFormV2Permissions.tsx";
+const PermissionCheckboxCell = ({
+  dataHook,
+  locked,
+  checked,
+  onChange,
+  label
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  span: 2,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 34,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+  dataHook: dataHook,
+  disabled: locked,
+  size: "small",
+  onChange: () => onChange(!checked),
+  checked: checked,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 35,
+    columnNumber: 5
+  }
+}, label));
+/** One audience: who it is, then its read and write checkboxes. Takes plain
+ *  values, so the observer parent stays the one reading the form fields. */
+const PermissionRow = ({
+  dataHook,
+  label,
+  tooltip,
+  read,
+  write
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 68,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 4,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    gap: "SP1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 13
+    }
+  }, label), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+    size: "small",
+    content: tooltip,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 13
+    }
+  }))), /*#__PURE__*/_react.default.createElement(PermissionCheckboxCell, (0, _extends2.default)({}, read, {
+    label: t('cairo.customFields.addCustomField.modal.advancedSettings.read'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(PermissionCheckboxCell, (0, _extends2.default)({}, write, {
+    label: t('cairo.customFields.addCustomField.modal.advancedSettings.write'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 9
+    }
+  }))));
+};
+const _CustomFieldFormV2Permissions = props => {
+  var _defaultPermissions$i, _defaultPermissions$s;
+  const {
+    state
+  } = props;
+  const {
+    form: {
+      $: {
+        readApps,
+        readUsers,
+        writeApps,
+        writeUsers
+      }
+    },
+    disabledFields: {
+      permissions
+    },
+    mode
+  } = state;
+  const defaultPermissions = state.fieldManagement.permissions;
+  const {
+    translate: t,
+    environment: {
+      language
+    }
+  } = (0, _react2.useWixPatternsContainer)();
+  const isEdit = mode === 'edit';
+  const showApps = !(defaultPermissions != null && (_defaultPermissions$i = defaultPermissions.installedApps) != null && _defaultPermissions$i.hide);
+  const showUsers = !(defaultPermissions != null && (_defaultPermissions$s = defaultPermissions.siteVisitors) != null && _defaultPermissions$s.hide);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP2",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 115,
+      columnNumber: 5
+    }
+  }, (showApps || showUsers) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "tiny",
+    light: true,
+    secondary: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 11
+    }
+  }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip'))), showApps && /*#__PURE__*/_react.default.createElement(PermissionRow, {
+    dataHook: "custom-field-modal-apps-section",
+    label: t('cairo.customFields.addCustomField.modal.advancedSettings.externalApps'),
+    tooltip: /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+      i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.externalApps.tooltip",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 132,
+        columnNumber: 13
+      }
+    }),
+    read: {
+      dataHook: 'custom-field-modal-read-apps',
+      locked: isEdit && permissions.read.apps,
+      checked: readApps.value,
+      onChange: readApps.onChange
+    },
+    write: {
+      dataHook: 'custom-field-modal-write-apps',
+      locked: isEdit && permissions.write.apps,
+      checked: writeApps.value,
+      onChange: writeApps.onChange
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 9
+    }
+  }), showUsers && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PermissionRow, {
+    dataHook: "custom-field-modal-users-section",
+    label: t('cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors'),
+    tooltip: /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+      i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.tooltip",
+      components: {
+        learnMore: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+          underline: "always",
+          skin: "light",
+          size: "small",
+          as: "a",
+          rel: "noopener",
+          target: "_blank",
+          href: `https://support.wix.com/${language}/article/cms-about-datasets`,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 160,
+            columnNumber: 21
+          }
+        })
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 156,
+        columnNumber: 15
+      }
+    }),
+    read: {
+      dataHook: 'custom-field-modal-read-users',
+      locked: isEdit && permissions.read.users,
+      checked: readUsers.value,
+      onChange: readUsers.onChange
+    },
+    write: {
+      dataHook: 'custom-field-modal-write-users',
+      locked: isEdit && permissions.write.users,
+      checked: writeUsers.value,
+      onChange: writeUsers.onChange
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 150,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 186,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "tiny",
+    light: true,
+    secondary: true,
+    dataHook: "permissions-note",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 187,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+    i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.note",
+    components: {
+      learnMore: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+        size: "tiny",
+        as: "a",
+        rel: "noopener",
+        target: "_blank",
+        href: `https://support.wix.com/${language}/article/content-manager-connecting-elements-to-a-collection-using-a-dataset`,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 192,
+          columnNumber: 21
+        }
+      })
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 188,
+      columnNumber: 15
+    }
+  })))));
+};
+exports._CustomFieldFormV2Permissions = _CustomFieldFormV2Permissions;
+const CustomFieldFormV2Permissions = exports.CustomFieldFormV2Permissions = (0, _mobxReactLite.observer)(_CustomFieldFormV2Permissions);
+//# sourceMappingURL=CustomFieldFormV2Permissions.js.map

package/dist/cjs/components/CustomFieldModal/CustomFieldFormV2Permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_Trans","_jsxFileName","PermissionCheckboxCell","dataHook","locked","checked","onChange","label","default","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","Checkbox","disabled","size","PermissionRow","tooltip","read","write","translate","t","useWixPatternsContainer","Box","Layout","verticalAlign","gap","Text","InfoIcon","content","_extends2","_CustomFieldFormV2Permissions","props","_defaultPermissions$i","_defaultPermissions$s","state","form","$","readApps","readUsers","writeApps","writeUsers","disabledFields","permissions","mode","defaultPermissions","fieldManagement","environment","language","isEdit","showApps","installedApps","hide","showUsers","siteVisitors","direction","light","secondary","Trans","i18nKey","apps","value","Fragment","components","learnMore","TextButton","underline","skin","as","rel","target","href","users","exports","CustomFieldFormV2Permissions","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2Permissions.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  Cell,\n  Checkbox,\n  InfoIcon,\n  Layout,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { Trans } from '../Trans';\n\nexport interface CustomFieldFormV2PermissionsProps {\n  state: CustomFieldModalState;\n}\n\ninterface PermissionCheckbox {\n  dataHook: string;\n  locked: boolean;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n}\n\nconst PermissionCheckboxCell = ({\n  dataHook,\n  locked,\n  checked,\n  onChange,\n  label,\n}: PermissionCheckbox & { label: string }) => (\n  <Cell span={2}>\n    <Checkbox\n      dataHook={dataHook}\n      disabled={locked}\n      size=\"small\"\n      onChange={() => onChange(!checked)}\n      checked={checked}\n    >\n      {label}\n    </Checkbox>\n  </Cell>\n);\n\ninterface PermissionRowProps {\n  dataHook: string;\n  label: string;\n  tooltip: ReactNode;\n  read: PermissionCheckbox;\n  write: PermissionCheckbox;\n}\n\n/** One audience: who it is, then its read and write checkboxes. Takes plain\n *  values, so the observer parent stays the one reading the form fields. */\nconst PermissionRow = ({\n  dataHook,\n  label,\n  tooltip,\n  read,\n  write,\n}: PermissionRowProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box dataHook={dataHook}>\n      <Layout>\n        <Cell span={4}>\n          <Box verticalAlign=\"middle\" gap=\"SP1\">\n            <Text size=\"small\">{label}</Text>\n            <InfoIcon size=\"small\" content={tooltip} />\n          </Box>\n        </Cell>\n        <PermissionCheckboxCell\n          {...read}\n          label={t(\n            'cairo.customFields.addCustomField.modal.advancedSettings.read',\n          )}\n        />\n        <PermissionCheckboxCell\n          {...write}\n          label={t(\n            'cairo.customFields.addCustomField.modal.advancedSettings.write',\n          )}\n        />\n      </Layout>\n    </Box>\n  );\n};\n\nexport const _CustomFieldFormV2Permissions = (\n  props: CustomFieldFormV2PermissionsProps,\n) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { readApps, readUsers, writeApps, writeUsers },\n    },\n    disabledFields: { permissions },\n    mode,\n  } = state;\n  const defaultPermissions = state.fieldManagement.permissions;\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  const isEdit = mode === 'edit';\n  const showApps = !defaultPermissions?.installedApps?.hide;\n  const showUsers = !defaultPermissions?.siteVisitors?.hide;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP2\">\n      {(showApps || showUsers) && (\n        <Box>\n          <Text size=\"tiny\" light secondary>\n            {t(\n              'cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip',\n            )}\n          </Text>\n        </Box>\n      )}\n      {showApps && (\n        <PermissionRow\n          dataHook=\"custom-field-modal-apps-section\"\n          label={t(\n            'cairo.customFields.addCustomField.modal.advancedSettings.externalApps',\n          )}\n          tooltip={\n            <Trans i18nKey=\"cairo.customFields.addCustomField.modal.advancedSettings.externalApps.tooltip\" />\n          }\n          read={{\n            dataHook: 'custom-field-modal-read-apps',\n            locked: isEdit && permissions.read.apps,\n            checked: readApps.value,\n            onChange: readApps.onChange,\n          }}\n          write={{\n            dataHook: 'custom-field-modal-write-apps',\n            locked: isEdit && permissions.write.apps,\n            checked: writeApps.value,\n            onChange: writeApps.onChange,\n          }}\n        />\n      )}\n      {showUsers && (\n        <>\n          <PermissionRow\n            dataHook=\"custom-field-modal-users-section\"\n            label={t(\n              'cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors',\n            )}\n            tooltip={\n              <Trans\n                i18nKey=\"cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.tooltip\"\n                components={{\n                  learnMore: (\n                    <TextButton\n                      underline=\"always\"\n                      skin=\"light\"\n                      size=\"small\"\n                      as=\"a\"\n                      rel=\"noopener\"\n                      target=\"_blank\"\n                      href={`https://support.wix.com/${language}/article/cms-about-datasets`}\n                    />\n                  ),\n                }}\n              />\n            }\n            read={{\n              dataHook: 'custom-field-modal-read-users',\n              locked: isEdit && permissions.read.users,\n              checked: readUsers.value,\n              onChange: readUsers.onChange,\n            }}\n            write={{\n              dataHook: 'custom-field-modal-write-users',\n              locked: isEdit && permissions.write.users,\n              checked: writeUsers.value,\n              onChange: writeUsers.onChange,\n            }}\n          />\n          <Box>\n            <Text size=\"tiny\" light secondary dataHook=\"permissions-note\">\n              <Trans\n                i18nKey=\"cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.note\"\n                components={{\n                  learnMore: (\n                    <TextButton\n                      size=\"tiny\"\n                      as=\"a\"\n                      rel=\"noopener\"\n                      target=\"_blank\"\n                      href={`https://support.wix.com/${language}/article/content-manager-connecting-elements-to-a-collection-using-a-dataset`}\n                    />\n                  ),\n                }}\n              />\n            </Text>\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const CustomFieldFormV2Permissions = observer(\n  _CustomFieldFormV2Permissions,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AASA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAiC,IAAAK,YAAA;AAajC,MAAMC,sBAAsB,GAAGA,CAAC;EAC9BC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC;AACsC,CAAC,kBACvCb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI;EAACC,IAAI,EAAE,CAAE;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACZtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAmB,QAAQ;EACPd,QAAQ,EAAEA,QAAS;EACnBe,QAAQ,EAAEd,MAAO;EACjBe,IAAI,EAAC,OAAO;EACZb,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAAC,CAACD,OAAO,CAAE;EACnCA,OAAO,EAAEA,OAAQ;EAAAO,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,GAEhBT,KACO,CACN,CACP;AAUD;AACA;AACA,MAAMa,aAAa,GAAGA,CAAC;EACrBjB,QAAQ;EACRI,KAAK;EACLc,OAAO;EACPC,IAAI;EACJC;AACkB,CAAC,KAAK;EACxB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEhC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA6B,GAAG;IAACxB,QAAQ,EAAEA,QAAS;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA8B,MAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACLtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI;IAACC,IAAI,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA6B,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACC,GAAG,EAAC,KAAK;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnCtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAiC,IAAI;IAACZ,IAAI,EAAC,OAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,KAAY,CAAC,eACjCb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAkC,QAAQ;IAACb,IAAI,EAAC,OAAO;IAACc,OAAO,EAAEZ,OAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CACD,CAAC,eACPtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,sBAAsB,MAAAgC,SAAA,CAAA1B,OAAA,MACjBc,IAAI;IACRf,KAAK,EAAEkB,CAAC,CACN,+DACF,CAAE;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAAC,eACFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,sBAAsB,MAAAgC,SAAA,CAAA1B,OAAA,MACjBe,KAAK;IACThB,KAAK,EAAEkB,CAAC,CACN,gEACF,CAAE;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACK,CACL,CAAC;AAEV,CAAC;AAEM,MAAMmB,6BAA6B,GACxCC,KAAwC,IACrC;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACH,MAAM;IAAEC;EAAM,CAAC,GAAGH,KAAK;EACvB,MAAM;IACJI,IAAI,EAAE;MACJC,CAAC,EAAE;QAAEC,QAAQ;QAAEC,SAAS;QAAEC,SAAS;QAAEC;MAAW;IAClD,CAAC;IACDC,cAAc,EAAE;MAAEC;IAAY,CAAC;IAC/BC;EACF,CAAC,GAAGT,KAAK;EACT,MAAMU,kBAAkB,GAAGV,KAAK,CAACW,eAAe,CAACH,WAAW;EAE5D,MAAM;IACJvB,SAAS,EAAEC,CAAC;IACZ0B,WAAW,EAAE;MAAEC;IAAS;EAC1B,CAAC,GAAG,IAAA1B,+BAAuB,EAAC,CAAC;EAE7B,MAAM2B,MAAM,GAAGL,IAAI,KAAK,MAAM;EAC9B,MAAMM,QAAQ,GAAG,EAACL,kBAAkB,aAAAZ,qBAAA,GAAlBY,kBAAkB,CAAEM,aAAa,aAAjClB,qBAAA,CAAmCmB,IAAI;EACzD,MAAMC,SAAS,GAAG,EAACR,kBAAkB,aAAAX,qBAAA,GAAlBW,kBAAkB,CAAES,YAAY,aAAhCpB,qBAAA,CAAkCkB,IAAI;EAEzD,oBACE9D,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA6B,GAAG;IAACgC,SAAS,EAAC,UAAU;IAAC7B,GAAG,EAAC,KAAK;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChC,CAACsC,QAAQ,IAAIG,SAAS,kBACrB/D,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA6B,GAAG;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAiC,IAAI;IAACZ,IAAI,EAAC,MAAM;IAACyC,KAAK;IAACC,SAAS;IAAAjD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9BS,CAAC,CACA,kFACF,CACI,CACH,CACN,EACA6B,QAAQ,iBACP5D,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACW,aAAa;IACZjB,QAAQ,EAAC,iCAAiC;IAC1CI,KAAK,EAAEkB,CAAC,CACN,uEACF,CAAE;IACFJ,OAAO,eACL3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAA8D,KAAK;MAACC,OAAO,EAAC,+EAA+E;MAAAnD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACjG;IACDM,IAAI,EAAE;MACJnB,QAAQ,EAAE,8BAA8B;MACxCC,MAAM,EAAEiD,MAAM,IAAIN,WAAW,CAACzB,IAAI,CAAC0C,IAAI;MACvC3D,OAAO,EAAEqC,QAAQ,CAACuB,KAAK;MACvB3D,QAAQ,EAAEoC,QAAQ,CAACpC;IACrB,CAAE;IACFiB,KAAK,EAAE;MACLpB,QAAQ,EAAE,+BAA+B;MACzCC,MAAM,EAAEiD,MAAM,IAAIN,WAAW,CAACxB,KAAK,CAACyC,IAAI;MACxC3D,OAAO,EAAEuC,SAAS,CAACqB,KAAK;MACxB3D,QAAQ,EAAEsC,SAAS,CAACtC;IACtB,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACF,EACAyC,SAAS,iBACR/D,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAA0D,QAAA,qBACExE,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACW,aAAa;IACZjB,QAAQ,EAAC,kCAAkC;IAC3CI,KAAK,EAAEkB,CAAC,CACN,uEACF,CAAE;IACFJ,OAAO,eACL3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAA8D,KAAK;MACJC,OAAO,EAAC,+EAA+E;MACvFI,UAAU,EAAE;QACVC,SAAS,eACP1E,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAuE,UAAU;UACTC,SAAS,EAAC,QAAQ;UAClBC,IAAI,EAAC,OAAO;UACZpD,IAAI,EAAC,OAAO;UACZqD,EAAE,EAAC,GAAG;UACNC,GAAG,EAAC,UAAU;UACdC,MAAM,EAAC,QAAQ;UACfC,IAAI,EAAE,2BAA2BvB,QAAQ,6BAA8B;UAAAxC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAb,YAAA;YAAAc,UAAA;YAAAC,YAAA;UAAA;QAAA,CACxE;MAEL,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACF;IACDM,IAAI,EAAE;MACJnB,QAAQ,EAAE,+BAA+B;MACzCC,MAAM,EAAEiD,MAAM,IAAIN,WAAW,CAACzB,IAAI,CAACsD,KAAK;MACxCvE,OAAO,EAAEsC,SAAS,CAACsB,KAAK;MACxB3D,QAAQ,EAAEqC,SAAS,CAACrC;IACtB,CAAE;IACFiB,KAAK,EAAE;MACLpB,QAAQ,EAAE,gCAAgC;MAC1CC,MAAM,EAAEiD,MAAM,IAAIN,WAAW,CAACxB,KAAK,CAACqD,KAAK;MACzCvE,OAAO,EAAEwC,UAAU,CAACoB,KAAK;MACzB3D,QAAQ,EAAEuC,UAAU,CAACvC;IACvB,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC,eACFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA6B,GAAG;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAiC,IAAI;IAACZ,IAAI,EAAC,MAAM;IAACyC,KAAK;IAACC,SAAS;IAAC1D,QAAQ,EAAC,kBAAkB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3DtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAA8D,KAAK;IACJC,OAAO,EAAC,4EAA4E;IACpFI,UAAU,EAAE;MACVC,SAAS,eACP1E,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAuE,UAAU;QACTlD,IAAI,EAAC,MAAM;QACXqD,EAAE,EAAC,GAAG;QACNC,GAAG,EAAC,UAAU;QACdC,MAAM,EAAC,QAAQ;QACfC,IAAI,EAAE,2BAA2BvB,QAAQ,8EAA+E;QAAAxC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CACzH;IAEL,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACG,CACH,CACL,CAED,CAAC;AAEV,CAAC;AAAC6D,OAAA,CAAA1C,6BAAA,GAAAA,6BAAA;AAEK,MAAM2C,4BAA4B,GAAAD,OAAA,CAAAC,4BAAA,GAAG,IAAAC,uBAAQ,EAClD5C,6BACF,CAAC","ignoreList":[]}