@magmamath/students-features 0.6.5 → 0.6.6-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/feedback/model/comments.js +3 -5
- package/dist/commonjs/features/feedback/model/comments.js.map +1 -1
- package/dist/commonjs/features/feedback/model/model.js +9 -7
- package/dist/commonjs/features/feedback/model/model.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js +65 -0
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/assets/confetti.webp +0 -0
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js +44 -0
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js +46 -0
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/components/Gif.js +80 -0
- package/dist/commonjs/features/gifCelebrations/components/Gif.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/components/Progress.js +106 -0
- package/dist/commonjs/features/gifCelebrations/components/Progress.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/constants.js +30 -0
- package/dist/commonjs/features/gifCelebrations/constants.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/helpers.js +71 -0
- package/dist/commonjs/features/gifCelebrations/helpers.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/index.js +20 -0
- package/dist/commonjs/features/gifCelebrations/index.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js +32 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +125 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js +14 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/types/model.types.js +6 -0
- package/dist/commonjs/features/gifCelebrations/types/model.types.js.map +1 -0
- package/dist/commonjs/index.js +12 -0
- package/dist/commonjs/index.js.map +1 -1
- package/dist/commonjs/lib/helpers/helpers.js.map +1 -1
- package/dist/commonjs/react-app-env.d.js +2 -0
- package/dist/commonjs/react-app-env.d.js.map +1 -0
- package/dist/commonjs/shared/translation/localization/en.json +5 -0
- package/dist/commonjs/shared/translation/localization/gb.json +5 -0
- package/dist/commonjs/shared/translation/localization/sw.json +5 -0
- package/dist/module/features/feedback/model/comments.js +3 -5
- package/dist/module/features/feedback/model/comments.js.map +1 -1
- package/dist/module/features/feedback/model/model.js +9 -7
- package/dist/module/features/feedback/model/model.js.map +1 -1
- package/dist/module/features/gifCelebrations/GifCelebrations.js +58 -0
- package/dist/module/features/gifCelebrations/GifCelebrations.js.map +1 -0
- package/dist/module/features/gifCelebrations/assets/confetti.webp +0 -0
- package/dist/module/features/gifCelebrations/components/Backdrop.js +36 -0
- package/dist/module/features/gifCelebrations/components/Backdrop.js.map +1 -0
- package/dist/module/features/gifCelebrations/components/ContentContainer.js +38 -0
- package/dist/module/features/gifCelebrations/components/ContentContainer.js.map +1 -0
- package/dist/module/features/gifCelebrations/components/Gif.js +73 -0
- package/dist/module/features/gifCelebrations/components/Gif.js.map +1 -0
- package/dist/module/features/gifCelebrations/components/Progress.js +98 -0
- package/dist/module/features/gifCelebrations/components/Progress.js.map +1 -0
- package/dist/module/features/gifCelebrations/constants.js +26 -0
- package/dist/module/features/gifCelebrations/constants.js.map +1 -0
- package/dist/module/features/gifCelebrations/helpers.js +64 -0
- package/dist/module/features/gifCelebrations/helpers.js.map +1 -0
- package/dist/module/features/gifCelebrations/index.js +5 -0
- package/dist/module/features/gifCelebrations/index.js.map +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js +27 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +120 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js +9 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js.map +1 -0
- package/dist/module/features/gifCelebrations/types/model.types.js +4 -0
- package/dist/module/features/gifCelebrations/types/model.types.js.map +1 -0
- package/dist/module/index.js +1 -0
- package/dist/module/index.js.map +1 -1
- package/dist/module/react-app-env.d.js +2 -0
- package/dist/module/react-app-env.d.js.map +1 -0
- package/dist/module/shared/translation/localization/en.json +5 -0
- package/dist/module/shared/translation/localization/gb.json +5 -0
- package/dist/module/shared/translation/localization/sw.json +5 -0
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts +22 -0
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +85 -0
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/index.d.ts +3 -0
- package/dist/typescript/commonjs/features/gifCelebrations/index.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts +18 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts +26 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts +6 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts +42 -0
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts.map +1 -0
- package/dist/typescript/commonjs/index.d.ts +1 -0
- package/dist/typescript/commonjs/index.d.ts.map +1 -1
- package/dist/typescript/commonjs/lib/helpers/helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/constants.d.ts +15 -0
- package/dist/typescript/commonjs/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/model.d.ts +10 -0
- package/dist/typescript/commonjs/shared/translation/model.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/Backdrop.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/Backdrop.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/ContentContainer.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/ContentContainer.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts +22 -0
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +85 -0
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/index.d.ts +3 -0
- package/dist/typescript/module/features/gifCelebrations/index.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts +18 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts +26 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts +6 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts +42 -0
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts.map +1 -0
- package/dist/typescript/module/index.d.ts +1 -0
- package/dist/typescript/module/index.d.ts.map +1 -1
- package/dist/typescript/module/lib/helpers/helpers.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/constants.d.ts +15 -0
- package/dist/typescript/module/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/model.d.ts +10 -0
- package/dist/typescript/module/shared/translation/model.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/feedback/model/comments.ts +7 -7
- package/src/features/feedback/model/model.ts +6 -6
- package/src/features/gifCelebrations/GifCelebrations.tsx +77 -0
- package/src/features/gifCelebrations/assets/confetti.webp +0 -0
- package/src/features/gifCelebrations/components/Backdrop.tsx +41 -0
- package/src/features/gifCelebrations/components/ContentContainer.tsx +44 -0
- package/src/features/gifCelebrations/components/Gif.tsx +86 -0
- package/src/features/gifCelebrations/components/Progress.tsx +116 -0
- package/src/features/gifCelebrations/constants.ts +25 -0
- package/src/features/gifCelebrations/helpers.ts +75 -0
- package/src/features/gifCelebrations/index.ts +2 -0
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +43 -0
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +174 -0
- package/src/features/gifCelebrations/model/GifCelebrationsApi.ts +10 -0
- package/src/features/gifCelebrations/types/model.types.ts +50 -0
- package/src/index.ts +1 -0
- package/src/lib/helpers/helpers.ts +1 -1
- package/src/react-app-env.d.ts +5 -0
- package/src/shared/translation/localization/en.json +5 -0
- package/src/shared/translation/localization/gb.json +5 -0
- package/src/shared/translation/localization/sw.json +5 -0
|
@@ -30,12 +30,13 @@ class TeacherCommentsModel {
|
|
|
30
30
|
})
|
|
31
31
|
})).on(this.add, (state, {
|
|
32
32
|
assignmentId,
|
|
33
|
+
problemId,
|
|
33
34
|
comment,
|
|
34
35
|
isRead
|
|
35
36
|
}) => (0, _helpers.updateCommentsState)({
|
|
36
37
|
state,
|
|
37
38
|
assignmentId,
|
|
38
|
-
problemId
|
|
39
|
+
problemId,
|
|
39
40
|
fn: data => ({
|
|
40
41
|
comments: [...data.comments, comment],
|
|
41
42
|
unreadMessagesCount: isRead ? data.unreadMessagesCount : data.unreadMessagesCount + 1
|
|
@@ -82,10 +83,7 @@ class TeacherCommentsModel {
|
|
|
82
83
|
},
|
|
83
84
|
filter: ({
|
|
84
85
|
isOpen
|
|
85
|
-
},
|
|
86
|
-
problemId,
|
|
87
|
-
comment
|
|
88
|
-
}) => isOpen && comment.problemId === problemId,
|
|
86
|
+
}) => isOpen,
|
|
89
87
|
fn: (_, {
|
|
90
88
|
comment
|
|
91
89
|
}) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_helpers","_helpers2","_studentsFeatures","TeacherCommentsModel","setNoCommentsMessage","createEvent","setAllCommentsRead","add","delete","setData","$data","restore","on","state","assignmentId","problemId","updateCommentsState","fn","data","comments","map","comment","isRead","unreadMessagesCount","commentId","commentToDelete","find","_id","filteredComments","filter","length","undefined","noCommentsMessage","exerciseId","constructor","api","$isOpen","sample","clock","source","isOpen","_","ids","target","updateCommentStatusSeenFx","deletedMessage","hasNoMessages","get","EMPTY_COMMENT","content","getText","exports"],"sourceRoot":"../../../../../src","sources":["features/feedback/model/comments.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAOO,MAAMI,oBAAoB,CAAC;EACfC,oBAAoB,GAAG,IAAAC,qBAAW,EAAiB,CAAC;EACrDC,kBAAkB,GAAG,IAAAD,qBAAW,EAAU,CAAC;EAC3CE,GAAG,GAAG,IAAAF,qBAAW,EAAkB,CAAC;EACpCG,MAAM,GAAG,IAAAH,qBAAW,EAAqB,CAAC;EAE1CI,OAAO,GAAG,IAAAJ,qBAAW,EAAc,CAAC;EACpCK,KAAK,GAAG,IAAAC,iBAAO,EAAqB,IAAI,CAACF,OAAO,EAAE,IAAI,CAAC,CACpEG,EAAE,CAAC,IAAI,CAACN,kBAAkB,EAAE,CAACO,KAAK,EAAE;IAAEC,YAAY;IAAEC;EAAU,CAAC,KAC9D,IAAAC,4BAAmB,EAAC;IAClBH,KAAK;IACLC,YAAY;IACZC,SAAS;IACTE,EAAE,
|
|
1
|
+
{"version":3,"names":["_effector","require","_helpers","_helpers2","_studentsFeatures","TeacherCommentsModel","setNoCommentsMessage","createEvent","setAllCommentsRead","add","delete","setData","$data","restore","on","state","assignmentId","problemId","updateCommentsState","fn","data","comments","map","comment","isRead","unreadMessagesCount","commentId","commentToDelete","find","_id","filteredComments","filter","length","undefined","noCommentsMessage","exerciseId","constructor","api","$isOpen","sample","clock","source","isOpen","_","ids","target","updateCommentStatusSeenFx","deletedMessage","hasNoMessages","get","EMPTY_COMMENT","content","getText","exports"],"sourceRoot":"../../../../../src","sources":["features/feedback/model/comments.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAOO,MAAMI,oBAAoB,CAAC;EACfC,oBAAoB,GAAG,IAAAC,qBAAW,EAAiB,CAAC;EACrDC,kBAAkB,GAAG,IAAAD,qBAAW,EAAU,CAAC;EAC3CE,GAAG,GAAG,IAAAF,qBAAW,EAAkB,CAAC;EACpCG,MAAM,GAAG,IAAAH,qBAAW,EAAqB,CAAC;EAE1CI,OAAO,GAAG,IAAAJ,qBAAW,EAAc,CAAC;EACpCK,KAAK,GAAG,IAAAC,iBAAO,EAAqB,IAAI,CAACF,OAAO,EAAE,IAAI,CAAC,CACpEG,EAAE,CAAC,IAAI,CAACN,kBAAkB,EAAE,CAACO,KAAK,EAAE;IAAEC,YAAY;IAAEC;EAAU,CAAC,KAC9D,IAAAC,4BAAmB,EAAC;IAClBH,KAAK;IACLC,YAAY;IACZC,SAAS;IACTE,EAAE,EAAEC,IAAI,KAAK;MACXC,QAAQ,EAAED,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACC,OAAO,KAAK;QAAE,GAAGA,OAAO;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC,CAAC;MACtEC,mBAAmB,EAAE;IACvB,CAAC;EACH,CAAC,CACH,CAAC,CACAX,EAAE,CAAC,IAAI,CAACL,GAAG,EAAE,CAACM,KAAK,EAAE;IAAEC,YAAY;IAAEC,SAAS;IAAEM,OAAO;IAAEC;EAAO,CAAC,KAChE,IAAAN,4BAAmB,EAAC;IAClBH,KAAK;IACLC,YAAY;IACZC,SAAS;IACTE,EAAE,EAAEC,IAAI,KAAK;MACXC,QAAQ,EAAE,CAAC,GAAGD,IAAI,CAACC,QAAQ,EAAEE,OAAO,CAAC;MACrCE,mBAAmB,EAAED,MAAM,GAAGJ,IAAI,CAACK,mBAAmB,GAAGL,IAAI,CAACK,mBAAmB,GAAG;IACtF,CAAC;EACH,CAAC,CACH,CAAC,CACAX,EAAE,CAAC,IAAI,CAACJ,MAAM,EAAE,CAACK,KAAK,EAAE;IAAEC,YAAY;IAAEC,SAAS;IAAES;EAAU,CAAC,KAC7D,IAAAR,4BAAmB,EAAC;IAClBH,KAAK;IACLC,YAAY;IACZC,SAAS;IACTE,EAAE,EAAEC,IAAI,IAAI;MACV,MAAMO,eAAe,GAAGP,IAAI,CAACC,QAAQ,CAACO,IAAI,CAAC,CAAC;QAAEC;MAAI,CAAC,KAAKA,GAAG,KAAKH,SAAS,CAAC;MAC1E,IAAI,CAACC,eAAe,EAAE,OAAOP,IAAI;MAEjC,MAAMU,gBAAgB,GAAGV,IAAI,CAACC,QAAQ,CAACU,MAAM,CAAC,CAAC;QAAEF;MAAI,CAAC,KAAKA,GAAG,KAAKH,SAAS,CAAC;MAC7E,IAAI,CAACI,gBAAgB,CAACE,MAAM,EAAE,OAAOC,SAAS;MAE9C,OAAO;QACLZ,QAAQ,EAAES,gBAAgB;QAC1BL,mBAAmB,EAAEE,eAAe,CAACH,MAAM,GACvCJ,IAAI,CAACK,mBAAmB,GACxBL,IAAI,CAACK,mBAAmB,GAAG;MACjC,CAAC;IACH;EACF,CAAC,CACH,CAAC,CACAX,EAAE,CAAC,IAAI,CAACR,oBAAoB,EAAE,CAACS,KAAK,EAAEmB,iBAAiB,KACtD,IAAAhB,4BAAmB,EAAC;IAClBH,KAAK;IACLC,YAAY,EAAEkB,iBAAiB,CAACC,UAAU;IAC1ClB,SAAS,EAAEiB,iBAAiB,CAACjB,SAAS;IACtCE,EAAE,EAAEA,CAAA,MAAO;MACTE,QAAQ,EAAE,CAACa,iBAAiB,CAAC;MAC7BT,mBAAmB,EAAE;IACvB,CAAC;EACH,CAAC,CACH,CAAC;EAEHW,WAAWA,CAAC;IAAEC,GAAG;IAAEC;EAAmC,CAAC,EAAE;IACvD,IAAAC,gBAAM,EAAC;MACLC,KAAK,EAAE,IAAI,CAAC/B,GAAG;MACfgC,MAAM,EAAE;QAAEC,MAAM,EAAEJ;MAAQ,CAAC;MAC3BP,MAAM,EAAEA,CAAC;QAAEW;MAAO,CAAC,KAAKA,MAAM;MAC9BvB,EAAE,EAAEA,CAACwB,CAAC,EAAE;QAAEpB;MAAQ,CAAC,MAAM;QACvBqB,GAAG,EAAE,CAACrB,OAAO,CAACM,GAAG;MACnB,CAAC,CAAC;MACFgB,MAAM,EAAER,GAAG,CAACS;IACd,CAAC,CAAC;;IAEF;IACA,IAAAP,gBAAM,EAAC;MACLC,KAAK,EAAE,IAAI,CAAC9B,MAAM;MAClB+B,MAAM,EAAE;QAAEC,MAAM,EAAEJ,OAAO;QAAEvB,KAAK,EAAE,IAAI,CAACH;MAAM,CAAC;MAC9CmB,MAAM,EAAEA,CAAC;QAAEW,MAAM;QAAE3B;MAAM,CAAC,EAAEgC,cAAc,KAAK;QAC7C,MAAMC,aAAa,GAAG,CAACjC,KAAK,EAAEkC,GAAG,CAACF,cAAc,CAAC/B,YAAY,CAAC,GAAG+B,cAAc,CAAC9B,SAAS,CAAC,EACtFI,QAAQ,CAACW,MAAM;QACnB,OAAOU,MAAM,IAAIM,aAAa;MAChC,CAAC;MACD7B,EAAE,EAAEA,CAACwB,CAAC,EAAE;QAAE3B,YAAY;QAAEC;MAAU,CAAC,MAAsB;QACvD,GAAGiC,+BAAa;QAChBf,UAAU,EAAEnB,YAAY;QACxBC,SAAS;QACTkC,OAAO,EAAE,IAAAC,iBAAO,EAAC,4BAA4B;MAC/C,CAAC,CAAC;MACFP,MAAM,EAAE,IAAI,CAACvC;IACf,CAAC,CAAC;EACJ;AACF;AAAC+C,OAAA,CAAAhD,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -52,7 +52,7 @@ class TeacherFeedbackModel {
|
|
|
52
52
|
fn: ({
|
|
53
53
|
assignmentId,
|
|
54
54
|
problemId
|
|
55
|
-
}) => ({
|
|
55
|
+
}, comment) => ({
|
|
56
56
|
assignmentId,
|
|
57
57
|
problemId,
|
|
58
58
|
commentId: _constants.EMPTY_COMMENT_ID
|
|
@@ -101,8 +101,13 @@ class TeacherFeedbackModel {
|
|
|
101
101
|
});
|
|
102
102
|
(0, _effector.sample)({
|
|
103
103
|
clock: this.sockets.commentDeleted,
|
|
104
|
-
|
|
105
|
-
assignmentId:
|
|
104
|
+
source: {
|
|
105
|
+
assignmentId: credits.$assignmentId
|
|
106
|
+
},
|
|
107
|
+
fn: ({
|
|
108
|
+
assignmentId
|
|
109
|
+
}, comment) => ({
|
|
110
|
+
assignmentId,
|
|
106
111
|
problemId: comment.problemId,
|
|
107
112
|
commentId: comment._id
|
|
108
113
|
}),
|
|
@@ -115,9 +120,6 @@ class TeacherFeedbackModel {
|
|
|
115
120
|
problemId: credits.$problemId,
|
|
116
121
|
isOpen: this.$isOpen
|
|
117
122
|
},
|
|
118
|
-
filter: ({
|
|
119
|
-
assignmentId
|
|
120
|
-
}, comment) => assignmentId === comment.exerciseId,
|
|
121
123
|
fn: ({
|
|
122
124
|
assignmentId,
|
|
123
125
|
problemId,
|
|
@@ -125,7 +127,7 @@ class TeacherFeedbackModel {
|
|
|
125
127
|
}, comment) => ({
|
|
126
128
|
comment,
|
|
127
129
|
assignmentId,
|
|
128
|
-
problemId,
|
|
130
|
+
problemId: comment.problemId,
|
|
129
131
|
isRead: isOpen && comment.problemId === problemId
|
|
130
132
|
}),
|
|
131
133
|
target: this.comments.add
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_api","_sockets","_comments","_helpers","_constants","TeacherFeedbackModel","setIsOpen","createEvent","$isOpen","restore","setIsFeedbackIconDisplayed","$isFeedbackIconDisplayed","constructor","api","socket","credits","TeacherFeedbackAPI","sockets","TeacherFeedbackSockets","comments","TeacherCommentsModel","sample","clock","$problemId","fn","target","source","data","$data","assignmentId","$assignmentId","problemId","filter","isOpen","get","isOnlyNoCommentsMessage","length","_id","EMPTY_COMMENT_ID","commentId","delete","findCommentsByCredits","hasUnreadComments","some","isRead","ids","map","updateCommentStatusSeenFx","pending","setAllCommentsRead","getCommentsFx","done","params","result","generateCommentsMap","id","setData","commentDeleted","
|
|
1
|
+
{"version":3,"names":["_effector","require","_api","_sockets","_comments","_helpers","_constants","TeacherFeedbackModel","setIsOpen","createEvent","$isOpen","restore","setIsFeedbackIconDisplayed","$isFeedbackIconDisplayed","constructor","api","socket","credits","TeacherFeedbackAPI","sockets","TeacherFeedbackSockets","comments","TeacherCommentsModel","sample","clock","$problemId","fn","target","source","data","$data","assignmentId","$assignmentId","problemId","filter","isOpen","get","isOnlyNoCommentsMessage","length","_id","EMPTY_COMMENT_ID","comment","commentId","delete","findCommentsByCredits","hasUnreadComments","some","isRead","ids","map","updateCommentStatusSeenFx","pending","setAllCommentsRead","getCommentsFx","done","params","result","generateCommentsMap","id","setData","commentDeleted","commentAdded","add","exports"],"sourceRoot":"../../../../../src","sources":["features/feedback/model/model.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.GifCelebrations = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _Gif = require("./components/Gif.js");
|
|
9
|
+
var _Progress = require("./components/Progress.js");
|
|
10
|
+
var _ContentContainer = require("./components/ContentContainer.js");
|
|
11
|
+
var _Backdrop = require("./components/Backdrop.js");
|
|
12
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
13
|
+
var _effectorReact = require("effector-react");
|
|
14
|
+
var _constants = require("./constants.js");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
const GifCelebrations = ({
|
|
19
|
+
model,
|
|
20
|
+
TextComponent
|
|
21
|
+
}) => {
|
|
22
|
+
const [totalProblems, resolvedProblems, activeGif] = (0, _effectorReact.useUnit)([model.$totalProblems, model.$resolvedProblems, model.$activeGif]);
|
|
23
|
+
const completedPercent = resolvedProblems && totalProblems && Math.round(resolvedProblems / totalProblems * 100);
|
|
24
|
+
const progress = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
25
|
+
const stopAnimation = () => {
|
|
26
|
+
model.stop();
|
|
27
|
+
progress.value = 0;
|
|
28
|
+
};
|
|
29
|
+
const playAnimation = () => {
|
|
30
|
+
progress.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
|
|
31
|
+
duration: _constants.ANIMATION_DURATION,
|
|
32
|
+
easing: _reactNativeReanimated.Easing.bezier(0.52, 0.16, 0.26, 0.77)
|
|
33
|
+
}), (0, _reactNativeReanimated.withTiming)(2, {
|
|
34
|
+
duration: _constants.ANIMATION_DURATION,
|
|
35
|
+
easing: _reactNativeReanimated.Easing.bezier(0.71, 0.09, 0.49, 0.89)
|
|
36
|
+
}, () => (0, _reactNativeReanimated.runOnJS)(stopAnimation)()));
|
|
37
|
+
};
|
|
38
|
+
(0, _react.useEffect)(() => {
|
|
39
|
+
model.initialize();
|
|
40
|
+
}, []);
|
|
41
|
+
(0, _react.useEffect)(() => {
|
|
42
|
+
if (activeGif) {
|
|
43
|
+
playAnimation();
|
|
44
|
+
}
|
|
45
|
+
}, [activeGif]);
|
|
46
|
+
if (!activeGif) {
|
|
47
|
+
return null;
|
|
48
|
+
}
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.Backdrop, {
|
|
50
|
+
progress: progress,
|
|
51
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContentContainer.ContentContainer, {
|
|
52
|
+
progress: progress,
|
|
53
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Gif.Gif, {
|
|
54
|
+
gifObject: activeGif,
|
|
55
|
+
getCachePathMethod: model.cache.getCachePathMethod,
|
|
56
|
+
TextComponent: TextComponent
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.Progress, {
|
|
58
|
+
progress: progress,
|
|
59
|
+
completedPercent: completedPercent
|
|
60
|
+
})]
|
|
61
|
+
})
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
exports.GifCelebrations = GifCelebrations;
|
|
65
|
+
//# sourceMappingURL=GifCelebrations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_Gif","_Progress","_ContentContainer","_Backdrop","_reactNativeReanimated","_effectorReact","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GifCelebrations","model","TextComponent","totalProblems","resolvedProblems","activeGif","useUnit","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","useSharedValue","stopAnimation","stop","value","playAnimation","withSequence","withTiming","duration","ANIMATION_DURATION","easing","Easing","bezier","runOnJS","useEffect","initialize","jsx","Backdrop","children","jsxs","ContentContainer","Gif","gifObject","getCachePathMethod","cache","Progress","exports"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":"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","ignoreList":[]}
|
|
Binary file
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Backdrop = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _constants = require("../constants.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
const Backdrop = ({
|
|
16
|
+
children,
|
|
17
|
+
progress
|
|
18
|
+
}) => {
|
|
19
|
+
const {
|
|
20
|
+
width,
|
|
21
|
+
height
|
|
22
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
23
|
+
const backdropAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
24
|
+
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1, 2], [_constants.BACKDROP_COLOR.INITIAL, _constants.BACKDROP_COLOR.FINAL, _constants.BACKDROP_COLOR.INITIAL])
|
|
25
|
+
}), [progress]);
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
27
|
+
style: [styles.backdrop, {
|
|
28
|
+
width,
|
|
29
|
+
height
|
|
30
|
+
}, backdropAnimatedStyle],
|
|
31
|
+
children: children
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
exports.Backdrop = Backdrop;
|
|
35
|
+
const styles = _reactNative.StyleSheet.create({
|
|
36
|
+
backdrop: {
|
|
37
|
+
position: 'absolute',
|
|
38
|
+
zIndex: 10100,
|
|
39
|
+
justifyContent: 'center',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
backgroundColor: 'rgba(51, 51, 51, 0.33);'
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=Backdrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Backdrop","children","progress","width","height","useWindowDimensions","backdropAnimatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","BACKDROP_COLOR","INITIAL","FINAL","jsx","View","style","styles","backdrop","exports","StyleSheet","create","position","zIndex","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Backdrop.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAQtC,MAAMmB,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EACjE,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAE/C,MAAMC,qBAAqB,GAAG,IAAAC,uCAAgB,EAC5C,OAAO;IACLC,eAAe,EAAE,IAAAC,uCAAgB,EAC/BP,QAAQ,CAACQ,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAACC,yBAAc,CAACC,OAAO,EAAED,yBAAc,CAACE,KAAK,EAAEF,yBAAc,CAACC,OAAO,CACvE;EACF,CAAC,CAAC,EACF,CAACV,QAAQ,CACX,CAAC;EAED,oBACE,IAAAvB,WAAA,CAAAmC,GAAA,EAACtC,sBAAA,CAAAU,OAAQ,CAAC6B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAE;MAAEf,KAAK;MAAEC;IAAO,CAAC,EAAEE,qBAAqB,CAAE;IAAAL,QAAA,EAC/EA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAAAkB,OAAA,CAAAnB,QAAA,GAAAA,QAAA;AAED,MAAMiB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,QAAQ,EAAE;IACRI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,KAAK;IACbC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBjB,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ContentContainer = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _constants = require("../constants.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
const ContentContainer = ({
|
|
17
|
+
children,
|
|
18
|
+
progress
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
width
|
|
22
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
23
|
+
const RIGHT_POSITION = width / 2 + _constants.CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + _constants.CONTENT_CONTAINER.SAFE_AREA;
|
|
24
|
+
const LEFT_POSITION = -RIGHT_POSITION - _constants.CONTENT_CONTAINER.SAFE_AREA;
|
|
25
|
+
const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
26
|
+
transform: [{
|
|
27
|
+
translateX: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1, 2], [LEFT_POSITION, 0, RIGHT_POSITION])
|
|
28
|
+
}, {
|
|
29
|
+
rotate: `${(0, _reactNativeReanimated.interpolate)(progress.value, [0, 1, 2], [-_constants.CONTENT_CONTAINER.ANGLE, 0, _constants.CONTENT_CONTAINER.ANGLE])}deg`
|
|
30
|
+
}]
|
|
31
|
+
}), [progress, RIGHT_POSITION, LEFT_POSITION]);
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
33
|
+
style: [styles.container, animatedStyles],
|
|
34
|
+
children: children
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
exports.ContentContainer = ContentContainer;
|
|
38
|
+
const styles = _reactNative.StyleSheet.create({
|
|
39
|
+
container: {
|
|
40
|
+
width: _constants.CONTENT_CONTAINER.CONTAINER_WIDTH,
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
gap: _reactNativeUi.SPACING[800],
|
|
43
|
+
position: 'absolute'
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=ContentContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContentContainer","children","progress","width","useWindowDimensions","RIGHT_POSITION","CONTENT_CONTAINER","CONTAINER_WIDTH","SAFE_AREA","LEFT_POSITION","animatedStyles","useAnimatedStyle","transform","translateX","interpolate","value","rotate","ANGLE","jsx","View","style","styles","container","exports","StyleSheet","create","alignItems","gap","SPACING","position"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/ContentContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Gif = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _constants = require("../constants.js");
|
|
11
|
+
var _index = require("../../../shared/translation/index.js");
|
|
12
|
+
var _helpers = require("../helpers.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
const Gif = ({
|
|
17
|
+
gifObject,
|
|
18
|
+
getCachePathMethod,
|
|
19
|
+
TextComponent
|
|
20
|
+
}) => {
|
|
21
|
+
const [size, setSize] = (0, _react.useState)(null);
|
|
22
|
+
const [pathOrUri, setPathOrUri] = (0, _react.useState)('');
|
|
23
|
+
const t = (0, _index.useText)();
|
|
24
|
+
(0, _react.useLayoutEffect)(() => {
|
|
25
|
+
const loadImageSize = async () => {
|
|
26
|
+
const path = getCachePathMethod ? (await getCachePathMethod(gifObject.url)) || gifObject.url : gifObject.url;
|
|
27
|
+
_reactNative.Image.getSize(path, (width, height) => {
|
|
28
|
+
setSize({
|
|
29
|
+
width: Math.max(_constants.MIN_GIF_SIZE, Math.min(_constants.MAX_GIF_SIZE.WIDTH, width)),
|
|
30
|
+
height: Math.max(_constants.MIN_GIF_SIZE, Math.min(_constants.MAX_GIF_SIZE.HEIGHT, height))
|
|
31
|
+
});
|
|
32
|
+
setPathOrUri(path);
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
loadImageSize();
|
|
36
|
+
}, [gifObject.url]);
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
38
|
+
style: styles.backgroundContainer,
|
|
39
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
40
|
+
style: styles.container,
|
|
41
|
+
children: [size && pathOrUri && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
42
|
+
alt: "Funny celebration animated image",
|
|
43
|
+
source: {
|
|
44
|
+
uri: pathOrUri
|
|
45
|
+
},
|
|
46
|
+
width: size.width,
|
|
47
|
+
height: size.height,
|
|
48
|
+
style: [styles.image, {
|
|
49
|
+
width: size.width,
|
|
50
|
+
height: size.height
|
|
51
|
+
}] //this sizes duplication is needed for compatibility with web and rn
|
|
52
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
53
|
+
style: styles.textContainer,
|
|
54
|
+
children: TextComponent(t((0, _helpers.getGifLabel)(Number(gifObject.group.replace('group', '')))))
|
|
55
|
+
})]
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
exports.Gif = Gif;
|
|
60
|
+
const styles = _reactNative.StyleSheet.create({
|
|
61
|
+
backgroundContainer: {
|
|
62
|
+
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
63
|
+
borderRadius: 23,
|
|
64
|
+
padding: _reactNativeUi.SPACING[200]
|
|
65
|
+
},
|
|
66
|
+
container: {
|
|
67
|
+
padding: _reactNativeUi.SPACING[1600],
|
|
68
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
69
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
|
|
70
|
+
},
|
|
71
|
+
image: {
|
|
72
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[100]
|
|
73
|
+
},
|
|
74
|
+
textContainer: {
|
|
75
|
+
position: 'absolute',
|
|
76
|
+
bottom: 74,
|
|
77
|
+
alignSelf: 'center'
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=Gif.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_constants","_index","_helpers","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Gif","gifObject","getCachePathMethod","TextComponent","size","setSize","useState","pathOrUri","setPathOrUri","useText","useLayoutEffect","loadImageSize","path","url","Image","getSize","width","height","Math","max","MIN_GIF_SIZE","min","MAX_GIF_SIZE","WIDTH","HEIGHT","jsx","View","style","styles","backgroundContainer","children","jsxs","container","alt","source","uri","image","textContainer","getGifLabel","Number","group","replace","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","BORDER_RADIUS","COLORS","NEUTRAL_1","position","bottom","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Progress = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _confetti = _interopRequireDefault(require("../assets/confetti.webp"));
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
17
|
+
const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
18
|
+
const IS_WEB = _reactNative.Platform.OS === 'web';
|
|
19
|
+
const Progress = ({
|
|
20
|
+
progress,
|
|
21
|
+
completedPercent
|
|
22
|
+
}) => {
|
|
23
|
+
const progressLineWidth = (() => {
|
|
24
|
+
if (completedPercent <= 9) {
|
|
25
|
+
return MIN_WIDTH_FOR_ONE_DIGIT;
|
|
26
|
+
}
|
|
27
|
+
if (completedPercent <= 15) {
|
|
28
|
+
return MIN_WIDTH_FOR_TWO_DIGITS;
|
|
29
|
+
}
|
|
30
|
+
return completedPercent;
|
|
31
|
+
})();
|
|
32
|
+
const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
33
|
+
width: `${(0, _reactNativeReanimated.interpolate)(progress.value, [0, 1, 2], [0, progressLineWidth, progressLineWidth])}%`
|
|
34
|
+
}), [progress, progressLineWidth]);
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
36
|
+
style: styles.backgroundContainer,
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
38
|
+
style: styles.container,
|
|
39
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
40
|
+
style: styles.progressContainer,
|
|
41
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
42
|
+
style: [styles.progress, animatedStyles],
|
|
43
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
44
|
+
variant: _reactNativeUi.HeadingVariants.H1,
|
|
45
|
+
style: styles.percent,
|
|
46
|
+
children: `${completedPercent}%`
|
|
47
|
+
})
|
|
48
|
+
})
|
|
49
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
50
|
+
source: IS_WEB ? {
|
|
51
|
+
uri: _confetti.default
|
|
52
|
+
} : require('../assets/confetti.webp'),
|
|
53
|
+
style: styles.confetti
|
|
54
|
+
})]
|
|
55
|
+
})
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
exports.Progress = Progress;
|
|
59
|
+
const styles = _reactNative.StyleSheet.create({
|
|
60
|
+
backgroundContainer: {
|
|
61
|
+
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
62
|
+
borderRadius: 23,
|
|
63
|
+
padding: _reactNativeUi.SPACING[200],
|
|
64
|
+
width: '100%'
|
|
65
|
+
},
|
|
66
|
+
container: {
|
|
67
|
+
width: '100%',
|
|
68
|
+
height: 116,
|
|
69
|
+
flexDirection: 'row',
|
|
70
|
+
alignItems: 'center',
|
|
71
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
72
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
73
|
+
paddingLeft: _reactNativeUi.SPACING[400],
|
|
74
|
+
paddingRight: _reactNativeUi.SPACING[200],
|
|
75
|
+
gap: _reactNativeUi.SPACING[100]
|
|
76
|
+
},
|
|
77
|
+
progressContainer: {
|
|
78
|
+
height: 50,
|
|
79
|
+
flexGrow: 1,
|
|
80
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
81
|
+
borderRadius: 90,
|
|
82
|
+
overflow: 'hidden'
|
|
83
|
+
},
|
|
84
|
+
progress: {
|
|
85
|
+
position: 'absolute',
|
|
86
|
+
height: '100%',
|
|
87
|
+
backgroundColor: _reactNativeUi.COLORS.PRIMARY_BLUE,
|
|
88
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[200],
|
|
89
|
+
justifyContent: 'center',
|
|
90
|
+
alignItems: 'flex-end',
|
|
91
|
+
paddingRight: 10.6,
|
|
92
|
+
overflow: 'hidden'
|
|
93
|
+
},
|
|
94
|
+
confetti: {
|
|
95
|
+
width: 75,
|
|
96
|
+
height: 70,
|
|
97
|
+
marginHorizontal: _reactNativeUi.SPACING[200]
|
|
98
|
+
},
|
|
99
|
+
percent: {
|
|
100
|
+
position: 'absolute',
|
|
101
|
+
paddingRight: 10,
|
|
102
|
+
color: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
103
|
+
fontWeight: '700'
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
//# sourceMappingURL=Progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_confetti","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","IS_WEB","Platform","OS","Progress","progress","completedPercent","progressLineWidth","animatedStyles","useAnimatedStyle","width","interpolate","value","jsx","View","style","styles","backgroundContainer","children","jsxs","container","progressContainer","Typography","variant","HeadingVariants","H1","percent","Image","source","uri","confettiImage","confetti","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","height","flexDirection","alignItems","BORDER_RADIUS","COLORS","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAOA,IAAAI,sBAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAmD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAGnD,MAAMmB,uBAAuB,GAAG,EAAE;AAClC,MAAMC,wBAAwB,GAAG,EAAE;AACnC,MAAMC,MAAM,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAO7B,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EACzE,MAAMC,iBAAiB,GAAG,CAAC,MAAM;IAC/B,IAAID,gBAAgB,IAAI,CAAC,EAAE;MACzB,OAAOP,uBAAuB;IAChC;IACA,IAAIO,gBAAgB,IAAI,EAAE,EAAE;MAC1B,OAAON,wBAAwB;IACjC;IACA,OAAOM,gBAAgB;EACzB,CAAC,EAAE,CAAC;EAEJ,MAAME,cAAc,GAAG,IAAAC,uCAAgB,EACrC,OAAO;IACLC,KAAK,EAAE,GAAG,IAAAC,kCAAW,EACnBN,QAAQ,CAACO,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAAC,CAAC,EAAEL,iBAAiB,EAAEA,iBAAiB,CAC1C,CAAC;EACH,CAAC,CAAC,EACF,CAACF,QAAQ,EAAEE,iBAAiB,CAC9B,CAAC;EAED,oBACE,IAAA7B,WAAA,CAAAmC,GAAA,EAAC3C,YAAA,CAAA4C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAC,QAAA,eACtC,IAAAxC,WAAA,CAAAyC,IAAA,EAACjD,YAAA,CAAA4C,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,SAAU;MAAAF,QAAA,gBAC5B,IAAAxC,WAAA,CAAAmC,GAAA,EAAC3C,YAAA,CAAA4C,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACK,iBAAkB;QAAAH,QAAA,eACpC,IAAAxC,WAAA,CAAAmC,GAAA,EAACtC,sBAAA,CAAAU,OAAQ,CAAC6B,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAACX,QAAQ,EAAEG,cAAc,CAAE;UAAAU,QAAA,eACtD,IAAAxC,WAAA,CAAAmC,GAAA,EAACvC,cAAA,CAAAgD,UAAU;YAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;YAACV,KAAK,EAAEC,MAAM,CAACU,OAAQ;YAAAR,QAAA,EAC5D,GAAGZ,gBAAgB;UAAG,CACb;QAAC,CACA;MAAC,CACZ,CAAC,eACP,IAAA5B,WAAA,CAAAmC,GAAA,EAAC3C,YAAA,CAAAyD,KAAK;QACJC,MAAM,EACJ3B,MAAM,GACF;UACE4B,GAAG,EAAEC;QACP,CAAC,GACD3D,OAAO,CAAC,yBAAyB,CACtC;QACD4C,KAAK,EAAEC,MAAM,CAACe;MAAS,CACxB,CAAC;IAAA,CACE;EAAC,CACH,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAA5B,QAAA,GAAAA,QAAA;AAED,MAAMY,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,mBAAmB,EAAE;IACnBkB,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrB5B,KAAK,EAAE;EACT,CAAC;EACDU,SAAS,EAAE;IACTV,KAAK,EAAE,MAAM;IACb6B,MAAM,EAAE,GAAG;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBL,YAAY,EAAEM,4BAAa,CAAC,GAAG,CAAC;IAChCP,eAAe,EAAEQ,qBAAM,CAACC,SAAS;IACjCC,WAAW,EAAEP,sBAAO,CAAC,GAAG,CAAC;IACzBQ,YAAY,EAAER,sBAAO,CAAC,GAAG,CAAC;IAC1BS,GAAG,EAAET,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDjB,iBAAiB,EAAE;IACjBkB,MAAM,EAAE,EAAE;IACVS,QAAQ,EAAE,CAAC;IACXb,eAAe,EAAEQ,qBAAM,CAACM,SAAS;IACjCb,YAAY,EAAE,EAAE;IAChBc,QAAQ,EAAE;EACZ,CAAC;EACD7C,QAAQ,EAAE;IACR8C,QAAQ,EAAE,UAAU;IACpBZ,MAAM,EAAE,MAAM;IACdJ,eAAe,EAAEQ,qBAAM,CAACS,YAAY;IACpChB,YAAY,EAAEM,4BAAa,CAAC,GAAG,CAAC;IAChCW,cAAc,EAAE,QAAQ;IACxBZ,UAAU,EAAE,UAAU;IACtBK,YAAY,EAAE,IAAI;IAClBI,QAAQ,EAAE;EACZ,CAAC;EACDnB,QAAQ,EAAE;IACRrB,KAAK,EAAE,EAAE;IACT6B,MAAM,EAAE,EAAE;IACVe,gBAAgB,EAAEhB,sBAAO,CAAC,GAAG;EAC/B,CAAC;EACDZ,OAAO,EAAE;IACPyB,QAAQ,EAAE,UAAU;IACpBL,YAAY,EAAE,EAAE;IAChBS,KAAK,EAAEZ,qBAAM,CAACC,SAAS;IACvBY,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MIN_PROBLEMS_TO_SHOW_GIF = exports.MIN_GIF_SIZE = exports.MAX_GIF_SIZE = exports.GROUPS_PERCENTAGES = exports.CONTENT_CONTAINER = exports.BACKDROP_COLOR = exports.ANIMATION_DURATION = void 0;
|
|
7
|
+
const BACKDROP_COLOR = exports.BACKDROP_COLOR = {
|
|
8
|
+
INITIAL: 'rgba(51, 51, 51, 0)',
|
|
9
|
+
FINAL: 'rgba(51, 51, 51, 0.66)'
|
|
10
|
+
};
|
|
11
|
+
const CONTENT_CONTAINER = exports.CONTENT_CONTAINER = {
|
|
12
|
+
ANGLE: 5,
|
|
13
|
+
CONTAINER_WIDTH: 769,
|
|
14
|
+
SAFE_AREA: 44 // to be sure that the content is not cut off on the edges because of rotate transform
|
|
15
|
+
};
|
|
16
|
+
const ANIMATION_DURATION = exports.ANIMATION_DURATION = 1750;
|
|
17
|
+
const MIN_PROBLEMS_TO_SHOW_GIF = exports.MIN_PROBLEMS_TO_SHOW_GIF = 6;
|
|
18
|
+
const MAX_GIF_SIZE = exports.MAX_GIF_SIZE = {
|
|
19
|
+
WIDTH: 480,
|
|
20
|
+
HEIGHT: 300
|
|
21
|
+
};
|
|
22
|
+
const MIN_GIF_SIZE = exports.MIN_GIF_SIZE = 300;
|
|
23
|
+
const GROUPS_PERCENTAGES = exports.GROUPS_PERCENTAGES = {
|
|
24
|
+
group1: [15, 20, 25, 30],
|
|
25
|
+
// Early celebrations
|
|
26
|
+
group2: [33, 40, 45, 50],
|
|
27
|
+
// Mid celebrations
|
|
28
|
+
group3: [60, 66, 75, 80] // Party
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BACKDROP_COLOR","exports","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","SAFE_AREA","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF","MAX_GIF_SIZE","WIDTH","HEIGHT","MIN_GIF_SIZE","GROUPS_PERCENTAGES","group1","group2","group3"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/constants.ts"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,OAAO,EAAE,qBAAqB;EAC9BC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG;EAC/BC,KAAK,EAAE,CAAC;EACRC,eAAe,EAAE,GAAG;EACpBC,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAEM,MAAMC,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,GAAG,IAAI;AAC/B,MAAMC,wBAAwB,GAAAR,OAAA,CAAAQ,wBAAA,GAAG,CAAC;AAElC,MAAMC,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAG;EAC1BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACV,CAAC;AACM,MAAMC,YAAY,GAAAZ,OAAA,CAAAY,YAAA,GAAG,GAAG;AAExB,MAAMC,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,GAAG;EAChCC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAE;AAC5B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getGifLabel = exports.generateGifsStructure = exports.calculatePercentageTable = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* Number of problems When we show gif
|
|
9
|
+
* <6 Never
|
|
10
|
+
* 7-12 50% completion
|
|
11
|
+
* 13-18 33%, 66% completion
|
|
12
|
+
* 19-24 25%, 50%, 75 completion
|
|
13
|
+
* 25-30 20%, 40%, 60%, 80% completion
|
|
14
|
+
* .>30 15%, 30%, 45%, 60%, 75% completion
|
|
15
|
+
*
|
|
16
|
+
* We are also going to have different buckets with different gifs. The logic is as follows:
|
|
17
|
+
* Group 1: 15%, 20%, 25%, 30% - Early celebrations
|
|
18
|
+
* Group 2: 33%, 40%, 45%, 50% - Mid celebrations
|
|
19
|
+
* Group 3: 60%, 66%, 75%, 80% - Party
|
|
20
|
+
*/
|
|
21
|
+
const calculatePercentageTable = totalProblems => {
|
|
22
|
+
if (totalProblems <= 12) return {
|
|
23
|
+
50: Math.ceil(totalProblems * 0.5)
|
|
24
|
+
};
|
|
25
|
+
if (totalProblems <= 18) {
|
|
26
|
+
return {
|
|
27
|
+
33: Math.ceil(totalProblems * 0.33),
|
|
28
|
+
66: Math.ceil(totalProblems * 0.66)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
if (totalProblems <= 24) {
|
|
32
|
+
return {
|
|
33
|
+
25: Math.ceil(totalProblems * 0.25),
|
|
34
|
+
50: Math.ceil(totalProblems * 0.5),
|
|
35
|
+
75: Math.ceil(totalProblems * 0.75)
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
if (totalProblems <= 30) {
|
|
39
|
+
return {
|
|
40
|
+
20: Math.ceil(totalProblems * 0.2),
|
|
41
|
+
40: Math.ceil(totalProblems * 0.4),
|
|
42
|
+
60: Math.ceil(totalProblems * 0.6),
|
|
43
|
+
80: Math.ceil(totalProblems * 0.8)
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
return {
|
|
47
|
+
15: Math.ceil(totalProblems * 0.15),
|
|
48
|
+
30: Math.ceil(totalProblems * 0.3),
|
|
49
|
+
45: Math.ceil(totalProblems * 0.45),
|
|
50
|
+
60: Math.ceil(totalProblems * 0.6),
|
|
51
|
+
75: Math.ceil(totalProblems * 0.75)
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
exports.calculatePercentageTable = calculatePercentageTable;
|
|
55
|
+
const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
|
|
56
|
+
url,
|
|
57
|
+
isShown: false,
|
|
58
|
+
group: key
|
|
59
|
+
}))]));
|
|
60
|
+
exports.generateGifsStructure = generateGifsStructure;
|
|
61
|
+
const getGifLabel = relatedGroup => {
|
|
62
|
+
if (relatedGroup === 2) {
|
|
63
|
+
return 'gifCelebrations.onTheWay';
|
|
64
|
+
}
|
|
65
|
+
if (relatedGroup === 3) {
|
|
66
|
+
return 'gifCelebrations.almostThere';
|
|
67
|
+
}
|
|
68
|
+
return 'gifCelebrations.greatStart';
|
|
69
|
+
};
|
|
70
|
+
exports.getGifLabel = getGifLabel;
|
|
71
|
+
//# sourceMappingURL=helpers.js.map
|