ouisys-component-library 3.0.48 → 3.0.50

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.
Files changed (339) hide show
  1. package/dist/{CookieConsent-2a28b051.js → CookieConsent-bb30e9e0.js} +1 -1
  2. package/dist/{CookieConsent-6af83fc6.js.map → CookieConsent-bb30e9e0.js.map} +1 -1
  3. package/dist/CookieConsent.js +1 -1
  4. package/dist/{ExtraDisclaimers-3a3f1da8.js → ExtraDisclaimers-19d3d0b1.js} +1 -1
  5. package/dist/{ExtraDisclaimers-3a3f1da8.js.map → ExtraDisclaimers-19d3d0b1.js.map} +1 -1
  6. package/dist/ExtraDisclaimers.js +1 -1
  7. package/dist/{Features-0ed10350.js → Features-905e6eb2.js} +1 -1
  8. package/dist/{Features-6dbbb2fd.js.map → Features-905e6eb2.js.map} +1 -1
  9. package/dist/Features.js +1 -1
  10. package/dist/{Footer-c9494d6d.js → Footer-ee70dc1d.js} +2 -2
  11. package/dist/{Footer-613c9d03.js.map → Footer-ee70dc1d.js.map} +1 -1
  12. package/dist/Footer.js +1 -1
  13. package/dist/Header.js +1 -1
  14. package/dist/Header.js.map +1 -1
  15. package/dist/{Intl-071c33aa.js → Intl-68fb24f1.js} +1 -1
  16. package/dist/{Intl-071c33aa.js.map → Intl-68fb24f1.js.map} +1 -1
  17. package/dist/IntlProvider.js +1 -1
  18. package/dist/LanguageSwitcher-24857a7d.js +2 -0
  19. package/dist/LanguageSwitcher-24857a7d.js.map +1 -0
  20. package/dist/LanguageSwitcher.js +1 -1
  21. package/dist/{MOLink-0db42da0.js → MOLink-268f95ba.js} +1 -1
  22. package/dist/{MOLink-0db42da0.js.map → MOLink-268f95ba.js.map} +1 -1
  23. package/dist/MOLink.js +1 -1
  24. package/dist/{Menu-0d065c12.js → Menu-1fd02fa0.js} +2 -2
  25. package/dist/{Menu-0d065c12.js.map → Menu-1fd02fa0.js.map} +1 -1
  26. package/dist/Menu.js +1 -1
  27. package/dist/PageContent.js +1 -1
  28. package/dist/PhoneEntry.js +1 -1
  29. package/dist/PhoneEntry.js.map +1 -1
  30. package/dist/{PricingPolicy-dd29a474.js → PricingPolicy-efb90dd6.js} +1 -1
  31. package/dist/{PricingPolicy-e075fe1a.js.map → PricingPolicy-efb90dd6.js.map} +1 -1
  32. package/dist/PricingPolicy.js +1 -1
  33. package/dist/ProductArea.js +1 -1
  34. package/dist/{RefundPolicy-bf15accc.js → RefundPolicy-6a49f3b5.js} +2 -2
  35. package/dist/{RefundPolicy-8a2ebf56.js.map → RefundPolicy-6a49f3b5.js.map} +1 -1
  36. package/dist/RefundPolicy.js +1 -1
  37. package/dist/{Showcase-83064d84.js → Showcase-3561d2a9.js} +1 -1
  38. package/dist/{Showcase-83064d84.js.map → Showcase-3561d2a9.js.map} +1 -1
  39. package/dist/Showcase.js +1 -1
  40. package/dist/SuspenseLoader.js +1 -1
  41. package/dist/SuspenseLoader.js.map +1 -1
  42. package/dist/TermsAcceptanceCheck.js +1 -1
  43. package/dist/{Testimonials-09ecf691.js → Testimonials-51bbfdfd.js} +1 -1
  44. package/dist/{Testimonials-09ecf691.js.map → Testimonials-51bbfdfd.js.map} +1 -1
  45. package/dist/Testimonials.js +1 -1
  46. package/dist/Translate.js +1 -1
  47. package/dist/{Unsubscription-216ff0db.js → Unsubscription-05697d14.js} +2 -2
  48. package/dist/{Unsubscription-79958fda.js.map → Unsubscription-05697d14.js.map} +1 -1
  49. package/dist/Unsubscription.js +1 -1
  50. package/dist/defineMessages.js +1 -1
  51. package/dist/formatSMSLink.js +1 -1
  52. package/dist/injectIntl.js +1 -1
  53. package/dist/{routes-22540c0e.js → routes-0b994a7e.js} +1 -1
  54. package/dist/{routes-36e4a68e.js.map → routes-0b994a7e.js.map} +1 -1
  55. package/dist/styles.css +1 -1
  56. package/dist/styles.css.map +1 -1
  57. package/dist/types/Header/Header.d.ts +1 -1
  58. package/dist/types/Header/Header.types.d.ts +10 -3
  59. package/dist/types/PhoneEntry/PhoneEntry.d.ts +1 -1
  60. package/dist/types/PhoneEntry/PhoneEntry.types.d.ts +4 -0
  61. package/dist/types/SuspenseLoader/SuspenseLoader.d.ts +1 -2
  62. package/dist/types/SuspenseLoader/SuspenseLoader.types.d.ts +3 -3
  63. package/package.json +1 -1
  64. package/dist/CookieConsent-2a28b051.js.map +0 -1
  65. package/dist/CookieConsent-33297696.js +0 -2
  66. package/dist/CookieConsent-33297696.js.map +0 -1
  67. package/dist/CookieConsent-6af83fc6.js +0 -2
  68. package/dist/CookieConsent-aef45aec.js +0 -2
  69. package/dist/CookieConsent-aef45aec.js.map +0 -1
  70. package/dist/CookieConsent-afd790ed.js +0 -2
  71. package/dist/CookieConsent-afd790ed.js.map +0 -1
  72. package/dist/CookieConsent-b30ba0d4.js +0 -2
  73. package/dist/CookieConsent-b30ba0d4.js.map +0 -1
  74. package/dist/CookieConsent-c55a6951.js +0 -2
  75. package/dist/CookieConsent-c55a6951.js.map +0 -1
  76. package/dist/CookieConsent-ccaff0cf.js +0 -2
  77. package/dist/CookieConsent-ccaff0cf.js.map +0 -1
  78. package/dist/CookieConsent-d3679e9f.js +0 -2
  79. package/dist/CookieConsent-d3679e9f.js.map +0 -1
  80. package/dist/CookieConsent-fa8d2c6d.js +0 -2
  81. package/dist/CookieConsent-fa8d2c6d.js.map +0 -1
  82. package/dist/CookieConsent-fb30b219.js +0 -2
  83. package/dist/CookieConsent-fb30b219.js.map +0 -1
  84. package/dist/ExtraDisclaimers-4d41a5d0.js +0 -2
  85. package/dist/ExtraDisclaimers-4d41a5d0.js.map +0 -1
  86. package/dist/ExtraDisclaimers-510ea1e3.js +0 -2
  87. package/dist/ExtraDisclaimers-510ea1e3.js.map +0 -1
  88. package/dist/ExtraDisclaimers-5300f6e3.js +0 -2
  89. package/dist/ExtraDisclaimers-5300f6e3.js.map +0 -1
  90. package/dist/ExtraDisclaimers-597c72e4.js +0 -2
  91. package/dist/ExtraDisclaimers-597c72e4.js.map +0 -1
  92. package/dist/ExtraDisclaimers-5acbe689.js +0 -2
  93. package/dist/ExtraDisclaimers-5acbe689.js.map +0 -1
  94. package/dist/ExtraDisclaimers-7a943c5a.js +0 -2
  95. package/dist/ExtraDisclaimers-7a943c5a.js.map +0 -1
  96. package/dist/ExtraDisclaimers-7f6ffc8e.js +0 -2
  97. package/dist/ExtraDisclaimers-7f6ffc8e.js.map +0 -1
  98. package/dist/ExtraDisclaimers-8bac70ab.js +0 -2
  99. package/dist/ExtraDisclaimers-8bac70ab.js.map +0 -1
  100. package/dist/ExtraDisclaimers-92e56de8.js +0 -2
  101. package/dist/ExtraDisclaimers-92e56de8.js.map +0 -1
  102. package/dist/ExtraDisclaimers-9896fee3.js +0 -2
  103. package/dist/ExtraDisclaimers-9896fee3.js.map +0 -1
  104. package/dist/ExtraDisclaimers-b5f6785c.js +0 -2
  105. package/dist/ExtraDisclaimers-b5f6785c.js.map +0 -1
  106. package/dist/ExtraDisclaimers-cc3097ec.js +0 -2
  107. package/dist/ExtraDisclaimers-cc3097ec.js.map +0 -1
  108. package/dist/ExtraDisclaimers-de70f6fe.js +0 -2
  109. package/dist/ExtraDisclaimers-de70f6fe.js.map +0 -1
  110. package/dist/Features-0ed10350.js.map +0 -1
  111. package/dist/Features-2370cce4.js +0 -2
  112. package/dist/Features-2370cce4.js.map +0 -1
  113. package/dist/Features-6dbbb2fd.js +0 -2
  114. package/dist/Features-70fbd019.js +0 -2
  115. package/dist/Features-70fbd019.js.map +0 -1
  116. package/dist/Features-93725bb2.js +0 -2
  117. package/dist/Features-93725bb2.js.map +0 -1
  118. package/dist/Features-9f8a5b7f.js +0 -2
  119. package/dist/Features-9f8a5b7f.js.map +0 -1
  120. package/dist/Features-9ff72016.js +0 -2
  121. package/dist/Features-9ff72016.js.map +0 -1
  122. package/dist/Footer-613c9d03.js +0 -2
  123. package/dist/Footer-6fd885e6.js +0 -2
  124. package/dist/Footer-6fd885e6.js.map +0 -1
  125. package/dist/Footer-7f18b523.js +0 -2
  126. package/dist/Footer-7f18b523.js.map +0 -1
  127. package/dist/Footer-8e2b8c99.js +0 -2
  128. package/dist/Footer-8e2b8c99.js.map +0 -1
  129. package/dist/Footer-b42277f1.js +0 -2
  130. package/dist/Footer-b42277f1.js.map +0 -1
  131. package/dist/Footer-c9494d6d.js.map +0 -1
  132. package/dist/Footer-caa7eab0.js +0 -2
  133. package/dist/Footer-caa7eab0.js.map +0 -1
  134. package/dist/Intl-3dca08e3.js +0 -2
  135. package/dist/Intl-3dca08e3.js.map +0 -1
  136. package/dist/Intl-403c4f4b.js +0 -2
  137. package/dist/Intl-403c4f4b.js.map +0 -1
  138. package/dist/Intl-42e38b7f.js +0 -2
  139. package/dist/Intl-42e38b7f.js.map +0 -1
  140. package/dist/Intl-43192f22.js +0 -2
  141. package/dist/Intl-43192f22.js.map +0 -1
  142. package/dist/Intl-50e68cb3.js +0 -2
  143. package/dist/Intl-50e68cb3.js.map +0 -1
  144. package/dist/Intl-5a168eda.js +0 -2
  145. package/dist/Intl-5a168eda.js.map +0 -1
  146. package/dist/Intl-5ef6c90b.js +0 -2
  147. package/dist/Intl-5ef6c90b.js.map +0 -1
  148. package/dist/Intl-9f05fdd7.js +0 -2
  149. package/dist/Intl-9f05fdd7.js.map +0 -1
  150. package/dist/Intl-a5cb4db6.js +0 -2
  151. package/dist/Intl-a5cb4db6.js.map +0 -1
  152. package/dist/Intl-c1168e60.js +0 -2
  153. package/dist/Intl-c1168e60.js.map +0 -1
  154. package/dist/Intl-cde44353.js +0 -2
  155. package/dist/Intl-cde44353.js.map +0 -1
  156. package/dist/Intl-d44b6bbc.js +0 -2
  157. package/dist/Intl-d44b6bbc.js.map +0 -1
  158. package/dist/Intl-dfe5c372.js +0 -2
  159. package/dist/Intl-dfe5c372.js.map +0 -1
  160. package/dist/LanguageSwitcher-33e8eaac.js +0 -2
  161. package/dist/LanguageSwitcher-33e8eaac.js.map +0 -1
  162. package/dist/LanguageSwitcher-4b3433ad.js +0 -2
  163. package/dist/LanguageSwitcher-4b3433ad.js.map +0 -1
  164. package/dist/LanguageSwitcher-59900674.js +0 -2
  165. package/dist/LanguageSwitcher-59900674.js.map +0 -1
  166. package/dist/LanguageSwitcher-5d100f7e.js +0 -2
  167. package/dist/LanguageSwitcher-5d100f7e.js.map +0 -1
  168. package/dist/LanguageSwitcher-657142e6.js +0 -2
  169. package/dist/LanguageSwitcher-657142e6.js.map +0 -1
  170. package/dist/LanguageSwitcher-7d0a3f59.js +0 -2
  171. package/dist/LanguageSwitcher-7d0a3f59.js.map +0 -1
  172. package/dist/LanguageSwitcher-84b6cafc.js +0 -2
  173. package/dist/LanguageSwitcher-84b6cafc.js.map +0 -1
  174. package/dist/LanguageSwitcher-90eda5f2.js +0 -2
  175. package/dist/LanguageSwitcher-90eda5f2.js.map +0 -1
  176. package/dist/LanguageSwitcher-941f9434.js +0 -2
  177. package/dist/LanguageSwitcher-941f9434.js.map +0 -1
  178. package/dist/LanguageSwitcher-ab5103a4.js +0 -2
  179. package/dist/LanguageSwitcher-ab5103a4.js.map +0 -1
  180. package/dist/LanguageSwitcher-d6aea02c.js +0 -2
  181. package/dist/LanguageSwitcher-d6aea02c.js.map +0 -1
  182. package/dist/LanguageSwitcher-db381003.js +0 -2
  183. package/dist/LanguageSwitcher-db381003.js.map +0 -1
  184. package/dist/LanguageSwitcher-dd3d7f47.js +0 -2
  185. package/dist/LanguageSwitcher-dd3d7f47.js.map +0 -1
  186. package/dist/LanguageSwitcher-e0958521.js +0 -2
  187. package/dist/LanguageSwitcher-e0958521.js.map +0 -1
  188. package/dist/LanguageSwitcher-e11a376d.js +0 -2
  189. package/dist/LanguageSwitcher-e11a376d.js.map +0 -1
  190. package/dist/MOLink-17e49593.js +0 -2
  191. package/dist/MOLink-17e49593.js.map +0 -1
  192. package/dist/MOLink-2445f69d.js +0 -2
  193. package/dist/MOLink-2445f69d.js.map +0 -1
  194. package/dist/MOLink-2f8b872b.js +0 -2
  195. package/dist/MOLink-2f8b872b.js.map +0 -1
  196. package/dist/MOLink-36aa2c24.js +0 -2
  197. package/dist/MOLink-36aa2c24.js.map +0 -1
  198. package/dist/MOLink-56cfe931.js +0 -2
  199. package/dist/MOLink-56cfe931.js.map +0 -1
  200. package/dist/MOLink-872a4cfa.js +0 -2
  201. package/dist/MOLink-872a4cfa.js.map +0 -1
  202. package/dist/MOLink-8d68769c.js +0 -2
  203. package/dist/MOLink-8d68769c.js.map +0 -1
  204. package/dist/MOLink-8e539847.js +0 -2
  205. package/dist/MOLink-8e539847.js.map +0 -1
  206. package/dist/MOLink-9270fbac.js +0 -2
  207. package/dist/MOLink-9270fbac.js.map +0 -1
  208. package/dist/MOLink-acae28c7.js +0 -2
  209. package/dist/MOLink-acae28c7.js.map +0 -1
  210. package/dist/MOLink-bbac38f8.js +0 -2
  211. package/dist/MOLink-bbac38f8.js.map +0 -1
  212. package/dist/MOLink-c6bf2d03.js +0 -2
  213. package/dist/MOLink-c6bf2d03.js.map +0 -1
  214. package/dist/MOLink-eb4dddd1.js +0 -2
  215. package/dist/MOLink-eb4dddd1.js.map +0 -1
  216. package/dist/Menu-1b901d21.js +0 -2
  217. package/dist/Menu-1b901d21.js.map +0 -1
  218. package/dist/Menu-1d875ea1.js +0 -2
  219. package/dist/Menu-1d875ea1.js.map +0 -1
  220. package/dist/Menu-48e24c04.js +0 -2
  221. package/dist/Menu-48e24c04.js.map +0 -1
  222. package/dist/Menu-52448557.js +0 -2
  223. package/dist/Menu-52448557.js.map +0 -1
  224. package/dist/Menu-571363c6.js +0 -2
  225. package/dist/Menu-571363c6.js.map +0 -1
  226. package/dist/Menu-6a32bb86.js +0 -2
  227. package/dist/Menu-6a32bb86.js.map +0 -1
  228. package/dist/Menu-7988da04.js +0 -2
  229. package/dist/Menu-7988da04.js.map +0 -1
  230. package/dist/Menu-7b283a65.js +0 -2
  231. package/dist/Menu-7b283a65.js.map +0 -1
  232. package/dist/Menu-7ffc5626.js +0 -2
  233. package/dist/Menu-7ffc5626.js.map +0 -1
  234. package/dist/Menu-93c026e8.js +0 -2
  235. package/dist/Menu-93c026e8.js.map +0 -1
  236. package/dist/Menu-d134da8f.js +0 -2
  237. package/dist/Menu-d134da8f.js.map +0 -1
  238. package/dist/Menu-d2195fde.js +0 -2
  239. package/dist/Menu-d2195fde.js.map +0 -1
  240. package/dist/Menu-d8882b18.js +0 -2
  241. package/dist/Menu-d8882b18.js.map +0 -1
  242. package/dist/Menu-ec7bdea9.js +0 -2
  243. package/dist/Menu-ec7bdea9.js.map +0 -1
  244. package/dist/PricingPolicy-165acef9.js +0 -2
  245. package/dist/PricingPolicy-165acef9.js.map +0 -1
  246. package/dist/PricingPolicy-1a6fd4f7.js +0 -2
  247. package/dist/PricingPolicy-1a6fd4f7.js.map +0 -1
  248. package/dist/PricingPolicy-4737ca9a.js +0 -2
  249. package/dist/PricingPolicy-4737ca9a.js.map +0 -1
  250. package/dist/PricingPolicy-4e3a351e.js +0 -2
  251. package/dist/PricingPolicy-4e3a351e.js.map +0 -1
  252. package/dist/PricingPolicy-81412194.js +0 -2
  253. package/dist/PricingPolicy-81412194.js.map +0 -1
  254. package/dist/PricingPolicy-9602c61e.js +0 -2
  255. package/dist/PricingPolicy-9602c61e.js.map +0 -1
  256. package/dist/PricingPolicy-9c1f4952.js +0 -2
  257. package/dist/PricingPolicy-9c1f4952.js.map +0 -1
  258. package/dist/PricingPolicy-bea5d68c.js +0 -2
  259. package/dist/PricingPolicy-bea5d68c.js.map +0 -1
  260. package/dist/PricingPolicy-bfb2cc75.js +0 -2
  261. package/dist/PricingPolicy-bfb2cc75.js.map +0 -1
  262. package/dist/PricingPolicy-dd29a474.js.map +0 -1
  263. package/dist/PricingPolicy-deb61592.js +0 -2
  264. package/dist/PricingPolicy-deb61592.js.map +0 -1
  265. package/dist/PricingPolicy-e075fe1a.js +0 -2
  266. package/dist/RefundPolicy-1f22d7fc.js +0 -2
  267. package/dist/RefundPolicy-1f22d7fc.js.map +0 -1
  268. package/dist/RefundPolicy-3ce16295.js +0 -2
  269. package/dist/RefundPolicy-3ce16295.js.map +0 -1
  270. package/dist/RefundPolicy-8a2ebf56.js +0 -2
  271. package/dist/RefundPolicy-8d220f7a.js +0 -2
  272. package/dist/RefundPolicy-8d220f7a.js.map +0 -1
  273. package/dist/RefundPolicy-bf15accc.js.map +0 -1
  274. package/dist/RefundPolicy-cad2a522.js +0 -2
  275. package/dist/RefundPolicy-cad2a522.js.map +0 -1
  276. package/dist/RefundPolicy-cfcf940c.js +0 -2
  277. package/dist/RefundPolicy-cfcf940c.js.map +0 -1
  278. package/dist/Showcase-8992c6f1.js +0 -2
  279. package/dist/Showcase-8992c6f1.js.map +0 -1
  280. package/dist/Showcase-955950f0.js +0 -2
  281. package/dist/Showcase-955950f0.js.map +0 -1
  282. package/dist/Showcase-a523b692.js +0 -2
  283. package/dist/Showcase-a523b692.js.map +0 -1
  284. package/dist/Showcase-a5aedc61.js +0 -2
  285. package/dist/Showcase-a5aedc61.js.map +0 -1
  286. package/dist/Showcase-b02d3f35.js +0 -2
  287. package/dist/Showcase-b02d3f35.js.map +0 -1
  288. package/dist/Showcase-fd5aa8a4.js +0 -2
  289. package/dist/Showcase-fd5aa8a4.js.map +0 -1
  290. package/dist/Testimonials-1680417c.js +0 -2
  291. package/dist/Testimonials-1680417c.js.map +0 -1
  292. package/dist/Testimonials-42e14dfe.js +0 -2
  293. package/dist/Testimonials-42e14dfe.js.map +0 -1
  294. package/dist/Testimonials-731300ff.js +0 -2
  295. package/dist/Testimonials-731300ff.js.map +0 -1
  296. package/dist/Testimonials-ad048fac.js +0 -2
  297. package/dist/Testimonials-ad048fac.js.map +0 -1
  298. package/dist/Testimonials-b541b94f.js +0 -2
  299. package/dist/Testimonials-b541b94f.js.map +0 -1
  300. package/dist/Testimonials-e76d0311.js +0 -2
  301. package/dist/Testimonials-e76d0311.js.map +0 -1
  302. package/dist/Unsubscription-216ff0db.js.map +0 -1
  303. package/dist/Unsubscription-5bb39413.js +0 -2
  304. package/dist/Unsubscription-5bb39413.js.map +0 -1
  305. package/dist/Unsubscription-79958fda.js +0 -2
  306. package/dist/Unsubscription-817bd7b3.js +0 -2
  307. package/dist/Unsubscription-817bd7b3.js.map +0 -1
  308. package/dist/Unsubscription-8e193ddf.js +0 -2
  309. package/dist/Unsubscription-8e193ddf.js.map +0 -1
  310. package/dist/Unsubscription-a7811bef.js +0 -2
  311. package/dist/Unsubscription-a7811bef.js.map +0 -1
  312. package/dist/Unsubscription-e9f44343.js +0 -2
  313. package/dist/Unsubscription-e9f44343.js.map +0 -1
  314. package/dist/routes-22540c0e.js.map +0 -1
  315. package/dist/routes-2a3422b7.js +0 -2
  316. package/dist/routes-2a3422b7.js.map +0 -1
  317. package/dist/routes-36e4a68e.js +0 -2
  318. package/dist/routes-493eca85.js +0 -2
  319. package/dist/routes-493eca85.js.map +0 -1
  320. package/dist/routes-5187693a.js +0 -2
  321. package/dist/routes-5187693a.js.map +0 -1
  322. package/dist/routes-5beed31b.js +0 -2
  323. package/dist/routes-5beed31b.js.map +0 -1
  324. package/dist/routes-5c9c8888.js +0 -2
  325. package/dist/routes-5c9c8888.js.map +0 -1
  326. package/dist/routes-73bdde0d.js +0 -2
  327. package/dist/routes-73bdde0d.js.map +0 -1
  328. package/dist/routes-a782a94a.js +0 -2
  329. package/dist/routes-a782a94a.js.map +0 -1
  330. package/dist/routes-ae55085a.js +0 -2
  331. package/dist/routes-ae55085a.js.map +0 -1
  332. package/dist/routes-b4ca74b1.js +0 -2
  333. package/dist/routes-b4ca74b1.js.map +0 -1
  334. package/dist/routes-bafc6a2b.js +0 -2
  335. package/dist/routes-bafc6a2b.js.map +0 -1
  336. package/dist/routes-c76c1918.js +0 -2
  337. package/dist/routes-c76c1918.js.map +0 -1
  338. package/dist/routes-d379d7ff.js +0 -2
  339. package/dist/routes-d379d7ff.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intl-9f05fdd7.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -1,2 +0,0 @@
1
- import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
2
- //# sourceMappingURL=Intl-a5cb4db6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intl-a5cb4db6.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -1,2 +0,0 @@
1
- import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
2
- //# sourceMappingURL=Intl-c1168e60.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intl-c1168e60.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -1,2 +0,0 @@
1
- import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
2
- //# sourceMappingURL=Intl-cde44353.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intl-cde44353.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -1,2 +0,0 @@
1
- import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
2
- //# sourceMappingURL=Intl-d44b6bbc.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intl-d44b6bbc.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -1,2 +0,0 @@
1
- import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
2
- //# sourceMappingURL=Intl-dfe5c372.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Intl-dfe5c372.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-33e8eaac.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-33e8eaac.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-4b3433ad.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-4b3433ad.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return 1===m.length?null:n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-59900674.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-59900674.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n if (options.length === 1) {\n return null;\n }\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","length","React","createElement","Fragment","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAGA,OAAuB,IAAnBT,EAAQgB,OACH,KAIPC,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBnB,EAAQgB,OACPC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DuB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEM,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDb,EAAOC,cAAA,QAAA,CAAAa,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEuB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEhB,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXE,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEa,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDoB,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCtB,EACEC,cAAA,KAAA,CAAAhB,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFe,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BuB,EAAIC,cAAA,KAAA,CAAAhB,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC5B,EAAAC,cAAA,SAAA,CACEzB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-5d100f7e.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-5d100f7e.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-657142e6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-657142e6.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-7d0a3f59.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-7d0a3f59.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-84b6cafc.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-84b6cafc.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-90eda5f2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-90eda5f2.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-941f9434.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-941f9434.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-ab5103a4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-ab5103a4.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return 1===m.length?null:n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-d6aea02c.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-d6aea02c.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n if (options.length === 1) {\n return null;\n }\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","length","React","createElement","Fragment","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAGA,OAAuB,IAAnBT,EAAQgB,OACH,KAIPC,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBnB,EAAQgB,OACPC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DuB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEM,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDb,EAAOC,cAAA,QAAA,CAAAa,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEuB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEhB,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXE,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEa,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDoB,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCtB,EACEC,cAAA,KAAA,CAAAhB,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFe,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BuB,EAAIC,cAAA,KAAA,CAAAhB,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC5B,EAAAC,cAAA,SAAA,CACEzB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-db381003.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-db381003.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-dd3d7f47.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-dd3d7f47.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-e0958521.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LanguageSwitcher-e0958521.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
@@ -1,2 +0,0 @@
1
- import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
2
- //# sourceMappingURL=LanguageSwitcher-e11a376d.js.map