@opexa/portal-components 0.0.987 → 0.0.988

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 (55) hide show
  1. package/dist/components/KYC/KYCReview.js +2 -5
  2. package/dist/components/SignUp/SignUpLongForm/SignUpLongForm.js +2 -0
  3. package/dist/components/SignUp/SignUpLongForm/SignUpLongForm.lazy.js +1 -1
  4. package/dist/schemas/forgotPasswordSchema.d.ts +5 -5
  5. package/dist/ui/AlertDialog/AlertDialog.d.ts +187 -187
  6. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +17 -17
  7. package/dist/ui/Badge/Badge.d.ts +12 -12
  8. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  9. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  10. package/dist/ui/Carousel/Carousel.d.ts +99 -99
  11. package/dist/ui/Carousel/carousel.recipe.d.ts +11 -11
  12. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  13. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  14. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  15. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  16. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  17. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  18. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  19. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  20. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  21. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  22. package/dist/ui/Dialog/Dialog.d.ts +33 -33
  23. package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
  24. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  25. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  26. package/dist/ui/Menu/Menu.d.ts +360 -360
  27. package/dist/ui/Menu/menu.recipe.d.ts +20 -20
  28. package/dist/ui/Popover/Popover.d.ts +154 -154
  29. package/dist/ui/Popover/popover.recipe.d.ts +14 -14
  30. package/dist/ui/Progress/Progress.d.ts +27 -27
  31. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  32. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  33. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  34. package/dist/ui/Select/Select.d.ts +45 -45
  35. package/dist/ui/Select/select.recipe.d.ts +3 -3
  36. package/dist/ui/Table/Table.d.ts +21 -21
  37. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  38. package/dist/ui/Table/table.recipe.d.ts +3 -3
  39. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  40. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  41. package/dist/ui/Tooltip/Tooltip.d.ts +30 -30
  42. package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
  43. package/package.json +1 -1
  44. package/dist/client/hooks/useVerifyMobileNumber.d.ts +0 -3
  45. package/dist/client/hooks/useVerifyMobileNumber.js +0 -20
  46. package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.d.ts +0 -1
  47. package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js +0 -241
  48. package/dist/components/SingleSignOn/SingleSignOn.d.ts +0 -4
  49. package/dist/components/SingleSignOn/SingleSignOn.js +0 -185
  50. package/dist/components/SingleSignOn/index.d.ts +0 -1
  51. package/dist/components/SingleSignOn/index.js +0 -1
  52. package/dist/lib/components/UpdateMobilePhoneNumber/UpdateMobilePhoneNumber.d.ts +0 -1
  53. package/dist/lib/components/UpdateMobilePhoneNumber/UpdateMobilePhoneNumber.js +0 -152
  54. package/dist/lib/components/UpdateMobilePhoneNumber/index.d.ts +0 -1
  55. package/dist/lib/components/UpdateMobilePhoneNumber/index.js +0 -1
@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import Image from 'next/image';
4
4
  import { useState } from 'react';
5
5
  import { useShallow } from 'zustand/shallow';
6
- import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
7
6
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
8
7
  import { getSession } from '../../client/services/getSession.js';
9
8
  import { toaster } from '../../client/utils/toaster.js';
@@ -16,9 +15,7 @@ import { Portal } from '../../ui/Portal/index.js';
16
15
  export function KYCReview() {
17
16
  const { kycReview } = useGlobalStore(useShallow((s) => ({ kycReview: s.kycReview })));
18
17
  const [isLoading, setIsLoading] = useState(false);
19
- const featureFlag = useFeatureFlag();
20
- const isDialogOpen = kycReview.open && featureFlag.enabled;
21
- return (_jsx(Dialog.Root, { open: isDialogOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center justify-between space-y-4 rounded-lg bg-[#232443] p-6 text-center", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "font-semibold text-[#F5F5F6] text-lg", children: "Thanks for your submission." }), _jsxs("div", { className: "mt-1 text-[#CECFD2] text-sm", children: ["We\u2019re now ", '', _jsxs("span", { className: "text-[#F96B47]", children: ["reviewing your KYC information ", ''] }), "and will notify you once the verification is complete."] }), _jsx("div", { className: "mt-6 text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" })] }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] }), _jsx("button", { disabled: isLoading, type: "button", className: "h-[44px] w-full rounded-md font-semibold", style: {
18
+ return (_jsx(Dialog.Root, { open: kycReview.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center justify-between space-y-4 rounded-lg bg-[#232443] p-6 text-center", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "font-semibold text-[#F5F5F6] text-lg", children: "Thanks for your submission." }), _jsxs("div", { className: "mt-1 text-[#CECFD2] text-sm", children: ["We\u2019re now ", '', _jsxs("span", { className: "text-[#F96B47]", children: ["reviewing your KYC information ", ''] }), "and will notify you once the verification is complete."] }), _jsx("div", { className: "mt-6 text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" })] }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] }), _jsx("button", { disabled: isLoading, type: "button", className: "h-[44px] w-full rounded-md font-semibold", style: {
22
19
  background: 'linear-gradient(90deg, #9333E8 0%, #D92778 100%)',
23
20
  }, onClick: async () => {
24
21
  const session = await getSession();
@@ -32,7 +29,7 @@ export function KYCReview() {
32
29
  'Content-Type': 'application/json',
33
30
  },
34
31
  });
35
- const data = (await response.json());
32
+ const data = await response.json();
36
33
  window.open(data.data.redirectionUrl, '_blank');
37
34
  }
38
35
  catch {
@@ -60,6 +60,7 @@ export default function SignUpLongForm() {
60
60
  termsAndConditions: ctx.termsAndConditions,
61
61
  responsibleGaming: ctx.responsibleGaming,
62
62
  kyc: ctx.kyc,
63
+ disclaimer: ctx.disclaimer,
63
64
  })));
64
65
  const [step, setStep] = useState(1);
65
66
  const form2LongForm = useRef(null);
@@ -195,6 +196,7 @@ export default function SignUpLongForm() {
195
196
  step1Form.reset();
196
197
  step2Form.reset();
197
198
  setStep(1);
199
+ globalStore.disclaimer.setOpen(true);
198
200
  toaster.success({
199
201
  title: 'Member Created!',
200
202
  description: 'Member created successfully',
@@ -21,6 +21,6 @@ function SignUpLongForm__lazy(props) {
21
21
  // Reset checkbox state when dialog closes
22
22
  globalStore.termsAndConditions.setAccepted(false);
23
23
  globalStore.responsibleGaming.setAccepted(false);
24
- }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: twMerge('z-banner mx-auto flex size-full h-full flex-col items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:max-h-[80vh] lg:w-fit lg:rounded-xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: _jsxs("div", { className: "size-full lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[7.5rem]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpLongForm, {}) })] }) }) })] }) }) }));
24
+ }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: twMerge('z-banner mx-auto flex size-full h-full flex-col items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:h-fit lg:max-h-[80vh] lg:w-fit lg:rounded-xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: _jsxs("div", { className: "size-full lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[7.5rem]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpLongForm, {}) })] }) }) })] }) }) }));
25
25
  }
26
26
  export default SignUpLongForm__lazy;
@@ -8,25 +8,25 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
8
8
  mobileNumber: z.ZodEffects<z.ZodString, string, string>;
9
9
  verificationCode: z.ZodEffects<z.ZodString, string, string>;
10
10
  }, "strip", z.ZodTypeAny, {
11
- password: string;
12
- confirmPassword: string;
13
11
  mobileNumber: string;
14
12
  verificationCode: string;
15
- }, {
16
13
  password: string;
17
14
  confirmPassword: string;
15
+ }, {
18
16
  mobileNumber: string;
19
17
  verificationCode: string;
20
- }>, {
21
18
  password: string;
22
19
  confirmPassword: string;
20
+ }>, {
23
21
  mobileNumber: string;
24
22
  verificationCode: string;
25
- }, {
26
23
  password: string;
27
24
  confirmPassword: string;
25
+ }, {
28
26
  mobileNumber: string;
29
27
  verificationCode: string;
28
+ password: string;
29
+ confirmPassword: string;
30
30
  }>;
31
31
  export type ForgotPasswordSchema = z.infer<ReturnType<typeof createForgotPasswordSchema>>;
32
32
  export {};