@opexa/portal-components 0.1.80 → 0.1.84

package/dist/components/SignIn/CrazyWin/NameAndPasswordSignIn.js

@@ -273,7 +273,8 @@ export function NameAndPasswordSignIn() {
                                 }) })] }), _jsx(Field.ErrorText, { className: "text-[#ff2525b3] text-xs", children: form.formState.errors.name?.message })] }), _jsx(Field.Root, { disabled: !!signInMutation.data, invalid: !!form.formState.errors.password, className: "mt-xl", children: _jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { className: "text-xs", children: "Password" }), _jsxs("div", { children: [_jsxs(PasswordInput.Control, { className: "relative flex h-10 items-center rounded-full text-xs", children: [_jsx(Image, { src: lockIcon, alt: "lock icon", width: 20, height: 20, className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 h-5 w-5" }), _jsx(PasswordInput.Input, { className: "pl-10", placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, { className: "text-white/50" }), asChild: true, children: _jsx(EyeIcon, { className: "text-white/50" }) }) })] }), _jsx(Field.ErrorText, { className: "text-[#ff2525b3] text-xs", children: form.formState.errors.password?.message })] }), _jsx("div", { className: "mt-4 flex justify-end", children: _jsx("button", { type: "button", tabIndex: -1, className: "font-semibold text-[#FFE5AF] text-xs", onClick: () => {
                                     globalStore.forgotPassword.setOpen(true);
                                     dialog.setOpen(false);
-                                }, children: "Forgot Password" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-4 h-10 rounded-full text-sm", disabled: signInMutation.isPending || authenticateMutation.isPending, style: {
+                                }, children: "Forgot Password" }) })] }) }), signInMutation.data &&
+                signInProps.shouldPromptSecurityQuestion !== false && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-4 h-10 rounded-full text-sm", disabled: signInMutation.isPending || authenticateMutation.isPending, style: {
                     boxShadow: 'inset 0px -1px 2px 1px #fff7e1',
                     backgroundImage: 'linear-gradient(89deg, #c7802d -15.91%, #ffe585 28.75%, #ffeca6 49.46%, #c7802d 112.69%)',
                 }, children: "Login" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {

package/dist/components/SignIn/HappyBingo/NameAndPasswordSignIn.js

@@ -270,7 +270,8 @@ export function NameAndPasswordSignIn() {
                         }) }), _jsx(Field.ErrorText, { children: form.formState.errors.name?.message })] }), _jsx(Field.Root, { disabled: !!signInMutation.data, invalid: !!form.formState.errors.password, className: "mt-xl", children: _jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { className: "text-[#344054] dark:text-[#CECFD2]", children: "Password" }), _jsxs("div", { children: [_jsxs(PasswordInput.Control, { className: "border-[#D0D5DD] bg-white text-[#101828] dark:border-[#333741] dark:bg-[#1D2939] dark:text-[#F5F5F6]", children: [_jsx(PasswordInput.Input, { placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, className: "text-[#98A2B3] dark:text-[#94969C]", children: _jsx(EyeIcon, {}) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", tabIndex: -1, className: "font-semibold text-[#A15C07] text-sm dark:text-[#CECFD2]", onClick: () => {
                                     globalStore.forgotPassword.setOpen(true);
                                     dialog.setOpen(false);
-                                }, children: "Forgot Password?" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", checked: o.field.value, onCheckedChange: (details) => {
+                                }, children: "Forgot Password?" }) })] }) }), signInMutation.data &&
+                signInProps.shouldPromptSecurityQuestion !== false && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", checked: o.field.value, onCheckedChange: (details) => {
                                 if (details.checked === 'indeterminate')
                                     return;
                                 o.field.onChange(details.checked);

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -304,7 +304,8 @@ export function NameAndPasswordSignIn() {
                                 }) }), _jsx(Field.ErrorText, { children: form.formState.errors.name?.message })] }), _jsx(Field.Root, { disabled: !!signInMutation.data, invalid: !!form.formState.errors.password, className: "mt-xl", children: _jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs("div", { children: [_jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsx("div", { className: "mt-2 flex justify-end", children: _jsx("button", { type: "button", tabIndex: -1, className: "font-semibold text-button-tertiary-fg text-sm", onClick: () => {
                                             globalStore.forgotPassword.setOpen(true);
                                             dialog.setOpen(false);
-                                        }, children: "Forgot Password" }) })] }) }), signInMutation.data && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
+                                        }, children: "Forgot Password" }) })] }) }), signInMutation.data &&
+                        signInProps.shouldPromptSecurityQuestion !== false && (_jsxs(Field.Root, { invalid: !!form.formState.errors.secretAnswer, className: "mt-xl", children: [_jsx(Field.Label, { children: secretQuestion }), _jsx(Field.Input, { placeholder: "Answer the security question", ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: signInMutation.isPending || authenticateMutation.isPending, children: "Log In" }), _jsx(Controller, { control: form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, className: "mt-xl", children: [_jsxs(Checkbox.Root, { variant: "outline", colorScheme: "neutral", checked: o.field.value, onCheckedChange: (details) => {
                                         if (details.checked === 'indeterminate')
                                             return;
                                         o.field.onChange(details.checked);

package/dist/components/SignIn/SignIn.lazy.d.ts

@@ -24,6 +24,11 @@ export interface SignInProps extends UseSignInProps {
     children?: ReactNode;
     shouldShowResponsibleGamingReminder?: boolean;
     shouldShowDisclaimer?: boolean;
+    /**
+     * When `false`, the security question is not prompted during
+     * sign in. Defaults to `true`.
+     */
+    shouldPromptSecurityQuestion?: boolean;
     variant?: 'crazywin' | 'happybingo';
     authApiBaseUrl?: string;
     /**

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -12,7 +12,6 @@ import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../../client/hooks/useCooldown.js';
-import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useInplaySignUpMutation } from '../../../client/hooks/useInplaySignUpMutation.js';
 import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
@@ -72,7 +71,6 @@ export function SignUpDefaultForm() {
         versionSession: signUpProps.versionSession,
     });
     const sendVerificationCodeMutation = useSendVerificationCodeMutation();
-    const featureFlag = useFeatureFlag();
     const localeInfo = useLocaleInfo();
     const mobileNumberParser = useMobileNumberParser();
     const [branchTipOpen, setBranchTipOpen] = useState(false);
@@ -344,8 +342,7 @@ export function SignUpDefaultForm() {
                                     referralCode: search.get('referralCode') ?? undefined,
                                     agentCode,
                                 };
-                                if (signUpProps.versionSession === 'Inplay' &&
-                                    featureFlag.enabled) {
+                                if (signUpProps.versionSession === 'Inplay') {
                                     await inplaySignUpMutation.mutateAsync({
                                         ...signUpInput,
                                         ...(step1Form.getValues('firstName') && {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.1.80",
+  "version": "0.1.84",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",
@@ -165,6 +165,9 @@
       "publish": false
     },
     "hooks": {
+      "before:init": [
+        "npm whoami"
+      ],
       "after:bump": [
         "pnpm build"
       ],