@cuemath/leap 3.2.17-as2 → 3.2.17-j1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/illustrations/illustrations.js +5 -0
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/line-icons/icons/after-noon.js +34 -0
- package/dist/assets/line-icons/icons/after-noon.js.map +1 -0
- package/dist/assets/line-icons/icons/apple-icon-white.js +42 -0
- package/dist/assets/line-icons/icons/apple-icon-white.js.map +1 -0
- package/dist/assets/line-icons/icons/evening.js +35 -0
- package/dist/assets/line-icons/icons/evening.js.map +1 -0
- package/dist/assets/line-icons/icons/morning.js +35 -0
- package/dist/assets/line-icons/icons/morning.js.map +1 -0
- package/dist/assets/lottie/lottie.js +10 -0
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-constants.js +9 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-constants.js.map +1 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js +52 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map +1 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js +95 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map +1 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text-styled.js +10 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text-styled.js.map +1 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text.js +17 -0
- package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text.js.map +1 -0
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +18 -13
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js +12 -0
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js.map +1 -0
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js +34 -0
- package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js.map +1 -0
- package/dist/features/auth/comps/otp-input/otp-input-styled.js +22 -0
- package/dist/features/auth/comps/otp-input/otp-input-styled.js.map +1 -0
- package/dist/features/auth/comps/otp-input/otp-input.js +51 -0
- package/dist/features/auth/comps/otp-input/otp-input.js.map +1 -0
- package/dist/features/auth/comps/pill-button/pill-button-styled.js +44 -0
- package/dist/features/auth/comps/pill-button/pill-button-styled.js.map +1 -0
- package/dist/features/auth/comps/pill-button/pill-button.js +75 -0
- package/dist/features/auth/comps/pill-button/pill-button.js.map +1 -0
- package/dist/features/auth/comps/resend-otp/resend-otp.js +54 -47
- package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card-styled.js +17 -0
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card-styled.js.map +1 -0
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js +67 -0
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map +1 -0
- package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +29 -17
- package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
- package/dist/features/auth/comps/tabs/tabs-styled.js +22 -10
- package/dist/features/auth/comps/tabs/tabs-styled.js.map +1 -1
- package/dist/features/auth/comps/tabs/tabs.js +5 -5
- package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.js +19 -0
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.js.map +1 -0
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js +32 -0
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js.map +1 -0
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js +44 -0
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js.map +1 -0
- package/dist/features/auth/pla-signup/signup-header/signup-header.js +54 -0
- package/dist/features/auth/pla-signup/signup-header/signup-header.js.map +1 -0
- package/dist/features/auth/pla-signup/signup-options/signup-options.js +83 -0
- package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -0
- package/dist/features/ui/drawer/drawer-styled.js +34 -0
- package/dist/features/ui/drawer/drawer-styled.js.map +1 -0
- package/dist/features/ui/drawer/drawer.js +42 -0
- package/dist/features/ui/drawer/drawer.js.map +1 -0
- package/dist/features/ui/image/image.js +1 -1
- package/dist/features/ui/image/image.js.map +1 -1
- package/dist/features/ui/theme/button.js +78 -78
- package/dist/features/ui/theme/button.js.map +1 -1
- package/dist/index.d.ts +119 -51
- package/dist/index.js +474 -454
- package/dist/index.js.map +1 -1
- package/dist/node_modules/decode-uri-component/index.js.map +1 -0
- package/dist/node_modules/query-string/base.js +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/native.js +7 -0
- package/dist/node_modules/uuid/dist/esm-browser/native.js.map +1 -0
- package/dist/node_modules/uuid/dist/esm-browser/rng.js +3 -2
- package/dist/node_modules/uuid/dist/esm-browser/rng.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/stringify.js +6 -10
- package/dist/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/v4.js +12 -9
- package/dist/node_modules/uuid/dist/esm-browser/v4.js.map +1 -1
- package/dist/static/animated-avatar.1ad58b1d.json +1 -0
- package/dist/static/animated-avatar.69b07505.json +1 -0
- package/dist/static/animated-avatar.9c560b46.json +1 -0
- package/dist/static/calendar-purple.1a840b41.svg +1 -0
- package/dist/static/flying-disk.c7f6ed39.json +1 -0
- package/dist/static/graduation-cap.3be3340a.json +1 -0
- package/dist/static/handshake.287e7dfb.svg +1 -0
- package/dist/static/light-bulb.c6db0b23.json +1 -0
- package/dist/static/money.332aacf1.svg +1 -0
- package/dist/static/muscle.9bcfb8a7.json +1 -0
- package/dist/static/parent-avatar.822c7b9b.svg +1 -0
- package/dist/static/pencil.23df9da0.json +1 -0
- package/dist/static/plus-sign.de6af957.json +1 -0
- package/dist/static/racing-car.2cbf864e.json +1 -0
- package/dist/static/rocket.0a3ccab0.json +1 -0
- package/dist/static/shovel.abeec04c.json +1 -0
- package/dist/static/trustpilot.bd3d79e1.svg +1 -0
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/cross2.js +0 -26
- package/dist/assets/line-icons/icons/cross2.js.map +0 -1
- package/dist/features/ui/carousal/carousal-styles.js +0 -45
- package/dist/features/ui/carousal/carousal-styles.js.map +0 -1
- package/dist/features/ui/carousal/carousal.js +0 -76
- package/dist/features/ui/carousal/carousal.js.map +0 -1
- package/dist/legacy-comps/notification/notification.js +0 -120
- package/dist/legacy-comps/notification/notification.js.map +0 -1
- package/dist/node_modules/query-string/node_modules/decode-uri-component/index.js.map +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/regex.js +0 -5
- package/dist/node_modules/uuid/dist/esm-browser/regex.js.map +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/validate.js +0 -8
- package/dist/node_modules/uuid/dist/esm-browser/validate.js.map +0 -1
- /package/dist/node_modules/{query-string/node_modules/decode-uri-component → decode-uri-component}/index.js +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
<svg width="99" height="26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.0243 8.98047H36.0399V10.9246H32.0964V21.884H29.9349V10.9246H26.0078L26.0243 8.98047ZM35.6109 12.5418H37.4589V14.3483H37.4919C37.5579 14.0903 37.6734 13.8494 37.8384 13.6085C38.0034 13.3677 38.2015 13.144 38.449 12.9547C38.68 12.7483 38.944 12.5935 39.241 12.473C39.5215 12.3526 39.8185 12.2838 40.1155 12.2838C40.3465 12.2838 40.5115 12.301 40.594 12.301C40.6765 12.3182 40.7755 12.3354 40.858 12.3354V14.3139C40.726 14.2795 40.5775 14.2623 40.429 14.2451C40.2805 14.2279 40.1485 14.2107 40 14.2107C39.67 14.2107 39.3565 14.2795 39.0595 14.4171C38.7625 14.5548 38.515 14.7612 38.284 15.0193C38.0694 15.2946 37.8879 15.6215 37.7559 16.0172C37.6239 16.4129 37.5579 16.8774 37.5579 17.3936V21.8324H35.5779L35.6109 12.5418ZM49.9331 21.884H47.9861V20.5764H47.9531C47.7056 21.0582 47.3426 21.4195 46.864 21.7119C46.3855 22.0044 45.8905 22.1421 45.3955 22.1421C44.224 22.1421 43.366 21.8496 42.838 21.2302C42.31 20.628 42.046 19.699 42.046 18.4775V12.5418H44.026V18.271C44.026 19.0968 44.1745 19.6818 44.488 20.0087C44.785 20.3528 45.214 20.5248 45.7585 20.5248C46.171 20.5248 46.5175 20.456 46.798 20.3184C47.0786 20.1807 47.3096 20.0087 47.4746 19.785C47.6561 19.5614 47.7716 19.2861 47.8541 18.9764C47.9366 18.6667 47.9696 18.3226 47.9696 17.9613V12.5418H49.9496V21.884H49.9331ZM53.2991 18.8904C53.3651 19.4925 53.5796 19.9054 53.9591 20.1635C54.3386 20.4044 54.8006 20.5248 55.3286 20.5248C55.5101 20.5248 55.7247 20.5076 55.9557 20.4732C56.1867 20.4388 56.4177 20.3872 56.6157 20.3012C56.8302 20.2151 56.9952 20.0947 57.1272 19.9227C57.2592 19.7506 57.3252 19.5442 57.3087 19.2861C57.2922 19.028 57.2097 18.8043 57.0282 18.6323C56.8467 18.4603 56.6322 18.3398 56.3682 18.2194C56.1042 18.1162 55.7907 18.0301 55.4441 17.9613C55.0976 17.8925 54.7511 17.8065 54.3881 17.7205C54.0251 17.6344 53.6621 17.5312 53.3156 17.4108C52.9691 17.2903 52.6721 17.1355 52.3916 16.9118C52.1276 16.7054 51.8966 16.4473 51.7481 16.1204C51.5831 15.7935 51.5006 15.415 51.5006 14.9333C51.5006 14.4171 51.6161 14.0042 51.8636 13.6601C52.0946 13.316 52.4081 13.0408 52.7711 12.8343C53.1341 12.6279 53.5466 12.473 53.9921 12.387C54.4376 12.301 54.8666 12.2666 55.2626 12.2666C55.7246 12.2666 56.1702 12.3182 56.5827 12.4214C56.9952 12.5246 57.3912 12.6795 57.7212 12.9203C58.0677 13.144 58.3482 13.4537 58.5627 13.815C58.7937 14.1763 58.9257 14.6236 58.9917 15.1397H56.9292C56.8302 14.6408 56.6157 14.3139 56.2857 14.1419C55.9392 13.9698 55.5596 13.8838 55.1141 13.8838C54.9821 13.8838 54.8006 13.901 54.6191 13.9182C54.4211 13.9526 54.2561 13.987 54.0746 14.0559C53.9096 14.1247 53.7611 14.2279 53.6456 14.3483C53.5301 14.4688 53.4641 14.6408 53.4641 14.8473C53.4641 15.1053 53.5466 15.2946 53.7116 15.4494C53.8766 15.6043 54.0911 15.7247 54.3716 15.8451C54.6356 15.9484 54.9491 16.0344 55.2956 16.1032C55.6422 16.172 56.0052 16.2581 56.3682 16.3441C56.7312 16.4301 57.0777 16.5333 57.4242 16.6538C57.7707 16.7742 58.0842 16.929 58.3482 17.1527C58.6122 17.3592 58.8432 17.6172 59.0082 17.9269C59.1732 18.2366 59.2557 18.6323 59.2557 19.0796C59.2557 19.6302 59.1402 20.0947 58.8927 20.4904C58.6452 20.8689 58.3317 21.1958 57.9522 21.4367C57.5727 21.6775 57.1272 21.8496 56.6652 21.97C56.1867 22.0732 55.7246 22.1421 55.2626 22.1421C54.7016 22.1421 54.1736 22.0732 53.6951 21.9356C53.2166 21.798 52.7876 21.5915 52.4411 21.3334C52.0946 21.0582 51.8141 20.7313 51.6161 20.3184C51.4181 19.9227 51.3026 19.4409 51.2861 18.8732H53.2826V18.8904H53.2991ZM59.8167 12.5418H61.3182V9.72027H63.2982V12.5246H65.0803V14.0559H63.2982V19.0452C63.2982 19.2689 63.3147 19.4409 63.3312 19.613C63.3477 19.7678 63.3972 19.9054 63.4467 20.0087C63.5127 20.1119 63.6117 20.1979 63.7272 20.2495C63.8592 20.3012 64.0242 20.3356 64.2552 20.3356C64.3872 20.3356 64.5358 20.3356 64.6678 20.3184C64.7998 20.3012 64.9483 20.284 65.0803 20.2495V21.8496C64.8658 21.884 64.6513 21.9012 64.4367 21.9184C64.2222 21.9528 64.0242 21.9528 63.7932 21.9528C63.2652 21.9528 62.8527 21.9012 62.5392 21.798C62.2257 21.6947 61.9782 21.5399 61.7967 21.3506C61.6152 21.1442 61.4997 20.9033 61.4337 20.6108C61.3677 20.3184 61.3347 19.9571 61.3182 19.5786V14.0731H59.8167V12.5074V12.5418ZM66.4663 12.5418H68.3308V13.815H68.3638C68.6443 13.2644 69.0238 12.8859 69.5188 12.6451C70.0138 12.4042 70.5418 12.2838 71.1358 12.2838C71.8453 12.2838 72.4558 12.4042 72.9838 12.6795C73.5119 12.9375 73.9409 13.2816 74.2874 13.7462C74.6339 14.1935 74.8979 14.7268 75.0629 15.329C75.2279 15.9312 75.3269 16.5849 75.3269 17.2559C75.3269 17.8925 75.2444 18.4947 75.0959 19.0796C74.9309 19.6646 74.6999 20.1979 74.3864 20.6452C74.0729 21.0926 73.6769 21.4539 73.1819 21.7291C72.6868 22.0044 72.1258 22.1421 71.4658 22.1421C71.1853 22.1421 70.8883 22.1077 70.6078 22.056C70.3273 22.0044 70.0468 21.9184 69.7828 21.798C69.5188 21.6775 69.2713 21.5227 69.0568 21.3334C68.8258 21.1442 68.6443 20.9205 68.4958 20.6797H68.4628V25.3421H66.4828V12.5418H66.4663ZM73.3799 17.2215C73.3799 16.8086 73.3304 16.3957 73.2149 16C73.1159 15.6043 72.9508 15.2602 72.7363 14.9505C72.5218 14.6408 72.2578 14.3999 71.9608 14.2107C71.6473 14.0214 71.2843 13.9354 70.8883 13.9354C70.0633 13.9354 69.4363 14.2279 69.0073 14.8301C68.5948 15.4322 68.3803 16.2408 68.3803 17.2387C68.3803 17.7205 68.4298 18.1506 68.5453 18.5463C68.6608 18.942 68.8093 19.2861 69.0403 19.5786C69.2548 19.871 69.5188 20.0947 69.8323 20.2667C70.1458 20.4388 70.4923 20.5248 70.9048 20.5248C71.3668 20.5248 71.7298 20.4216 72.0433 20.2323C72.3568 20.0431 72.6043 19.785 72.8188 19.4925C73.0168 19.1828 73.1653 18.8388 73.2478 18.4431C73.3303 18.0301 73.3799 17.6344 73.3799 17.2215ZM76.8614 8.98047H78.8414V10.9246H76.8614V8.98047ZM76.8614 12.5418H78.8414V21.884H76.8614V12.5418ZM80.6069 8.98047H82.587V21.884H80.6069V8.98047ZM88.626 22.1421C87.9165 22.1421 87.273 22.0216 86.712 21.7636C86.151 21.5055 85.689 21.1786 85.293 20.7485C84.9135 20.3184 84.6165 19.785 84.4185 19.1829C84.2205 18.5807 84.105 17.9097 84.105 17.2043C84.105 16.4989 84.204 15.8451 84.4185 15.243C84.6165 14.6408 84.9135 14.1247 85.293 13.6773C85.6725 13.2472 86.151 12.9031 86.712 12.6623C87.273 12.4214 87.9165 12.2838 88.626 12.2838C89.3355 12.2838 89.979 12.4042 90.54 12.6623C91.1011 12.9031 91.5631 13.2472 91.9591 13.6773C92.3386 14.1075 92.6356 14.6408 92.8336 15.243C93.0316 15.8451 93.1471 16.4989 93.1471 17.2043C93.1471 17.9269 93.0481 18.5807 92.8336 19.1829C92.6191 19.785 92.3386 20.3012 91.9591 20.7485C91.5796 21.1786 91.1011 21.5227 90.54 21.7636C89.979 22.0044 89.352 22.1421 88.626 22.1421ZM88.626 20.5076C89.055 20.5076 89.451 20.4044 89.7645 20.2151C90.0945 20.0259 90.342 19.7678 90.5565 19.4581C90.771 19.1484 90.9195 18.7871 91.0185 18.4086C91.1176 18.0129 91.1671 17.6172 91.1671 17.2043C91.1671 16.8086 91.1176 16.4129 91.0185 16.0172C90.9195 15.6215 90.771 15.2774 90.5565 14.9677C90.342 14.658 90.078 14.4172 89.7645 14.2279C89.4345 14.0386 89.055 13.9354 88.626 13.9354C88.197 13.9354 87.801 14.0386 87.4875 14.2279C87.1575 14.4172 86.91 14.6752 86.6955 14.9677C86.481 15.2774 86.3325 15.6215 86.2335 16.0172C86.1345 16.4129 86.085 16.8086 86.085 17.2043C86.085 17.6172 86.1345 18.0129 86.2335 18.4086C86.3325 18.8043 86.481 19.1484 86.6955 19.4581C86.91 19.7678 87.174 20.0259 87.4875 20.2151C87.8175 20.4216 88.197 20.5076 88.626 20.5076ZM93.7411 12.5418H95.2426V9.72027H97.2226V12.5246H99.0046V14.0559H97.2226V19.0452C97.2226 19.2689 97.2391 19.4409 97.2556 19.613C97.2721 19.7678 97.3216 19.9054 97.3711 20.0087C97.4371 20.1119 97.5361 20.1979 97.6516 20.2495C97.7836 20.3012 97.9486 20.3356 98.1796 20.3356C98.3116 20.3356 98.4601 20.3356 98.5921 20.3184C98.7241 20.3012 98.8726 20.284 99.0046 20.2495V21.8496C98.7901 21.884 98.5756 21.9012 98.3611 21.9184C98.1466 21.9528 97.9486 21.9528 97.7176 21.9528C97.1896 21.9528 96.7771 21.9012 96.4636 21.798C96.1501 21.6947 95.9026 21.5399 95.7211 21.3506C95.5396 21.1442 95.4241 20.9033 95.3581 20.6108C95.2921 20.3184 95.2591 19.9571 95.2426 19.5786V14.0731H93.7411V12.5074V12.5418Z" fill="white"/><path d="M23.7186 8.98085H14.66L11.8714 0L9.06642 8.98085L0.0078125 8.96365L7.3339 14.5208L4.52886 23.5016L11.8549 17.9445L19.181 23.5016L16.3925 14.5208L23.7186 8.98085Z" fill="#00B67A"/><path d="M17.0152 16.5516L16.3882 14.5215L11.8672 17.9452L17.0152 16.5516Z" fill="#005128"/></svg>
|
package/package.json
CHANGED
@@ -1,26 +0,0 @@
|
|
1
|
-
import { jsx as C } from "react/jsx-runtime";
|
2
|
-
const e = (l) => /* @__PURE__ */ C(
|
3
|
-
"svg",
|
4
|
-
{
|
5
|
-
width: "32",
|
6
|
-
height: "32",
|
7
|
-
viewBox: "0 0 32 32",
|
8
|
-
fill: "none",
|
9
|
-
xmlns: "http://www.w3.org/2000/svg",
|
10
|
-
...l,
|
11
|
-
children: /* @__PURE__ */ C(
|
12
|
-
"path",
|
13
|
-
{
|
14
|
-
"fill-rule": "evenodd",
|
15
|
-
"clip-rule": "evenodd",
|
16
|
-
d: "M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM18.832 11.1536C19.392 10.608 20.272 10.608 20.816 11.1536C21.36 11.6976 21.36 12.5936 20.816 13.136L17.968 15.9856L20.816 18.8336C21.36 19.3776 21.36 20.2576 20.816 20.8C20.544 21.072 20.192 21.2176 19.824 21.2176C19.472 21.2176 19.12 21.0896 18.848 20.8L16 17.9696L13.152 20.8C12.88 21.072 12.528 21.2176 12.16 21.2176C11.808 21.2176 11.44 21.072 11.168 20.8C10.624 20.2576 10.624 19.3776 11.168 18.8176L14.016 15.9856L11.168 13.136C10.624 12.5936 10.624 11.6976 11.168 11.1536C11.712 10.608 12.592 10.608 13.152 11.1536L16 14L18.832 11.1536Z",
|
17
|
-
fill: "currentColor",
|
18
|
-
"fill-opacity": "0.8"
|
19
|
-
}
|
20
|
-
)
|
21
|
-
}
|
22
|
-
);
|
23
|
-
export {
|
24
|
-
e as default
|
25
|
-
};
|
26
|
-
//# sourceMappingURL=cross2.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cross2.js","sources":["../../../../src/assets/line-icons/icons/cross2.tsx"],"sourcesContent":["const Cross2Icon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM18.832 11.1536C19.392 10.608 20.272 10.608 20.816 11.1536C21.36 11.6976 21.36 12.5936 20.816 13.136L17.968 15.9856L20.816 18.8336C21.36 19.3776 21.36 20.2576 20.816 20.8C20.544 21.072 20.192 21.2176 19.824 21.2176C19.472 21.2176 19.12 21.0896 18.848 20.8L16 17.9696L13.152 20.8C12.88 21.072 12.528 21.2176 12.16 21.2176C11.808 21.2176 11.44 21.072 11.168 20.8C10.624 20.2576 10.624 19.3776 11.168 18.8176L14.016 15.9856L11.168 13.136C10.624 12.5936 10.624 11.6976 11.168 11.1536C11.712 10.608 12.592 10.608 13.152 11.1536L16 14L18.832 11.1536Z\"\n fill=\"currentColor\"\n fill-opacity=\"0.8\"\n />\n </svg>\n);\n\nexport default Cross2Icon;\n"],"names":["Cross2Icon","props","jsx"],"mappings":";AAAA,MAAMA,IAAsD,CAC1DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,aAAU;AAAA,QACV,GAAE;AAAA,QACF,MAAK;AAAA,QACL,gBAAa;AAAA,MAAA;AAAA,IACf;AAAA,EAAA;AACF;"}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import n from "styled-components";
|
2
|
-
const a = n.div`
|
3
|
-
margin-left: ${({ theme: t }) => t.layout.gutter}px;
|
4
|
-
overflow: hidden;
|
5
|
-
margin: ${({ wrapperMargin: t }) => t};
|
6
|
-
`, o = n.div`
|
7
|
-
display: flex;
|
8
|
-
transition: transform 1s ease;
|
9
|
-
transform: ${({ position: t }) => `translateX(calc(${t} * (-100%)))`};
|
10
|
-
`, s = n.div`
|
11
|
-
padding-right: ${({ theme: t }) => t.layout.gutter}px;
|
12
|
-
display: flex;
|
13
|
-
flex: 1 0 100%;
|
14
|
-
transition: opacity 1s ease;
|
15
|
-
padding: ${({ carouselSlotPadding: t }) => t};
|
16
|
-
${({ slideAlign: t }) => t === "center" && `
|
17
|
-
display:flex;
|
18
|
-
justify-content: center;
|
19
|
-
`}
|
20
|
-
`, l = n.div`
|
21
|
-
margin-top: 12px;
|
22
|
-
text-align: center;
|
23
|
-
${({ flexCenterIndicators: t }) => t && `
|
24
|
-
display: flex;
|
25
|
-
justify-content: center;
|
26
|
-
align-items: center;
|
27
|
-
`}
|
28
|
-
`, d = n.span`
|
29
|
-
background: ${({ isCurrent: t, dotColor: e, inactiveDotColor: i }) => t ? e : i};
|
30
|
-
width: ${({ isCurrent: t, activeIndicatorSize: e }) => t ? e : "8px"};
|
31
|
-
height: ${({ isCurrent: t, activeIndicatorSize: e }) => t ? e : "8px"};
|
32
|
-
border-radius: 50%;
|
33
|
-
margin-right: 5px;
|
34
|
-
display: inline-block;
|
35
|
-
transition: background 0.5s ease;
|
36
|
-
cursor: pointer;
|
37
|
-
`;
|
38
|
-
export {
|
39
|
-
o as CarouselContainer,
|
40
|
-
s as CarouselSlot,
|
41
|
-
l as Container,
|
42
|
-
d as Dot,
|
43
|
-
a as Wrapper
|
44
|
-
};
|
45
|
-
//# sourceMappingURL=carousal-styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"carousal-styles.js","sources":["../../../../src/features/ui/carousal/carousal-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ninterface WrapperProps {\n wrapperMargin?: string;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n margin-left: ${({ theme }) => theme.layout.gutter}px;\n overflow: hidden;\n margin: ${({ wrapperMargin }) => wrapperMargin};\n`;\n\ninterface CarouselContainerProps {\n position: number;\n}\nexport const CarouselContainer = styled.div<CarouselContainerProps>`\n display: flex;\n transition: transform 1s ease;\n transform: ${({ position }) => `translateX(calc(${position} * (-100%)))`};\n`;\n\ninterface CarouselSlotProps {\n carouselSlotPadding?: string;\n slideAlign?: string | null;\n}\nexport const CarouselSlot = styled.div<CarouselSlotProps>`\n padding-right: ${({ theme }) => theme.layout.gutter}px;\n display: flex;\n flex: 1 0 100%;\n transition: opacity 1s ease;\n padding: ${({ carouselSlotPadding }) => carouselSlotPadding};\n ${({ slideAlign }) =>\n slideAlign === 'center' &&\n `\n display:flex;\n justify-content: center;\n `}\n`;\n\ninterface ContainerProps {\n flexCenterIndicators?: boolean;\n}\nexport const Container = styled.div<ContainerProps>`\n margin-top: 12px;\n text-align: center;\n ${({ flexCenterIndicators }) =>\n flexCenterIndicators &&\n `\n display: flex;\n justify-content: center;\n align-items: center;\n `}\n`;\n\ninterface DotProps {\n isCurrent: boolean;\n dotColor: string;\n inactiveDotColor: string;\n activeIndicatorSize: string;\n}\nexport const Dot = styled.span<DotProps>`\n background: ${({ isCurrent, dotColor, inactiveDotColor }) =>\n isCurrent ? dotColor : inactiveDotColor};\n width: ${({ isCurrent, activeIndicatorSize }) => (isCurrent ? activeIndicatorSize : '8px')};\n height: ${({ isCurrent, activeIndicatorSize }) => (isCurrent ? activeIndicatorSize : '8px')};\n border-radius: 50%;\n margin-right: 5px;\n display: inline-block;\n transition: background 0.5s ease;\n cursor: pointer;\n`;\n"],"names":["Wrapper","styled","theme","wrapperMargin","CarouselContainer","position","CarouselSlot","carouselSlotPadding","slideAlign","Container","flexCenterIndicators","Dot","isCurrent","dotColor","inactiveDotColor","activeIndicatorSize"],"mappings":";AAMO,MAAMA,IAAUC,EAAO;AAAA,iBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,YAEvC,CAAC,EAAE,eAAAC,EAAc,MAAMA,CAAa;AAAA,GAMnCC,IAAoBH,EAAO;AAAA;AAAA;AAAA,eAGzB,CAAC,EAAE,UAAAI,EAAe,MAAA,mBAAmBA,CAAQ,cAAc;AAAA,GAO7DC,IAAeL,EAAO;AAAA,mBAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,EAAE,qBAAAK,EAAoB,MAAMA,CAAmB;AAAA,IACzD,CAAC,EAAE,YAAAC,EAAW,MACdA,MAAe,YACf;AAAA;AAAA;AAAA,GAGD;AAAA,GAMUC,IAAYR,EAAO;AAAA;AAAA;AAAA,IAG5B,CAAC,EAAE,sBAAAS,QACHA,KACA;AAAA;AAAA;AAAA;AAAA,GAID;AAAA,GASUC,IAAMV,EAAO;AAAA,gBACV,CAAC,EAAE,WAAAW,GAAW,UAAAC,GAAU,kBAAAC,QACpCF,IAAYC,IAAWC,CAAgB;AAAA,WAChC,CAAC,EAAE,WAAAF,GAAW,qBAAAG,EAA2B,MAAAH,IAAYG,IAAsB,KAAM;AAAA,YAChF,CAAC,EAAE,WAAAH,GAAW,qBAAAG,EAA2B,MAAAH,IAAYG,IAAsB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,76 +0,0 @@
|
|
1
|
-
import { jsxs as G, Fragment as H, jsx as n } from "react/jsx-runtime";
|
2
|
-
import { useState as J, useRef as M, useCallback as p, useEffect as j } from "react";
|
3
|
-
import { getTheme as N } from "../theme/get-theme.js";
|
4
|
-
import { Wrapper as Q, CarouselContainer as U, CarouselSlot as B, Container as V, Dot as X } from "./carousal-styles.js";
|
5
|
-
const { colors: K } = N(), Y = ({
|
6
|
-
children: a,
|
7
|
-
initialPosition: b = 0,
|
8
|
-
infinite: f = !1,
|
9
|
-
slideDuration: y = 8e3,
|
10
|
-
dotColor: i = K.BLACK,
|
11
|
-
changeColor: x = () => null,
|
12
|
-
slideAlign: C = null,
|
13
|
-
inactiveDotColor: E = K.BLACK_T_15,
|
14
|
-
activeIndicatorSize: F = "8px",
|
15
|
-
flexCenterIndicators: W = !1,
|
16
|
-
isTestimonial: m = !1,
|
17
|
-
setColor: l = () => null,
|
18
|
-
setPosition: S = () => null,
|
19
|
-
carouselSlotPadding: v = "",
|
20
|
-
wrapperMargin: $ = "",
|
21
|
-
hideIndicators: q = !1,
|
22
|
-
autoScroll: I = !0,
|
23
|
-
nodeRef: u = null,
|
24
|
-
onChange: g = () => null
|
25
|
-
}) => {
|
26
|
-
const [r, z] = J(b), A = M(null), o = p(
|
27
|
-
(t) => {
|
28
|
-
z(t), S(t), u && u.current && (u.current.position = t), g();
|
29
|
-
},
|
30
|
-
[S, u, g]
|
31
|
-
), s = p(
|
32
|
-
(t, e = !1) => {
|
33
|
-
const _ = (Array.isArray(a) ? a : [a]).length;
|
34
|
-
let c = r;
|
35
|
-
m && l && l(c), t === "next" ? (c = r + 1, c > _ - 1 && (c = e ? 0 : r)) : (c = r - 1, c < 0 && (c = e ? _ - 1 : r)), c !== r && o(c);
|
36
|
-
},
|
37
|
-
[r, a, m, l, o]
|
38
|
-
), h = p(() => s("next", f), [s, f]), k = p(() => s("prev", f), [s, f]), D = p(
|
39
|
-
(t) => {
|
40
|
-
m && l && l(r), t !== r && o(t);
|
41
|
-
},
|
42
|
-
[r, m, l, o]
|
43
|
-
);
|
44
|
-
j(() => (u && u.current && (u.current.next = h, u.current.prev = k, u.current.position = r), I && (A.current = setInterval(() => s("next", !0), y)), () => {
|
45
|
-
A.current && clearInterval(A.current);
|
46
|
-
}), [y, I, u, r, h, k, s]), j(() => {
|
47
|
-
x(r);
|
48
|
-
}, [r, x]);
|
49
|
-
const L = Array.isArray(a) ? a.length : 1;
|
50
|
-
return /* @__PURE__ */ G(H, { children: [
|
51
|
-
/* @__PURE__ */ n(Q, { wrapperMargin: $, children: /* @__PURE__ */ n(U, { position: r, children: Array.isArray(a) ? a.map((t, e) => /* @__PURE__ */ n(
|
52
|
-
B,
|
53
|
-
{
|
54
|
-
carouselSlotPadding: v,
|
55
|
-
slideAlign: C,
|
56
|
-
children: t
|
57
|
-
},
|
58
|
-
e
|
59
|
-
)) : /* @__PURE__ */ n(B, { carouselSlotPadding: v, slideAlign: C, children: a }) }) }),
|
60
|
-
L > 1 && !q && /* @__PURE__ */ n(V, { flexCenterIndicators: W, children: Array.from({ length: L }, (t, e) => /* @__PURE__ */ n(
|
61
|
-
X,
|
62
|
-
{
|
63
|
-
isCurrent: e === r,
|
64
|
-
onClick: () => D(e),
|
65
|
-
dotColor: i,
|
66
|
-
inactiveDotColor: E,
|
67
|
-
activeIndicatorSize: F
|
68
|
-
},
|
69
|
-
e
|
70
|
-
)) })
|
71
|
-
] });
|
72
|
-
}, R = Y;
|
73
|
-
export {
|
74
|
-
R as default
|
75
|
-
};
|
76
|
-
//# sourceMappingURL=carousal.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"carousal.js","sources":["../../../../src/features/ui/carousal/carousal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\n\nimport { getTheme } from '../theme/get-theme';\nimport { CarouselContainer, CarouselSlot, Container, Dot, Wrapper } from './carousal-styles';\n\nconst { colors } = getTheme();\n\ninterface CarouselProps {\n children: React.ReactNode[] | React.ReactNode;\n initialPosition?: number;\n infinite?: boolean;\n slideDuration?: number;\n dotColor?: string;\n changeColor?: (position: number) => void;\n slideAlign?: string | null;\n inactiveDotColor?: string;\n activeIndicatorSize?: string;\n flexCenterIndicators?: boolean;\n isTestimonial?: boolean;\n setColor?: (position: number) => void;\n setPosition?: (position: number) => void;\n carouselSlotPadding?: string;\n wrapperMargin?: string;\n hideIndicators?: boolean;\n autoScroll?: boolean;\n nodeRef?: { current?: { next?: () => void; prev?: () => void; position?: number } } | null;\n onChange?: () => void;\n}\n\nconst Carousel: React.FC<CarouselProps> = ({\n children,\n initialPosition = 0,\n infinite = false,\n slideDuration = 8000,\n dotColor = colors.BLACK,\n changeColor = () => null,\n slideAlign = null,\n inactiveDotColor = colors.BLACK_T_15,\n activeIndicatorSize = '8px',\n flexCenterIndicators = false,\n isTestimonial = false,\n setColor = () => null,\n setPosition = () => null,\n carouselSlotPadding = '',\n wrapperMargin = '',\n hideIndicators = false,\n autoScroll = true,\n nodeRef = null,\n onChange = () => null,\n}) => {\n const [position, setPositionState] = useState(initialPosition);\n const autoSlideRef = useRef<NodeJS.Timeout | null>(null);\n\n const slide = useCallback(\n (newPosition: number) => {\n setPositionState(newPosition);\n setPosition(newPosition);\n if (nodeRef && nodeRef.current) {\n nodeRef.current.position = newPosition;\n }\n onChange();\n },\n [setPosition, nodeRef, onChange],\n );\n\n const changeSlide = useCallback(\n (action: 'next' | 'prev', infiniteOverride = false) => {\n const childrenArray = Array.isArray(children) ? children : [children];\n const numItems = childrenArray.length;\n let newPosition = position;\n\n if (isTestimonial && setColor) {\n setColor(newPosition);\n }\n\n if (action === 'next') {\n newPosition = position + 1;\n if (newPosition > numItems - 1) {\n newPosition = infiniteOverride ? 0 : position;\n }\n } else {\n newPosition = position - 1;\n if (newPosition < 0) {\n newPosition = infiniteOverride ? numItems - 1 : position;\n }\n }\n\n if (newPosition !== position) slide(newPosition);\n },\n [position, children, isTestimonial, setColor, slide],\n );\n\n const nextSlide = useCallback(() => changeSlide('next', infinite), [changeSlide, infinite]);\n const prevSlide = useCallback(() => changeSlide('prev', infinite), [changeSlide, infinite]);\n\n const onIndicatorClick = useCallback(\n (newPosition: number) => {\n if (isTestimonial && setColor) {\n setColor(position);\n }\n\n if (newPosition !== position) {\n slide(newPosition);\n }\n },\n [position, isTestimonial, setColor, slide],\n );\n\n useEffect(() => {\n if (nodeRef && nodeRef.current) {\n nodeRef.current.next = nextSlide;\n nodeRef.current.prev = prevSlide;\n nodeRef.current.position = position;\n }\n\n if (autoScroll) {\n autoSlideRef.current = setInterval(() => changeSlide('next', true), slideDuration);\n }\n\n return () => {\n if (autoSlideRef.current) {\n clearInterval(autoSlideRef.current);\n }\n };\n }, [slideDuration, autoScroll, nodeRef, position, nextSlide, prevSlide, changeSlide]);\n\n useEffect(() => {\n changeColor(position);\n }, [position, changeColor]);\n\n const carouselLength = Array.isArray(children) ? children.length : 1;\n\n return (\n <>\n <Wrapper wrapperMargin={wrapperMargin}>\n <CarouselContainer position={position}>\n {Array.isArray(children) ? (\n children.map((child, index) => (\n <CarouselSlot\n carouselSlotPadding={carouselSlotPadding}\n key={index}\n slideAlign={slideAlign}\n >\n {child}\n </CarouselSlot>\n ))\n ) : (\n <CarouselSlot carouselSlotPadding={carouselSlotPadding} slideAlign={slideAlign}>\n {children}\n </CarouselSlot>\n )}\n </CarouselContainer>\n </Wrapper>\n {carouselLength > 1 && !hideIndicators && (\n <Container flexCenterIndicators={flexCenterIndicators}>\n {Array.from({ length: carouselLength }, (_, index) => (\n <Dot\n key={index}\n isCurrent={index === position}\n onClick={() => onIndicatorClick(index)}\n dotColor={dotColor}\n inactiveDotColor={inactiveDotColor}\n activeIndicatorSize={activeIndicatorSize}\n />\n ))}\n </Container>\n )}\n </>\n );\n};\n\nexport default Carousel;\n"],"names":["colors","getTheme","Carousel","children","initialPosition","infinite","slideDuration","dotColor","changeColor","slideAlign","inactiveDotColor","activeIndicatorSize","flexCenterIndicators","isTestimonial","setColor","setPosition","carouselSlotPadding","wrapperMargin","hideIndicators","autoScroll","nodeRef","onChange","position","setPositionState","useState","autoSlideRef","useRef","slide","useCallback","newPosition","changeSlide","action","infiniteOverride","numItems","nextSlide","prevSlide","onIndicatorClick","useEffect","carouselLength","jsxs","Fragment","jsx","Wrapper","CarouselContainer","child","index","CarouselSlot","Container","_","Dot","Carousel$1"],"mappings":"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"}
|
@@ -1,120 +0,0 @@
|
|
1
|
-
import { jsxs as h, jsx as e } from "react/jsx-runtime";
|
2
|
-
import { useEffect as g } from "react";
|
3
|
-
import p, { keyframes as w, css as l } from "styled-components";
|
4
|
-
import k from "../../assets/line-icons/icons/cross2.js";
|
5
|
-
import T from "../../features/ui/text/text.js";
|
6
|
-
const A = ({ position: o, verticalDist: t }) => w`
|
7
|
-
${(o === "top-right" || o === "top-left") && `
|
8
|
-
0% {
|
9
|
-
top: 0;
|
10
|
-
}
|
11
|
-
100% {
|
12
|
-
top: ${t}px;
|
13
|
-
}
|
14
|
-
`};
|
15
|
-
${(o === "bottom-left" || o === "bottom-right") && `
|
16
|
-
0% {
|
17
|
-
bottom: 0;
|
18
|
-
}
|
19
|
-
100% {
|
20
|
-
bottom: ${t}px;
|
21
|
-
}
|
22
|
-
`};
|
23
|
-
`, I = ({ position: o, verticalDist: t, horizontalDist: r }) => l`
|
24
|
-
${o === "top-right" && `
|
25
|
-
top: ${t}px;
|
26
|
-
right: ${r}px;
|
27
|
-
`};
|
28
|
-
${o === "top-left" && `
|
29
|
-
top: ${t}px;
|
30
|
-
left: ${r}px;
|
31
|
-
`};
|
32
|
-
${o === "bottom-left" && `
|
33
|
-
bottom: ${t}px;
|
34
|
-
left: ${r}px;
|
35
|
-
`};
|
36
|
-
${o === "bottom-right" && `
|
37
|
-
bottom: ${t}px;
|
38
|
-
right: ${r}px;
|
39
|
-
`};
|
40
|
-
`, W = ({ notificationTheme: o, theme: { COLORS: t } }) => l`
|
41
|
-
${o === "white" && `
|
42
|
-
background: ${t.WHITE};
|
43
|
-
color: ${t.COLA};
|
44
|
-
`};
|
45
|
-
${o === "black" && `
|
46
|
-
background: ${t.COLA};
|
47
|
-
color: ${t.WHITE};
|
48
|
-
`};
|
49
|
-
`, y = p.div`
|
50
|
-
${W};
|
51
|
-
position: fixed;
|
52
|
-
width: 310px;
|
53
|
-
padding: ${({ gap: o, gutter: t }) => `${o}px ${t}px`};
|
54
|
-
box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);
|
55
|
-
border-radius: 16px;
|
56
|
-
${I};
|
57
|
-
animation: ${A} 0.5s ease-in;
|
58
|
-
z-index: 105; // To keep the notification above the chat window
|
59
|
-
`, E = p.div`
|
60
|
-
width: 48px;
|
61
|
-
height: 48px;
|
62
|
-
background: ${({ src: o }) => `url(${o})`};
|
63
|
-
border-radius: 50%;
|
64
|
-
border: 2px solid #ffffff;
|
65
|
-
position: absolute;
|
66
|
-
bottom: 88%;
|
67
|
-
`, H = p.div`
|
68
|
-
position: absolute;
|
69
|
-
top: -40px;
|
70
|
-
right: 12px;
|
71
|
-
cursor: pointer;
|
72
|
-
`, j = p(T)`
|
73
|
-
white-space: pre-wrap;
|
74
|
-
`, P = ({
|
75
|
-
avatarUrl: o = null,
|
76
|
-
Component: t = null,
|
77
|
-
componentProps: r = {},
|
78
|
-
duration: $ = null,
|
79
|
-
gap: s = 24,
|
80
|
-
gutter: d = 16,
|
81
|
-
hideNotification: n,
|
82
|
-
horizontalDist: m = 50,
|
83
|
-
notificationTheme: c = "black",
|
84
|
-
position: b = "bottom-right",
|
85
|
-
showCloseIcon: u = !1,
|
86
|
-
text: f = null,
|
87
|
-
verticalDist: a = 60,
|
88
|
-
visible: x = !1
|
89
|
-
}) => (g(() => {
|
90
|
-
if ($ && x) {
|
91
|
-
const i = setTimeout(() => {
|
92
|
-
n();
|
93
|
-
}, $ * 1e3);
|
94
|
-
return () => {
|
95
|
-
clearTimeout(i);
|
96
|
-
};
|
97
|
-
}
|
98
|
-
return () => {
|
99
|
-
};
|
100
|
-
}, [$, n, x]), x ? /* @__PURE__ */ h(
|
101
|
-
y,
|
102
|
-
{
|
103
|
-
gap: s,
|
104
|
-
gutter: d,
|
105
|
-
horizontalDist: m,
|
106
|
-
notificationTheme: c,
|
107
|
-
position: b,
|
108
|
-
verticalDist: a,
|
109
|
-
children: [
|
110
|
-
u && /* @__PURE__ */ e(H, { onClick: () => n(), children: /* @__PURE__ */ e(k, { color: c === "white" ? "WHITE" : "BLACK" }) }),
|
111
|
-
o && /* @__PURE__ */ e(E, { src: o }),
|
112
|
-
f && /* @__PURE__ */ e(j, { $renderAs: "ub3", children: f }),
|
113
|
-
t && /* @__PURE__ */ e(t, { ...r })
|
114
|
-
]
|
115
|
-
}
|
116
|
-
) : null), G = P;
|
117
|
-
export {
|
118
|
-
G as default
|
119
|
-
};
|
120
|
-
//# sourceMappingURL=notification.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"notification.js","sources":["../../../src/legacy-comps/notification/notification.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled, { keyframes, css } from 'styled-components';\n\nimport Cross2Icon from '../../assets/line-icons/icons/cross2';\nimport Text from '../../features/ui/text/text';\n\nconst slide = ({ position, verticalDist }) => keyframes`\n ${\n (position === 'top-right' || position === 'top-left') &&\n `\n 0% {\n top: 0;\n }\n 100% {\n top: ${verticalDist}px;\n }\n `\n };\n ${\n (position === 'bottom-left' || position === 'bottom-right') &&\n `\n 0% {\n bottom: 0;\n }\n 100% {\n bottom: ${verticalDist}px;\n }\n `\n };\n`;\n\nconst notificationPostion = ({ position, verticalDist, horizontalDist }) => css`\n ${position === 'top-right' &&\n `\n top: ${verticalDist}px;\n right: ${horizontalDist}px;\n `};\n ${position === 'top-left' &&\n `\n\ttop: ${verticalDist}px;\n left: ${horizontalDist}px;\n `};\n ${position === 'bottom-left' &&\n `\n bottom: ${verticalDist}px;\n left: ${horizontalDist}px;\n `};\n ${position === 'bottom-right' &&\n `\n bottom: ${verticalDist}px;\n right: ${horizontalDist}px;\n `};\n`;\n\nconst notificationThemeProps = ({ notificationTheme, theme: { COLORS } }) => css`\n ${notificationTheme === 'white' &&\n `\n background: ${COLORS.WHITE};\n color: ${COLORS.COLA};\n `};\n ${notificationTheme === 'black' &&\n `\n background: ${COLORS.COLA};\n color: ${COLORS.WHITE};\n `};\n`;\n\nconst Wrapper = styled.div`\n ${notificationThemeProps};\n position: fixed;\n width: 310px;\n padding: ${({ gap, gutter }) => `${gap}px ${gutter}px`};\n box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);\n border-radius: 16px;\n ${notificationPostion};\n animation: ${slide} 0.5s ease-in;\n z-index: 105; // To keep the notification above the chat window\n`;\n\nconst AvatarWrapper = styled.div`\n width: 48px;\n height: 48px;\n background: ${({ src }) => `url(${src})`};\n border-radius: 50%;\n border: 2px solid #ffffff;\n position: absolute;\n bottom: 88%;\n`;\n\nconst StyledIcon = styled.div`\n position: absolute;\n top: -40px;\n right: 12px;\n cursor: pointer;\n`;\n\nconst StyledText = styled(Text)`\n white-space: pre-wrap;\n`;\n\nconst Notification = ({\n avatarUrl = null,\n Component = null,\n componentProps = {},\n duration = null,\n gap = 24,\n gutter = 16,\n hideNotification,\n horizontalDist = 50,\n notificationTheme = 'black',\n position = 'bottom-right',\n showCloseIcon = false,\n text = null,\n verticalDist = 60,\n visible = false,\n}) => {\n useEffect(() => {\n if (duration && visible) {\n const countdown = setTimeout(() => {\n hideNotification();\n }, duration * 1000);\n\n return () => {\n clearTimeout(countdown);\n };\n }\n\n return () => {};\n }, [duration, hideNotification, visible]);\n\n if (!visible) return null;\n\n return (\n <Wrapper\n gap={gap}\n gutter={gutter}\n horizontalDist={horizontalDist}\n notificationTheme={notificationTheme}\n position={position}\n verticalDist={verticalDist}\n >\n {showCloseIcon && (\n <StyledIcon onClick={() => hideNotification()}>\n <Cross2Icon color={notificationTheme === 'white' ? 'WHITE' : 'BLACK'} />\n </StyledIcon>\n )}\n {avatarUrl && <AvatarWrapper src={avatarUrl} />}\n {text && <StyledText $renderAs=\"ub3\">{text}</StyledText>}\n {Component && <Component {...componentProps} />}\n </Wrapper>\n );\n};\n\nexport default Notification;\n"],"names":["slide","position","verticalDist","keyframes","notificationPostion","horizontalDist","css","notificationThemeProps","notificationTheme","COLORS","Wrapper","styled","gap","gutter","AvatarWrapper","src","StyledIcon","StyledText","Text","Notification","avatarUrl","Component","componentProps","duration","hideNotification","showCloseIcon","text","visible","useEffect","countdown","jsxs","jsx","Cross2Icon","Notification$1"],"mappings":";;;;;AAMA,MAAMA,IAAQ,CAAC,EAAE,UAAAC,GAAU,cAAAC,QAAmBC;AAAA,KAEzCF,MAAa,eAAeA,MAAa,eAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,eAKWC,CAAY;AAAA;AAAA,GAGzB;AAAA,KAEGD,MAAa,iBAAiBA,MAAa,mBAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKcC,CAAY;AAAA;AAAA,GAG5B;AAAA,GAGIE,IAAsB,CAAC,EAAE,UAAAH,GAAU,cAAAC,GAAc,gBAAAG,QAAqBC;AAAA,IACxEL,MAAa,eACf;AAAA,WACSC,CAAY;AAAA,aACVG,CAAc;AAAA,GACxB;AAAA,IACCJ,MAAa,cACf;AAAA,QACMC,CAAY;AAAA,YACRG,CAAc;AAAA,GACvB;AAAA,IACCJ,MAAa,iBACf;AAAA,cACYC,CAAY;AAAA,YACdG,CAAc;AAAA,GACvB;AAAA,IACCJ,MAAa,kBACf;AAAA,cACYC,CAAY;AAAA,aACbG,CAAc;AAAA,GACxB;AAAA,GAGGE,IAAyB,CAAC,EAAE,mBAAAC,GAAmB,OAAO,EAAE,QAAAC,EAAA,EAAe,MAAAH;AAAA,IACzEE,MAAsB,WACxB;AAAA,kBACgBC,EAAO,KAAK;AAAA,aACjBA,EAAO,IAAI;AAAA,GACrB;AAAA,IACCD,MAAsB,WACxB;AAAA,kBACgBC,EAAO,IAAI;AAAA,aAChBA,EAAO,KAAK;AAAA,GACtB;AAAA,GAGGC,IAAUC,EAAO;AAAA,IACnBJ,CAAsB;AAAA;AAAA;AAAA,aAGb,CAAC,EAAE,KAAAK,GAAK,QAAAC,QAAa,GAAGD,CAAG,MAAMC,CAAM,IAAI;AAAA;AAAA;AAAA,IAGpDT,CAAmB;AAAA,eACRJ,CAAK;AAAA;AAAA,GAIdc,IAAgBH,EAAO;AAAA;AAAA;AAAA,gBAGb,CAAC,EAAE,KAAAI,EAAU,MAAA,OAAOA,CAAG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpCC,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpBM,IAAaN,EAAOO,CAAI;AAAA;AAAA,GAIxBC,IAAe,CAAC;AAAA,EACpB,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB,CAAC;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,KAAAX,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,kBAAAW;AAAA,EACA,gBAAAnB,IAAiB;AAAA,EACjB,mBAAAG,IAAoB;AAAA,EACpB,UAAAP,IAAW;AAAA,EACX,eAAAwB,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,cAAAxB,IAAe;AAAA,EACf,SAAAyB,IAAU;AACZ,OACEC,EAAU,MAAM;AACd,MAAIL,KAAYI,GAAS;AACjB,UAAAE,IAAY,WAAW,MAAM;AAChB,MAAAL;IAAA,GAChBD,IAAW,GAAI;AAElB,WAAO,MAAM;AACX,mBAAaM,CAAS;AAAA,IAAA;AAAA,EAE1B;AAEA,SAAO,MAAM;AAAA,EAAA;AACZ,GAAA,CAACN,GAAUC,GAAkBG,CAAO,CAAC,GAEnCA,IAGH,gBAAAG;AAAA,EAACpB;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAR;AAAA,IACA,mBAAAG;AAAA,IACA,UAAAP;AAAA,IACA,cAAAC;AAAA,IAEC,UAAA;AAAA,MAAAuB,KACE,gBAAAM,EAAAf,GAAA,EAAW,SAAS,MAAMQ,EAAiB,GAC1C,UAAC,gBAAAO,EAAAC,GAAA,EAAW,OAAOxB,MAAsB,UAAU,UAAU,QAAS,CAAA,GACxE;AAAA,MAEDY,KAAa,gBAAAW,EAACjB,GAAc,EAAA,KAAKM,EAAW,CAAA;AAAA,MAC5CM,KAAQ,gBAAAK,EAACd,GAAW,EAAA,WAAU,OAAO,UAAKS,GAAA;AAAA,MAC1CL,KAAa,gBAAAU,EAACV,GAAW,EAAA,GAAGC,EAAgB,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA,IAlB5B,OAuBvBW,IAAed;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../node_modules/query-string/node_modules/decode-uri-component/index.js"],"sourcesContent":["const token = '%[a-f0-9]{2}';\nconst singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');\nconst multiMatcher = new RegExp('(' + token + ')+', 'gi');\n\nfunction decodeComponents(components, split) {\n\ttry {\n\t\t// Try to decode the entire string first\n\t\treturn [decodeURIComponent(components.join(''))];\n\t} catch {\n\t\t// Do nothing\n\t}\n\n\tif (components.length === 1) {\n\t\treturn components;\n\t}\n\n\tsplit = split || 1;\n\n\t// Split the array in 2 parts\n\tconst left = components.slice(0, split);\n\tconst right = components.slice(split);\n\n\treturn Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));\n}\n\nfunction decode(input) {\n\ttry {\n\t\treturn decodeURIComponent(input);\n\t} catch {\n\t\tlet tokens = input.match(singleMatcher) || [];\n\n\t\tfor (let i = 1; i < tokens.length; i++) {\n\t\t\tinput = decodeComponents(tokens, i).join('');\n\n\t\t\ttokens = input.match(singleMatcher) || [];\n\t\t}\n\n\t\treturn input;\n\t}\n}\n\nfunction customDecodeURIComponent(input) {\n\t// Keep track of all the replacements and prefill the map with the `BOM`\n\tconst replaceMap = {\n\t\t'%FE%FF': '\\uFFFD\\uFFFD',\n\t\t'%FF%FE': '\\uFFFD\\uFFFD',\n\t};\n\n\tlet match = multiMatcher.exec(input);\n\twhile (match) {\n\t\ttry {\n\t\t\t// Decode as big chunks as possible\n\t\t\treplaceMap[match[0]] = decodeURIComponent(match[0]);\n\t\t} catch {\n\t\t\tconst result = decode(match[0]);\n\n\t\t\tif (result !== match[0]) {\n\t\t\t\treplaceMap[match[0]] = result;\n\t\t\t}\n\t\t}\n\n\t\tmatch = multiMatcher.exec(input);\n\t}\n\n\t// Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else\n\treplaceMap['%C2'] = '\\uFFFD';\n\n\tconst entries = Object.keys(replaceMap);\n\n\tfor (const key of entries) {\n\t\t// Replace all decoded components\n\t\tinput = input.replace(new RegExp(key, 'g'), replaceMap[key]);\n\t}\n\n\treturn input;\n}\n\nexport default function decodeUriComponent(encodedURI) {\n\tif (typeof encodedURI !== 'string') {\n\t\tthrow new TypeError('Expected `encodedURI` to be of type `string`, got `' + typeof encodedURI + '`');\n\t}\n\n\ttry {\n\t\t// Try the built in decoder first\n\t\treturn decodeURIComponent(encodedURI);\n\t} catch {\n\t\t// Fallback to a more advanced decoder\n\t\treturn customDecodeURIComponent(encodedURI);\n\t}\n}\n"],"names":["token","singleMatcher","multiMatcher","decodeComponents","components","split","left","right","decode","input","tokens","i","customDecodeURIComponent","replaceMap","match","result","entries","key","decodeUriComponent","encodedURI"],"mappings":"AAAA,MAAMA,IAAQ,gBACRC,IAAgB,IAAI,OAAO,MAAMD,IAAQ,cAAc,IAAI,GAC3DE,IAAe,IAAI,OAAO,MAAMF,IAAQ,MAAM,IAAI;AAExD,SAASG,EAAiBC,GAAYC,GAAO;AAC5C,MAAI;AAEH,WAAO,CAAC,mBAAmBD,EAAW,KAAK,EAAE,CAAC,CAAC;AAAA,EACjD,QAAS;AAAA,EAEP;AAED,MAAIA,EAAW,WAAW;AACzB,WAAOA;AAGR,EAAAC,IAAQA,KAAS;AAGjB,QAAMC,IAAOF,EAAW,MAAM,GAAGC,CAAK,GAChCE,IAAQH,EAAW,MAAMC,CAAK;AAEpC,SAAO,MAAM,UAAU,OAAO,KAAK,CAAA,GAAIF,EAAiBG,CAAI,GAAGH,EAAiBI,CAAK,CAAC;AACvF;AAEA,SAASC,EAAOC,GAAO;AACtB,MAAI;AACH,WAAO,mBAAmBA,CAAK;AAAA,EACjC,QAAS;AACP,QAAIC,IAASD,EAAM,MAAMR,CAAa,KAAK,CAAA;AAE3C,aAASU,IAAI,GAAGA,IAAID,EAAO,QAAQC;AAClC,MAAAF,IAAQN,EAAiBO,GAAQC,CAAC,EAAE,KAAK,EAAE,GAE3CD,IAASD,EAAM,MAAMR,CAAa,KAAK,CAAA;AAGxC,WAAOQ;AAAA,EACP;AACF;AAEA,SAASG,EAAyBH,GAAO;AAExC,QAAMI,IAAa;AAAA,IAClB,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAEC,MAAIC,IAAQZ,EAAa,KAAKO,CAAK;AACnC,SAAOK,KAAO;AACb,QAAI;AAEH,MAAAD,EAAWC,EAAM,CAAC,CAAC,IAAI,mBAAmBA,EAAM,CAAC,CAAC;AAAA,IACrD,QAAU;AACP,YAAMC,IAASP,EAAOM,EAAM,CAAC,CAAC;AAE9B,MAAIC,MAAWD,EAAM,CAAC,MACrBD,EAAWC,EAAM,CAAC,CAAC,IAAIC;AAAA,IAExB;AAED,IAAAD,IAAQZ,EAAa,KAAKO,CAAK;AAAA,EAC/B;AAGD,EAAAI,EAAW,KAAK,IAAI;AAEpB,QAAMG,IAAU,OAAO,KAAKH,CAAU;AAEtC,aAAWI,KAAOD;AAEjB,IAAAP,IAAQA,EAAM,QAAQ,IAAI,OAAOQ,GAAK,GAAG,GAAGJ,EAAWI,CAAG,CAAC;AAG5D,SAAOR;AACR;AAEe,SAASS,EAAmBC,GAAY;AACtD,MAAI,OAAOA,KAAe;AACzB,UAAM,IAAI,UAAU,wDAAwD,OAAOA,IAAa,GAAG;AAGpG,MAAI;AAEH,WAAO,mBAAmBA,CAAU;AAAA,EACtC,QAAS;AAEP,WAAOP,EAAyBO,CAAU;AAAA,EAC1C;AACF;","x_google_ignoreList":[0]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"regex.js","sources":["../../../../../node_modules/uuid/dist/esm-browser/regex.js"],"sourcesContent":["export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;"],"names":["REGEX"],"mappings":"AAAA,MAAAA,IAAe;","x_google_ignoreList":[0]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"validate.js","sources":["../../../../../node_modules/uuid/dist/esm-browser/validate.js"],"sourcesContent":["import REGEX from './regex.js';\n\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;"],"names":["validate","uuid","REGEX"],"mappings":";AAEA,SAASA,EAASC,GAAM;AACtB,SAAO,OAAOA,KAAS,YAAYC,EAAM,KAAKD,CAAI;AACpD;","x_google_ignoreList":[0]}
|
File without changes
|