@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/Promos/Promos.d.ts

@@ -1,6 +1,8 @@
 export interface PromosProps {
-    heading: string;
-    seeAllUrl: string;
+    /** @default "Promotions" */
+    heading?: string;
+    /** @default "/promos" */
+    viewAllUrl?: string;
     /** @default true */
     shouldShowDescription?: boolean;
     /** @default 1 */

package/dist/components/Protected/Protected.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const u=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");const u=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;

package/dist/components/Protected/Protected.mjs

@@ -8,6 +8,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import { useSessionQuery as i } from "../../client/hooks/useSessionQuery.mjs";
 import "react";
 import "lodash-es";
@@ -15,10 +16,10 @@ import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-function x(t) {
+function P(t) {
   var r;
   return ((r = i().data) == null ? void 0 : r.status) === "authenticated" ? t.children : t.fallback ?? null;
 }
 export {
-  x as Protected
+  P as Protected
 };

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts

@@ -0,0 +1 @@
+export default function DailyCheckInQuest(): import("react").JSX.Element;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),c=require("../../../icons/CalendarIcon.js"),o=require("../../../icons/ClockStopWatchIcon.js"),u=require("../../../icons/InfoCircleIcon.js"),n=require("tailwind-merge");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");const x=require("../../../ui/Button/Button.js");require("../../../ui/Checkbox/Checkbox.js");require("../../../ui/Clipboard/Clipboard.js");require("../../../ui/Collapsible/Collapsible.js");require("../../../ui/Combobox/Combobox.js");require("../../../ui/DatePicker/DatePicker.js");require("../../../ui/Dialog/Dialog.js");require("../../../ui/Drawer/Drawer.js");require("../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../constants/index.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");require("../../../utils/isMobile.js");require("../../../ui/IconButton/iconButton.recipe.js");require("../../../ui/NumberInput/NumberInput.js");require("../../../ui/PasswordInput/PasswordInput.js");require("../../../ui/PinInput/PinInput.js");require("../../../ui/Popover/Popover.js");require("../../../ui/Progress/Progress.js");require("../../../ui/SegmentGroup/SegmentGroup.js");require("../../../ui/Select/Select.js");require("../../../ui/Table/Table.js");require("../../../ui/Tabs/Tabs.js");const y=require("react"),h=require("./DailyCheckInQuestModal.js");function m(){const[s,t]=y.useState(!1),i=[{day:1,reward:0},{day:2,reward:0},{day:3,reward:5},{day:4,reward:0},{day:5,reward:10},{day:6,reward:0},{day:7,reward:20}],a=4,d=a/7*100;return e.jsxs(e.Fragment,{children:[e.jsx(h.DailyCheckInQuestModal,{modalState:{isOpen:s,setIsOpen:t}}),e.jsxs("div",{className:"border-border-primary bg-bg-tertiary flex h-full w-full min-w-[343px] flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5",children:[e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsxs("div",{className:"flex max-h-7.5 items-start justify-between",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 rounded-xs flex items-center space-x-1 border py-1 pl-2 pr-2.5",children:[e.jsx(o.ClockStopWatchIcon,{className:"text-brand-400"}),e.jsx("p",{className:"text-utility-brand-700 text-sm font-medium",children:"6d:10h:11m:10s"})]}),e.jsx("div",{role:"button",className:"rounded-xs bg-bg-primary border-border-secondary cursor-pointer border p-2",onClick:()=>t(r=>!r),children:e.jsx(u.InfoCircleIcon,{className:"text-text-disabled"})})]}),e.jsx("p",{className:"text-xl font-semibold",children:"Daily Check-In"}),e.jsx("p",{className:"text-text-secondary-700 text-wrap text-sm font-normal",children:"Check in for 7 days in a row to earn a bonus, don’t miss a day to keep your streak!"})]}),e.jsxs("div",{className:"flex w-full flex-col space-y-2",children:[e.jsx("div",{className:"grid grid-cols-7",children:i.map(r=>{const l=r.reward?`+₱${r.reward}`:"-";return e.jsx("div",{className:n.twMerge("flex items-center justify-center",r.day<=a?"text-brand-400":"text-text-secondary-700"),children:e.jsx("p",{children:l})},r.day)})}),e.jsx("div",{className:"bg-bg-primary h-2 w-full overflow-hidden rounded-full",children:e.jsx("div",{className:"bg-utility-brand-600 h-full rounded-full transition-all duration-300",style:{width:`${d}%`}})}),e.jsx("div",{className:"grid grid-cols-7",children:i.map(r=>e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(q,{day:r.day,currentCheckedInDays:a},r.day)},r.day))})]}),e.jsx(x.Button,{children:"Check-In"})]})]})}function q({day:s,currentCheckedInDays:t}){return e.jsxs("div",{className:n.twMerge("group relative h-fit w-fit",s<=t?"text-brand-400":"text-text-secondary-700"),children:[e.jsx(c.CalendarIcon,{}),e.jsx("div",{className:"absolute inset-0 mt-[4px] flex items-center justify-center text-2xs lg:mt-[2px]",children:e.jsx("p",{className:"text-center",children:s})})]})}module.exports=m;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.mjs

@@ -0,0 +1,154 @@
+"use client";
+import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { CalendarIcon as m } from "../../../icons/CalendarIcon.mjs";
+import { ClockStopWatchIcon as p } from "../../../icons/ClockStopWatchIcon.mjs";
+import { InfoCircleIcon as y } from "../../../icons/InfoCircleIcon.mjs";
+import { twMerge as l } from "tailwind-merge";
+import "../../../ui/AlertDialog/AlertDialog.mjs";
+import "../../../ui/Avatar/Avatar.mjs";
+import "../../../ui/Badge/Badge.mjs";
+import { Button as u } from "../../../ui/Button/Button.mjs";
+import "../../../ui/Checkbox/Checkbox.mjs";
+import "../../../ui/Clipboard/Clipboard.mjs";
+import "../../../ui/Collapsible/Collapsible.mjs";
+import "../../../ui/Combobox/Combobox.mjs";
+import "../../../ui/DatePicker/DatePicker.mjs";
+import "../../../ui/Dialog/Dialog.mjs";
+import "../../../ui/Drawer/Drawer.mjs";
+import "../../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../../utils/capitalize.mjs";
+import "../../../utils/parseDecimal.mjs";
+import "../../../constants/index.mjs";
+import "../../../utils/getLocaleInfo.mjs";
+import "../../../utils/getQueryClient.mjs";
+import "../../../utils/isMobile.mjs";
+import "../../../ui/IconButton/iconButton.recipe.mjs";
+import "../../../ui/NumberInput/NumberInput.mjs";
+import "../../../ui/PasswordInput/PasswordInput.mjs";
+import "../../../ui/PinInput/PinInput.mjs";
+import "../../../ui/Popover/Popover.mjs";
+import "../../../ui/Progress/Progress.mjs";
+import "../../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../../ui/Select/Select.mjs";
+import "../../../ui/Table/Table.mjs";
+import "../../../ui/Tabs/Tabs.mjs";
+import { useState as x } from "react";
+import { DailyCheckInQuestModal as f } from "./DailyCheckInQuestModal.mjs";
+function re() {
+  const [a, i] = x(!1), d = [
+    {
+      day: 1,
+      reward: 0
+    },
+    {
+      day: 2,
+      reward: 0
+    },
+    {
+      day: 3,
+      reward: 5
+    },
+    {
+      day: 4,
+      reward: 0
+    },
+    {
+      day: 5,
+      reward: 10
+    },
+    {
+      day: 6,
+      reward: 0
+    },
+    {
+      day: 7,
+      reward: 20
+    }
+  ], o = 4, s = o / 7 * 100;
+  return /* @__PURE__ */ t(c, { children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        modalState: {
+          isOpen: a,
+          setIsOpen: i
+        }
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full min-w-[343px] flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col space-y-2", children: [
+        /* @__PURE__ */ t("div", { className: "flex max-h-7.5 items-start justify-between", children: [
+          /* @__PURE__ */ t("div", { className: "border-utility-brand-200 bg-utility-brand-50 rounded-xs flex items-center space-x-1 border py-1 pl-2 pr-2.5", children: [
+            /* @__PURE__ */ e(p, { className: "text-brand-400" }),
+            /* @__PURE__ */ e("p", { className: "text-utility-brand-700 text-sm font-medium", children: "6d:10h:11m:10s" })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              role: "button",
+              className: "rounded-xs bg-bg-primary border-border-secondary cursor-pointer border p-2",
+              onClick: () => i((r) => !r),
+              children: /* @__PURE__ */ e(y, { className: "text-text-disabled" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-xl font-semibold", children: "Daily Check-In" }),
+        /* @__PURE__ */ e("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", children: "Check in for 7 days in a row to earn a bonus, don’t miss a day to keep your streak!" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "flex w-full flex-col space-y-2", children: [
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: d.map((r) => {
+          const n = r.reward ? `+₱${r.reward}` : "-";
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              className: l(
+                "flex items-center justify-center",
+                r.day <= o ? "text-brand-400" : "text-text-secondary-700"
+              ),
+              children: /* @__PURE__ */ e("p", { children: n })
+            },
+            r.day
+          );
+        }) }),
+        /* @__PURE__ */ e("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300",
+            style: { width: `${s}%` }
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: d.map((r) => /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
+          h,
+          {
+            day: r.day,
+            currentCheckedInDays: o
+          },
+          r.day
+        ) }, r.day)) })
+      ] }),
+      /* @__PURE__ */ e(u, { children: "Check-In" })
+    ] })
+  ] });
+}
+function h({
+  day: a,
+  currentCheckedInDays: i
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: l(
+        "group relative h-fit w-fit",
+        a <= i ? "text-brand-400" : "text-text-secondary-700"
+      ),
+      children: [
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ e("div", { className: "absolute inset-0 mt-[4px] flex items-center justify-center text-2xs lg:mt-[2px]", children: /* @__PURE__ */ e("p", { className: "text-center", children: a }) })
+      ]
+    }
+  );
+}
+export {
+  re as default
+};

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    modalState: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+    };
+}
+export declare function DailyCheckInQuestModal(props: Props): import("react").JSX.Element;
+export {};

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");const s=require("../../../ui/Button/Button.js");require("../../../ui/Checkbox/Checkbox.js");require("../../../ui/Clipboard/Clipboard.js");require("../../../ui/Collapsible/Collapsible.js");require("../../../ui/Combobox/Combobox.js");require("../../../ui/DatePicker/DatePicker.js");const r=require("../../../ui/Dialog/Dialog.js");require("../../../ui/Drawer/Drawer.js");require("../../../ui/Field/Field.js");const n=require("@ark-ui/react");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../constants/index.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");require("../../../utils/isMobile.js");require("../../../ui/IconButton/iconButton.recipe.js");require("../../../ui/NumberInput/NumberInput.js");require("../../../ui/PasswordInput/PasswordInput.js");require("../../../ui/PinInput/PinInput.js");require("../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../ui/Progress/Progress.js");require("../../../ui/SegmentGroup/SegmentGroup.js");require("../../../ui/Select/Select.js");require("../../../ui/Table/Table.js");require("../../../ui/Tabs/Tabs.js");const l=require("../../../icons/XIcon.js");function a(i){return e.jsx(r.Root,{lazyMount:!0,unmountOnExit:!0,open:i.modalState.isOpen,onOpenChange:({open:t})=>i.modalState.setIsOpen(t),closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(n.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+2)] flex items-center justify-center",children:e.jsxs(r.Content,{className:"min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5",children:[e.jsx(r.CloseTrigger,{children:e.jsx(l.XIcon,{})}),e.jsxs("div",{className:"flex flex-col space-y-5",children:[e.jsx("p",{className:"text-text-primary-900 text-[18px] font-semibold",children:"Daily Check-In Rules"}),e.jsxs("ul",{className:"text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal",children:[e.jsx("li",{children:"Earn rewards just for checking in each day!"}),e.jsx("li",{children:"Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day."}),e.jsx("li",{children:"Missing a day will reset your streak, starting again from Day 1."}),e.jsx("li",{children:"Each check-in unlocks the next one on the following day."}),e.jsx("li",{children:"Successfully check in for 7 consecutive days to complete the quest and reset the cycle."})]})]}),e.jsx("div",{className:"pb-4 pt-6",children:e.jsx(s.Button,{onClick:()=>i.modalState.setIsOpen(!1),children:"Ok"})})]})})]})})}exports.DailyCheckInQuestModal=a;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import "../../../ui/AlertDialog/AlertDialog.mjs";
+import "../../../ui/Avatar/Avatar.mjs";
+import "../../../ui/Badge/Badge.mjs";
+import { Button as o } from "../../../ui/Button/Button.mjs";
+import "../../../ui/Checkbox/Checkbox.mjs";
+import "../../../ui/Clipboard/Clipboard.mjs";
+import "../../../ui/Collapsible/Collapsible.mjs";
+import "../../../ui/Combobox/Combobox.mjs";
+import "../../../ui/DatePicker/DatePicker.mjs";
+import { Root as l, Backdrop as n, Positioner as a, Content as c, CloseTrigger as m } from "../../../ui/Dialog/Dialog.mjs";
+import "../../../ui/Drawer/Drawer.mjs";
+import "../../../ui/Field/Field.mjs";
+import { Portal as s } from "@ark-ui/react";
+import "../../../utils/capitalize.mjs";
+import "../../../utils/parseDecimal.mjs";
+import "../../../constants/index.mjs";
+import "../../../utils/getLocaleInfo.mjs";
+import "../../../utils/getQueryClient.mjs";
+import "../../../utils/isMobile.mjs";
+import "../../../ui/IconButton/iconButton.recipe.mjs";
+import "../../../ui/NumberInput/NumberInput.mjs";
+import "../../../ui/PasswordInput/PasswordInput.mjs";
+import "../../../ui/PinInput/PinInput.mjs";
+import "../../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../../ui/Progress/Progress.mjs";
+import "../../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../../ui/Select/Select.mjs";
+import "../../../ui/Table/Table.mjs";
+import "../../../ui/Tabs/Tabs.mjs";
+import { XIcon as p } from "../../../icons/XIcon.mjs";
+function J(i) {
+  return /* @__PURE__ */ t(
+    l,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      open: i.modalState.isOpen,
+      onOpenChange: ({ open: r }) => i.modalState.setIsOpen(r),
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: /* @__PURE__ */ e(s, { children: [
+        /* @__PURE__ */ t(n, { className: "!z-[calc(var(--z-dialog)+1)]" }),
+        /* @__PURE__ */ t(a, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: /* @__PURE__ */ e(c, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [
+          /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(p, {}) }),
+          /* @__PURE__ */ e("div", { className: "flex flex-col space-y-5", children: [
+            /* @__PURE__ */ t("p", { className: "text-text-primary-900 text-[18px] font-semibold", children: "Daily Check-In Rules" }),
+            /* @__PURE__ */ e("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [
+              /* @__PURE__ */ t("li", { children: "Earn rewards just for checking in each day!" }),
+              /* @__PURE__ */ t("li", { children: "Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day." }),
+              /* @__PURE__ */ t("li", { children: "Missing a day will reset your streak, starting again from Day 1." }),
+              /* @__PURE__ */ t("li", { children: "Each check-in unlocks the next one on the following day." }),
+              /* @__PURE__ */ t("li", { children: "Successfully check in for 7 consecutive days to complete the quest and reset the cycle." })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "pb-4 pt-6", children: /* @__PURE__ */ t(o, { onClick: () => i.modalState.setIsOpen(!1), children: "Ok" }) })
+        ] }) })
+      ] })
+    }
+  );
+}
+export {
+  J as DailyCheckInQuestModal
+};

package/dist/components/Quests/Quests.d.ts

@@ -0,0 +1 @@
+export declare function Quests(): import("react").JSX.Element;

package/dist/components/Quests/Quests.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./DailyCheckInQuest/DailyCheckInQuest.js"),l=require("./WageringQuest/WageringQuest.js");function t(){return e.jsxs("div",{className:"mt-6 flex w-full flex-col px-4 lg:px-0",children:[e.jsx("h3",{className:"mb-3 text-lg",children:"Quests"}),e.jsxs("div",{className:"grid grid-cols-1 gap-3xl lg:grid-cols-3",children:[e.jsx(s,{}),e.jsx(l,{})]})]})}exports.Quests=t;

package/dist/components/Quests/Quests.mjs

@@ -0,0 +1,15 @@
+import { jsxs as e, jsx as l } from "react/jsx-runtime";
+import s from "./DailyCheckInQuest/DailyCheckInQuest.mjs";
+import r from "./WageringQuest/WageringQuest.mjs";
+function m() {
+  return /* @__PURE__ */ e("div", { className: "mt-6 flex w-full flex-col px-4 lg:px-0", children: [
+    /* @__PURE__ */ l("h3", { className: "mb-3 text-lg", children: "Quests" }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-3xl lg:grid-cols-3", children: [
+      /* @__PURE__ */ l(s, {}),
+      /* @__PURE__ */ l(r, {})
+    ] })
+  ] });
+}
+export {
+  m as Quests
+};

package/dist/components/Quests/WageringQuest/WageringQuest.d.ts

@@ -0,0 +1 @@
+export default function WageringQuest(): import("react").JSX.Element;

package/dist/components/Quests/WageringQuest/WageringQuest.js

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),n=require("../../../icons/ClockStopWatchIcon.js"),o=require("../../../icons/InfoCircleIcon.js");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");const c=require("../../../ui/Button/Button.js");require("../../../ui/Checkbox/Checkbox.js");require("../../../ui/Clipboard/Clipboard.js");require("../../../ui/Collapsible/Collapsible.js");require("../../../ui/Combobox/Combobox.js");require("../../../ui/DatePicker/DatePicker.js");require("../../../ui/Dialog/Dialog.js");require("../../../ui/Drawer/Drawer.js");require("../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../constants/index.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");require("../../../utils/isMobile.js");require("../../../ui/IconButton/iconButton.recipe.js");require("../../../ui/NumberInput/NumberInput.js");require("../../../ui/PasswordInput/PasswordInput.js");require("../../../ui/PinInput/PinInput.js");require("../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../ui/Progress/Progress.js");require("../../../ui/SegmentGroup/SegmentGroup.js");require("../../../ui/Select/Select.js");require("../../../ui/Table/Table.js");require("../../../ui/Tabs/Tabs.js");const d=require("react"),u=require("./WageringQuestModal.js");function x(){const[l,r]=d.useState(!1),s=200,t=500,i=s/t*100;return e.jsxs(e.Fragment,{children:[e.jsx(u.WageringQuestModal,{modalState:{isOpen:l,setIsOpen:r}}),e.jsxs("div",{className:"border-border-primary bg-bg-tertiary flex h-full w-full min-w-[343px] flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5",children:[e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsxs("div",{className:"flex max-h-7.5 items-start justify-between",children:[e.jsxs("div",{className:"border-utility-brand-200 bg-utility-brand-50 rounded-xs flex items-center space-x-1 border py-1 pl-2 pr-2.5",children:[e.jsx(n.ClockStopWatchIcon,{className:"text-brand-400"}),e.jsx("p",{className:"text-utility-brand-700 text-sm font-medium",children:"6d:10h:11m:10s"})]}),e.jsx("div",{role:"button",className:"rounded-xs bg-bg-primary border-border-secondary cursor-pointer border p-2",onClick:()=>r(a=>!a),children:e.jsx(o.InfoCircleIcon,{className:"text-text-disabled"})})]}),e.jsx("p",{className:"text-xl font-semibold",children:"Slots - total bet of ₱500"}),e.jsx("p",{className:"text-text-secondary-700 text-wrap text-sm font-normal",children:"Play any slot game and place a total of ₱500 in bets to claim your reward!"})]}),e.jsxs("div",{className:"flex w-full flex-col space-y-2",children:[e.jsxs("div",{className:"text-text-primary-brand group flex items-center justify-between",children:[e.jsxs("p",{children:["Progress ",i,"%"]}),e.jsxs("p",{children:[s,e.jsxs("span",{className:"text-text-quarterary-brand",children:["/",t]})]})]}),e.jsx("div",{className:"bg-bg-primary h-2 w-full overflow-hidden rounded-full",children:e.jsx("div",{className:"bg-utility-brand-600 h-full rounded-full transition-all duration-300",style:{width:`${i}%`}})})]}),e.jsx("div",{className:"flex h-full items-end",children:e.jsx(c.Button,{variant:"solid",className:"bg-button-secondary-bg border-bg-primary-hover border text-white",children:e.jsxs("p",{children:["Complete to get ",e.jsx("span",{className:"text-brand-400",children:"₱50"})," bonus!"]})})})]})]})}module.exports=x;

package/dist/components/Quests/WageringQuest/WageringQuest.mjs

@@ -0,0 +1,109 @@
+"use client";
+import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { ClockStopWatchIcon as n } from "../../../icons/ClockStopWatchIcon.mjs";
+import { InfoCircleIcon as d } from "../../../icons/InfoCircleIcon.mjs";
+import "../../../ui/AlertDialog/AlertDialog.mjs";
+import "../../../ui/Avatar/Avatar.mjs";
+import "../../../ui/Badge/Badge.mjs";
+import { Button as p } from "../../../ui/Button/Button.mjs";
+import "../../../ui/Checkbox/Checkbox.mjs";
+import "../../../ui/Clipboard/Clipboard.mjs";
+import "../../../ui/Collapsible/Collapsible.mjs";
+import "../../../ui/Combobox/Combobox.mjs";
+import "../../../ui/DatePicker/DatePicker.mjs";
+import "../../../ui/Dialog/Dialog.mjs";
+import "../../../ui/Drawer/Drawer.mjs";
+import "../../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../../utils/capitalize.mjs";
+import "../../../utils/parseDecimal.mjs";
+import "../../../constants/index.mjs";
+import "../../../utils/getLocaleInfo.mjs";
+import "../../../utils/getQueryClient.mjs";
+import "../../../utils/isMobile.mjs";
+import "../../../ui/IconButton/iconButton.recipe.mjs";
+import "../../../ui/NumberInput/NumberInput.mjs";
+import "../../../ui/PasswordInput/PasswordInput.mjs";
+import "../../../ui/PinInput/PinInput.mjs";
+import "../../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../../ui/Progress/Progress.mjs";
+import "../../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../../ui/Select/Select.mjs";
+import "../../../ui/Table/Table.mjs";
+import "../../../ui/Tabs/Tabs.mjs";
+import { useState as c } from "react";
+import { WageringQuestModal as b } from "./WageringQuestModal.mjs";
+function V() {
+  const [a, r] = c(!1), o = 200, i = 500, l = o / i * 100;
+  return /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ e(
+      b,
+      {
+        modalState: {
+          isOpen: a,
+          setIsOpen: r
+        }
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full min-w-[343px] flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col space-y-2", children: [
+        /* @__PURE__ */ t("div", { className: "flex max-h-7.5 items-start justify-between", children: [
+          /* @__PURE__ */ t("div", { className: "border-utility-brand-200 bg-utility-brand-50 rounded-xs flex items-center space-x-1 border py-1 pl-2 pr-2.5", children: [
+            /* @__PURE__ */ e(n, { className: "text-brand-400" }),
+            /* @__PURE__ */ e("p", { className: "text-utility-brand-700 text-sm font-medium", children: "6d:10h:11m:10s" })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              role: "button",
+              className: "rounded-xs bg-bg-primary border-border-secondary cursor-pointer border p-2",
+              onClick: () => r((s) => !s),
+              children: /* @__PURE__ */ e(d, { className: "text-text-disabled" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-xl font-semibold", children: "Slots - total bet of ₱500" }),
+        /* @__PURE__ */ e("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", children: "Play any slot game and place a total of ₱500 in bets to claim your reward!" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "flex w-full flex-col space-y-2", children: [
+        /* @__PURE__ */ t("div", { className: "text-text-primary-brand group flex items-center justify-between", children: [
+          /* @__PURE__ */ t("p", { children: [
+            "Progress ",
+            l,
+            "%"
+          ] }),
+          /* @__PURE__ */ t("p", { children: [
+            o,
+            /* @__PURE__ */ t("span", { className: "text-text-quarterary-brand", children: [
+              "/",
+              i
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300",
+            style: { width: `${l}%` }
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex h-full items-end", children: /* @__PURE__ */ e(
+        p,
+        {
+          variant: "solid",
+          className: "bg-button-secondary-bg border-bg-primary-hover border text-white",
+          children: /* @__PURE__ */ t("p", { children: [
+            "Complete to get ",
+            /* @__PURE__ */ e("span", { className: "text-brand-400", children: "₱50" }),
+            " bonus!"
+          ] })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  V as default
+};

package/dist/components/Quests/WageringQuest/WageringQuestModal.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    modalState: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+    };
+}
+export declare function WageringQuestModal(props: Props): import("react").JSX.Element;
+export {};

package/dist/components/Quests/WageringQuest/WageringQuestModal.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");const s=require("../../../ui/Button/Button.js");require("../../../ui/Checkbox/Checkbox.js");require("../../../ui/Clipboard/Clipboard.js");require("../../../ui/Collapsible/Collapsible.js");require("../../../ui/Combobox/Combobox.js");require("../../../ui/DatePicker/DatePicker.js");const r=require("../../../ui/Dialog/Dialog.js");require("../../../ui/Drawer/Drawer.js");require("../../../ui/Field/Field.js");const n=require("@ark-ui/react");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../constants/index.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");require("../../../utils/isMobile.js");require("../../../ui/IconButton/iconButton.recipe.js");require("../../../ui/NumberInput/NumberInput.js");require("../../../ui/PasswordInput/PasswordInput.js");require("../../../ui/PinInput/PinInput.js");require("../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../ui/Progress/Progress.js");require("../../../ui/SegmentGroup/SegmentGroup.js");require("../../../ui/Select/Select.js");require("../../../ui/Table/Table.js");require("../../../ui/Tabs/Tabs.js");const l=require("../../../icons/XIcon.js");function a(t){return e.jsx(r.Root,{lazyMount:!0,unmountOnExit:!0,open:t.modalState.isOpen,onOpenChange:({open:i})=>t.modalState.setIsOpen(i),closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(n.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+2)] flex items-center justify-center",children:e.jsxs(r.Content,{className:"min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5",children:[e.jsx(r.CloseTrigger,{children:e.jsx(l.XIcon,{})}),e.jsxs("div",{className:"flex flex-col space-y-5",children:[e.jsx("p",{className:"text-text-primary-900 text-[18px] font-semibold",children:"Slots - total bet Rules"}),e.jsxs("ul",{className:"text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal",children:[e.jsx("li",{children:"Earn extra rewards just by playing Slots, every bet counts, win or lose!"}),e.jsx("li",{children:"Reach the wagering requirement in bets to complete the quest and claim your reward."})]})]}),e.jsx("div",{className:"pb-4 pt-6",children:e.jsx(s.Button,{onClick:()=>t.modalState.setIsOpen(!1),children:"Ok"})})]})})]})})}exports.WageringQuestModal=a;

package/dist/components/Quests/WageringQuest/WageringQuestModal.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import "../../../ui/AlertDialog/AlertDialog.mjs";
+import "../../../ui/Avatar/Avatar.mjs";
+import "../../../ui/Badge/Badge.mjs";
+import { Button as i } from "../../../ui/Button/Button.mjs";
+import "../../../ui/Checkbox/Checkbox.mjs";
+import "../../../ui/Clipboard/Clipboard.mjs";
+import "../../../ui/Collapsible/Collapsible.mjs";
+import "../../../ui/Combobox/Combobox.mjs";
+import "../../../ui/DatePicker/DatePicker.mjs";
+import { Root as m, Backdrop as l, Positioner as a, Content as n, CloseTrigger as p } from "../../../ui/Dialog/Dialog.mjs";
+import "../../../ui/Drawer/Drawer.mjs";
+import "../../../ui/Field/Field.mjs";
+import { Portal as s } from "@ark-ui/react";
+import "../../../utils/capitalize.mjs";
+import "../../../utils/parseDecimal.mjs";
+import "../../../constants/index.mjs";
+import "../../../utils/getLocaleInfo.mjs";
+import "../../../utils/getQueryClient.mjs";
+import "../../../utils/isMobile.mjs";
+import "../../../ui/IconButton/iconButton.recipe.mjs";
+import "../../../ui/NumberInput/NumberInput.mjs";
+import "../../../ui/PasswordInput/PasswordInput.mjs";
+import "../../../ui/PinInput/PinInput.mjs";
+import "../../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../../ui/Progress/Progress.mjs";
+import "../../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../../ui/Select/Select.mjs";
+import "../../../ui/Table/Table.mjs";
+import "../../../ui/Tabs/Tabs.mjs";
+import { XIcon as c } from "../../../icons/XIcon.mjs";
+function H(r) {
+  return /* @__PURE__ */ t(
+    m,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      open: r.modalState.isOpen,
+      onOpenChange: ({ open: o }) => r.modalState.setIsOpen(o),
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: /* @__PURE__ */ e(s, { children: [
+        /* @__PURE__ */ t(l, { className: "!z-[calc(var(--z-dialog)+1)]" }),
+        /* @__PURE__ */ t(a, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [
+          /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(c, {}) }),
+          /* @__PURE__ */ e("div", { className: "flex flex-col space-y-5", children: [
+            /* @__PURE__ */ t("p", { className: "text-text-primary-900 text-[18px] font-semibold", children: "Slots - total bet Rules" }),
+            /* @__PURE__ */ e("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [
+              /* @__PURE__ */ t("li", { children: "Earn extra rewards just by playing Slots, every bet counts, win or lose!" }),
+              /* @__PURE__ */ t("li", { children: "Reach the wagering requirement in bets to complete the quest and claim your reward." })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "pb-4 pt-6", children: /* @__PURE__ */ t(i, { onClick: () => r.modalState.setIsOpen(!1), children: "Ok" }) })
+        ] }) })
+      ] })
+    }
+  );
+}
+export {
+  H as WageringQuestModal
+};

package/dist/components/Quests/index.d.ts

@@ -0,0 +1 @@
+export * from './Quests';

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

@@ -2,7 +2,6 @@ import { ImageProps } from 'next/image';
 import { ReactNode } from 'react';
 export interface SignInProps {
     logo: ImageProps['src'];
-    banner: ImageProps['src'];
     children?: ReactNode;
 }
 export declare function SignIn(props: SignInProps): import("react").JSX.Element;

package/dist/components/SignIn/SignIn.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@ark-ui/react"),n=require("next/image"),l=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const o=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const a=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const c=require("./SignInForm.js");function q(i){const t=o.useGlobalStore(l.useShallow(u=>u.signIn));return e.jsxs(r.Root,{open:t.open,onOpenChange:u=>{t.setOpen(u.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:i.children??e.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(s.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit",children:[e.jsx(n,{src:i.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),e.jsxs("div",{className:"relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(a.XIcon,{})}),e.jsx(n,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(c.SignInForm,{})]})]})})]})]})}exports.SignIn=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("next/image"),s=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const l=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const a=require("./SignInForm.js");function c(u){const n=l.useGlobalStore(s.useShallow(i=>i.signIn));return e.jsxs(r.Root,{open:n.open,onOpenChange:i=>{n.setOpen(i.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:u.children??e.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(q.XIcon,{})}),e.jsx(o,{src:u.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(a.SignInForm,{})]})})]})]})}exports.SignIn=c;