learningtribes-studio-frontend 1.4.2-alpha.0 → 1.4.2-alpha.2

package/dist/i18n/messages/ar.json

@@ -149,8 +149,6 @@
   "editImageModalImageDescriptionLegend": "Image Description",
   "editImageModalDimensionsLegend": "Image Dimensions",
   "editImageModalImageHeight": "Height",
-  "editImageModalImageIsDecorativeCheckboxDescription": "This image is a background or other image that does not require alternative text.",
-  "editImageModalImageIsDecorativeCheckboxLabel": "This image is decorative only",
   "editImageModalImagePreviewText": "Image Preview",
   "editImageModalInsertImageButton": "Insert Image",
   "editImageModalLearnMore": "Learn more.",
@@ -159,7 +157,6 @@
   "editImageModalInsertTitle": "Add an Image",
   "editImageModalInsertHeader": "Select a previously uploaded image",
   "editImageModalEditTitle": "Edit Image Settings",
-  "editImageModalImageOrFields": "or",
   "editImageModalNextPageButton": "Next",
   "editImageModalPreviousPageButton": "Back",
   "editImageModalInvalidFileType": "Files must be images, such as .jpg, .png, and .tiff files. No files were uploaded.",

package/dist/i18n/messages/es_419.json

@@ -149,8 +149,6 @@
   "editImageModalImageDescriptionLegend": "Descripción de la imagen",
   "editImageModalDimensionsLegend": "Dimensiones de la imagen",
   "editImageModalImageHeight": "Altura",
-  "editImageModalImageIsDecorativeCheckboxDescription": "Esta imagen es un fondo o otra imagen que no necesita un texto alternativo.",
-  "editImageModalImageIsDecorativeCheckboxLabel": "Esta es solo una imagen decorativa",
   "editImageModalImagePreviewText": "Previsualización de Imagen",
   "editImageModalInsertImageButton": "Insertar imagen",
   "editImageModalLearnMore": "Saber más.",
@@ -159,7 +157,6 @@
   "editImageModalInsertTitle": "Añadir una imagen",
   "editImageModalInsertHeader": "Seleccionar una imagen subida anteriormente",
   "editImageModalEditTitle": "Editar ajustes de la imagen",
-  "editImageModalImageOrFields": "o",
   "editImageModalNextPageButton": "Siguiente",
   "editImageModalPreviousPageButton": "Volver atrás",
   "editImageModalInvalidFileType": "Los archivos deben ser imágenes, formatos como .jpg, .png, y .tiff. Ningún archivo fue subido.",

package/dist/i18n/messages/fr.json

@@ -149,8 +149,6 @@
   "editImageModalImageDescriptionLegend": "Description de l'Image",
   "editImageModalDimensionsLegend": "Dimensions de l'image",
   "editImageModalImageHeight": "Hauteur",
-  "editImageModalImageIsDecorativeCheckboxDescription": "C'est image de fond ou une autre image ne nécessitant pas de texte alternatif.",
-  "editImageModalImageIsDecorativeCheckboxLabel": "Cette image est purement décorative",
   "editImageModalImagePreviewText": "Aperçu de l'image",
   "editImageModalInsertImageButton": "Insérer l'image",
   "editImageModalLearnMore": "En savoir plus.",
@@ -159,7 +157,6 @@
   "editImageModalInsertTitle": "Ajouter une image",
   "editImageModalInsertHeader": "Sélectionner une image chargée précédemment",
   "editImageModalEditTitle": "Modifier les paramètres d'images",
-  "editImageModalImageOrFields": "ou",
   "editImageModalNextPageButton": "Suivant",
   "editImageModalPreviousPageButton": "Retour",
   "editImageModalInvalidFileType": "Les fichiers doivent être des images, du type .jpg, png, et .tiff. Aucun fichier n'a été chargé.",

package/dist/i18n/messages/zh_CN.json

@@ -148,8 +148,6 @@
   "editImageModalImageDescriptionLegend": "图片描述",
   "editImageModalDimensionsLegend": "图片长宽比例",
   "editImageModalImageHeight": "高度",
-  "editImageModalImageIsDecorativeCheckboxDescription": "此图像是不需要替代文本的背景或其他图像。",
-  "editImageModalImageIsDecorativeCheckboxLabel": "此图片仅为装饰",
   "editImageModalImagePreviewText": "图片预览",
   "editImageModalInsertImageButton": "插入图片",
   "editImageModalLearnMore": "了解更多。",
@@ -158,7 +156,6 @@
   "editImageModalInsertTitle": "添加图片",
   "editImageModalInsertHeader": "选择一张之前上传的图片",
   "editImageModalEditTitle": "编辑图片设置",
-  "editImageModalImageOrFields": "或者",
   "editImageModalNextPageButton": "下一步",
   "editImageModalPreviousPageButton": "返回",
   "editImageModalInvalidFileType": "文件必须是图片，例如 .jpg，.png 和 .tiff 文件。没有文件被上传。",

package/dist/i18nMessages.min.js

@@ -1,2 +1,2 @@
-!function(r){function n(n){for(var t,f,i=n[0],l=n[1],p=n[2],a=0,c=[];a<i.length;a++)f=i[a],o[f]&&c.push(o[f][0]),o[f]=0;for(t in l)Object.prototype.hasOwnProperty.call(l,t)&&(r[t]=l[t]);for(s&&s(n);c.length;)c.shift()();return u.push.apply(u,p||[]),e()}function e(){for(var r,n=0;n<u.length;n++){for(var e=u[n],t=!0,i=1;i<e.length;i++){var l=e[i];0!==o[l]&&(t=!1)}t&&(u.splice(n--,1),r=f(f.s=e[0]))}return r}var t={},o={2:0},u=[];function f(n){if(t[n])return t[n].exports;var e=t[n]={i:n,l:!1,exports:{}};return r[n].call(e.exports,e,e.exports,f),e.l=!0,e.exports}f.m=r,f.c=t,f.d=function(r,n,e){f.o(r,n)||Object.defineProperty(r,n,{configurable:!1,enumerable:!0,get:e})},f.r=function(r){Object.defineProperty(r,"__esModule",{value:!0})},f.n=function(r){var n=r&&r.__esModule?function(){return r.default}:function(){return r};return f.d(n,"a",n),n},f.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},f.p="";var i=window.studiofrontendJsonP=window.studiofrontendJsonP||[],l=i.push.bind(i);i.push=n,i=i.slice();for(var p=0;p<i.length;p++)n(i[p]);var s=l;u.push([437,0]),e()}([]);
+!function(r){function n(n){for(var t,f,i=n[0],l=n[1],p=n[2],a=0,c=[];a<i.length;a++)f=i[a],o[f]&&c.push(o[f][0]),o[f]=0;for(t in l)Object.prototype.hasOwnProperty.call(l,t)&&(r[t]=l[t]);for(s&&s(n);c.length;)c.shift()();return u.push.apply(u,p||[]),e()}function e(){for(var r,n=0;n<u.length;n++){for(var e=u[n],t=!0,i=1;i<e.length;i++){var l=e[i];0!==o[l]&&(t=!1)}t&&(u.splice(n--,1),r=f(f.s=e[0]))}return r}var t={},o={2:0},u=[];function f(n){if(t[n])return t[n].exports;var e=t[n]={i:n,l:!1,exports:{}};return r[n].call(e.exports,e,e.exports,f),e.l=!0,e.exports}f.m=r,f.c=t,f.d=function(r,n,e){f.o(r,n)||Object.defineProperty(r,n,{configurable:!1,enumerable:!0,get:e})},f.r=function(r){Object.defineProperty(r,"__esModule",{value:!0})},f.n=function(r){var n=r&&r.__esModule?function(){return r.default}:function(){return r};return f.d(n,"a",n),n},f.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},f.p="";var i=window.studiofrontendJsonP=window.studiofrontendJsonP||[],l=i.push.bind(i);i.push=n,i=i.slice();for(var p=0;p<i.length;p++)n(i[p]);var s=l;u.push([436,0]),e()}([]);
 //# sourceMappingURL=i18nMessages.min.js.map

package/dist/i18nMessages.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","r","value","n","__esModule","object","property","p","jsonpArray","window","oldJsonpFunction","bind","slice"],"mappings":"aACA,SAAAA,EAAAC,GAOA,IANA,IAKAC,EAAAC,EALAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAGAM,EAAA,EAAAC,KACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAIA,IADAe,KAAAhB,GACAO,EAAAC,QACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,OAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,KAKApB,GACAqB,EAAA,GAGAZ,KAGA,SAAAS,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAA8B,QAGA,IAAAC,EAAAH,EAAA5B,IACAK,EAAAL,EACAgC,GAAA,EACAF,YAUA,OANAhB,EAAAd,GAAAa,KAAAkB,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAnB,EAGAY,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACA1B,OAAA6B,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAb,GACApB,OAAA6B,eAAAT,EAAA,cAAiDc,OAAA,KAIjDlB,EAAAmB,EAAA,SAAAd,GACA,IAAAM,EAAAN,KAAAe,WACA,WAA2B,OAAAf,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAS,EAAAC,GAAsD,OAAAtC,OAAAC,UAAAC,eAAAC,KAAAkC,EAAAC,IAGtDtB,EAAAuB,EAAA,GAEA,IAAAC,EAAAC,OAAA,oBAAAA,OAAA,wBACAC,EAAAF,EAAAzC,KAAA4C,KAAAH,GACAA,EAAAzC,KAAAX,EACAoD,IAAAI,QACA,QAAAjD,EAAA,EAAgBA,EAAA6C,EAAA3C,OAAuBF,IAAAP,EAAAoD,EAAA7C,IACvC,IAAAU,EAAAqC,EAIAnC,EAAAR,MAAA,QAEAU","file":"i18nMessages.min.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"studiofrontendJsonP\"] = window[\"studiofrontendJsonP\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([437,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","r","value","n","__esModule","object","property","p","jsonpArray","window","oldJsonpFunction","bind","slice"],"mappings":"aACA,SAAAA,EAAAC,GAOA,IANA,IAKAC,EAAAC,EALAC,EAAAH,EAAA,GACAI,EAAAJ,EAAA,GACAK,EAAAL,EAAA,GAGAM,EAAA,EAAAC,KACQD,EAAAH,EAAAK,OAAoBF,IAC5BJ,EAAAC,EAAAG,GACAG,EAAAP,IACAK,EAAAG,KAAAD,EAAAP,GAAA,IAEAO,EAAAP,GAAA,EAEA,IAAAD,KAAAG,EACAO,OAAAC,UAAAC,eAAAC,KAAAV,EAAAH,KACAc,EAAAd,GAAAG,EAAAH,IAIA,IADAe,KAAAhB,GACAO,EAAAC,QACAD,EAAAU,OAAAV,GAOA,OAHAW,EAAAR,KAAAS,MAAAD,EAAAb,OAGAe,IAEA,SAAAA,IAEA,IADA,IAAAC,EACAf,EAAA,EAAiBA,EAAAY,EAAAV,OAA4BF,IAAA,CAG7C,IAFA,IAAAgB,EAAAJ,EAAAZ,GACAiB,GAAA,EACAC,EAAA,EAAkBA,EAAAF,EAAAd,OAA2BgB,IAAA,CAC7C,IAAAC,EAAAH,EAAAE,GACA,IAAAf,EAAAgB,KAAAF,GAAA,GAEAA,IACAL,EAAAQ,OAAApB,IAAA,GACAe,EAAAM,IAAAC,EAAAN,EAAA,KAGA,OAAAD,EAIA,IAAAQ,KAKApB,GACAqB,EAAA,GAGAZ,KAGA,SAAAS,EAAA1B,GAGA,GAAA4B,EAAA5B,GACA,OAAA4B,EAAA5B,GAAA8B,QAGA,IAAAC,EAAAH,EAAA5B,IACAK,EAAAL,EACAgC,GAAA,EACAF,YAUA,OANAhB,EAAAd,GAAAa,KAAAkB,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAnB,EAGAY,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACA1B,OAAA6B,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAb,GACApB,OAAA6B,eAAAT,EAAA,cAAiDc,OAAA,KAIjDlB,EAAAmB,EAAA,SAAAd,GACA,IAAAM,EAAAN,KAAAe,WACA,WAA2B,OAAAf,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAS,EAAAC,GAAsD,OAAAtC,OAAAC,UAAAC,eAAAC,KAAAkC,EAAAC,IAGtDtB,EAAAuB,EAAA,GAEA,IAAAC,EAAAC,OAAA,oBAAAA,OAAA,wBACAC,EAAAF,EAAAzC,KAAA4C,KAAAH,GACAA,EAAAzC,KAAAX,EACAoD,IAAAI,QACA,QAAAjD,EAAA,EAAgBA,EAAA6C,EAAA3C,OAAuBF,IAAAP,EAAAoD,EAAA7C,IACvC,IAAAU,EAAAqC,EAIAnC,EAAAR,MAAA,QAEAU","file":"i18nMessages.min.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"studiofrontendJsonP\"] = window[\"studiofrontendJsonP\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([436,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "learningtribes-studio-frontend",
-  "version": "1.4.2-alpha.0",
+  "version": "1.4.2-alpha.2",
   "description": "The frontend for the Open edX platform",
   "repository": "Learningtribes/studio-frontend",
   "scripts": {

package/src/components/AssetsDropZone/AssetsDropZone.scss

@@ -1,100 +1,90 @@
 @import 'edx-bootstrap';
 
+// Matches the shared upload widget used by the Uploads page and PDF editor.
+$upload-border: #ebebf1;
+$upload-brand: #5959eb;
+$upload-prompt-primary: #3535cd;
+$upload-prompt-secondary: #1f1f59;
+$upload-icon: #4c4c8e;
+
 .center-text {
   text-align: center !important;
 }
 
 .drop-zone-compact {
-  border: 1px dashed #d0d0d0;
+  border: 1px dashed $upload-border;
   border-radius: 8px;
-  padding: 24px 20px;
-  background-color: #fafafa;
-  transition: all 0.2s ease;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
   cursor: pointer;
+  background-color: #fff;
+  transition: all 0.3s ease;
 
   &:hover {
-    border-color: #4a90d9;
+    border-color: $upload-brand;
     background-color: #fff;
   }
-
-  [data-identifier="asset-drop-zone-icon"] {
-    color: #4a90d9;
-    margin-bottom: 12px;
-    
-    span {
-      font-size: 32px;
-    }
-  }
-
-  h2 {
-    display: none;
-  }
-
-  .label-or {
-    display: none;
-  }
-
-  button.btn {
-    display: none;
-  }
-
-  p {
-    font-size: 12px;
-    margin-bottom: 0;
-  }
 }
 
 .drop-zone {
   @extend .drop-zone-compact;
-
-  @media (min-width: map-get($grid-breakpoints, 'md')) {
-    padding: 30px 20px;
-  }
 }
 
 .drop-active {
   outline: none;
-  border: 2px dashed #4a90d9;
-  background-color: rgba(74, 144, 217, 0.05);
+  border-color: $upload-brand;
+  background-color: #fff;
+}
+
+.upload-icon {
+  font-size: 32px;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+  color: $upload-icon;
+  margin-bottom: 8px;
 }
 
 .upload-prompt {
-  text-align: center;
-  margin-bottom: 6px;
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 4px;
 }
 
-.upload-link {
+.upload-prompt-primary {
   background: none;
   border: none;
-  color: #4a90d9;
-  font-size: 14px;
-  font-weight: 500;
+  color: $upload-prompt-primary;
+  font-size: 16px;
+  font-weight: 600;
   cursor: pointer;
   padding: 0;
-  text-decoration: none;
 
-  &:hover {
-    text-decoration: underline;
-    color: darken(#4a90d9, 10%);
+  &:hover,
+  &:focus {
+    color: $upload-prompt-primary;
+    text-decoration: none;
   }
 
   &:focus {
-    outline: 2px solid rgba(74, 144, 217, 0.5);
+    outline: 2px solid rgba(89, 89, 235, 0.5);
     outline-offset: 2px;
   }
 }
 
-.upload-text {
-  color: #333;
-  font-size: 14px;
-  font-weight: 400;
+.upload-prompt-secondary {
+  color: $upload-prompt-secondary;
+  font-size: 16px;
+  font-weight: 600;
 }
 
-.size-limit {
-  text-align: center;
-  color: #4a90d9;
-  font-size: 12px;
-  margin-bottom: 0;
+.upload-info {
+  font-size: 14px;
+  color: $upload-prompt-secondary;
 }
 
 .supported-files-types {
@@ -114,10 +104,10 @@
   .drop-zone-compact,
   .drop-zone {
     padding: 20px 16px;
-    
+
     [data-identifier="asset-drop-zone-icon"] {
       margin-bottom: 8px;
-      
+
       span {
         font-size: 28px;
       }

package/src/components/AssetsDropZone/AssetsDropZone.test.jsx

@@ -27,7 +27,7 @@ describe('<AssetsDropZone />', () => {
 
   describe('renders', () => {
     it('contains file browser button', () => {
-      expect(wrapper.find('button').text()).toEqual('Browse your computer');
+      expect(wrapper.find('button').text()).toEqual('Click to upload');
     });
     it('hides the icon & upload file size from screen readers', () => {
       expect(wrapper.find('[aria-hidden=true]').length).toBe(2);

package/src/components/AssetsDropZone/index.jsx

@@ -3,8 +3,6 @@ import classNames from 'classnames';
 import Dropzone from 'react-dropzone';
 import PropTypes from 'prop-types';
 
-import { Button } from '@edx/paragon';
-import FontAwesomeStyles from 'font-awesome/css/font-awesome.min.css';
 import WrappedMessage from '../../utils/i18n/formattedMessageWrapper';
 import messages from './displayMessages';
 import styles from './AssetsDropZone.scss';
@@ -57,31 +55,29 @@ export default class AssetsDropZone extends React.Component {
                 activeClassName={styles['drop-active']}
                 className={classNames([
                   this.props.compactStyle ? styles['drop-zone-compact'] : styles['drop-zone'],
-                  styles['center-text'],
                 ])}
                 data-identifier="asset-drop-zone"
-                disableClick
                 maxSize={this.dropZoneMaxFileSizeBytes}
                 onDrop={this.onDrop}
                 ref={this.setDropZoneRef}
               >
-                <div className={styles['center-text']} data-identifier="asset-drop-zone-icon">
-                  <span
-                    aria-hidden
-                    className={'far fa-image '+classNames(
-                      styles['center-text'],
-                      FontAwesomeStyles['fa-3x'])}
-                  />
-                </div>
+                <i
+                  aria-hidden="true"
+                  className={classNames('far', 'fa-images', styles['upload-icon'])}
+                  data-identifier="asset-drop-zone-icon"
+                />
                 <div className={styles['upload-prompt']}>
                   <WrappedMessage message={messages.assetsDropZoneBrowseLabel} >
                     { displayText => (
                       <button
                         type="button"
                         aria-describedby="asset-drop-zone-max-file-size-label"
-                        className={styles['upload-link']}
+                        className={styles['upload-prompt-primary']}
                         data-identifier="asset-drop-zone-browse-button"
-                        onClick={this.handleClick}
+                        onClick={(event) => {
+                          event.stopPropagation();
+                          this.handleClick();
+                        }}
                         ref={this.setUploadButtonRef}
                       >
                         {displayText}
@@ -90,7 +86,7 @@ export default class AssetsDropZone extends React.Component {
                   </WrappedMessage>
                   <WrappedMessage message={messages.assetsDropZoneHeader}>
                     { displayText => (
-                      <span className={styles['upload-text']} data-identifier="asset-drop-zone-header"> {displayText}</span>
+                      <span className={styles['upload-prompt-secondary']} data-identifier="asset-drop-zone-header"> {displayText}</span>
                     )}
                   </WrappedMessage>
                 </div>
@@ -101,14 +97,14 @@ export default class AssetsDropZone extends React.Component {
                   }}
                 >
                   { displayText => (
-                    <p
-                      aria-hidden
-                      className={styles['size-limit']}
+                    <div
+                      aria-hidden="true"
+                      className={styles['upload-info']}
                       data-identifier="asset-drop-zone-max-file-size-label"
                       id="asset-drop-zone-max-file-size-label"
                     >
                       {displayText}
-                    </p>
+                    </div>
                   )}
                 </WrappedMessage>
                 {this.props.supportedFileTypes !== undefined &&

package/src/components/AssetsList/AssetsList.scss

@@ -1,34 +1,41 @@
 @import 'edx-bootstrap';
 @import 'utils/scss/focus';
 
-// Horizontal scrollable grid
+// Horizontal strip. Card chrome matches the Uploads thumbnails;
+// selection and scrolling match the PDF editor file strip.
+$brand-primary: #5959eb;
+$neutral-fg: #09092d;
+$neutral-alt: #1f1f59;
+$preview-bg: #fafafa;
+$badge-bg: #ccccff;
+$badge-fg: #1717ab;
+
 .assets-grid {
   display: flex;
-  gap: 10px;
+  gap: 12px;
   overflow-x: auto;
   padding: 8px 0;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 
   &:focus {
     @include focus();
   }
 
-  // Custom scrollbar
   &::-webkit-scrollbar {
     height: 6px;
   }
 
   &::-webkit-scrollbar-track {
-    background: #f0f0f0;
+    background: #ebebf1;
     border-radius: 3px;
   }
 
   &::-webkit-scrollbar-thumb {
-    background: #c0c0c0;
+    background: #c4c4d8;
     border-radius: 3px;
 
     &:hover {
-      background: #a0a0a0;
+      background: #b0b0cd;
     }
   }
 }
@@ -41,20 +48,18 @@
 
   &:hover {
     .asset-preview {
-      border-color: #c0c0c0;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     }
   }
 
   &.selected {
     .asset-preview {
-      border-color: #4a90d9;
-      border-width: 2px;
+      border-color: $brand-primary;
     }
 
     .asset-name {
-      color: #4a90d9;
-      background-color: rgba(74, 144, 217, 0.1);
-      padding: 2px 4px;
+      color: #fff;
+      background-color: $brand-primary;
       border-radius: 4px;
     }
   }
@@ -63,29 +68,30 @@
 .asset-preview {
   width: 100px;
   height: 100px;
-  border: 1px solid #e0e0e0;
-  border-radius: 8px;
-  background-color: #fff;
+  border: 4px solid transparent;
+  border-radius: 4px;
+  background-color: $preview-bg;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
-  margin-bottom: 8px;
-  transition: border-color 0.2s ease;
   overflow: hidden;
+  box-sizing: content-box;
+  transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
 
 .file-type-badge {
   position: absolute;
-  top: 6px;
-  left: 6px;
-  background-color: #e8f4fd;
-  color: #1976d2;
-  font-size: 10px;
-  font-weight: 700;
-  padding: 2px 6px;
-  border-radius: 4px;
+  top: 4px;
+  left: 4px;
+  background-color: $badge-bg;
+  color: $badge-fg;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+  padding: 4px;
+  border-radius: 2px;
   text-transform: lowercase;
   z-index: 1;
 }
@@ -94,11 +100,13 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
+  border-radius: 4px;
 }
 
 .asset-icon {
-  font-size: 36px;
-  color: #9e9e9e;
+  font-size: 35px;
+  color: $neutral-alt;
+  margin-top: 6px;
 
   i {
     display: block;
@@ -106,30 +114,29 @@
 }
 
 .asset-info {
-  text-align: center;
+  width: 100px;
+  margin-top: 8px;
 }
 
 .asset-name {
+  display: inline-block;
+  max-width: 100%;
+  box-sizing: border-box;
+  vertical-align: top;
   font-size: 12px;
   font-weight: 500;
-  color: #333;
+  color: $neutral-fg;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 100px;
-  margin-bottom: 2px;
-
-  &.selected {
-    color: #4a90d9;
-    background-color: rgba(74, 144, 217, 0.1);
-    padding: 2px 4px;
-    border-radius: 4px;
-  }
+  padding: 2px 4px;
+  border-radius: 4px;
 }
 
 .asset-size {
-  font-size: 11px;
-  color: #666;
+  font-size: 12px;
+  font-weight: 400;
+  color: $neutral-alt;
 }
 
 // Old styles

package/src/components/AssetsList/index.jsx

@@ -94,7 +94,11 @@ export default class AssetsList extends React.Component {
     const isSelected = this.props.selectedAsset.id === asset.id;
     const baseUrl = this.props.courseDetails.base_url || '';
     const fileExt = this.getFileExtension(asset.display_name);
-    const fileSize = this.formatFileSize(asset.file_size);
+    const fileSize = this.formatFileSize(asset.file_size || asset.size);
+    const previewPath = asset.thumbnail || asset.url;
+    const previewSrc = previewPath
+      ? (previewPath.indexOf('http') === 0 ? previewPath : `${baseUrl}${previewPath}`)
+      : '';
 
     return (
       <div
@@ -102,16 +106,17 @@ export default class AssetsList extends React.Component {
         className={classNames(styles['asset-grid-item'], { [styles.selected]: isSelected })}
         id={`asset-list-option-${index}`}
         aria-selected={isSelected}
+        aria-label={asset.display_name}
         role="option"
         key={asset.id || asset.display_name}
         tabIndex="-1"
       >
         <div className={styles['asset-preview']}>
           <span className={styles['file-type-badge']}>{fileExt}</span>
-          {asset.thumbnail ? (
+          {previewSrc ? (
             <img
               className={styles['asset-thumbnail']}
-              src={`${baseUrl}${asset.thumbnail}`}
+              src={previewSrc}
               alt=""
             />
           ) : (
@@ -121,7 +126,7 @@ export default class AssetsList extends React.Component {
           )}
         </div>
         <div className={styles['asset-info']}>
-          <div className={classNames(styles['asset-name'], { [styles.selected]: isSelected })} title={asset.display_name}>
+          <div className={styles['asset-name']} title={asset.display_name}>
             {asset.display_name}
           </div>
           {fileSize && (