learningtribes-studio-frontend 1.4.1 → 1.4.2-alpha.1

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.1",
+  "version": "1.4.2-alpha.1",
   "description": "The frontend for the Open edX platform",
   "repository": "Learningtribes/studio-frontend",
   "scripts": {

package/src/components/AssetsDropZone/AssetsDropZone.scss

@@ -5,42 +5,94 @@
 }
 
 .drop-zone-compact {
-  border: $dark dashed 1px;
-  padding: 0;
+  border: 1px dashed #e0e0e0;
+  border-radius: 8px;
+  padding: 20px;
+  background-color: #fff;
+  transition: all 0.3s ease;
+  cursor: pointer;
+
+  &:hover {
+    border-color: #4a90d9;
+    background-color: #fff;
+  }
 
-  button {
-    white-space: normal;
-    margin-top: $spacer;
-    margin-bottom: $spacer;
+  [data-identifier="asset-drop-zone-icon"] {
+    color: #9e9e9e;
+    margin-bottom: 8px;
+    
+    span {
+      font-size: 32px;
+    }
   }
 
   h2 {
-    @extend .center-text;
-    font-weight: $font-weight-bold;
-    font-size: $font-size-lg;
-    margin-bottom: 0;
+    display: none;
+  }
+
+  .label-or {
+    display: none;
+  }
+
+  button.btn {
+    display: none;
   }
 
   p {
-    font-size: $font-size-sm;
-    margin-bottom: $spacer * 0.5;
+    font-size: 12px;
+    margin-bottom: 0;
   }
 }
 
 .drop-zone {
   @extend .drop-zone-compact;
+}
 
-  @media (min-width: map-get($grid-breakpoints, 'md')) {
-    padding: $spacer;
-    h2 {
-      margin-bottom: inherit;
-    }
+.drop-active {
+  outline: none;
+  border: 2px dashed #4a90d9;
+  background-color: rgba(74, 144, 217, 0.05);
+}
+
+.upload-prompt {
+  text-align: center;
+  margin-bottom: 4px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.upload-link {
+  background: none;
+  border: none;
+  color: #4a90d9;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 0;
+  text-decoration: none;
+
+  &:hover {
+    color: #4a90d9;
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: 2px solid rgba(74, 144, 217, 0.5);
+    outline-offset: 2px;
   }
 }
 
-.drop-active {
-  outline: $dark dashed 2px;
-  background-color: rgba($primary, 0.2);
+.upload-text {
+  color: #666;
+  font-size: 16px;
+  font-weight: 400;
+}
+
+.size-limit {
+  text-align: center;
+  color: #999;
+  font-size: 14px;
+  margin-bottom: 0;
 }
 
 .supported-files-types {
@@ -54,3 +106,19 @@
   font-size: 12px !important;
   font-weight: 400;
 }
+
+// Collapsed zone in image modal
+.collapsedZoneStyle {
+  .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/displayMessages.jsx

@@ -8,12 +8,12 @@ const messages = defineMessages({
   },
   assetsDropZoneBrowseLabel: {
     id: 'assetsDropZoneBrowseLabel',
-    defaultMessage: 'Select from your computer',
+    defaultMessage: 'Click to upload',
     description: 'Upload label for the "Browse" button',
   },
   assetsDropZoneHeader: {
     id: 'assetsDropZoneHeader',
-    defaultMessage: 'Drag & Drop',
+    defaultMessage: 'or drag and drop',
     description: 'Upload with dropzone section heading',
   },
   assetsDropZoneMaxFileSizeLabel: {

package/src/components/AssetsDropZone/index.jsx

@@ -37,7 +37,9 @@ export default class AssetsDropZone extends React.Component {
   };
 
   setUploadButtonRef = (ref) => {
-    this.props.buttonRef(ref);
+    if (this.props.buttonRef) {
+      this.props.buttonRef(ref);
+    }
   };
 
   handleClick = () => {
@@ -66,30 +68,29 @@ export default class AssetsDropZone extends React.Component {
                 <div className={styles['center-text']} data-identifier="asset-drop-zone-icon">
                   <span
                     aria-hidden
-                    className={'fad fa-cloud-upload-alt '+classNames(
+                    className={'far fa-images '+classNames(
                       styles['center-text'],
-                      //FontAwesomeStyles.fa,
-                      //FontAwesomeStyles['fa-cloud-upload'],
                       FontAwesomeStyles['fa-3x'])}
                   />
                 </div>
-                <WrappedMessage message={messages.assetsDropZoneHeader}>
-                  { displayText => (
-                    <h2 data-identifier="asset-drop-zone-header">{displayText}</h2>
-                  )}
-                </WrappedMessage>
-                <span className="label-or">or</span>
-                <div className={styles['center-text']}>
+                <div className={styles['upload-prompt']}>
                   <WrappedMessage message={messages.assetsDropZoneBrowseLabel} >
                     { displayText => (
-                      <Button
+                      <button
+                        type="button"
                         aria-describedby="asset-drop-zone-max-file-size-label"
-                        className={['btn', 'btn-outline-primary']}
+                        className={styles['upload-link']}
                         data-identifier="asset-drop-zone-browse-button"
-                        label={displayText}
                         onClick={this.handleClick}
-                        inputRef={this.setUploadButtonRef}
-                      />
+                        ref={this.setUploadButtonRef}
+                      >
+                        {displayText}
+                      </button>
+                    )}
+                  </WrappedMessage>
+                  <WrappedMessage message={messages.assetsDropZoneHeader}>
+                    { displayText => (
+                      <span className={styles['upload-text']} data-identifier="asset-drop-zone-header"> {displayText}</span>
                     )}
                   </WrappedMessage>
                 </div>
@@ -102,7 +103,7 @@ export default class AssetsDropZone extends React.Component {
                   { displayText => (
                     <p
                       aria-hidden
-                      className={styles['center-text']}
+                      className={styles['size-limit']}
                       data-identifier="asset-drop-zone-max-file-size-label"
                       id="asset-drop-zone-max-file-size-label"
                     >

package/src/components/AssetsList/AssetsList.scss

@@ -1,6 +1,138 @@
 @import 'edx-bootstrap';
 @import 'utils/scss/focus';
 
+// Horizontal scrollable grid
+.assets-grid {
+  display: flex;
+  gap: 10px;
+  overflow-x: auto;
+  padding: 8px 0;
+  margin-bottom: 10px;
+
+  &:focus {
+    @include focus();
+  }
+
+  // Custom scrollbar
+  &::-webkit-scrollbar {
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: #f0f0f0;
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #c0c0c0;
+    border-radius: 3px;
+
+    &:hover {
+      background: #a0a0a0;
+    }
+  }
+}
+
+.asset-grid-item {
+  flex-shrink: 0;
+  width: 100px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &:hover {
+    .asset-preview {
+      border-color: #c0c0c0;
+    }
+  }
+
+  &.selected {
+    .asset-preview {
+      border-color: #4a90d9;
+      border-width: 2px;
+    }
+
+    .asset-name {
+      color: #4a90d9;
+      background-color: rgba(74, 144, 217, 0.1);
+      padding: 2px 4px;
+      border-radius: 4px;
+    }
+  }
+}
+
+.asset-preview {
+  width: 100px;
+  height: 100px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  margin-bottom: 8px;
+  transition: border-color 0.2s ease;
+  overflow: hidden;
+}
+
+.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;
+  text-transform: lowercase;
+  z-index: 1;
+}
+
+.asset-thumbnail {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.asset-icon {
+  font-size: 36px;
+  color: #9e9e9e;
+
+  i {
+    display: block;
+  }
+}
+
+.asset-info {
+  text-align: center;
+}
+
+.asset-name {
+  font-size: 12px;
+  font-weight: 500;
+  color: #333;
+  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;
+  }
+}
+
+.asset-size {
+  font-size: 11px;
+  color: #666;
+}
+
+// Old styles
 .assets-list-image-preview-container {
   background-color: theme-color('light');
   color: theme-color('dark');