68145.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. "use strict";
  2. exports.id = 68145;
  3. exports.ids = [68145];
  4. exports.modules = {
  5. /***/ 67014:
  6. /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  7. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  8. /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
  9. /* harmony export */ });
  10. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  11. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  12. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
  13. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
  14. /* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);
  15. const DataSyncSlide = ({ action })=>{
  16. return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
  17. action: action,
  18. description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
  19. components: {
  20. br: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {})
  21. },
  22. i18nKey: "common:announcements.auth-onboarding.data-sync.description"
  23. }),
  24. titleKey: "common:announcements.auth-onboarding.data-sync.title"
  25. });
  26. };
  27. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DataSyncSlide);
  28. /***/ }),
  29. /***/ 94198:
  30. /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  31. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  32. /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
  33. /* harmony export */ });
  34. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  35. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  36. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
  37. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
  38. /* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);
  39. /* harmony import */ var _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61239);
  40. const FeedbackSlide = ({ action })=>{
  41. return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
  42. action: action,
  43. titleKey: "common:announcements.auth-onboarding.feedback.title",
  44. description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
  45. components: {
  46. link: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
  47. href: "https://feedback.quran.com",
  48. variant: _dls_Link_Link__WEBPACK_IMPORTED_MODULE_3__/* .LinkVariant.Blend */ .r.Blend,
  49. isNewTab: true
  50. })
  51. },
  52. i18nKey: "common:announcements.auth-onboarding.feedback.description"
  53. })
  54. });
  55. };
  56. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeedbackSlide);
  57. /***/ }),
  58. /***/ 31742:
  59. /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  60. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  61. /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
  62. /* harmony export */ });
  63. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  64. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  65. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
  66. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
  67. /* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);
  68. const QuranFoundationLinkSlide = ({ action })=>{
  69. return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
  70. action: action,
  71. titleKey: "common:announcements.auth-onboarding.quran-foundation-link.title",
  72. description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
  73. i18nKey: "common:announcements.auth-onboarding.quran-foundation-link.description"
  74. })
  75. });
  76. };
  77. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuranFoundationLinkSlide);
  78. /***/ }),
  79. /***/ 64702:
  80. /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  81. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  82. /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
  83. /* harmony export */ });
  84. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  85. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  86. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74137);
  87. /* harmony import */ var next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_Trans__WEBPACK_IMPORTED_MODULE_1__);
  88. /* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72402);
  89. const QuranGrowthJourneySlide = ({ action })=>{
  90. return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
  91. action: action,
  92. titleKey: "common:announcements.auth-onboarding.quran-growth-journey.title",
  93. description: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_translate_Trans__WEBPACK_IMPORTED_MODULE_1___default()), {
  94. i18nKey: "common:announcements.auth-onboarding.quran-growth-journey.description"
  95. })
  96. });
  97. };
  98. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuranGrowthJourneySlide);
  99. /***/ }),
  100. /***/ 14006:
  101. /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  102. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  103. /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
  104. /* harmony export */ });
  105. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  106. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  107. /* harmony import */ var _dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72402);
  108. /* harmony import */ var _public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5894);
  109. const WelcomeSlide = ({ action })=>{
  110. return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel_Slide__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
  111. action: action,
  112. titleKey: "common:announcements.auth-onboarding.welcome.title",
  113. header: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_public_images_moon_illustration_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {})
  114. });
  115. };
  116. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WelcomeSlide);
  117. /***/ }),
  118. /***/ 68145:
  119. /***/ ((module, __webpack_exports__, __webpack_require__) => {
  120. __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
  121. __webpack_require__.r(__webpack_exports__);
  122. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  123. /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  124. /* harmony export */ });
  125. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  126. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  127. /* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60866);
  128. /* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__);
  129. /* harmony import */ var _AnnouncementBody__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20789);
  130. /* harmony import */ var _Slides_DataSyncSlide__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67014);
  131. /* harmony import */ var _Slides_FeedbackSlide__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94198);
  132. /* harmony import */ var _Slides_QuranFoundationLinkSlide__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31742);
  133. /* harmony import */ var _Slides_QuranGrowthJourneySlide__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64702);
  134. /* harmony import */ var _Slides_WelcomeSlide__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14006);
  135. /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(50497);
  136. /* harmony import */ var _dls_Carousel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(39454);
  137. /* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55943);
  138. var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__]);
  139. ([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
  140. var SlideId;
  141. (function(SlideId) {
  142. SlideId["Welcome"] = "welcome";
  143. SlideId["DataSync"] = "data-sync";
  144. SlideId["QuranGrowthJourney"] = "quran-growth-journey";
  145. SlideId["QuranFoundationLink"] = "quran-foundation-link";
  146. SlideId["Feedback"] = "feedback";
  147. })(SlideId || (SlideId = {}));
  148. const slideIdToAnalyticsName = {
  149. [SlideId.Welcome]: "welcome",
  150. [SlideId.DataSync]: "data_sync",
  151. [SlideId.QuranGrowthJourney]: "quran_growth_journey",
  152. [SlideId.QuranFoundationLink]: "quran_foundation_link",
  153. [SlideId.Feedback]: "feedback"
  154. };
  155. const logSlideCompletedClick = (slideId)=>{
  156. (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_10__/* .logCarouselSlideCompletion */ .An)("onboarding_announcement", slideIdToAnalyticsName[slideId]);
  157. };
  158. const slides = [
  159. {
  160. id: SlideId.Welcome,
  161. component: _Slides_WelcomeSlide__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z
  162. },
  163. {
  164. id: SlideId.DataSync,
  165. component: _Slides_DataSyncSlide__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
  166. },
  167. {
  168. id: SlideId.QuranGrowthJourney,
  169. component: _Slides_QuranGrowthJourneySlide__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z
  170. },
  171. {
  172. id: SlideId.QuranFoundationLink,
  173. component: _Slides_QuranFoundationLinkSlide__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z
  174. },
  175. {
  176. id: SlideId.Feedback,
  177. component: _Slides_FeedbackSlide__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
  178. },
  179. ];
  180. const makeSlides = (t, onCompleted)=>{
  181. return slides.map((slide, index)=>({
  182. ...slide,
  183. component: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(slide.component, {
  184. action: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .ZP, {
  185. href: `#${index === slides.length - 1 ? slide.id : slides[index + 1].id}`,
  186. onClick: ()=>{
  187. logSlideCompletedClick(slide.id);
  188. if (index === slides.length - 1) {
  189. onCompleted();
  190. }
  191. },
  192. children: t(`announcements.auth-onboarding.${slide.id}.action`)
  193. })
  194. })
  195. }));
  196. };
  197. const AuthOnboardingAnnouncement = ({ onCompleted })=>{
  198. const { t } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("common");
  199. return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_AnnouncementBody__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
  200. children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Carousel__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
  201. slides: makeSlides(t, onCompleted)
  202. })
  203. });
  204. };
  205. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AuthOnboardingAnnouncement);
  206. __webpack_async_result__();
  207. } catch(e) { __webpack_async_result__(e); } });
  208. /***/ })
  209. };
  210. ;
  211. //# sourceMappingURL=68145.js.map