@wix/auto-patterns 1.45.0 → 1.47.0

package/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DeleteDialog = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../hooks");
+var _deleteDialogStCss = require("./delete-dialog.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.tsx";
+const DeleteDialog = ({
+  open,
+  onDelete,
+  className,
+  title,
+  children,
+  primaryButtonText,
+  secondaryButtonText,
+  onClose
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: open,
+    dataHook: "delete-dialog-modal",
+    onRequestClose: onClose,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    dataHook: "delete-dialog-layout",
+    className: (0, _deleteDialogStCss.style)(_deleteDialogStCss.classes.layout, className),
+    title: title,
+    onCloseButtonClick: onClose,
+    primaryButtonText: primaryButtonText ?? t('CMS.document.delete.confirm'),
+    secondaryButtonText: secondaryButtonText ?? t('CMS.document.delete.cancel'),
+    primaryButtonOnClick: onDelete,
+    secondaryButtonOnClick: onClose,
+    primaryButtonProps: {
+      skin: 'destructive'
+    },
+    secondaryButtonProps: {
+      skin: 'destructive',
+      priority: 'secondary'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }, children));
+};
+exports.DeleteDialog = DeleteDialog;
+//# sourceMappingURL=delete-dialog.js.map

package/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_hooks","_deleteDialogStCss","_jsxFileName","DeleteDialog","open","onDelete","className","title","children","primaryButtonText","secondaryButtonText","onClose","t","useTranslations","default","createElement","Modal","isOpen","dataHook","onRequestClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","style","classes","layout","onCloseButtonClick","primaryButtonOnClick","secondaryButtonOnClick","primaryButtonProps","skin","secondaryButtonProps","priority","exports"],"sources":["../../../../../src/cms-fields/components/delete-dialog/delete-dialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CustomModalLayout, Modal } from '@wix/design-system';\n\nimport { useTranslations } from '../../hooks';\nimport { style, classes } from './delete-dialog.st.css.js';\nimport type { DeleteDialogProps } from './types';\n\nexport const DeleteDialog: React.FC<DeleteDialogProps> = ({\n  open,\n  onDelete,\n  className,\n  title,\n  children,\n  primaryButtonText,\n  secondaryButtonText,\n  onClose,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <Modal\n      isOpen={open}\n      dataHook=\"delete-dialog-modal\"\n      onRequestClose={onClose}\n    >\n      <CustomModalLayout\n        dataHook=\"delete-dialog-layout\"\n        className={style(classes.layout, className)}\n        title={title}\n        onCloseButtonClick={onClose}\n        primaryButtonText={\n          primaryButtonText ?? t('CMS.document.delete.confirm')\n        }\n        secondaryButtonText={\n          secondaryButtonText ?? t('CMS.document.delete.cancel')\n        }\n        primaryButtonOnClick={onDelete}\n        secondaryButtonOnClick={onClose}\n        primaryButtonProps={{\n          skin: 'destructive',\n        }}\n        secondaryButtonProps={{\n          skin: 'destructive',\n          priority: 'secondary',\n        }}\n      >\n        {children}\n      </CustomModalLayout>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAA2D,IAAAI,YAAA;AAGpD,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,iBAAiB;EACjBC,mBAAmB;EACnBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAE/B,oBACEjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,KAAK;IACJC,MAAM,EAAEb,IAAK;IACbc,QAAQ,EAAC,qBAAqB;IAC9BC,cAAc,EAAER,OAAQ;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExB5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA0B,iBAAiB;IAChBP,QAAQ,EAAC,sBAAsB;IAC/BZ,SAAS,EAAE,IAAAoB,wBAAK,EAACC,0BAAO,CAACC,MAAM,EAAEtB,SAAS,CAAE;IAC5CC,KAAK,EAAEA,KAAM;IACbsB,kBAAkB,EAAElB,OAAQ;IAC5BF,iBAAiB,EACfA,iBAAiB,IAAIG,CAAC,CAAC,6BAA6B,CACrD;IACDF,mBAAmB,EACjBA,mBAAmB,IAAIE,CAAC,CAAC,4BAA4B,CACtD;IACDkB,oBAAoB,EAAEzB,QAAS;IAC/B0B,sBAAsB,EAAEpB,OAAQ;IAChCqB,kBAAkB,EAAE;MAClBC,IAAI,EAAE;IACR,CAAE;IACFC,oBAAoB,EAAE;MACpBD,IAAI,EAAE,aAAa;MACnBE,QAAQ,EAAE;IACZ,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDhB,QACgB,CACd,CAAC;AAEZ,CAAC;AAAC4B,OAAA,CAAAjC,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.st.css

@@ -0,0 +1,3 @@
+.layout {
+    max-width: 510px !important;
+}

package/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "deletedialog3973039530";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "deletedialog3973039530__root",
+  "layout": "deletedialog3973039530__layout"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=delete-dialog.st.css.js.map

package/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog3973039530\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog3973039530__root\",\"layout\":\"deletedialog3973039530__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/delete-dialog/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _deleteDialog = require("./delete-dialog");
+Object.keys(_deleteDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _deleteDialog[key]) return;
+  exports[key] = _deleteDialog[key];
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/delete-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_deleteDialog","require","Object","keys","forEach","key","exports","_types"],"sources":["../../../../../src/cms-fields/components/delete-dialog/index.ts"],"sourcesContent":["export * from './delete-dialog';\nexport * from './types';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/delete-dialog/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/cms-fields/components/delete-dialog/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/delete-dialog/types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface DeleteDialogProps {\n  className?: string;\n  open: boolean;\n  onClose: () => void;\n  onDelete: () => void;\n  title?: string;\n  primaryButtonText?: string;\n  secondaryButtonText?: string;\n  children?: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/cms-fields/components/document/add-document-button.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AddDocumentButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _documentLoader = require("./document-loader");
+var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/document/add-document-button.tsx";
+const AddDocumentButton = exports.AddDocumentButton = /*#__PURE__*/_react.default.forwardRef(({
+  loading,
+  error,
+  loaderBorderStyle,
+  className,
+  ...props
+}, ref) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return loading ? /*#__PURE__*/_react.default.createElement(_documentLoader.DocumentLoader, {
+    borderStyle: loaderBorderStyle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    className: (0, _formDocumentFieldStCss.style)(_formDocumentFieldStCss.classes.addItemWrapper, className),
+    dataHook: "add-document-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, (0, _extends2.default)({}, props, {
+    ref: ref,
+    className: (0, _formDocumentFieldStCss.style)(_formDocumentFieldStCss.classes.addDocument, {
+      error
+    }, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }), t('CMS.document.add.button.text')));
+});
+AddDocumentButton.displayName = 'AddDocumentButton';
+//# sourceMappingURL=add-document-button.js.map

package/dist/cjs/cms-fields/components/document/add-document-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_documentLoader","_formDocumentFieldStCss","_hooks","_jsxFileName","AddDocumentButton","exports","React","forwardRef","loading","error","loaderBorderStyle","className","props","ref","t","useTranslations","default","createElement","DocumentLoader","borderStyle","__self","__source","fileName","lineNumber","columnNumber","Box","style","classes","addItemWrapper","dataHook","AddItem","_extends2","addDocument","displayName"],"sources":["../../../../../src/cms-fields/components/document/add-document-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { AddItemProps, AddItemActions } from '@wix/design-system';\nimport { AddItem, Box } from '@wix/design-system';\n\nimport { DocumentLoader } from './document-loader';\nimport { style, classes } from './form-document-field.st.css.js';\nimport { useTranslations } from '../../hooks';\n\nexport interface AddDocumentButtonProps extends AddItemProps {\n  loading?: boolean;\n  error?: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n}\n\nexport const AddDocumentButton = React.forwardRef<\n  AddItemActions,\n  AddDocumentButtonProps\n>(({ loading, error, loaderBorderStyle, className, ...props }, ref) => {\n  const { t } = useTranslations();\n\n  return loading ? (\n    <DocumentLoader borderStyle={loaderBorderStyle} />\n  ) : (\n    <Box\n      className={style(classes.addItemWrapper, className)}\n      dataHook=\"add-document-button\"\n    >\n      <AddItem\n        {...props}\n        ref={ref}\n        className={style(classes.addDocument, { error }, className)}\n      >\n        {t('CMS.document.add.button.text')}\n      </AddItem>\n    </Box>\n  );\n});\n\nAddDocumentButton.displayName = 'AddDocumentButton';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA8C,IAAAK,YAAA;AAQvC,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAGE,cAAK,CAACC,UAAU,CAG/C,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC,iBAAiB;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAE/B,OAAOP,OAAO,gBACZZ,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,WAAW,EAAET,iBAAkB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAElD5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA0B,GAAG;IACFd,SAAS,EAAE,IAAAe,6BAAK,EAACC,+BAAO,CAACC,cAAc,EAAEjB,SAAS,CAAE;IACpDkB,QAAQ,EAAC,qBAAqB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9B5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,OAAO,MAAAC,SAAA,CAAAf,OAAA,MACFJ,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTF,SAAS,EAAE,IAAAe,6BAAK,EAACC,+BAAO,CAACK,WAAW,EAAE;MAAEvB;IAAM,CAAC,EAAEE,SAAS,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAE3DV,CAAC,CAAC,8BAA8B,CAC1B,CACN,CACN;AACH,CAAC,CAAC;AAEFV,iBAAiB,CAAC6B,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/cms-fields/components/document/document-control.js

@@ -0,0 +1,221 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DocumentControl = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mediaUtils = require("../../utils/media-utils");
+var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _hooks = require("../../hooks");
+var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
+var _documentLoader = require("./document-loader");
+var _utils = require("./utils");
+var _patterns = require("@wix/patterns");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/document/document-control.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); }
+const DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';
+const DocumentComponent = ({
+  mediaURI
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    verticalAlign: "middle",
+    className: _formDocumentFieldStCss.classes.textWidth,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "24px",
+    height: "24px",
+    children: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Document, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 49
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "document-view-name",
+    secondary: true,
+    ellipsis: true,
+    children: (0, _mediaUtils.getMediaTitle)(mediaURI),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }));
+};
+const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.forwardRef(({
+  mediaURI,
+  readOnly,
+  onReplace,
+  onDelete,
+  onDownload,
+  dataHook,
+  className,
+  loading,
+  loaderBorderStyle,
+  loaderClassName,
+  onOpenPasteURLForm
+}, ref) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const {
+    environment
+  } = (0, _patterns.useWixPatternsContainer)();
+  const metaSiteId = environment.msid;
+  const handleOpenDocument = (0, _react.useCallback)(() => {
+    (0, _utils.openDocument)((0, _autoCmsFieldTypes.getMediaURL)(mediaURI, metaSiteId));
+  }, [mediaURI, metaSiteId]);
+  const handleDownload = (0, _react.useCallback)(() => {
+    onDownload(mediaURI);
+  }, [mediaURI, onDownload]);
+  const containerRef = (0, _react.useRef)(null);
+  const handleOnKeydown = (0, _react.useCallback)(event => {
+    var _containerRef$current;
+    const actions = containerRef == null || (_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.querySelector(`[data-hook="document-view-actions-button"]`);
+    if (actions != null && actions.contains(document.activeElement)) {
+      return;
+    }
+    if (event.key === 'Enter') {
+      handleOpenDocument();
+    }
+  }, [handleOpenDocument, containerRef]);
+  return loading ? /*#__PURE__*/_react.default.createElement(_documentLoader.DocumentLoader, {
+    borderStyle: loaderBorderStyle,
+    className: loaderClassName,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 7
+    }
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    onKeyDown: handleOnKeydown,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    dataHook: dataHook,
+    ref: ref,
+    className: className,
+    onClick: handleOpenDocument,
+    verticalPadding: "tiny",
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(DocumentComponent, {
+        mediaURI: mediaURI,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 116,
+          columnNumber: 22
+        }
+      }),
+      width: '75%'
+    }, {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.TableActionCell, {
+        dataHook: "document-view-actions-button",
+        alwaysShowSecondaryActions: true,
+        numOfVisibleSecondaryActions: 1,
+        primaryAction: {
+          onClick: handleOpenDocument,
+          skin: 'standard',
+          text: t('CMS.document.action.open'),
+          dataHook: 'document-view-open-action'
+        },
+        popoverMenuProps: {
+          textSize: 'medium',
+          minWidth: '232px'
+        },
+        secondaryActions: [{
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 137,
+              columnNumber: 29
+            }
+          }),
+          onClick: handleDownload,
+          disabled: readOnly,
+          dataHook: 'document-view-download-action',
+          text: t('CMS.document.action.download')
+        }, {
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 144,
+              columnNumber: 29
+            }
+          }),
+          onClick: onReplace,
+          text: t('CMS.document.action.replace'),
+          dataHook: 'document-view-replace-action',
+          disabled: readOnly
+        }, {
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 151,
+              columnNumber: 29
+            }
+          }),
+          onClick: onOpenPasteURLForm,
+          text: t('CMS.document.action.replaceWithUrl'),
+          dataHook: 'document-view-replace-with-url-action',
+          disabled: readOnly
+        }, {
+          divider: true
+        }, {
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 161,
+              columnNumber: 29
+            }
+          }),
+          onClick: onDelete,
+          text: t('CMS.document.action.delete'),
+          dataHook: 'document-view-delete-action',
+          disabled: readOnly
+        }],
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 121,
+          columnNumber: 17
+        }
+      }),
+      width: DOCUMENT_VIEW_ACTIONS_WIDTH,
+      align: 'right'
+    }],
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 9
+    }
+  }));
+});
+//# sourceMappingURL=document-control.js.map

package/dist/cjs/cms-fields/components/document/document-control.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoCmsFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_patterns","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/document/document-loader.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DocumentLoader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/document/document-loader.tsx";
+const DocumentLoader = ({
+  className,
+  borderStyle: _borderStyle
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  align: "center",
+  verticalAlign: "middle",
+  className: (0, _formDocumentFieldStCss.style)(_formDocumentFieldStCss.classes.documentLoader, className),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 16,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+  size: "tiny",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 21,
+    columnNumber: 5
+  }
+}));
+exports.DocumentLoader = DocumentLoader;
+//# sourceMappingURL=document-loader.js.map

package/dist/cjs/cms-fields/components/document/document-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_formDocumentFieldStCss","_jsxFileName","DocumentLoader","className","borderStyle","_borderStyle","default","createElement","Box","align","verticalAlign","style","classes","documentLoader","__self","__source","fileName","lineNumber","columnNumber","Loader","size","exports"],"sources":["../../../../../src/cms-fields/components/document/document-loader.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport { Box, Loader } from '@wix/design-system';\n\nimport { style, classes } from './form-document-field.st.css.js';\n\nexport interface DocumentLoaderProps {\n  borderStyle?: 'solid' | 'dashed';\n  className?: string;\n}\n\nexport const DocumentLoader: FC<DocumentLoaderProps> = ({\n  className,\n  borderStyle: _borderStyle,\n}) => (\n  <Box\n    align=\"center\"\n    verticalAlign=\"middle\"\n    className={style(classes.documentLoader, className)}\n  >\n    <Loader size=\"tiny\" />\n  </Box>\n);\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAAiE,IAAAG,YAAA;AAO1D,MAAMC,cAAuC,GAAGA,CAAC;EACtDC,SAAS;EACTC,WAAW,EAAEC;AACf,CAAC,kBACCT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;EACFC,KAAK,EAAC,QAAQ;EACdC,aAAa,EAAC,QAAQ;EACtBP,SAAS,EAAE,IAAAQ,6BAAK,EAACC,+BAAO,CAACC,cAAc,EAAEV,SAAS,CAAE;EAAAW,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAf,YAAA;IAAAgB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAEpDtB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAoB,MAAM;EAACC,IAAI,EAAC,MAAM;EAAAN,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAf,YAAA;IAAAgB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAClB,CACN;AAACG,OAAA,CAAAnB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/document/document-view.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DocumentView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _mediaUtils = require("../../utils/media-utils");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/document/document-view.tsx";
+const DocumentView = ({
+  data
+}) => {
+  return data ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 15,
+        columnNumber: 26
+      }
+    }),
+    size: "small",
+    skin: "neutralStandard",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 7
+    }
+  }, (0, _mediaUtils.getMediaTitle)(data))) : null;
+};
+exports.DocumentView = DocumentView;
+//# sourceMappingURL=document-view.js.map

package/dist/cjs/cms-fields/components/document/document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_jsxFileName","DocumentView","data","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Badge","prefixIcon","DocumentSmall","size","skin","getMediaTitle","exports"],"sources":["../../../../../src/cms-fields/components/document/document-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Badge, Box } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface DocumentViewProps {\n  data: string;\n}\n\nexport const DocumentView: React.FC<DocumentViewProps> = ({ data }) => {\n  return data ? (\n    <Box>\n      <Badge prefixIcon={<DocumentSmall />} size=\"small\" skin=\"neutralStandard\">\n        {getMediaTitle(data)}\n      </Badge>\n    </Box>\n  ) : null;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAMjD,MAAMC,YAAyC,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACrE,OAAOA,IAAI,gBACTR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAc,KAAK;IAACC,UAAU,eAAElB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAe,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAACI,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,iBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtE,IAAAM,yBAAa,EAACd,IAAI,CACd,CACJ,CAAC,GACJ,IAAI;AACV,CAAC;AAACe,OAAA,CAAAhB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/document/form/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+var _formDocumentField = require("../form-document-field");
+Object.keys(_formDocumentField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formDocumentField[key]) return;
+  exports[key] = _formDocumentField[key];
+});
+var _documentControl = require("../document-control");
+Object.keys(_documentControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _documentControl[key]) return;
+  exports[key] = _documentControl[key];
+});
+var _addDocumentButton = require("../add-document-button");
+Object.keys(_addDocumentButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _addDocumentButton[key]) return;
+  exports[key] = _addDocumentButton[key];
+});
+var _formDocumentInput = require("../form-document-input");
+Object.keys(_formDocumentInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formDocumentInput[key]) return;
+  exports[key] = _formDocumentInput[key];
+});
+var _utils = require("../utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  exports[key] = _utils[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/document/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formDocumentField","require","Object","keys","forEach","key","exports","_documentControl","_addDocumentButton","_formDocumentInput","_utils"],"sources":["../../../../../../src/cms-fields/components/document/form/index.ts"],"sourcesContent":["export * from '../form-document-field';\nexport * from '../document-control';\nexport * from '../add-document-button';\nexport * from '../form-document-input';\nexport * from '../utils';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,kBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,kBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,kBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,kBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,kBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,kBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,kBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,kBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,MAAA,CAAAL,GAAA;AAAA","ignoreList":[]}