@opexa/portal-components 0.0.1087 → 0.0.1089

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 (11) hide show
  1. package/dist/components/KYC/KYCAccountVerificationRequired.d.ts +2 -1
  2. package/dist/components/KYC/KYCAccountVerificationRequired.js +2 -2
  3. package/dist/components/KYC/KYCAccountVerificationRequired.lazy.d.ts +4 -1
  4. package/dist/components/KYC/KYCAccountVerificationRequired.lazy.js +8 -2
  5. package/dist/components/Promo/Promo.client.d.ts +2 -1
  6. package/dist/components/Promo/Promo.client.js +19 -8
  7. package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js +2 -0
  8. package/dist/services/account.d.ts +1 -0
  9. package/dist/services/queries.d.ts +5 -5
  10. package/dist/services/queries.js +4 -0
  11. package/package.json +1 -1
package/dist/components/KYC/KYCAccountVerificationRequired.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare function KYCAccountVerificationRequired(): import("react/jsx-runtime").JSX.Element;
1
+ import type { KYCAccountVerificationRequiredProps } from './KYCAccountVerificationRequired.lazy';
2
+ export declare function KYCAccountVerificationRequired(props: KYCAccountVerificationRequiredProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/KYC/KYCAccountVerificationRequired.js CHANGED
@@ -5,6 +5,6 @@ const Component = dynamic(() => import('./KYCAccountVerificationRequired.lazy.js
5
5
  ssr: false,
6
6
  loading: () => null,
7
7
  });
8
- export function KYCAccountVerificationRequired() {
9
- return _jsx(Component, {});
8
+ export function KYCAccountVerificationRequired(props) {
9
+ return _jsx(Component, { ...props });
10
10
  }
package/dist/components/KYC/KYCAccountVerificationRequired.lazy.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare function KYCAccountVerificationRequired_lazy(): import("react/jsx-runtime").JSX.Element;
1
+ export interface KYCAccountVerificationRequiredProps {
2
+ isSkippable?: boolean;
3
+ }
4
+ declare function KYCAccountVerificationRequired_lazy({ isSkippable, }: KYCAccountVerificationRequiredProps): import("react/jsx-runtime").JSX.Element;
2
5
  export default KYCAccountVerificationRequired_lazy;
package/dist/components/KYC/KYCAccountVerificationRequired.lazy.js CHANGED
@@ -5,7 +5,7 @@ import { useMessagesQuery } from '../../client/hooks/useMessagesQuery.js';
5
5
  import { FileX02Icon } from '../../icons/FileX02Icon.js';
6
6
  import { Button } from '../../ui/Button/index.js';
7
7
  import { Dialog } from '../../ui/Dialog/index.js';
8
- function KYCAccountVerificationRequired_lazy() {
8
+ function KYCAccountVerificationRequired_lazy({ isSkippable = false, }) {
9
9
  const messagesQuery = useMessagesQuery();
10
10
  const messages = messagesQuery.data?.pages;
11
11
  const rejectionMessage = messages
@@ -16,6 +16,7 @@ function KYCAccountVerificationRequired_lazy() {
16
16
  disclaimer: s.disclaimer,
17
17
  termsOfUse: s.termsOfUse,
18
18
  kycReminder: s.kycReminder,
19
+ kyc: s.kyc,
19
20
  })));
20
21
  const isOpen = globalStore.kycVerificationRequired.open &&
21
22
  !globalStore.disclaimer.open &&
@@ -24,7 +25,12 @@ function KYCAccountVerificationRequired_lazy() {
24
25
  __html: rejectionMessage?.content ?? '',
25
26
  } })] })) : (_jsxs("div", { className: "flex flex-col gap-4 text-center text-text-tertiary-600", children: [_jsx("span", { children: "Missing Documents: Some required documents were not uploaded. Please ensure you provide all necessary files as outlined in our guidelines." }), _jsx("span", { children: "Unclear Images: The documents uploaded were blurry or not legible. Please re-upload clear, high-quality images where all text and details are visible." }), _jsx("span", { children: "To resolve this, double-check the document requirements and re-submit. If you're unsure about the guidelines or need further clarification, feel free to contact our support team for assistance. We're here to help!" })] }))] }), _jsx(Button, { type: "button", className: "mt-lg", onClick: () => {
26
27
  globalStore.kycVerificationRequired.setOpen(false);
27
- globalStore.kycReminder.setOpen(true);
28
+ if (isSkippable) {
29
+ globalStore.kycReminder.setOpen(true);
30
+ }
31
+ else {
32
+ globalStore.kyc.setOpen(true);
33
+ }
28
34
  }, children: "Ok" })] }) }) })] }));
29
35
  }
30
36
  export default KYCAccountVerificationRequired_lazy;
package/dist/components/Promo/Promo.client.d.ts CHANGED
@@ -14,5 +14,6 @@ export interface PromoProps {
14
14
  flags?: string;
15
15
  }[];
16
16
  };
17
+ useEndOfDay?: boolean;
17
18
  }
18
- export declare function Promo__client(props: PromoProps): import("react/jsx-runtime").JSX.Element | null;
19
+ export declare function Promo__client({ useEndOfDay, ...props }: PromoProps): import("react/jsx-runtime").JSX.Element | null;
package/dist/components/Promo/Promo.client.js CHANGED
@@ -1,21 +1,20 @@
1
1
  'use client';
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { tz } from '@date-fns/tz';
4
- import { format } from 'date-fns';
3
+ import { endOfDay } from 'date-fns';
5
4
  import { isString } from 'lodash-es';
6
5
  import Image from 'next/image';
7
6
  import Link from 'next/link';
7
+ import { useMemo } from 'react';
8
8
  import { twMerge } from 'tailwind-merge';
9
9
  import { useShallow } from 'zustand/shallow';
10
10
  import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
11
11
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
12
- import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
13
12
  import { usePromoQuery } from '../../client/hooks/usePromoQuery.js';
13
+ import { useRemainingTime } from '../../client/hooks/useRemainingTime.js';
14
14
  import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
15
15
  import { Button } from '../../ui/Button/index.js';
16
16
  import { Prose } from '../../ui/Prose/index.js';
17
- export function Promo__client(props) {
18
- const localeInfo = useLocaleInfo();
17
+ export function Promo__client({ useEndOfDay = false, ...props }) {
19
18
  const availablePromosQuery = useAvailablePromosQuery();
20
19
  const availablePromos = availablePromosQuery.data ?? [];
21
20
  const promoQuery = usePromoQuery(props.id);
@@ -24,6 +23,20 @@ export function Promo__client(props) {
24
23
  const globalStore = useGlobalStore(useShallow((ctx) => ({
25
24
  depositWithdrawal: ctx.depositWithdrawal,
26
25
  })));
26
+ const targetDateTime = useMemo(() => {
27
+ if (promo?.daysToClear) {
28
+ const date = new Date(promo.dateTimeCreated);
29
+ date.setDate(date.getDate() + Number(promo.daysToClear));
30
+ return useEndOfDay ? endOfDay(date) : date;
31
+ }
32
+ return new Date(promo?.activationEndDateTime ?? 0);
33
+ }, [
34
+ promo?.dateTimeCreated,
35
+ promo?.daysToClear,
36
+ promo?.activationEndDateTime,
37
+ useEndOfDay,
38
+ ]);
39
+ const remainingTime = useRemainingTime(targetDateTime);
27
40
  if (!promo)
28
41
  return null;
29
42
  const classNames = isString(props.className)
@@ -48,7 +61,5 @@ export function Promo__client(props) {
48
61
  return (_jsxs("div", { className: classNames.root, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "flex w-fit items-center gap-lg font-semibold text-button-tertiary-fg text-lg", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), promo.banner.url && (_jsx(Image, { src: promo.banner.url, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" })), claimable && (_jsx(Button, { className: "mt-xl lg:mt-6", onClick: () => {
49
62
  globalStore.depositWithdrawal.setOpen(true);
50
63
  globalStore.depositWithdrawal.setPromo(promo.id);
51
- }, children: "Deposit Now" })), _jsx("h1", { className: "mt-xl font-semibold text-2xl lg:mt-6 lg:text-3xl", children: promo.name }), _jsxs("p", { className: "mt-xl text-text-secondary-700 lg:mt-6", children: ["Ends", ' ', format(promo.daysToClear, 'MM/dd/yyy hh:mm:ss', {
52
- in: tz(localeInfo.timezone),
53
- })] }), _jsx(Prose, { className: twMerge('mt-2xl lg:mt-6', classNames.promoDescription), dangerouslySetInnerHTML: { __html: descriptionHtml } })] }));
64
+ }, children: "Deposit Now" })), _jsx("h1", { className: "mt-xl font-semibold text-2xl lg:mt-6 lg:text-3xl", children: promo.name }), _jsxs("p", { className: "mt-xl text-text-secondary-700 lg:mt-6", children: ["Ends ", remainingTime.toString()] }), _jsx(Prose, { className: twMerge('mt-2xl lg:mt-6', classNames.promoDescription), dangerouslySetInnerHTML: { __html: descriptionHtml } })] }));
54
65
  }
package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js CHANGED
@@ -70,6 +70,7 @@ export function SignUpDefaultForm() {
70
70
  const localeInfo = useLocaleInfo();
71
71
  const mobileNumberParser = useMobileNumberParser();
72
72
  const [branchTipOpen, setBranchTipOpen] = useState(false);
73
+ const agentCode = search.get('agent') || undefined;
73
74
  const firstNameBaseSchema = z
74
75
  .string()
75
76
  .min(1, 'First name is required')
@@ -313,6 +314,7 @@ export function SignUpDefaultForm() {
313
314
  ?.toLowerCase(),
314
315
  }),
315
316
  referralCode: search.get('referralCode') ?? undefined,
317
+ agentCode,
316
318
  });
317
319
  const name = mobileNumberParser.format(mobileNumber);
318
320
  const password = `${name}${id}`;
package/dist/services/account.d.ts CHANGED
@@ -57,6 +57,7 @@ export interface RegisterMemberAccountViaMobileMutationVariables {
57
57
  /** @deprecated Attach domain as header instead */
58
58
  domain?: string;
59
59
  cellxpertCxd?: string;
60
+ agentCode?: string;
60
61
  };
61
62
  referralCode?: string;
62
63
  verificationCode?: string;
package/dist/services/queries.d.ts CHANGED
@@ -121,11 +121,11 @@ export declare const ONBOARDING_STATUS = "\n query OnboardingStatus {\n onbo
121
121
  export declare const COMPLETE_ONBOARDING = "\n mutation CompleteOnboarding($input: CompleteOnboardingInput!) {\n completeOnboarding(input: $input)\n }\n";
122
122
  export declare const SKIP_ONBOARDING = "\n mutation SkipOnboarding {\n skipOnboarding\n }\n";
123
123
  export declare const QUEST_PROGRAM_FRAGMENT = "\n fragment QuestProgramFragment on QuestProgram {\n status\n type\n name\n description\n }\n";
124
- export declare const DAILY_CHECKIN_FRAGMENT = "\n \n fragment QuestProgramFragment on QuestProgram {\n status\n type\n name\n description\n }\n\n fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n id\n name\n description\n type\n program {\n ...QuestProgramFragment\n }\n\n status\n progressPercentage\n turnover\n endDateTime\n dateTimeCreated\n lastCheckInDate\n startDateTime\n checkInStreak\n\n thirdDayBonusAmount\n seventhDayBonusAmount\n sixthDayBonusAmount\n }\n";
125
- export declare const WAGERING_FRAGMENT = "\n fragment WageringQuestFragment on WageringQuest {\n bonus\n id\n name\n type\n description\n program {\n ...QuestProgramFragment\n ...on WageringQuestProgram {\n stages {\n targetTurnover\n bonusTurnoverRequirementMultiplier\n bonusAmount\n }\n }\n }\n status\n progressPercentage\n turnover\n targetTurnover\n endDateTime\n dateTimeCreated\n stage\n dateTimeCompleted\n turnoverRequirementContributionPercentagePerGameProvider\n }\n";
126
- export declare const JOURNEY_FRAGMENT = "\n fragment JourneyQuestFragment on JourneyQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n status\n type\n progressPercentage\n bonus\n bonusAwarded\n dateTimeCreated\n endDateTime\n milestones {\n id\n type\n name\n bonusAmount\n cleared\n description\n }\n }\n";
127
- export declare const ONBOARDING_QUEST_FRAGMENT = "\n fragment OnboardingQuestFragment on OnboardingQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n\n status\n type\n progressPercentage\n bonus\n endDateTime\n dateTimeCreated\n firstDepositCompleted\n accountVerificationCompleted\n }\n";
128
- export declare const AVAILABLE_QUESTS = "\n \n fragment WageringQuestFragment on WageringQuest {\n bonus\n id\n name\n type\n description\n program {\n ...QuestProgramFragment\n ...on WageringQuestProgram {\n stages {\n targetTurnover\n bonusTurnoverRequirementMultiplier\n bonusAmount\n }\n }\n }\n status\n progressPercentage\n turnover\n targetTurnover\n endDateTime\n dateTimeCreated\n stage\n dateTimeCompleted\n turnoverRequirementContributionPercentagePerGameProvider\n }\n\n \n \n fragment QuestProgramFragment on QuestProgram {\n status\n type\n name\n description\n }\n\n fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n id\n name\n description\n type\n program {\n ...QuestProgramFragment\n }\n\n status\n progressPercentage\n turnover\n endDateTime\n dateTimeCreated\n lastCheckInDate\n startDateTime\n checkInStreak\n\n thirdDayBonusAmount\n seventhDayBonusAmount\n sixthDayBonusAmount\n }\n\n \n fragment OnboardingQuestFragment on OnboardingQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n\n status\n type\n progressPercentage\n bonus\n endDateTime\n dateTimeCreated\n firstDepositCompleted\n accountVerificationCompleted\n }\n\n \n fragment JourneyQuestFragment on JourneyQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n status\n type\n progressPercentage\n bonus\n bonusAwarded\n dateTimeCreated\n endDateTime\n milestones {\n id\n type\n name\n bonusAmount\n cleared\n description\n }\n }\n\n\n query AvailableQuests {\n availableQuests {\n ... on Quest {\n ... on WageringQuest {\n ...WageringQuestFragment\n }\n ... on DailyCheckInQuest {\n ...DailyCheckinQuestFragment\n }\n ... on OnboardingQuest {\n ...OnboardingQuestFragment\n }\n ... on JourneyQuest {\n ...JourneyQuestFragment\n }\n }\n }\n }\n";
124
+ export declare const DAILY_CHECKIN_FRAGMENT = "\n \n fragment QuestProgramFragment on QuestProgram {\n status\n type\n name\n description\n }\n\n fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n id\n name\n description\n type\n program {\n ...QuestProgramFragment\n }\n\n status\n progressPercentage\n turnover\n endDateTime\n dateTimeCreated\n lastCheckInDate\n startDateTime\n checkInStreak\n\n thirdDayBonusAmount\n seventhDayBonusAmount\n sixthDayBonusAmount\n daysToClear\n }\n";
125
+ export declare const WAGERING_FRAGMENT = "\n fragment WageringQuestFragment on WageringQuest {\n bonus\n id\n name\n type\n description\n program {\n ...QuestProgramFragment\n ...on WageringQuestProgram {\n stages {\n targetTurnover\n bonusTurnoverRequirementMultiplier\n bonusAmount\n }\n }\n }\n status\n progressPercentage\n turnover\n targetTurnover\n endDateTime\n dateTimeCreated\n stage\n dateTimeCompleted\n turnoverRequirementContributionPercentagePerGameProvider\n daysToClear\n }\n";
126
+ export declare const JOURNEY_FRAGMENT = "\n fragment JourneyQuestFragment on JourneyQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n status\n type\n progressPercentage\n bonus\n bonusAwarded\n dateTimeCreated\n endDateTime\n milestones {\n id\n type\n name\n bonusAmount\n cleared\n description\n }\n daysToClear\n }\n";
127
+ export declare const ONBOARDING_QUEST_FRAGMENT = "\n fragment OnboardingQuestFragment on OnboardingQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n\n status\n type\n progressPercentage\n bonus\n endDateTime\n dateTimeCreated\n firstDepositCompleted\n accountVerificationCompleted\n daysToClear\n }\n";
128
+ export declare const AVAILABLE_QUESTS = "\n \n fragment WageringQuestFragment on WageringQuest {\n bonus\n id\n name\n type\n description\n program {\n ...QuestProgramFragment\n ...on WageringQuestProgram {\n stages {\n targetTurnover\n bonusTurnoverRequirementMultiplier\n bonusAmount\n }\n }\n }\n status\n progressPercentage\n turnover\n targetTurnover\n endDateTime\n dateTimeCreated\n stage\n dateTimeCompleted\n turnoverRequirementContributionPercentagePerGameProvider\n daysToClear\n }\n\n \n \n fragment QuestProgramFragment on QuestProgram {\n status\n type\n name\n description\n }\n\n fragment DailyCheckinQuestFragment on DailyCheckInQuest {\n id\n name\n description\n type\n program {\n ...QuestProgramFragment\n }\n\n status\n progressPercentage\n turnover\n endDateTime\n dateTimeCreated\n lastCheckInDate\n startDateTime\n checkInStreak\n\n thirdDayBonusAmount\n seventhDayBonusAmount\n sixthDayBonusAmount\n daysToClear\n }\n\n \n fragment OnboardingQuestFragment on OnboardingQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n\n status\n type\n progressPercentage\n bonus\n endDateTime\n dateTimeCreated\n firstDepositCompleted\n accountVerificationCompleted\n daysToClear\n }\n\n \n fragment JourneyQuestFragment on JourneyQuest {\n id\n name\n description\n program {\n ...QuestProgramFragment\n }\n status\n type\n progressPercentage\n bonus\n bonusAwarded\n dateTimeCreated\n endDateTime\n milestones {\n id\n type\n name\n bonusAmount\n cleared\n description\n }\n daysToClear\n }\n\n\n query AvailableQuests {\n availableQuests {\n ... on Quest {\n ... on WageringQuest {\n ...WageringQuestFragment\n }\n ... on DailyCheckInQuest {\n ...DailyCheckinQuestFragment\n }\n ... on OnboardingQuest {\n ...OnboardingQuestFragment\n }\n ... on JourneyQuest {\n ...JourneyQuestFragment\n }\n }\n }\n }\n";
129
129
  export declare const AVAILABLE_QUEST_IDS = "\n query AvailableQuestIds {\n availableQuests {\n ... on Node {\n id\n }\n }\n }\n";
130
130
  export declare const CHECK_IN_DAILY_QUEST = "\n mutation checkInDailyCheckInQuest($input: CheckInDailyCheckInQuestInput!) {\n checkInDailyCheckInQuest(input: $input)\n }\n";
131
131
  export declare const TOP_WINS = "\n query TopWins($first: Int) {\n topWins(first: $first) {\n id\n game {\n id\n name\n type\n provider\n }\n member {\n id\n name\n }\n multiplier\n payout\n }\n }\n";
package/dist/services/queries.js CHANGED
@@ -2978,6 +2978,7 @@ export const DAILY_CHECKIN_FRAGMENT = /* GraphQL */ `
2978
2978
  thirdDayBonusAmount
2979
2979
  seventhDayBonusAmount
2980
2980
  sixthDayBonusAmount
2981
+ daysToClear
2981
2982
  }
2982
2983
  `;
2983
2984
  export const WAGERING_FRAGMENT = /* GraphQL */ `
@@ -3006,6 +3007,7 @@ export const WAGERING_FRAGMENT = /* GraphQL */ `
3006
3007
  stage
3007
3008
  dateTimeCompleted
3008
3009
  turnoverRequirementContributionPercentagePerGameProvider
3010
+ daysToClear
3009
3011
  }
3010
3012
  `;
3011
3013
  export const JOURNEY_FRAGMENT = /* GraphQL */ `
@@ -3031,6 +3033,7 @@ export const JOURNEY_FRAGMENT = /* GraphQL */ `
3031
3033
  cleared
3032
3034
  description
3033
3035
  }
3036
+ daysToClear
3034
3037
  }
3035
3038
  `;
3036
3039
  export const ONBOARDING_QUEST_FRAGMENT = /* GraphQL */ `
@@ -3050,6 +3053,7 @@ export const ONBOARDING_QUEST_FRAGMENT = /* GraphQL */ `
3050
3053
  dateTimeCreated
3051
3054
  firstDepositCompleted
3052
3055
  accountVerificationCompleted
3056
+ daysToClear
3053
3057
  }
3054
3058
  `;
3055
3059
  export const AVAILABLE_QUESTS = /* GraphQL */ `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.1087",
3
+ "version": "0.0.1089",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",