@magmamath/students-features 0.6.5-rc-11 → 0.6.5-rc-20

package/dist/commonjs/features/endOfAssignment/components/Modal/ModalBackground.js

@@ -7,16 +7,30 @@ exports.ModalBackground = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _TrophyIcon = require("./assets/TrophyIcon.js");
 var _SunrisingIcon = require("./assets/SunrisingIcon.js");
+var _gobletBg = _interopRequireDefault(require("./assets/goblet-bg.webp"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import { TrophyIcon } from './assets/TrophyIcon'
+
+// force TS to see ModalBg as string on web
+const webUri = _gobletBg.default;
+
+// force TS to see ModalBg as number on native
+const nativeModuleId = _gobletBg.default;
 const ModalBackground = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
   style: [_reactNative.StyleSheet.absoluteFill, styles.backgroundContainer],
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.bgImageLeft,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrophyIcon.TrophyIcon, {
-      size: 466
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: _reactNative.Platform.OS === 'web' ? {
+        uri: webUri
+      } : nativeModuleId,
+      style: {
+        width: '100%',
+        height: '100%',
+        resizeMode: 'cover'
+      }
     })
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.bgImageRight,

package/dist/commonjs/features/endOfAssignment/components/Modal/ModalBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_TrophyIcon","_SunrisingIcon","_jsxRuntime","e","__esModule","default","ModalBackground","jsxs","View","style","StyleSheet","absoluteFill","styles","backgroundContainer","children","jsx","bgImageLeft","TrophyIcon","size","bgImageRight","SunrisingIcon","exports","create","borderRadius","BORDER_RADIUS","overflow","position","bottom","zIndex"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/ModalBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAsD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,eAAe,GAAGA,CAAA,kBAC7B,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEC,MAAM,CAACC,mBAAmB,CAAE;EAAAC,QAAA,gBACjE,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEG,MAAM,CAACI,WAAY;IAAAF,QAAA,eAC9B,IAAAZ,WAAA,CAAAa,GAAA,EAACf,WAAA,CAAAiB,UAAU;MAACC,IAAI,EAAE;IAAI,CAAE;EAAC,CACrB,CAAC,eACP,IAAAhB,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEG,MAAM,CAACO,YAAa;IAAAL,QAAA,eAC/B,IAAAZ,WAAA,CAAAa,GAAA,EAACd,cAAA,CAAAmB,aAAa;MAACF,IAAI,EAAE;IAAI,CAAE;EAAC,CACxB,CAAC;AAAA,CACH,CACP;AAAAG,OAAA,CAAAf,eAAA,GAAAA,eAAA;AAED,MAAMM,MAAM,GAAGF,uBAAU,CAACY,MAAM,CAAC;EAC/BT,mBAAmB,EAAE;IACnBU,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE;EACZ,CAAC;EACDT,WAAW,EAAE;IACXU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDT,YAAY,EAAE;IACZO,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SunrisingIcon","_gobletBg","_jsxRuntime","e","__esModule","default","webUri","ModalBg","nativeModuleId","ModalBackground","jsxs","View","style","StyleSheet","absoluteFill","styles","backgroundContainer","children","jsx","bgImageLeft","Image","source","Platform","OS","uri","width","height","resizeMode","bgImageRight","SunrisingIcon","size","exports","create","borderRadius","BORDER_RADIUS","overflow","position","bottom","zIndex"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/ModalBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA6C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAF7C;;AAIA;AACA,MAAMG,MAAM,GAAGC,iBAAiB;;AAEhC;AACA,MAAMC,cAAc,GAAGD,iBAAiB;AAEjC,MAAME,eAAe,GAAGA,CAAA,kBAC7B,IAAAP,WAAA,CAAAQ,IAAA,EAACZ,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEC,MAAM,CAACC,mBAAmB,CAAE;EAAAC,QAAA,gBACjE,IAAAf,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEG,MAAM,CAACI,WAAY;IAAAF,QAAA,eAC9B,IAAAf,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAsB,KAAK;MACJC,MAAM,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG;QAAEC,GAAG,EAAElB;MAAO,CAAC,GAAGE,cAAe;MACjEI,KAAK,EAAE;QAAEa,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,UAAU,EAAE;MAAQ;IAAE,CAC/D;EAAC,CAEE,CAAC,eACP,IAAAzB,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEG,MAAM,CAACa,YAAa;IAAAX,QAAA,eAC/B,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,cAAA,CAAA6B,aAAa;MAACC,IAAI,EAAE;IAAI,CAAE;EAAC,CACxB,CAAC;AAAA,CACH,CACP;AAAAC,OAAA,CAAAtB,eAAA,GAAAA,eAAA;AAED,MAAMM,MAAM,GAAGF,uBAAU,CAACmB,MAAM,CAAC;EAC/BhB,mBAAmB,EAAE;IACnBiB,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE;EACZ,CAAC;EACDhB,WAAW,EAAE;IACXiB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDV,YAAY,EAAE;IACZQ,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/Modal/ModalBackground.js

@@ -1,17 +1,32 @@
 "use strict";
 
 import React from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, StyleSheet, Platform, Image } from 'react-native';
 import { BORDER_RADIUS } from '@magmamath/react-native-ui';
-import { TrophyIcon } from "./assets/TrophyIcon.js";
+
+// import { TrophyIcon } from './assets/TrophyIcon'
 import { SunrisingIcon } from "./assets/SunrisingIcon.js";
+import ModalBg from './assets/goblet-bg.webp';
+
+// force TS to see ModalBg as string on web
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const webUri = ModalBg;
+
+// force TS to see ModalBg as number on native
+const nativeModuleId = ModalBg;
 export const ModalBackground = () => /*#__PURE__*/_jsxs(View, {
   style: [StyleSheet.absoluteFill, styles.backgroundContainer],
   children: [/*#__PURE__*/_jsx(View, {
     style: styles.bgImageLeft,
-    children: /*#__PURE__*/_jsx(TrophyIcon, {
-      size: 466
+    children: /*#__PURE__*/_jsx(Image, {
+      source: Platform.OS === 'web' ? {
+        uri: webUri
+      } : nativeModuleId,
+      style: {
+        width: '100%',
+        height: '100%',
+        resizeMode: 'cover'
+      }
     })
   }), /*#__PURE__*/_jsx(View, {
     style: styles.bgImageRight,

package/dist/module/features/endOfAssignment/components/Modal/ModalBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","TrophyIcon","SunrisingIcon","jsx","_jsx","jsxs","_jsxs","ModalBackground","style","absoluteFill","styles","backgroundContainer","children","bgImageLeft","size","bgImageRight","create","borderRadius","overflow","position","bottom","zIndex"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/ModalBackground.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,UAAU,QAAQ,wBAAqB;AAChD,SAASC,aAAa,QAAQ,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,OAAO,MAAMC,eAAe,GAAGA,CAAA,kBAC7BD,KAAA,CAACR,IAAI;EAACU,KAAK,EAAE,CAACT,UAAU,CAACU,YAAY,EAAEC,MAAM,CAACC,mBAAmB,CAAE;EAAAC,QAAA,gBACjER,IAAA,CAACN,IAAI;IAACU,KAAK,EAAEE,MAAM,CAACG,WAAY;IAAAD,QAAA,eAC9BR,IAAA,CAACH,UAAU;MAACa,IAAI,EAAE;IAAI,CAAE;EAAC,CACrB,CAAC,eACPV,IAAA,CAACN,IAAI;IAACU,KAAK,EAAEE,MAAM,CAACK,YAAa;IAAAH,QAAA,eAC/BR,IAAA,CAACF,aAAa;MAACY,IAAI,EAAE;IAAI,CAAE;EAAC,CACxB,CAAC;AAAA,CACH,CACP;AAED,MAAMJ,MAAM,GAAGX,UAAU,CAACiB,MAAM,CAAC;EAC/BL,mBAAmB,EAAE;IACnBM,YAAY,EAAEjB,aAAa,CAAC,GAAG,CAAC;IAChCkB,QAAQ,EAAE;EACZ,CAAC;EACDL,WAAW,EAAE;IACXM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDN,YAAY,EAAE;IACZI,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","Platform","Image","BORDER_RADIUS","SunrisingIcon","ModalBg","jsx","_jsx","jsxs","_jsxs","webUri","nativeModuleId","ModalBackground","style","absoluteFill","styles","backgroundContainer","children","bgImageLeft","source","OS","uri","width","height","resizeMode","bgImageRight","size","create","borderRadius","overflow","position","bottom","zIndex"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/ModalBackground.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,cAAc;AAChE,SAASC,aAAa,QAAQ,4BAA4B;;AAE1D;AACA,SAASC,aAAa,QAAQ,2BAAwB;AACtD,OAAOC,OAAO,MAAM,yBAAyB;;AAE7C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,MAAM,GAAGL,OAAiB;;AAEhC;AACA,MAAMM,cAAc,GAAGN,OAAiB;AAExC,OAAO,MAAMO,eAAe,GAAGA,CAAA,kBAC7BH,KAAA,CAACV,IAAI;EAACc,KAAK,EAAE,CAACb,UAAU,CAACc,YAAY,EAAEC,MAAM,CAACC,mBAAmB,CAAE;EAAAC,QAAA,gBACjEV,IAAA,CAACR,IAAI;IAACc,KAAK,EAAEE,MAAM,CAACG,WAAY;IAAAD,QAAA,eAC9BV,IAAA,CAACL,KAAK;MACJiB,MAAM,EAAElB,QAAQ,CAACmB,EAAE,KAAK,KAAK,GAAG;QAAEC,GAAG,EAAEX;MAAO,CAAC,GAAGC,cAAe;MACjEE,KAAK,EAAE;QAAES,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,UAAU,EAAE;MAAQ;IAAE,CAC/D;EAAC,CAEE,CAAC,eACPjB,IAAA,CAACR,IAAI;IAACc,KAAK,EAAEE,MAAM,CAACU,YAAa;IAAAR,QAAA,eAC/BV,IAAA,CAACH,aAAa;MAACsB,IAAI,EAAE;IAAI,CAAE;EAAC,CACxB,CAAC;AAAA,CACH,CACP;AAED,MAAMX,MAAM,GAAGf,UAAU,CAAC2B,MAAM,CAAC;EAC/BX,mBAAmB,EAAE;IACnBY,YAAY,EAAEzB,aAAa,CAAC,GAAG,CAAC;IAChC0B,QAAQ,EAAE;EACZ,CAAC;EACDX,WAAW,EAAE;IACXY,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDP,YAAY,EAAE;IACZK,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/ModalBackground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,eAAe,yBAS3B,CAAA"}
+{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,eAAO,MAAM,eAAe,yBAa3B,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/Modal/ModalBackground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,eAAe,yBAS3B,CAAA"}
+{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,eAAO,MAAM,eAAe,yBAa3B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.6.5-rc-11",
+  "version": "0.6.5-rc-20",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/endOfAssignment/components/Modal/ModalBackground.tsx

@@ -1,14 +1,25 @@
 import React from 'react'
-import { View, StyleSheet } from 'react-native'
+import { View, StyleSheet, Platform, Image } from 'react-native'
 import { BORDER_RADIUS } from '@magmamath/react-native-ui'
 
-import { TrophyIcon } from './assets/TrophyIcon'
+// import { TrophyIcon } from './assets/TrophyIcon'
 import { SunrisingIcon } from './assets/SunrisingIcon'
+import ModalBg from './assets/goblet-bg.webp'
+
+// force TS to see ModalBg as string on web
+const webUri = ModalBg as string
+
+// force TS to see ModalBg as number on native
+const nativeModuleId = ModalBg as number
 
 export const ModalBackground = () => (
   <View style={[StyleSheet.absoluteFill, styles.backgroundContainer]}>
     <View style={styles.bgImageLeft}>
-      <TrophyIcon size={466} />
+      <Image
+        source={Platform.OS === 'web' ? { uri: webUri } : nativeModuleId}
+        style={{ width: '100%', height: '100%', resizeMode: 'cover' }}
+      />
+      {/* <TrophyIcon size={466} /> */}
     </View>
     <View style={styles.bgImageRight}>
       <SunrisingIcon size={909} />

package/src/types/types.d.ts

@@ -2,3 +2,8 @@ declare module '*.scss' {
   const content: Record<string, string>
   export default content
 }
+
+declare module '*.webp' {
+  const value: string | number
+  export default value
+}