@cuemath/leap 3.2.17-j2 → 3.2.17-j3
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/features/analytics-events/whitelist-events.js +17 -15
- package/dist/features/analytics-events/whitelist-events.js.map +1 -1
- package/dist/features/auth/comps/pill-button/pill-button.js +41 -38
- package/dist/features/auth/comps/pill-button/pill-button.js.map +1 -1
- package/dist/features/auth/comps/resend-otp/resend-otp.js +16 -14
- package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js +32 -26
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map +1 -1
- package/dist/features/auth/pla-signup/pla-analytics-events.js +29 -0
- package/dist/features/auth/pla-signup/pla-analytics-events.js.map +1 -0
- package/dist/features/auth/pla-signup/signup-options/signup-options.js +53 -40
- package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -1
- package/dist/index.d.ts +27 -3
- package/dist/index.js +263 -261
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n onEmailSignup,\n onAppleSignup,\n onGoogleSignup,\n loadingProvider,\n onGoToLogin,\n title,\n}) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const isLoadingGoogle = loadingProvider === 'google';\n const isLoadingApple = loadingProvider === 'apple';\n\n return (\n <FlexView $alignItems=\"flex-start\">\n <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre\">\n {title}\n </Text>\n <Separator heightX={isCompact ? 1.5 : 2.5} />\n <FlexView\n $flexGapX={1}\n $flex={1}\n $justifyContent=\"center\"\n $alignItems=\"flex-start\"\n $width=\"100%\"\n >\n <Button\n renderAs=\"black-dark\"\n Icon={GoogleIcon}\n width={isCompact ? '100%' : 320}\n label=\"Signup with Google\"\n onClick={onGoogleSignup}\n size=\"small\"\n busy={isLoadingGoogle}\n disabled={isLoadingGoogle}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={isCompact ? '100%' : 320}\n Icon={AppleIcon}\n label=\"Signup with Apple\"\n onClick={onAppleSignup}\n busy={isLoadingApple}\n disabled={isLoadingApple}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={isCompact ? '100%' : 320}\n label=\"Continue with Email\"\n onClick={onEmailSignup}\n />\n </FlexView>\n <Separator heightX={1.5} />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n Already have an account?\n </Text>\n \n <TextButton
|
|
1
|
+
{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { PLA_ANALYTICS_EVENTS } from '../pla-analytics-events';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n onEmailSignup,\n onAppleSignup,\n onGoogleSignup,\n loadingProvider,\n onGoToLogin,\n title,\n}) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const isLoadingGoogle = loadingProvider === 'google';\n const isLoadingApple = loadingProvider === 'apple';\n\n return (\n <FlexView $alignItems=\"flex-start\">\n <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre\">\n {title}\n </Text>\n <Separator heightX={isCompact ? 1.5 : 2.5} />\n <FlexView\n $flexGapX={1}\n $flex={1}\n $justifyContent=\"center\"\n $alignItems=\"flex-start\"\n $width=\"100%\"\n >\n <Button\n renderAs=\"black-dark\"\n Icon={GoogleIcon}\n width={isCompact ? '100%' : 320}\n label=\"Signup with Google\"\n onClick={onGoogleSignup}\n size=\"small\"\n busy={isLoadingGoogle}\n disabled={isLoadingGoogle}\n analyticsLabel={PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_GOOGLE}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={isCompact ? '100%' : 320}\n Icon={AppleIcon}\n label=\"Signup with Apple\"\n onClick={onAppleSignup}\n busy={isLoadingApple}\n disabled={isLoadingApple}\n analyticsLabel={PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_APPLE}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={isCompact ? '100%' : 320}\n label=\"Continue with Email\"\n onClick={onEmailSignup}\n analyticsLabel={PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL}\n />\n </FlexView>\n <Separator heightX={1.5} />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n Already have an account?\n </Text>\n \n <TextButton\n size=\"small\"\n label=\"Log In\"\n color=\"WHITE\"\n onClick={onGoToLogin}\n analyticsLabel={PLA_ANALYTICS_EVENTS.PLA_SIGNUP_LOGIN_REDIRECT_CLICKED}\n />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,OAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBS,EAAqB;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMY;AAAAA,cACN,OAAM;AAAA,cACN,SAASnB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBQ,EAAqB;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,gBAAgBmB,EAAqB;AAAA,YAAA;AAAA,UACvC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASjB;AAAA,UACT,gBAAgBe,EAAqB;AAAA,QAAA;AAAA,MACvC;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeG,IAAAC,EAAKxB,CAAa;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2701,6 +2701,7 @@ declare interface IOTPResendProps {
|
|
|
2701
2701
|
width?: number | string;
|
|
2702
2702
|
textButtonColor?: TColorNames;
|
|
2703
2703
|
size?: 'small' | 'xsmall';
|
|
2704
|
+
analyticsLabel?: string;
|
|
2704
2705
|
}
|
|
2705
2706
|
|
|
2706
2707
|
declare interface IOutcomeConfig {
|
|
@@ -2738,7 +2739,7 @@ declare interface IPerfectHitsProps {
|
|
|
2738
2739
|
value: number;
|
|
2739
2740
|
}
|
|
2740
2741
|
|
|
2741
|
-
declare interface IPillButtonProps {
|
|
2742
|
+
declare interface IPillButtonProps extends IClickableAnalyticsProps {
|
|
2742
2743
|
id: string;
|
|
2743
2744
|
label: string;
|
|
2744
2745
|
selected?: boolean;
|
|
@@ -3137,7 +3138,7 @@ declare interface ISectionOption<Section = TDefaultSection> {
|
|
|
3137
3138
|
data: Section[];
|
|
3138
3139
|
}
|
|
3139
3140
|
|
|
3140
|
-
declare interface ISelectableInfoCardProps {
|
|
3141
|
+
declare interface ISelectableInfoCardProps extends IClickableAnalyticsProps {
|
|
3141
3142
|
id: string;
|
|
3142
3143
|
title: string;
|
|
3143
3144
|
description: string;
|
|
@@ -4654,6 +4655,29 @@ export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
|
|
|
4654
4655
|
|
|
4655
4656
|
export declare const PillButton: NamedExoticComponent<IPillButtonProps>;
|
|
4656
4657
|
|
|
4658
|
+
export declare enum PLA_ANALYTICS_EVENTS {
|
|
4659
|
+
PLA_SIGNUP_WITH_GOOGLE = "pla_signup_with_google",
|
|
4660
|
+
PLA_SIGNUP_WITH_GOOGLE_FAILED = "pla_signup_with_google_failed",
|
|
4661
|
+
PLA_SIGNUP_WITH_APPLE = "pla_signup_with_apple",
|
|
4662
|
+
PLA_SIGNUP_WITH_APPLE_FAILED = "pla_signup_with_apple_failed",
|
|
4663
|
+
PLA_SIGNUP_WITH_EMAIL = "pla_signup_with_email",
|
|
4664
|
+
PLA_SIGNUP_LOGIN_REDIRECT_CLICKED = "pla_signup_login_redirect_clicked",
|
|
4665
|
+
PLA_SIGNUP_WITH_EMAIL_OTP_REQUESTED = "pla_signup_with_email_otp_requested",
|
|
4666
|
+
PLA_SIGNUP_WITH_EMAIL_OTP_REQUEST_FAILED = "pla_signup_with_email_otp_request_failed",
|
|
4667
|
+
PLA_SIGNUP_WITH_EMAIL_OTP_VERIFIED = "pla_signup_with_email_otp_verified",
|
|
4668
|
+
PLA_SIGNUP_WITH_EMAIL_OTP_VERIFICATION_FAILED = "pla_signup_with_email_otp_verification_failed",
|
|
4669
|
+
PLA_SIGNUP_WITH_EMAIL_OTP_RESEND = "pla_signup_with_email_otp_resend",
|
|
4670
|
+
PLA_SIGNUP_STEP_CHANGED = "pla_signup_step_changed",
|
|
4671
|
+
PLA_SIGNUP_STEP_FORM_SUBMIT = "pla_signup_step_form_submit",
|
|
4672
|
+
PLA_SIGNUP_PREV_STEP_CLICKED = "pla_signup_prev_step_clicked",
|
|
4673
|
+
PLA_SIGNUP_STEP_SUBMIT_SUCCESS = "pla_signup_step_submit_success",
|
|
4674
|
+
PLA_SIGNUP_STEP_SUBMIT_FAILED = "pla_signup_step_submit_failed",
|
|
4675
|
+
PLA_SIGNUP_DROP_OFF = "pla_signup_drop_off",
|
|
4676
|
+
PLA_SIGNUP_SLOT_DATE_SELECTED = "pla_signup_slot_date_selected",
|
|
4677
|
+
PLA_SIGNUP_SLOT_TIME_SELECTED = "pla_signup_slot_time_selected",
|
|
4678
|
+
PLA_SIGNUP_FORM_SKIPPED = "pla_signup_form_skipped"
|
|
4679
|
+
}
|
|
4680
|
+
|
|
4657
4681
|
/**
|
|
4658
4682
|
** Global/Platform specific events that needs to be tracked goes here
|
|
4659
4683
|
** Naming convention needs to be snake_case
|
|
@@ -4839,7 +4863,7 @@ declare enum SECTION_CODE {
|
|
|
4839
4863
|
|
|
4840
4864
|
export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => ReactElement;
|
|
4841
4865
|
|
|
4842
|
-
export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, }: ISelectableInfoCardProps) => JSX.Element>;
|
|
4866
|
+
export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, analyticsLabel, analyticsProps, }: ISelectableInfoCardProps) => JSX.Element>;
|
|
4843
4867
|
|
|
4844
4868
|
export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => ReactElement;
|
|
4845
4869
|
|