@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

package/lib-es/components/EditMediaFile/EditMediaFile.js

@@ -0,0 +1,187 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+const _excluded = ["__typename"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { getQuery } from '@blaze-cms/admin-ui-utils';
+import { useQuery } from '@apollo/client';
+import { useToasts } from '@blaze-react/toaster';
+import FilePreview from '../FilePreview';
+import FileUploadModal from '../FileUploadModal';
+import { STORE_KEY, NAME } from '../../constants';
+const EditMediaFile = ({
+  onChange,
+  handleSaveButtonStatus,
+  fileId,
+  showChangeButton,
+  fileUpdated
+}) => {
+  const [formValues, setFormValues] = useState(null);
+  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);
+  const {
+    addToast
+  } = useToasts();
+  const fileQuery = getQuery('GET_FILE_BY_ID');
+  const {
+    loading,
+    data: {
+      file
+    } = {},
+    refetch: refetchFile
+  } = useQuery(fileQuery, {
+    variables: {
+      id: fileId
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  const fileStoresType = getQuery('GET_FILE_STORES');
+  const {
+    data: {
+      getFileStores: storeType = []
+    } = {}
+  } = useQuery(fileStoresType, {
+    variables: {
+      visibleInAdmin: true
+    }
+  });
+  useEffect(() => {
+    if (file) {
+      setFormValues(prevFormValues => {
+        if (!prevFormValues || prevFormValues.updated !== file.updated) {
+          return file;
+        }
+        return prevFormValues;
+      });
+    }
+  }, [file]);
+  useEffect(() => {
+    if (fileUpdated && fileUpdated.updated) {
+      setFormValues(fileUpdated);
+    }
+  }, [fileUpdated]);
+  const handleFormChange = ({
+    isValid,
+    isNewValueSet,
+    valuesChecked
+  }) => {
+    const baseFile = formValues || file;
+    const valuesCheckedWithoutName = valuesChecked.filter(({
+      id
+    }) => id !== NAME && id !== STORE_KEY);
+    const dataValues = valuesCheckedWithoutName.reduce((acc, {
+      id,
+      value
+    }) => {
+      acc[id] = value;
+      return acc;
+    }, {});
+    const {
+      value: newFileName
+    } = valuesChecked.find(({
+      id
+    }) => id === NAME) || {};
+    const {
+      value: storeKey
+    } = valuesChecked.find(({
+      id
+    }) => id === STORE_KEY) || {};
+    const shouldEnableSaveButton = isNewValueSet && isValid;
+    handleSaveButtonStatus(shouldEnableSaveButton);
+    const updatedFile = _objectSpread(_objectSpread({}, baseFile), {}, {
+      name: newFileName || baseFile.name,
+      storeKey: storeKey || baseFile.storeKey,
+      data: _objectSpread(_objectSpread({}, baseFile.data || {}), dataValues)
+    });
+    setFormValues(updatedFile);
+    // Strip GraphQL metadata field __typename before passing data to onChange.
+    const _ref = updatedFile.data || {},
+      {
+        __typename
+      } = _ref,
+      cleanData = _objectWithoutProperties(_ref, _excluded);
+    onChange({
+      id: updatedFile.id,
+      name: updatedFile.name,
+      data: cleanData
+    });
+  };
+  const getFileWithStoreType = sourceFile => {
+    const base = sourceFile || file;
+    if (storeType && base) {
+      const storeOptions = storeType.map(type => [type.key, type.name]);
+      const defaultStore = storeType.find(type => type.isDefault) || null;
+      return _objectSpread(_objectSpread({}, base), {}, {
+        store: {
+          defaultStore,
+          storeOptions
+        }
+      });
+    }
+    return base;
+  };
+  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {
+    if (toastMessage) {
+      addToast(toastMessage, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    }
+    if (values) {
+      const updated = values.id === fileId ? values : _objectSpread(_objectSpread(_objectSpread({}, formValues || file), values), {}, {
+        url: values.url || (formValues || file).url
+      });
+      setFormValues(updated);
+      onChange(updated);
+      handleSaveButtonStatus(true);
+    } else {
+      const {
+        data: {
+          file: refreshedFile
+        } = {}
+      } = await refetchFile({
+        id: fileId,
+        timestamp: Date.now()
+      });
+      if (refreshedFile) {
+        setFormValues(refreshedFile);
+        onChange(refreshedFile);
+        handleSaveButtonStatus(true);
+      }
+    }
+    setDisplayFileUploadModal(false);
+  };
+  if (loading) return /*#__PURE__*/React.createElement("div", null, "loading...");
+  const fileToRender = formValues || file;
+  const fileWithStoreType = getFileWithStoreType(fileToRender);
+  return !loading ? /*#__PURE__*/React.createElement(React.Fragment, null, !!file && /*#__PURE__*/React.createElement(FilePreview, {
+    file: fileWithStoreType,
+    handleFormChange: handleFormChange,
+    handleChangeFile: () => setDisplayFileUploadModal(true),
+    displayForm: true,
+    showChangeButton: showChangeButton
+  }), displayFileUploadModal && /*#__PURE__*/React.createElement("div", {
+    className: "file-upload-modal-wrapper"
+  }, /*#__PURE__*/React.createElement(FileUploadModal, {
+    onClose: () => setDisplayFileUploadModal(false),
+    closeModalAndSetValue: closeModalAndSetValue,
+    simpleLayout: true,
+    fileId: fileId,
+    storeKey: file && file.storeKey,
+    getSelectedFiles: () => {}
+  }))) : /*#__PURE__*/React.createElement("div", null, "loading...");
+};
+EditMediaFile.propTypes = {
+  fileId: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+  handleSaveButtonStatus: PropTypes.func.isRequired,
+  showChangeButton: PropTypes.bool,
+  fileUpdated: PropTypes.object
+};
+EditMediaFile.defaultProps = {
+  showChangeButton: false,
+  fileUpdated: null
+};
+export default EditMediaFile;
+//# sourceMappingURL=EditMediaFile.js.map

package/lib-es/components/EditMediaFile/EditMediaFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","useQuery","useToasts","FilePreview","FileUploadModal","STORE_KEY","NAME","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","formValues","setFormValues","displayFileUploadModal","setDisplayFileUploadModal","addToast","fileQuery","loading","data","file","refetch","refetchFile","variables","id","fetchPolicy","fileStoresType","getFileStores","storeType","visibleInAdmin","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","valuesCheckedWithoutName","filter","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","_objectSpread","name","_ref","__typename","cleanData","_objectWithoutProperties","_excluded","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","string","isRequired","func","bool","object","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({\n  onChange,\n  handleSaveButtonStatus,\n  fileId,\n  showChangeButton,\n  fileUpdated\n}) => {\n  const [formValues, setFormValues] = useState(null);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const { addToast } = useToasts();\n\n  const fileQuery = getQuery('GET_FILE_BY_ID');\n  const {\n    loading,\n    data: { file } = {},\n    refetch: refetchFile\n  } = useQuery(fileQuery, {\n    variables: { id: fileId },\n    fetchPolicy: 'cache-and-network'\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(() => {\n    if (file) {\n      setFormValues(prevFormValues => {\n        if (!prevFormValues || prevFormValues.updated !== file.updated) {\n          return file;\n        }\n        return prevFormValues;\n      });\n    }\n  }, [file]);\n\n  useEffect(() => {\n    if (fileUpdated && fileUpdated.updated) {\n      setFormValues(fileUpdated);\n    }\n  }, [fileUpdated]);\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const baseFile = formValues || file;\n    const valuesCheckedWithoutName = valuesChecked.filter(\n      ({ id }) => id !== NAME && id !== STORE_KEY\n    );\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(shouldEnableSaveButton);\n\n    const updatedFile = {\n      ...baseFile,\n      name: newFileName || baseFile.name,\n      storeKey: storeKey || baseFile.storeKey,\n      data: { ...(baseFile.data || {}), ...dataValues }\n    };\n\n    setFormValues(updatedFile);\n    // Strip GraphQL metadata field __typename before passing data to onChange.\n    const { __typename, ...cleanData } = updatedFile.data || {};\n    onChange({ id: updatedFile.id, name: updatedFile.name, data: cleanData });\n  };\n\n  const getFileWithStoreType = sourceFile => {\n    const base = sourceFile || file;\n    if (storeType && base) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...base, store: { defaultStore, storeOptions } };\n    }\n    return base;\n  };\n\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n    }\n\n    if (values) {\n      const updated =\n        values.id === fileId\n          ? values\n          : {\n            ...(formValues || file),\n            ...values,\n            url: values.url || (formValues || file).url\n          };\n      setFormValues(updated);\n      onChange(updated);\n      handleSaveButtonStatus(true);\n    } else {\n      const { data: { file: refreshedFile } = {} } = await refetchFile({\n        id: fileId,\n        timestamp: Date.now()\n      });\n      if (refreshedFile) {\n        setFormValues(refreshedFile);\n        onChange(refreshedFile);\n        handleSaveButtonStatus(true);\n      }\n    }\n\n    setDisplayFileUploadModal(false);\n  };\n\n  if (loading) return <div>loading...</div>;\n\n  const fileToRender = formValues || file;\n  const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n  return !loading ? (\n    <>\n      {!!file && (\n        <FilePreview\n          file={fileWithStoreType}\n          handleFormChange={handleFormChange}\n          handleChangeFile={() => setDisplayFileUploadModal(true)}\n          displayForm\n          showChangeButton={showChangeButton}\n        />\n      )}\n      {displayFileUploadModal && (\n        <div className=\"file-upload-modal-wrapper\">\n          <FileUploadModal\n            onClose={() => setDisplayFileUploadModal(false)}\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout\n            fileId={fileId}\n            storeKey={file && file.storeKey}\n            getSelectedFiles={() => { }}\n          />\n        </div>\n      )}\n    </>\n  ) : (\n    <div>loading...</div>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  showChangeButton: PropTypes.bool,\n  fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n  showChangeButton: false,\n  fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,sBAAsB;AAChD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,SAASC,SAAS,EAAEC,IAAI,QAAQ,iBAAiB;AAEjD,MAAMC,aAAa,GAAGA,CAAC;EACrBC,QAAQ;EACRC,sBAAsB;EACtBC,MAAM;EACNC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAClD,MAAM,CAACkB,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM;IAAEoB;EAAS,CAAC,GAAGf,SAAS,CAAC,CAAC;EAEhC,MAAMgB,SAAS,GAAGlB,QAAQ,CAAC,gBAAgB,CAAC;EAC5C,MAAM;IACJmB,OAAO;IACPC,IAAI,EAAE;MAAEC;IAAK,CAAC,GAAG,CAAC,CAAC;IACnBC,OAAO,EAAEC;EACX,CAAC,GAAGtB,QAAQ,CAACiB,SAAS,EAAE;IACtBM,SAAS,EAAE;MAAEC,EAAE,EAAEf;IAAO,CAAC;IACzBgB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG3B,QAAQ,CAAC,iBAAiB,CAAC;EAClD,MAAM;IAAEoB,IAAI,EAAE;MAAEQ,aAAa,EAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG5B,QAAQ,CAAC0B,cAAc,EAAE;IAChFH,SAAS,EAAE;MAAEM,cAAc,EAAE;IAAK;EACpC,CAAC,CAAC;EAEFhC,SAAS,CAAC,MAAM;IACd,IAAIuB,IAAI,EAAE;MACRP,aAAa,CAACiB,cAAc,IAAI;QAC9B,IAAI,CAACA,cAAc,IAAIA,cAAc,CAACC,OAAO,KAAKX,IAAI,CAACW,OAAO,EAAE;UAC9D,OAAOX,IAAI;QACb;QACA,OAAOU,cAAc;MACvB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,IAAI,CAAC,CAAC;EAEVvB,SAAS,CAAC,MAAM;IACd,IAAIc,WAAW,IAAIA,WAAW,CAACoB,OAAO,EAAE;MACtClB,aAAa,CAACF,WAAW,CAAC;IAC5B;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMqB,gBAAgB,GAAGA,CAAC;IAAEC,OAAO;IAAEC,aAAa;IAAEC;EAAc,CAAC,KAAK;IACtE,MAAMC,QAAQ,GAAGxB,UAAU,IAAIQ,IAAI;IACnC,MAAMiB,wBAAwB,GAAGF,aAAa,CAACG,MAAM,CACnD,CAAC;MAAEd;IAAG,CAAC,KAAKA,EAAE,KAAKnB,IAAI,IAAImB,EAAE,KAAKpB,SACpC,CAAC;IAED,MAAMmC,UAAU,GAAGF,wBAAwB,CAACG,MAAM,CAAC,CAACC,GAAG,EAAE;MAAEjB,EAAE;MAAEkB;IAAM,CAAC,KAAK;MACzED,GAAG,CAACjB,EAAE,CAAC,GAAGkB,KAAK;MACf,OAAOD,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAM;MAAEC,KAAK,EAAEC;IAAY,CAAC,GAAGR,aAAa,CAACS,IAAI,CAAC,CAAC;MAAEpB;IAAG,CAAC,KAAKA,EAAE,KAAKnB,IAAI,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM;MAAEqC,KAAK,EAAEG;IAAS,CAAC,GAAGV,aAAa,CAACS,IAAI,CAAC,CAAC;MAAEpB;IAAG,CAAC,KAAKA,EAAE,KAAKpB,SAAS,CAAC,IAAI,CAAC,CAAC;IAElF,MAAM0C,sBAAsB,GAAGZ,aAAa,IAAID,OAAO;IACvDzB,sBAAsB,CAACsC,sBAAsB,CAAC;IAE9C,MAAMC,WAAW,GAAAC,aAAA,CAAAA,aAAA,KACZZ,QAAQ;MACXa,IAAI,EAAEN,WAAW,IAAIP,QAAQ,CAACa,IAAI;MAClCJ,QAAQ,EAAEA,QAAQ,IAAIT,QAAQ,CAACS,QAAQ;MACvC1B,IAAI,EAAA6B,aAAA,CAAAA,aAAA,KAAQZ,QAAQ,CAACjB,IAAI,IAAI,CAAC,CAAC,GAAMoB,UAAU;IAAE,EAClD;IAED1B,aAAa,CAACkC,WAAW,CAAC;IAC1B;IACA,MAAAG,IAAA,GAAqCH,WAAW,CAAC5B,IAAI,IAAI,CAAC,CAAC;MAArD;QAAEgC;MAAyB,CAAC,GAAAD,IAAA;MAAXE,SAAS,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;IAChC/C,QAAQ,CAAC;MAAEiB,EAAE,EAAEuB,WAAW,CAACvB,EAAE;MAAEyB,IAAI,EAAEF,WAAW,CAACE,IAAI;MAAE9B,IAAI,EAAEiC;IAAU,CAAC,CAAC;EAC3E,CAAC;EAED,MAAMG,oBAAoB,GAAGC,UAAU,IAAI;IACzC,MAAMC,IAAI,GAAGD,UAAU,IAAIpC,IAAI;IAC/B,IAAIQ,SAAS,IAAI6B,IAAI,EAAE;MACrB,MAAMC,YAAY,GAAG9B,SAAS,CAAC+B,GAAG,CAACC,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAED,IAAI,CAACX,IAAI,CAAC,CAAC;MACjE,MAAMa,YAAY,GAAGlC,SAAS,CAACgB,IAAI,CAACgB,IAAI,IAAIA,IAAI,CAACG,SAAS,CAAC,IAAI,IAAI;MACnE,OAAAf,aAAA,CAAAA,aAAA,KAAYS,IAAI;QAAEO,KAAK,EAAE;UAAEF,YAAY;UAAEJ;QAAa;MAAC;IACzD;IACA,OAAOD,IAAI;EACb,CAAC;EAED,MAAMQ,qBAAqB,GAAG,MAAAA,CAAOC,QAAQ,EAAEC,MAAM,EAAEC,YAAY,KAAK;IACtE,IAAIA,YAAY,EAAE;MAChBpD,QAAQ,CAACoD,YAAY,EAAE;QAAEC,UAAU,EAAE,SAAS;QAAEC,WAAW,EAAE;MAAK,CAAC,CAAC;IACtE;IAEA,IAAIH,MAAM,EAAE;MACV,MAAMpC,OAAO,GACXoC,MAAM,CAAC3C,EAAE,KAAKf,MAAM,GAChB0D,MAAM,GAAAnB,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAEFpC,UAAU,IAAIQ,IAAI,GACnB+C,MAAM;QACTI,GAAG,EAAEJ,MAAM,CAACI,GAAG,IAAI,CAAC3D,UAAU,IAAIQ,IAAI,EAAEmD;MAAG,EAC5C;MACL1D,aAAa,CAACkB,OAAO,CAAC;MACtBxB,QAAQ,CAACwB,OAAO,CAAC;MACjBvB,sBAAsB,CAAC,IAAI,CAAC;IAC9B,CAAC,MAAM;MACL,MAAM;QAAEW,IAAI,EAAE;UAAEC,IAAI,EAAEoD;QAAc,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,MAAMlD,WAAW,CAAC;QAC/DE,EAAE,EAAEf,MAAM;QACVgE,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;MACtB,CAAC,CAAC;MACF,IAAIH,aAAa,EAAE;QACjB3D,aAAa,CAAC2D,aAAa,CAAC;QAC5BjE,QAAQ,CAACiE,aAAa,CAAC;QACvBhE,sBAAsB,CAAC,IAAI,CAAC;MAC9B;IACF;IAEAO,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAC;EAED,IAAIG,OAAO,EAAE,oBAAOvB,KAAA,CAAAiF,aAAA,cAAK,YAAe,CAAC;EAEzC,MAAMC,YAAY,GAAGjE,UAAU,IAAIQ,IAAI;EACvC,MAAM0D,iBAAiB,GAAGvB,oBAAoB,CAACsB,YAAY,CAAC;EAE5D,OAAO,CAAC3D,OAAO,gBACbvB,KAAA,CAAAiF,aAAA,CAAAjF,KAAA,CAAAoF,QAAA,QACG,CAAC,CAAC3D,IAAI,iBACLzB,KAAA,CAAAiF,aAAA,CAAC1E,WAAW;IACVkB,IAAI,EAAE0D,iBAAkB;IACxB9C,gBAAgB,EAAEA,gBAAiB;IACnCgD,gBAAgB,EAAEA,CAAA,KAAMjE,yBAAyB,CAAC,IAAI,CAAE;IACxDkE,WAAW;IACXvE,gBAAgB,EAAEA;EAAiB,CACpC,CACF,EACAI,sBAAsB,iBACrBnB,KAAA,CAAAiF,aAAA;IAAKM,SAAS,EAAC;EAA2B,gBACxCvF,KAAA,CAAAiF,aAAA,CAACzE,eAAe;IACdgF,OAAO,EAAEA,CAAA,KAAMpE,yBAAyB,CAAC,KAAK,CAAE;IAChDkD,qBAAqB,EAAEA,qBAAsB;IAC7CmB,YAAY;IACZ3E,MAAM,EAAEA,MAAO;IACfoC,QAAQ,EAAEzB,IAAI,IAAIA,IAAI,CAACyB,QAAS;IAChCwC,gBAAgB,EAAEA,CAAA,KAAM,CAAE;EAAE,CAC7B,CACE,CAEP,CAAC,gBAEH1F,KAAA,CAAAiF,aAAA,cAAK,YAAe,CACrB;AACH,CAAC;AAEDtE,aAAa,CAACgF,SAAS,GAAG;EACxB7E,MAAM,EAAEX,SAAS,CAACyF,MAAM,CAACC,UAAU;EACnCjF,QAAQ,EAAET,SAAS,CAAC2F,IAAI,CAACD,UAAU;EACnChF,sBAAsB,EAAEV,SAAS,CAAC2F,IAAI,CAACD,UAAU;EACjD9E,gBAAgB,EAAEZ,SAAS,CAAC4F,IAAI;EAChC/E,WAAW,EAAEb,SAAS,CAAC6F;AACzB,CAAC;AAEDrF,aAAa,CAACsF,YAAY,GAAG;EAC3BlF,gBAAgB,EAAE,KAAK;EACvBC,WAAW,EAAE;AACf,CAAC;AAED,eAAeL,aAAa","ignoreList":[]}

package/lib-es/components/EditMediaFile/EditMediaFilePage.js

@@ -0,0 +1,109 @@
+import React, { useState } from 'react';
+import { withRouter } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import Button from '@blaze-react/button';
+import { useApolloClient } from '@apollo/client';
+import { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';
+import { useToasts } from '@blaze-react/toaster';
+import EditMediaFile from './EditMediaFile';
+const EditMediaFilePage = ({
+  match,
+  history
+}) => {
+  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);
+  const [file, setFile] = useState(null);
+  const client = useApolloClient();
+  const {
+    addToast
+  } = useToasts();
+  const handleFileChange = values => setFile(values);
+  const handleSaveButtonStatus = value => {
+    setShouldEnableSaveButton(value);
+  };
+  const handleFormSave = async () => {
+    if (!file) {
+      addToast('No file data to update', {
+        appearance: 'error',
+        autoDismiss: true
+      });
+      return;
+    }
+    try {
+      const inputData = {
+        id: file.id,
+        name: file.name,
+        data: file.data,
+        storeKey: file.storeKey
+      };
+      const {
+        data: {
+          updateFile: updatedFile
+        }
+      } = await client.mutate({
+        mutation: getMutation('UPDATE_FILE'),
+        variables: {
+          input: inputData
+        },
+        update(cache, {
+          data: {
+            updateFile: fileUpdated
+          }
+        }) {
+          try {
+            cache.writeQuery({
+              query: getQuery('GET_FILE_BY_ID'),
+              variables: {
+                id: match.params.fileId
+              },
+              data: {
+                file: fileUpdated.result
+              }
+            });
+          } catch (e) {
+            console.error(e); //eslint-disable-line
+          }
+        }
+      });
+      setFile(updatedFile.result);
+      addToast(`File: ${file.name} has been updated`, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    } catch (e) {
+      addToast(`File: ${file.name} has not been updated`, {
+        appearance: 'error',
+        autoDismiss: true
+      });
+    }
+    setShouldEnableSaveButton(false);
+  };
+  const pushBack = () => history.push('/media');
+  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "page"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page__content__mediaWrapper"
+  }, /*#__PURE__*/React.createElement(EditMediaFile, {
+    onChange: handleFileChange,
+    fileId: match.params.fileId,
+    handleSaveButtonStatus: handleSaveButtonStatus,
+    handleFormSave: handleFormSave,
+    showChangeButton: true,
+    fileUpdated: file
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "page__content__mediaWrapperActions"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: pushBack
+  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    onClick: handleFormSave,
+    modifiers: buttonModifiers
+  }, "Apply")))));
+};
+EditMediaFilePage.propTypes = {
+  match: PropTypes.object.isRequired,
+  history: PropTypes.object.isRequired
+};
+export default withRouter(EditMediaFilePage);
+//# sourceMappingURL=EditMediaFilePage.js.map

package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","appearance","autoDismiss","inputData","id","name","data","storeKey","updateFile","updatedFile","mutate","mutation","variables","input","update","cache","fileUpdated","writeQuery","query","params","fileId","result","e","console","error","pushBack","push","buttonModifiers","createElement","className","onChange","showChangeButton","onClick","modifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    if (!file) {\n      addToast('No file data to update', {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      return;\n    }\n\n    try {\n      const inputData = {\n        id: file.id,\n        name: file.name,\n        data: file.data,\n        storeKey: file.storeKey\n      };\n\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: {\n          input: inputData\n        },\n        update(cache, { data: { updateFile: fileUpdated } }) {\n          try {\n            cache.writeQuery({\n              query: getQuery('GET_FILE_BY_ID'),\n              variables: { id: match.params.fileId },\n              data: { file: fileUpdated.result }\n            });\n          } catch (e) {\n            console.error(e); //eslint-disable-line\n          }\n        }\n      });\n\n      setFile(updatedFile.result);\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n            showChangeButton\n            fileUpdated={file}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Apply\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/EditMediaFile/index.js

@@ -0,0 +1,3 @@
+import EditMediaFile from './EditMediaFile';
+export default EditMediaFile;
+//# sourceMappingURL=index.js.map

package/lib-es/components/EditMediaFile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["EditMediaFile"],"sources":["../../../src/components/EditMediaFile/index.js"],"sourcesContent":["import EditMediaFile from './EditMediaFile';\n\nexport default EditMediaFile;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}

package/lib-es/components/EditorAdapter/EditorAdapter.js

@@ -0,0 +1,59 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["id", "value", "onChange", "error", "validationMessage", "label", "tooltip"];
+import React from 'react';
+import DraftEditor from '@blaze-react/drafteditor';
+import PropTypes from 'prop-types';
+import Tooltip from '@blaze-react/tooltip';
+const customStyleMap = {
+  SUPERSCRIPT: {
+    fontSize: '0.75em',
+    verticalAlign: 'super'
+  },
+  SUBSCRIPT: {
+    fontSize: '0.75em',
+    verticalAlign: 'sub'
+  }
+};
+const DraftEditorAdapter = _ref => {
+  let {
+      id,
+      value,
+      onChange,
+      error,
+      validationMessage,
+      label,
+      tooltip
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "form-field form-field--full-width"
+  }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement(Tooltip, {
+    tooltipContent: tooltip
+  })), /*#__PURE__*/React.createElement(DraftEditor, {
+    name: id,
+    value: value,
+    onChange: onChange,
+    error: error,
+    validationMessage: validationMessage,
+    tooltip: {
+      tooltipContent: tooltip
+    },
+    customStyleMap: customStyleMap
+  }));
+};
+DraftEditorAdapter.propTypes = {
+  id: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+  error: PropTypes.bool,
+  validationMessage: PropTypes.string,
+  label: PropTypes.string.isRequired,
+  tooltip: PropTypes.string
+};
+DraftEditorAdapter.defaultProps = {
+  error: false,
+  validationMessage: undefined,
+  tooltip: ''
+};
+export default DraftEditorAdapter;
+//# sourceMappingURL=EditorAdapter.js.map

package/lib-es/components/EditorAdapter/EditorAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorAdapter.js","names":["React","DraftEditor","PropTypes","Tooltip","customStyleMap","SUPERSCRIPT","fontSize","verticalAlign","SUBSCRIPT","DraftEditorAdapter","_ref","id","value","onChange","error","validationMessage","label","tooltip","props","_objectWithoutProperties","_excluded","createElement","className","tooltipContent","name","propTypes","string","isRequired","func","bool","defaultProps","undefined"],"sources":["../../../src/components/EditorAdapter/EditorAdapter.js"],"sourcesContent":["import React from 'react';\nimport DraftEditor from '@blaze-react/drafteditor';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@blaze-react/tooltip';\n\nconst customStyleMap = {\n  SUPERSCRIPT: {\n    fontSize: '0.75em',\n    verticalAlign: 'super'\n  },\n  SUBSCRIPT: {\n    fontSize: '0.75em',\n    verticalAlign: 'sub'\n  }\n};\n\nconst DraftEditorAdapter = ({\n  id,\n  value,\n  onChange,\n  error,\n  validationMessage,\n  label,\n  tooltip,\n  ...props\n}) => (\n  <div className=\"form-field form-field--full-width\">\n    <label>\n      <Tooltip tooltipContent={tooltip} />\n    </label>\n    <DraftEditor\n      name={id}\n      value={value}\n      onChange={onChange}\n      error={error}\n      validationMessage={validationMessage}\n      tooltip={{ tooltipContent: tooltip }}\n      customStyleMap={customStyleMap}\n    />\n  </div>\n);\n\nDraftEditorAdapter.propTypes = {\n  id: PropTypes.string.isRequired,\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  error: PropTypes.bool,\n  validationMessage: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  tooltip: PropTypes.string\n};\n\nDraftEditorAdapter.defaultProps = {\n  error: false,\n  validationMessage: undefined,\n  tooltip: ''\n};\n\nexport default DraftEditorAdapter;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,0BAA0B;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,MAAMC,cAAc,GAAG;EACrBC,WAAW,EAAE;IACXC,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE;EACjB,CAAC;EACDC,SAAS,EAAE;IACTF,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE;EACjB;AACF,CAAC;AAED,MAAME,kBAAkB,GAAGC,IAAA;EAAA,IAAC;MAC1BC,EAAE;MACFC,KAAK;MACLC,QAAQ;MACRC,KAAK;MACLC,iBAAiB;MACjBC,KAAK;MACLC;IAEF,CAAC,GAAAP,IAAA;IADIQ,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAAA,oBAERpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAmC,gBAChDtB,KAAA,CAAAqB,aAAA,6BACErB,KAAA,CAAAqB,aAAA,CAAClB,OAAO;IAACoB,cAAc,EAAEN;EAAQ,CAAE,CAC9B,CAAC,eACRjB,KAAA,CAAAqB,aAAA,CAACpB,WAAW;IACVuB,IAAI,EAAEb,EAAG;IACTC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbC,iBAAiB,EAAEA,iBAAkB;IACrCE,OAAO,EAAE;MAAEM,cAAc,EAAEN;IAAQ,CAAE;IACrCb,cAAc,EAAEA;EAAe,CAChC,CACE,CAAC;AAAA,CACP;AAEDK,kBAAkB,CAACgB,SAAS,GAAG;EAC7Bd,EAAE,EAAET,SAAS,CAACwB,MAAM,CAACC,UAAU;EAC/Bf,KAAK,EAAEV,SAAS,CAACwB,MAAM,CAACC,UAAU;EAClCd,QAAQ,EAAEX,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACnCb,KAAK,EAAEZ,SAAS,CAAC2B,IAAI;EACrBd,iBAAiB,EAAEb,SAAS,CAACwB,MAAM;EACnCV,KAAK,EAAEd,SAAS,CAACwB,MAAM,CAACC,UAAU;EAClCV,OAAO,EAAEf,SAAS,CAACwB;AACrB,CAAC;AAEDjB,kBAAkB,CAACqB,YAAY,GAAG;EAChChB,KAAK,EAAE,KAAK;EACZC,iBAAiB,EAAEgB,SAAS;EAC5Bd,OAAO,EAAE;AACX,CAAC;AAED,eAAeR,kBAAkB","ignoreList":[]}

package/lib-es/components/EditorAdapter/index.js

@@ -0,0 +1,3 @@
+import EditorAdapter from './EditorAdapter';
+export default EditorAdapter;
+//# sourceMappingURL=index.js.map

package/lib-es/components/EditorAdapter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["EditorAdapter"],"sources":["../../../src/components/EditorAdapter/index.js"],"sourcesContent":["import EditorAdapter from './EditorAdapter';\n\nexport default EditorAdapter;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}

package/lib-es/components/FileList/FilesListContext/index.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const FilesListContext = React.createContext({});
+export default FilesListContext;
+//# sourceMappingURL=index.js.map

package/lib-es/components/FileList/FilesListContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","FilesListContext","createContext"],"sources":["../../../../src/components/FileList/FilesListContext/index.js"],"sourcesContent":["import React from 'react';\n\nconst FilesListContext = React.createContext({});\n\nexport default FilesListContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAEhD,eAAeD,gBAAgB","ignoreList":[]}

package/lib-es/components/FileList/FilesListProvider/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import useGetFilesList from '../useGetFilesList/useGetFilesList';
+import FilesListContext from '../FilesListContext';
+const FilesListProvider = ({
+  children
+}) => {
+  const [{
+    queryParams,
+    data,
+    loading
+  }, {
+    setQueryParams,
+    clearList,
+    removeFile,
+    addNewFile,
+    updateFile
+  }] = useGetFilesList();
+  return /*#__PURE__*/React.createElement(FilesListContext.Provider, {
+    value: {
+      queryParams,
+      data,
+      loading,
+      setQueryParams,
+      clearList,
+      removeFile,
+      addNewFile,
+      updateFile
+    }
+  }, children);
+};
+FilesListProvider.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+};
+export default FilesListProvider;
+//# sourceMappingURL=index.js.map

package/lib-es/components/FileList/FilesListProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","useGetFilesList","FilesListContext","FilesListProvider","children","queryParams","data","loading","setQueryParams","clearList","removeFile","addNewFile","updateFile","createElement","Provider","value","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../../src/components/FileList/FilesListProvider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetFilesList from '../useGetFilesList/useGetFilesList';\nimport FilesListContext from '../FilesListContext';\n\nconst FilesListProvider = ({ children }) => {\n  const [\n    { queryParams, data, loading },\n    { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n  ] = useGetFilesList();\n  return (\n    <FilesListContext.Provider\n      value={{\n        queryParams,\n        data,\n        loading,\n        setQueryParams,\n        clearList,\n        removeFile,\n        addNewFile,\n        updateFile\n      }}>\n      {children}\n    </FilesListContext.Provider>\n  );\n};\n\nFilesListProvider.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default FilesListProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,oCAAoC;AAChE,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC1C,MAAM,CACJ;IAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAQ,CAAC,EAC9B;IAAEC,cAAc;IAAEC,SAAS;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAW,CAAC,CAClE,GAAGX,eAAe,CAAC,CAAC;EACrB,oBACEF,KAAA,CAAAc,aAAA,CAACX,gBAAgB,CAACY,QAAQ;IACxBC,KAAK,EAAE;MACLV,WAAW;MACXC,IAAI;MACJC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,UAAU;MACVC;IACF;EAAE,GACDR,QACwB,CAAC;AAEhC,CAAC;AAEDD,iBAAiB,CAACa,SAAS,GAAG;EAC5BZ,QAAQ,EAAEJ,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,OAAO,CAAClB,SAAS,CAACmB,IAAI,CAAC,EAAEnB,SAAS,CAACmB,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAejB,iBAAiB","ignoreList":[]}

package/lib-es/components/FileList/useFileList/index.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import FilesListContext from '../FilesListContext';
+const useFileList = () => useContext(FilesListContext);
+export default useFileList;
+//# sourceMappingURL=index.js.map

package/lib-es/components/FileList/useFileList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useContext","FilesListContext","useFileList"],"sources":["../../../../src/components/FileList/useFileList/index.js"],"sourcesContent":["import { useContext } from 'react';\nimport FilesListContext from '../FilesListContext';\n\nconst useFileList = () => useContext(FilesListContext);\n\nexport default useFileList;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,MAAMC,WAAW,GAAGA,CAAA,KAAMF,UAAU,CAACC,gBAAgB,CAAC;AAEtD,eAAeC,WAAW","ignoreList":[]}

package/lib-es/components/FileList/useGetFiles/getFiles.js

@@ -0,0 +1,179 @@
+import { getQuery } from '@blaze-cms/admin-ui-utils';
+import { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';
+const getFromSearch = async ({
+  searchTerm,
+  offset,
+  limit,
+  where,
+  client,
+  fileStores = []
+}) => {
+  const allTypesMatches = [{
+    match: {
+      type: 'image'
+    }
+  }, {
+    match: {
+      type: 'video'
+    }
+  }, {
+    match: {
+      type: 'text'
+    }
+  }];
+  const matchSpecificType = [{
+    match: {
+      type: where.type
+    }
+  }];
+  const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;
+  const mustMatch = [];
+  if (searchTerm) {
+    mustMatch.push({
+      simple_query_string: {
+        query: `${searchTerm}*`,
+        analyze_wildcard: true,
+        fields: ['name', 'filename', 'data.altText', 'data.caption', 'data.title', 'data.credits']
+      }
+    });
+  }
+  const storeKeys = [];
+  if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {
+    storeKeys.push(...fileStores.map(({
+      key
+    }) => key));
+  } else if (where.storeKey) {
+    storeKeys.push(where.storeKey);
+  }
+  mustMatch.push({
+    bool: {
+      should: storeKeys.map(storeKey => ({
+        match: {
+          storeKey
+        }
+      })),
+      minimum_should_match: 1
+    }
+  });
+  const {
+    data: {
+      files: {
+        results: files
+      },
+      all,
+      image,
+      video,
+      text
+    }
+  } = await client.query({
+    query: getQuery('SEARCH_ADMIN_MEDIA'),
+    fetchPolicy: 'network-only',
+    variables: {
+      offset,
+      limit,
+      sort: searchTerm ? null : 'updated:desc',
+      rawQuery: {
+        query: {
+          bool: {
+            must: [...mustMatch, {
+              bool: {
+                should: match
+              }
+            }]
+          }
+        }
+      },
+      rawQueryAllResults: {
+        query: {
+          bool: {
+            must: [...mustMatch, {
+              bool: {
+                should: [{
+                  match: {
+                    type: 'image'
+                  }
+                }, {
+                  match: {
+                    type: 'video'
+                  }
+                }, {
+                  match: {
+                    type: 'text'
+                  }
+                }]
+              }
+            }]
+          }
+        }
+      },
+      rawQueryImages: {
+        query: {
+          bool: {
+            must: [...mustMatch, {
+              bool: {
+                should: [{
+                  match: {
+                    type: 'image'
+                  }
+                }]
+              }
+            }]
+          }
+        }
+      },
+      rawQueryVideos: {
+        query: {
+          bool: {
+            must: [...mustMatch, {
+              bool: {
+                should: [{
+                  match: {
+                    type: 'video'
+                  }
+                }]
+              }
+            }]
+          }
+        }
+      },
+      rawQueryDocs: {
+        query: {
+          bool: {
+            must: [...mustMatch, {
+              bool: {
+                should: [{
+                  match: {
+                    type: 'text'
+                  }
+                }]
+              }
+            }]
+          }
+        }
+      }
+    }
+  });
+  return {
+    files,
+    all,
+    image,
+    video,
+    text
+  };
+};
+const getFiles = ({
+  offset,
+  limit,
+  where,
+  searchTerm,
+  fileStores
+}, client) => getFromSearch({
+  searchTerm,
+  offset,
+  limit,
+  where,
+  client,
+  fileStores
+});
+export default getFiles;
+//# sourceMappingURL=getFiles.js.map