@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/dam/DataGrid/selection/DamSelectionContext.js

@@ -0,0 +1,405 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql, useApolloClient } from "@apollo/client";
+import { downloadFile } from "@dextinity/admin";
+import { createContext, useCallback, useContext, useState } from "react";
+import { ConfirmDeleteDialog } from "../../FileActions/ConfirmDeleteDialog";
+import { clearDamItemCache } from "../../helpers/clearDamItemCache";
+import { MoveDamItemDialog } from "../../MoveDamItemDialog/MoveDamItemDialog";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var damFileDownloadInfoFragment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment DamFileDownloadInfo on DamFile {\n        id\n        fileUrl\n        name\n    }\n"])));
+var DamSelectionContext = /*#__PURE__*/createContext({
+  selectionMap: new Map(),
+  setSelectionMap: function setSelectionMap() {
+    throw new Error("Missing DamSelectionContext. Please add a <DamSelectionProvider /> somewhere up in the tree.");
+  },
+  deleteSelected: function deleteSelected() {
+    throw new Error("Missing DamSelectionContext. Please add a <DamSelectionProvider /> somewhere up in the tree.");
+  },
+  deleting: false,
+  hasDeletionErrors: false,
+  restoreSelected: function restoreSelected() {
+    throw new Error("Missing DamSelectionContext. Please add a <DamSelectionProvider /> somewhere up in the tree.");
+  },
+  restoring: false,
+  hasRestoreErrors: false,
+  archiveSelected: function archiveSelected() {
+    throw new Error("Missing DamSelectionContext. Please add a <DamSelectionProvider /> somewhere up in the tree.");
+  },
+  archiving: false,
+  hasArchiveErrors: false,
+  moveSelected: function moveSelected() {
+    throw new Error("Missing DamSelectionContext. Please add a <DamSelectionProvider /> somewhere up in the tree.");
+  },
+  moving: false,
+  hasMoveErrors: false,
+  downloadSelected: function downloadSelected() {
+    throw new Error("Missing DamSelectionContext. Please add a <DamSelectionProvider /> somewhere up in the tree.");
+  },
+  downloading: false,
+  hasDownloadErrors: false
+});
+export var useDamSelectionApi = function useDamSelectionApi() {
+  return useContext(DamSelectionContext);
+};
+export var DamSelectionProvider = function DamSelectionProvider(_ref) {
+  var children = _ref.children,
+    initialSelection = _ref.initialSelection,
+    onSelectionChange = _ref.onSelectionChange;
+  var apolloClient = useApolloClient();
+  var _useState = useState(function () {
+      return initialSelection !== null && initialSelection !== void 0 ? initialSelection : new Map();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectionMap = _useState2[0],
+    setSelectionMap = _useState2[1];
+  var onSelectionMapChange = function onSelectionMapChange(newSelectionMap) {
+    setSelectionMap(newSelectionMap);
+    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(newSelectionMap);
+  };
+  var showError = function showError(setError) {
+    setError(true);
+    setTimeout(function () {
+      setError(false);
+    }, 3000);
+  };
+
+  // delete
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deleteDialogOpen = _useState4[0],
+    setDeleteDialogOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    deleting = _useState6[0],
+    setDeleting = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    hasDeletionErrors = _useState8[0],
+    setHasDeletionErrors = _useState8[1];
+  var openDeleteDialog = useCallback(function () {
+    setDeleteDialogOpen(true);
+  }, []);
+  var deleteSelected = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    var selectedItems, errors, _iterator, _step, selectedItem, result, _result, _t;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          setDeleting(true);
+          selectedItems = Array.from(selectionMap.entries()).map(function (item) {
+            return {
+              id: item[0],
+              type: item[1]
+            };
+          });
+          _iterator = _createForOfIteratorHelper(selectedItems);
+          _context.p = 1;
+          _iterator.s();
+        case 2:
+          if ((_step = _iterator.n()).done) {
+            _context.n = 7;
+            break;
+          }
+          selectedItem = _step.value;
+          if (!(selectedItem.type === "file")) {
+            _context.n = 4;
+            break;
+          }
+          _context.n = 3;
+          return apolloClient.mutate({
+            mutation: gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                        mutation DeleteDamFile($id: ID!) {\n                            deleteDamFile(id: $id)\n                        }\n                    "]))),
+            variables: {
+              id: selectedItem.id
+            },
+            errorPolicy: "all"
+          });
+        case 3:
+          result = _context.v;
+          errors = result.errors;
+          _context.n = 6;
+          break;
+        case 4:
+          _context.n = 5;
+          return apolloClient.mutate({
+            mutation: gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                        mutation DeleteDamFolder($id: ID!) {\n                            deleteSuccessful: deleteDamFolder(id: $id)\n                        }\n                    "]))),
+            variables: {
+              id: selectedItem.id
+            },
+            errorPolicy: "all"
+          });
+        case 5:
+          _result = _context.v;
+          errors = _result.errors;
+        case 6:
+          _context.n = 2;
+          break;
+        case 7:
+          _context.n = 9;
+          break;
+        case 8:
+          _context.p = 8;
+          _t = _context.v;
+          _iterator.e(_t);
+        case 9:
+          _context.p = 9;
+          _iterator.f();
+          return _context.f(9);
+        case 10:
+          if (errors) {
+            showError(setHasDeletionErrors);
+          } else {
+            clearDamItemCache(apolloClient.cache);
+          }
+          setDeleting(false);
+        case 11:
+          return _context.a(2);
+      }
+    }, _callee, null, [[1, 8, 9, 10]]);
+  })), [apolloClient, selectionMap]);
+
+  // restore
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    restoring = _useState0[0],
+    setRestoring = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    hasRestoreErrors = _useState10[0],
+    setHasRestoreErrors = _useState10[1];
+  var restoreSelected = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var fileIds, _yield$apolloClient$m, errors;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          setRestoring(true);
+          fileIds = Array.from(selectionMap.entries()).filter(function (_ref4) {
+            var _ref5 = _slicedToArray(_ref4, 2),
+              type = _ref5[1];
+            return type === "file";
+          }).map(function (_ref6) {
+            var _ref7 = _slicedToArray(_ref6, 1),
+              id = _ref7[0];
+            return id;
+          });
+          _context2.n = 1;
+          return apolloClient.mutate({
+            mutation: gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                mutation RestoreFiles($ids: [ID!]!) {\n                    restoreDamFiles(ids: $ids) {\n                        id\n                        archived\n                    }\n                }\n            "]))),
+            variables: {
+              ids: fileIds
+            },
+            errorPolicy: "all"
+          });
+        case 1:
+          _yield$apolloClient$m = _context2.v;
+          errors = _yield$apolloClient$m.errors;
+          if (errors) {
+            showError(setHasRestoreErrors);
+          } else {
+            clearDamItemCache(apolloClient.cache);
+          }
+          setRestoring(false);
+        case 2:
+          return _context2.a(2);
+      }
+    }, _callee2);
+  })), [apolloClient, selectionMap]);
+
+  // archive
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    archiving = _useState12[0],
+    setArchiving = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    hasArchiveErrors = _useState14[0],
+    setHasArchiveErrors = _useState14[1];
+  var archiveSelected = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+    var fileIds, _yield$apolloClient$m2, errors;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.n) {
+        case 0:
+          setArchiving(true);
+          fileIds = Array.from(selectionMap.entries()).filter(function (_ref9) {
+            var _ref0 = _slicedToArray(_ref9, 2),
+              type = _ref0[1];
+            return type === "file";
+          }).map(function (_ref1) {
+            var _ref10 = _slicedToArray(_ref1, 1),
+              id = _ref10[0];
+            return id;
+          });
+          _context3.n = 1;
+          return apolloClient.mutate({
+            mutation: gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                mutation ArchiveFiles($ids: [ID!]!) {\n                    archiveDamFiles(ids: $ids) {\n                        id\n                        archived\n                    }\n                }\n            "]))),
+            variables: {
+              ids: fileIds
+            },
+            errorPolicy: "all"
+          });
+        case 1:
+          _yield$apolloClient$m2 = _context3.v;
+          errors = _yield$apolloClient$m2.errors;
+          if (errors) {
+            showError(setHasArchiveErrors);
+          } else {
+            clearDamItemCache(apolloClient.cache);
+          }
+          setArchiving(false);
+        case 2:
+          return _context3.a(2);
+      }
+    }, _callee3);
+  })), [apolloClient, selectionMap]);
+
+  // move
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    moveDialogOpen = _useState16[0],
+    setMoveDialogOpen = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    moving = _useState18[0],
+    setMoving = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    hasMoveErrors = _useState20[0],
+    setHasMoveErrors = _useState20[1];
+  var openMoveDialog = useCallback(function () {
+    setMoveDialogOpen(true);
+  }, []);
+
+  // download
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    downloading = _useState22[0],
+    setDownloading = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    hasDownloadErrors = _useState24[0],
+    setHasDownloadErrors = _useState24[1];
+  var downloadSelected = /*#__PURE__*/function () {
+    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      var fileIds, _iterator2, _step2, id, downloadInfo;
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            setDownloading(true);
+            fileIds = Array.from(selectionMap.entries()).filter(function (_ref12) {
+              var _ref13 = _slicedToArray(_ref12, 2),
+                type = _ref13[1];
+              return type === "file";
+            }).map(function (_ref14) {
+              var _ref15 = _slicedToArray(_ref14, 1),
+                id = _ref15[0];
+              return id;
+            });
+            _iterator2 = _createForOfIteratorHelper(fileIds);
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                id = _step2.value;
+                downloadInfo = apolloClient.cache.readFragment({
+                  id: apolloClient.cache.identify({
+                    __typename: "DamFile",
+                    id: id
+                  }),
+                  fragment: damFileDownloadInfoFragment
+                });
+                if (downloadInfo === null) {
+                  showError(setHasDownloadErrors);
+                } else {
+                  downloadFile(downloadInfo.fileUrl, downloadInfo.name);
+                }
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+            setDownloading(false);
+          case 1:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    }));
+    return function downloadSelected() {
+      return _ref11.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_jsxs(DamSelectionContext.Provider, {
+    value: {
+      selectionMap: selectionMap,
+      setSelectionMap: onSelectionMapChange,
+      deleteSelected: openDeleteDialog,
+      deleting: deleting,
+      hasDeletionErrors: hasDeletionErrors,
+      restoreSelected: restoreSelected,
+      restoring: restoring,
+      hasRestoreErrors: hasRestoreErrors,
+      archiveSelected: archiveSelected,
+      archiving: archiving,
+      hasArchiveErrors: hasArchiveErrors,
+      moveSelected: openMoveDialog,
+      moving: moving,
+      hasMoveErrors: hasMoveErrors,
+      downloadSelected: downloadSelected,
+      downloading: downloading,
+      hasDownloadErrors: hasDownloadErrors
+    },
+    children: [children, /*#__PURE__*/_jsx(ConfirmDeleteDialog, {
+      open: deleteDialogOpen,
+      onCloseDialog: (/*#__PURE__*/function () {
+        var _ref16 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(confirmed) {
+          return _regenerator().w(function (_context5) {
+            while (1) switch (_context5.n) {
+              case 0:
+                if (!confirmed) {
+                  _context5.n = 1;
+                  break;
+                }
+                _context5.n = 1;
+                return deleteSelected();
+              case 1:
+                setDeleteDialogOpen(false);
+              case 2:
+                return _context5.a(2);
+            }
+          }, _callee5);
+        }));
+        return function (_x) {
+          return _ref16.apply(this, arguments);
+        };
+      }()),
+      itemType: "selected_items"
+    }), /*#__PURE__*/_jsx(MoveDamItemDialog, {
+      damItemsToMove: Array.from(selectionMap.entries()).map(function (item) {
+        return {
+          id: item[0],
+          type: item[1]
+        };
+      }),
+      setMoving: setMoving,
+      handleHasErrors: function handleHasErrors(hasErrors) {
+        if (hasErrors) {
+          showError(setHasMoveErrors);
+        }
+      },
+      open: moveDialogOpen,
+      onClose: function onClose() {
+        setMoveDialogOpen(false);
+      },
+      moving: moving,
+      hasErrors: hasMoveErrors
+    })]
+  });
+};

package/lib/dam/DataGrid/tags/ArchivedTag.d.ts

@@ -0,0 +1,2 @@
+export declare const ArchivedTag: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArchivedTag.d.ts.map

package/lib/dam/DataGrid/tags/ArchivedTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivedTag.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/tags/ArchivedTag.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,+CAMvB,CAAC"}

package/lib/dam/DataGrid/tags/ArchivedTag.js

@@ -0,0 +1,27 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { styled } from "@mui/material/styles";
+import { FormattedMessage } from "react-intl";
+import { Tag } from "./Tag";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ArchivedTag = function ArchivedTag() {
+  return /*#__PURE__*/_jsx(StyledTag, {
+    type: "info",
+    children: /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.pages.dam.tag.archived",
+      defaultMessage: "Archived"
+    })
+  });
+};
+var StyledTag = /*#__PURE__*/styled(Tag, process.env.NODE_ENV === "production" ? {
+  target: "e1mvokzv0"
+} : {
+  target: "e1mvokzv0",
+  label: "StyledTag"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1a2afmv",
+  styles: "margin-left:10px"
+} : {
+  name: "1a2afmv",
+  styles: "margin-left:10px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvdGFncy9BcmNoaXZlZFRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTZCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvdGFncy9BcmNoaXZlZFRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tIFwicmVhY3QtaW50bFwiO1xuXG5pbXBvcnQgeyBUYWcgfSBmcm9tIFwiLi9UYWdcIjtcblxuZXhwb3J0IGNvbnN0IEFyY2hpdmVkVGFnID0gKCkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRUYWcgdHlwZT1cImluZm9cIj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwiY29tZXQucGFnZXMuZGFtLnRhZy5hcmNoaXZlZFwiIGRlZmF1bHRNZXNzYWdlPVwiQXJjaGl2ZWRcIiAvPlxuICAgICAgICA8L1N0eWxlZFRhZz5cbiAgICApO1xufTtcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/dam/DataGrid/tags/LicenseValidityTags.d.ts

@@ -0,0 +1,9 @@
+interface LicenseValidityTagsProps {
+    expirationDate?: Date;
+    isNotValidYet?: boolean;
+    expiresWithinThirtyDays?: boolean;
+    hasExpired?: boolean;
+}
+export declare const LicenseValidityTags: ({ expirationDate, isNotValidYet, expiresWithinThirtyDays, hasExpired }: LicenseValidityTagsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LicenseValidityTags.d.ts.map

package/lib/dam/DataGrid/tags/LicenseValidityTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicenseValidityTags.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/tags/LicenseValidityTags.tsx"],"names":[],"mappings":"AA2CA,UAAU,wBAAwB;IAC9B,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,wEAAwE,wBAAwB,4CAQnI,CAAC"}

package/lib/dam/DataGrid/tags/LicenseValidityTags.js

@@ -0,0 +1,47 @@
+import { WarningSolid } from "@dextinity/admin-icons";
+import { formatDistanceToNow } from "date-fns";
+import { FormattedMessage } from "react-intl";
+import { Tag } from "./Tag";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var LicenseNotValidYetTag = function LicenseNotValidYetTag() {
+  return /*#__PURE__*/_jsxs(Tag, {
+    type: "error",
+    children: [/*#__PURE__*/_jsx(WarningSolid, {}), /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.pages.dam.tag.licenseNotValidYet",
+      defaultMessage: "License not valid yet"
+    })]
+  });
+};
+var LicenseExpiredTag = function LicenseExpiredTag() {
+  return /*#__PURE__*/_jsxs(Tag, {
+    type: "error",
+    children: [/*#__PURE__*/_jsx(WarningSolid, {}), /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.pages.dam.tag.licenseExpired",
+      defaultMessage: "License expired"
+    })]
+  });
+};
+var LicenseExpiresSoonTag = function LicenseExpiresSoonTag(_ref) {
+  var expirationDate = _ref.expirationDate;
+  return /*#__PURE__*/_jsxs(Tag, {
+    type: "warning",
+    children: [/*#__PURE__*/_jsx(WarningSolid, {}), /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.pages.dam.tag.licenseExpiresSoon",
+      defaultMessage: "License expires in {distance}",
+      values: {
+        distance: formatDistanceToNow(expirationDate)
+      }
+    })]
+  });
+};
+export var LicenseValidityTags = function LicenseValidityTags(_ref2) {
+  var expirationDate = _ref2.expirationDate,
+    isNotValidYet = _ref2.isNotValidYet,
+    expiresWithinThirtyDays = _ref2.expiresWithinThirtyDays,
+    hasExpired = _ref2.hasExpired;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [isNotValidYet && /*#__PURE__*/_jsx(LicenseNotValidYetTag, {}), expirationDate && expiresWithinThirtyDays && /*#__PURE__*/_jsx(LicenseExpiresSoonTag, {
+      expirationDate: expirationDate
+    }), hasExpired && /*#__PURE__*/_jsx(LicenseExpiredTag, {})]
+  });
+};

package/lib/dam/DataGrid/tags/Tag.d.ts

@@ -0,0 +1,4 @@
+export declare const Tag: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    type?: "warning" | "error" | "info" | "neutral";
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=Tag.d.ts.map

package/lib/dam/DataGrid/tags/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/tags/Tag.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG;WAA0B,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS;yGA+BjF,CAAC"}

package/lib/dam/DataGrid/tags/Tag.js

@@ -0,0 +1,29 @@
+import { styled } from "@mui/material/styles";
+export var Tag = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e12xfcqb0"
+} : {
+  target: "e12xfcqb0",
+  label: "Tag"
+})("display:flex;justify-content:center;gap:6px;align-items:center;height:20px;border-radius:4px;padding:4px 5px;box-sizing:border-box;font-size:12px;line-height:12px;color:", function (_ref) {
+  var theme = _ref.theme,
+    type = _ref.type;
+  switch (type) {
+    case "error":
+      return theme.palette.error.contrastText;
+    default:
+      return theme.palette.grey[800];
+  }
+}, ";background-color:", function (_ref2) {
+  var theme = _ref2.theme,
+    type = _ref2.type;
+  switch (type) {
+    case "warning":
+      return theme.palette.warning.main;
+    case "error":
+      return theme.palette.error.main;
+    case "info":
+      return theme.palette.primary.main;
+    default:
+      return theme.palette.grey["100"];
+  }
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvdGFncy9UYWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVxRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZGFtL0RhdGFHcmlkL3RhZ3MvVGFnLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKFwiZGl2XCIpPHsgdHlwZT86IFwid2FybmluZ1wiIHwgXCJlcnJvclwiIHwgXCJpbmZvXCIgfCBcIm5ldXRyYWxcIiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBwYWRkaW5nOiA0cHggNXB4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxMnB4O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lLCB0eXBlIH0pID0+IHtcbiAgICAgICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICAgICAgICBjYXNlIFwiZXJyb3JcIjpcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhlbWUucGFsZXR0ZS5lcnJvci5jb250cmFzdFRleHQ7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiB0aGVtZS5wYWxldHRlLmdyZXlbODAwXTtcbiAgICAgICAgfVxuICAgIH19O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIHR5cGUgfSkgPT4ge1xuICAgICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgXCJ3YXJuaW5nXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUud2FybmluZy5tYWluO1xuICAgICAgICAgICAgY2FzZSBcImVycm9yXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUuZXJyb3IubWFpbjtcbiAgICAgICAgICAgIGNhc2UgXCJpbmZvXCI6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhlbWUucGFsZXR0ZS5ncmV5W1wiMTAwXCJdO1xuICAgICAgICB9XG4gICAgfX07XG5gO1xuIl19 */"));

package/lib/dam/DataGrid/thumbnail/AudioThumbnail.d.ts

@@ -0,0 +1,2 @@
+export declare const AudioThumbnail: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AudioThumbnail.d.ts.map

package/lib/dam/DataGrid/thumbnail/AudioThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/thumbnail/AudioThumbnail.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,cAAc,+CAM1B,CAAC"}

package/lib/dam/DataGrid/thumbnail/AudioThumbnail.js

@@ -0,0 +1,26 @@
+import { Music } from "@dextinity/admin-icons";
+import { styled } from "@mui/material/styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+var AudioThumbnailWrapper = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1q6acjh1"
+} : {
+  target: "e1q6acjh1",
+  label: "AudioThumbnailWrapper"
+})("display:flex;justify-content:center;align-items:center;width:inherit;height:inherit;border-radius:inherit;border:solid 1px ", function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.grey[100];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvdGh1bWJuYWlsL0F1ZGlvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2RhbS9EYXRhR3JpZC90aHVtYm5haWwvQXVkaW9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTXVzaWMgfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmNvbnN0IEF1ZGlvVGh1bWJuYWlsV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IGluaGVyaXQ7XG4gICAgaGVpZ2h0OiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG4gICAgYm9yZGVyOiBzb2xpZCAxcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX07XG5gO1xuXG5jb25zdCBTdHlsZWRNdXNpY0ljb24gPSBzdHlsZWQoTXVzaWMpYFxuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG5gO1xuXG5leHBvcnQgY29uc3QgQXVkaW9UaHVtYm5haWwgPSAoKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEF1ZGlvVGh1bWJuYWlsV3JhcHBlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNdXNpY0ljb24gLz5cbiAgICAgICAgPC9BdWRpb1RodW1ibmFpbFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
+var StyledMusicIcon = /*#__PURE__*/styled(Music, process.env.NODE_ENV === "production" ? {
+  target: "e1q6acjh0"
+} : {
+  target: "e1q6acjh0",
+  label: "StyledMusicIcon"
+})("width:16px;height:16px;color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.primary.main;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvdGh1bWJuYWlsL0F1ZGlvVGh1bWJuYWlsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhcUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2RhbS9EYXRhR3JpZC90aHVtYm5haWwvQXVkaW9UaHVtYm5haWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTXVzaWMgfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmNvbnN0IEF1ZGlvVGh1bWJuYWlsV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IGluaGVyaXQ7XG4gICAgaGVpZ2h0OiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG4gICAgYm9yZGVyOiBzb2xpZCAxcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbMTAwXX07XG5gO1xuXG5jb25zdCBTdHlsZWRNdXNpY0ljb24gPSBzdHlsZWQoTXVzaWMpYFxuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG5gO1xuXG5leHBvcnQgY29uc3QgQXVkaW9UaHVtYm5haWwgPSAoKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEF1ZGlvVGh1bWJuYWlsV3JhcHBlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNdXNpY0ljb24gLz5cbiAgICAgICAgPC9BdWRpb1RodW1ibmFpbFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
+export var AudioThumbnail = function AudioThumbnail() {
+  return /*#__PURE__*/_jsx(AudioThumbnailWrapper, {
+    children: /*#__PURE__*/_jsx(StyledMusicIcon, {})
+  });
+};

package/lib/dam/DataGrid/thumbnail/DamThumbnail.d.ts

@@ -0,0 +1,13 @@
+import type { GQLDamFile, GQLDamFolder } from "../../../graphql.generated";
+import type { GQLDamFileThumbnailFragment } from "./DamThumbnail.gql.generated";
+export { damFileThumbnailFragment } from "./DamThumbnail.gql";
+export declare const inboxFolderColor = "#952F80";
+type DamThumbnailFolder = Pick<GQLDamFolder, "__typename" | "isInboxFromOtherScope">;
+type DamThumbnailFile = Pick<GQLDamFile, "__typename" | "mimetype" | "fileUrl"> & {
+    image: GQLDamFileThumbnailFragment | null;
+};
+interface DamThumbnailProps {
+    asset: DamThumbnailFolder | DamThumbnailFile;
+}
+export declare const DamThumbnail: ({ asset }: DamThumbnailProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DamThumbnail.d.ts.map

package/lib/dam/DataGrid/thumbnail/DamThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DamThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/thumbnail/DamThumbnail.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAGhF,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,gBAAgB,YAAY,CAAC;AA8B1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,uBAAuB,CAAC,CAAC;AACrF,KAAK,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG;IAAE,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAA;CAAE,CAAC;AAEhI,UAAU,iBAAiB;IACvB,KAAK,EAAE,kBAAkB,GAAG,gBAAgB,CAAC;CAChD;AAED,eAAO,MAAM,YAAY,GAAI,WAAW,iBAAiB,4CA8CxD,CAAC"}

package/lib/dam/DataGrid/thumbnail/DamThumbnail.gql.d.ts

@@ -0,0 +1,2 @@
+export declare const damFileThumbnailFragment: import("graphql").DocumentNode;
+//# sourceMappingURL=DamThumbnail.gql.d.ts.map

package/lib/dam/DataGrid/thumbnail/DamThumbnail.gql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DamThumbnail.gql.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/thumbnail/DamThumbnail.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,gCAIpC,CAAC"}

package/lib/dam/DataGrid/thumbnail/DamThumbnail.gql.generated.d.ts

@@ -0,0 +1,10 @@
+export declare const namedOperations: {
+    Fragment: {
+        DamFileThumbnail: string;
+    };
+};
+export type GQLDamFileThumbnailFragment = {
+    __typename?: 'DamFileImage';
+    thumbnailUrl: string | null;
+};
+//# sourceMappingURL=DamThumbnail.gql.generated.d.ts.map

package/lib/dam/DataGrid/thumbnail/DamThumbnail.gql.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DamThumbnail.gql.generated.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/thumbnail/DamThumbnail.gql.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,cAAc,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC"}

package/lib/dam/DataGrid/thumbnail/DamThumbnail.gql.generated.js

@@ -0,0 +1,5 @@
+export var namedOperations = {
+  Fragment: {
+    DamFileThumbnail: 'DamFileThumbnail'
+  }
+};

package/lib/dam/DataGrid/thumbnail/DamThumbnail.gql.js

@@ -0,0 +1,4 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql } from "@apollo/client";
+export var damFileThumbnailFragment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment DamFileThumbnail on DamFileImage {\n        thumbnailUrl: url(width: 320, height: 320)\n    }\n"])));