@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/ConfigurationsMyAccountModal.mjs

@@ -1,143 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { IconKey, IconLock, IconSettings2, IconX } from "@tabler/icons-react";
-import { useTranslations } from "next-intl";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/data-display/Tabs";
-import { cn } from "../../infra/utils/clsx";
-import { AccountSectionType } from "../../enums/AccountSectionType";
-import { PreferencesSection } from "./sections/PreferencesSection";
-import { ChangePasswordSection } from "./sections/ChangePasswordSection";
-import { TokenSection } from "./sections/TokenSection";
-import { SecuritySection } from "./sections/SecuritySection";
-import useConfigurationsModal from "./hooks/useConfigurationsModal";
-import useIsMobile from "../../hooks/useIsMobile";
-import { useAccountModals } from "../../store/useAccountModals";
-import { useAuth } from "../../providers/auth.provider";
-import { UserProfile } from "../../modules/users/schema";
-import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
-import { hasSubscriptionExpired } from "../../modules/subscriptions/utils/has-subscription-expired";
-import { useWhitelabel } from "../../providers/whitelabel.provider";
-function ConfigurationsMyAccountModal() {
-  const translate = useTranslations();
-  const {
-    activeModal,
-    openDeleteAccount,
-    openIsntPossibleDelete,
-    close
-  } = useAccountModals();
-  const { whitelabel } = useWhitelabel();
-  const open = activeModal === "configurations";
-  const { data: subscriptionData } = useActiveSubscription();
-  const subscription = subscriptionData?.data?.[0] ?? null;
-  const isPaidSubscriptionType = !!subscription && subscription.type !== "free" && subscription.type !== "trial";
-  const isBlockingSubscription = isPaidSubscriptionType && subscription.active === true && !subscription.date_cancellation && !hasSubscriptionExpired(subscription.date_due);
-  const { user } = useAuth();
-  const isOwner = user?.profile === UserProfile.owner;
-  const isMobile = useIsMobile();
-  const { activeSection, setActiveSection } = useConfigurationsModal({
-    isOpen: open
-  });
-  const handleDeleteAccount = () => {
-    close();
-    if (isBlockingSubscription) {
-      openIsntPossibleDelete();
-    } else {
-      openDeleteAccount();
-    }
-  };
-  const tabTriggerClasses = cn(
-    "border-0! px-0 py-0",
-    "lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full",
-    "lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0",
-    "lg:data-[state=active]:bg-gray-50",
-    "flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap",
-    "border-b-2 border-transparent",
-    "data-[state=active]:bg-gray-50 rounded-lg",
-    "text-gray-500 data-[state=active]:text-gray-950",
-    "hover:text-gray-900 transition-colors"
-  );
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      showCloseButton: !isMobile,
-      overlayClassName: "bg-black/20 lg:bg-black/50",
-      className: "\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]",
-      children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: translate("common.account.configurations.title") }) }),
-        /* @__PURE__ */ jsxs("div", { className: "md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-gray-950 paragraph-medium-semibold", children: translate("common.account.configurations.title") }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "size-8 flex items-center justify-center text-gray-500 cursor-pointer",
-              onClick: close,
-              children: /* @__PURE__ */ jsx(IconX, { size: 18 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Tabs,
-          {
-            value: activeSection,
-            onValueChange: (value) => setActiveSection(value),
-            orientation: "vertical",
-            className: "flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0",
-            children: [
-              /* @__PURE__ */ jsxs(
-                TabsList,
-                {
-                  className: cn(
-                    "flex gap-0 bg-transparent border-b-0",
-                    "lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60",
-                    "lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch",
-                    "flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0",
-                    "px-4 py-3",
-                    "[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "hidden lg:block paragraph-medium-semibold text-gray-950 mb-0", children: translate("common.account.configurations.title") }),
-                    /* @__PURE__ */ jsxs("div", { className: "lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full", children: [
-                      /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.PREFERENCES, className: tabTriggerClasses, children: [
-                        /* @__PURE__ */ jsx(IconSettings2, { size: 20, className: "shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: translate("common.preferences.title") })
-                      ] }),
-                      isOwner && /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.TOKEN, className: tabTriggerClasses, children: [
-                        /* @__PURE__ */ jsx(IconKey, { size: 20, className: "shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: translate("common.account.token.title") })
-                      ] }),
-                      isOwner && /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.SECURITY, className: tabTriggerClasses, children: [
-                        /* @__PURE__ */ jsx(IconLock, { size: 20, className: "shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: translate("common.account.security.title") })
-                      ] })
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative flex flex-col", children: [
-                /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.PREFERENCES, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(PreferencesSection, { onClose: close }) }),
-                isOwner && /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.TOKEN, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(TokenSection, {}) }),
-                isOwner && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.SECURITY, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(
-                    SecuritySection,
-                    {
-                      setActiveSection,
-                      onClose: close,
-                      onDeleteAccount: handleDeleteAccount
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TabsContent, { value: AccountSectionType.CHANGE_PASSWORD, className: "h-full! relative overflow-hidden", children: /* @__PURE__ */ jsx(ChangePasswordSection, { onBack: () => setActiveSection(AccountSectionType.SECURITY) }) })
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  ConfigurationsMyAccountModal as default
-};
-//# sourceMappingURL=ConfigurationsMyAccountModal.mjs.map

package/dist/components/account/ConfigurationsMyAccountModal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconKey, IconLock, IconSettings2, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\nimport { cn } from '../../infra/utils/clsx';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\nimport { PreferencesSection } from './sections/PreferencesSection';\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\nimport { TokenSection } from './sections/TokenSection';\nimport { SecuritySection } from './sections/SecuritySection';\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { useAuth } from '../../providers/auth.provider';\nimport { UserProfile } from '../../modules/users/schema';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { hasSubscriptionExpired } from '../../modules/subscriptions/utils/has-subscription-expired';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\n\nexport default function ConfigurationsMyAccountModal() {\n  const translate = useTranslations();\n  const {\n    activeModal,\n    openDeleteAccount,\n    openIsntPossibleDelete,\n    close,\n  } = useAccountModals();\n  const { whitelabel } = useWhitelabel();\n\n  const open = activeModal === 'configurations';\n\n  const { data: subscriptionData } = useActiveSubscription();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isPaidSubscriptionType =\n    !!subscription &&\n    subscription.type !== 'free' &&\n    subscription.type !== 'trial';\n  const isBlockingSubscription =\n    isPaidSubscriptionType &&\n    subscription.active === true &&\n    !subscription.date_cancellation &&\n    !hasSubscriptionExpired(subscription.date_due);\n\n  const { user } = useAuth();\n  const isOwner = user?.profile === UserProfile.owner;\n\n  const isMobile = useIsMobile();\n  const { activeSection, setActiveSection } = useConfigurationsModal({\n    isOpen: open,\n  });\n\n  const handleDeleteAccount = () => {\n    close();\n    if (isBlockingSubscription) {\n      openIsntPossibleDelete();\n    } else {\n      openDeleteAccount();\n    }\n  };\n\n  const tabTriggerClasses = cn(\n    'border-0! px-0 py-0',\n\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\n    'lg:data-[state=active]:bg-gray-50',\n\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\n    'border-b-2 border-transparent',\n    'data-[state=active]:bg-gray-50 rounded-lg',\n\n    'text-gray-500 data-[state=active]:text-gray-950',\n    'hover:text-gray-900 transition-colors'\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent\n        showCloseButton={!isMobile}\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\n        className=\"\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{translate('common.account.configurations.title')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\n          <span className=\"text-gray-950 paragraph-medium-semibold\">\n            {translate('common.account.configurations.title')}\n          </span>\n          <button\n            type=\"button\"\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\n            onClick={close}\n          >\n            <IconX size={18} />\n          </button>\n        </div>\n        <Tabs\n          value={activeSection}\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\n          orientation=\"vertical\"\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\n        >\n          <TabsList\n            className={cn(\n              'flex gap-0 bg-transparent border-b-0',\n\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\n\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\n              'px-4 py-3',\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\n            )}\n          >\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\n              {translate('common.account.configurations.title')}\n            </span>\n\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\n                <IconSettings2 size={20} className=\"shrink-0\" />\n                <span className=\"paragraph-small-medium\">{translate('common.preferences.title')}</span>\n              </TabsTrigger>\n\n              {isOwner && (\n                <TabsTrigger value={AccountSectionType.TOKEN} className={tabTriggerClasses}>\n                  <IconKey size={20} className=\"shrink-0\" />\n                  <span className=\"paragraph-small-medium\">{translate('common.account.token.title')}</span>\n                </TabsTrigger>\n              )}\n\n              {isOwner && (\n                <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\n                  <IconLock size={20} className=\"shrink-0\" />\n                  <span className=\"paragraph-small-medium\">{translate('common.account.security.title')}</span>\n                </TabsTrigger>\n              )}\n            </div>\n          </TabsList>\n\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative flex flex-col\">\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\n              <PreferencesSection onClose={close} />\n            </TabsContent>\n\n            {isOwner && (\n              <TabsContent value={AccountSectionType.TOKEN} className=\"h-full! relative overflow-hidden\">\n                <TokenSection />\n              </TabsContent>\n            )}\n\n            {isOwner && (\n              <>\n                <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\n                  <SecuritySection\n                    setActiveSection={setActiveSection}\n                    onClose={close}\n                    onDeleteAccount={handleDeleteAccount}\n                  />\n                </TabsContent>\n\n                <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\n                  <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\n                </TabsContent>\n              </>\n            )}\n          </div>\n        </Tabs>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/hooks/useConfigurationsModal.mjs

@@ -1,34 +0,0 @@
-"use client";
-import { useState, useCallback, useEffect } from "react";
-import { AccountSectionType } from "../../../enums/AccountSectionType";
-function useConfigurationsModal({
-  isOpen,
-  initialSection
-}) {
-  const [activeSection, setActiveSection] = useState(
-    AccountSectionType.PREFERENCES
-  );
-  const isValidSection = (section) => Object.values(AccountSectionType).includes(section);
-  useEffect(() => {
-    if (isOpen && isValidSection(initialSection)) {
-      setActiveSection(initialSection);
-    } else if (isOpen) {
-      setActiveSection(AccountSectionType.PREFERENCES);
-    }
-  }, [isOpen, initialSection]);
-  const handleSectionChange = useCallback((section) => {
-    setActiveSection(section);
-  }, []);
-  const resetSection = useCallback(() => {
-    setActiveSection(AccountSectionType.PREFERENCES);
-  }, []);
-  return {
-    activeSection,
-    setActiveSection: handleSectionChange,
-    resetSection
-  };
-}
-export {
-  useConfigurationsModal as default
-};
-//# sourceMappingURL=useConfigurationsModal.mjs.map

package/dist/components/account/hooks/useConfigurationsModal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useConfigurationsModal.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState, useCallback, useEffect } from \"react\";\r\nimport { AccountSectionType } from \"../../../enums/AccountSectionType\";\r\n\r\ninterface UseConfigurationsModalProps {\r\n  isOpen: boolean;\r\n  initialSection?: AccountSectionType;\r\n}\r\n\r\nexport default function useConfigurationsModal({\r\n  isOpen,\r\n  initialSection,\r\n}: UseConfigurationsModalProps) {\r\n  const [activeSection, setActiveSection] = useState<AccountSectionType>(\r\n    AccountSectionType.PREFERENCES,\r\n  );\r\n\r\n  const isValidSection = (\r\n    section?: AccountSectionType,\r\n  ): section is AccountSectionType =>\r\n    Object.values(AccountSectionType).includes(section as AccountSectionType);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && isValidSection(initialSection)) {\r\n      setActiveSection(initialSection);\r\n    } else if (isOpen) {\r\n      setActiveSection(AccountSectionType.PREFERENCES);\r\n    }\r\n  }, [isOpen, initialSection]);\r\n\r\n  const handleSectionChange = useCallback((section: AccountSectionType) => {\r\n    setActiveSection(section);\r\n  }, []);\r\n\r\n  const resetSection = useCallback(() => {\r\n    setActiveSection(AccountSectionType.PREFERENCES);\r\n  }, []);\r\n\r\n  return {\r\n    activeSection,\r\n    setActiveSection: handleSectionChange,\r\n    resetSection,\r\n  };\r\n}\r\n"],"mappings":";AAEA,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,0BAA0B;AAOpB,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,mBAAmB;AAAA,EACrB;AAEA,QAAM,iBAAiB,CACrB,YAEA,OAAO,OAAO,kBAAkB,EAAE,SAAS,OAA6B;AAE1E,YAAU,MAAM;AACd,QAAI,UAAU,eAAe,cAAc,GAAG;AAC5C,uBAAiB,cAAc;AAAA,IACjC,WAAW,QAAQ;AACjB,uBAAiB,mBAAmB,WAAW;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,QAAM,sBAAsB,YAAY,CAAC,YAAgC;AACvE,qBAAiB,OAAO;AAAA,EAC1B,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,MAAM;AACrC,qBAAiB,mBAAmB,WAAW;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}

package/src/components/account/ConfigurationsMyAccountModal.tsx

@@ -1,179 +0,0 @@
-'use client';
-
-import { IconKey, IconLock, IconSettings2, IconX } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';
-import { cn } from '../../infra/utils/clsx';
-import { AccountSectionType } from '../../enums/AccountSectionType';
-import { PreferencesSection } from './sections/PreferencesSection';
-import { ChangePasswordSection } from './sections/ChangePasswordSection';
-import { TokenSection } from './sections/TokenSection';
-import { SecuritySection } from './sections/SecuritySection';
-import useConfigurationsModal from './hooks/useConfigurationsModal';
-import useIsMobile from '../../hooks/useIsMobile';
-import { useAccountModals } from '../../store/useAccountModals';
-import { useAuth } from '../../providers/auth.provider';
-import { UserProfile } from '../../modules/users/schema';
-import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
-import { hasSubscriptionExpired } from '../../modules/subscriptions/utils/has-subscription-expired';
-import { useWhitelabel } from '../../providers/whitelabel.provider';
-
-export default function ConfigurationsMyAccountModal() {
-  const translate = useTranslations();
-  const {
-    activeModal,
-    openDeleteAccount,
-    openIsntPossibleDelete,
-    close,
-  } = useAccountModals();
-  const { whitelabel } = useWhitelabel();
-
-  const open = activeModal === 'configurations';
-
-  const { data: subscriptionData } = useActiveSubscription();
-  const subscription = subscriptionData?.data?.[0] ?? null;
-  const isPaidSubscriptionType =
-    !!subscription &&
-    subscription.type !== 'free' &&
-    subscription.type !== 'trial';
-  const isBlockingSubscription =
-    isPaidSubscriptionType &&
-    subscription.active === true &&
-    !subscription.date_cancellation &&
-    !hasSubscriptionExpired(subscription.date_due);
-
-  const { user } = useAuth();
-  const isOwner = user?.profile === UserProfile.owner;
-
-  const isMobile = useIsMobile();
-  const { activeSection, setActiveSection } = useConfigurationsModal({
-    isOpen: open,
-  });
-
-  const handleDeleteAccount = () => {
-    close();
-    if (isBlockingSubscription) {
-      openIsntPossibleDelete();
-    } else {
-      openDeleteAccount();
-    }
-  };
-
-  const tabTriggerClasses = cn(
-    'border-0! px-0 py-0',
-
-    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',
-    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',
-    'lg:data-[state=active]:bg-gray-50',
-
-    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',
-    'border-b-2 border-transparent',
-    'data-[state=active]:bg-gray-50 rounded-lg',
-
-    'text-gray-500 data-[state=active]:text-gray-950',
-    'hover:text-gray-900 transition-colors'
-  );
-
-  return (
-    <Dialog open={open} onOpenChange={close}>
-      <DialogContent
-        showCloseButton={!isMobile}
-        overlayClassName="bg-black/20 lg:bg-black/50"
-        className="
-          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0
-          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0
-          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border
-          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]"
-      >
-        <DialogHeader className="sr-only">
-          <DialogTitle>{translate('common.account.configurations.title')}</DialogTitle>
-        </DialogHeader>
-        <div className="md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200">
-          <span className="text-gray-950 paragraph-medium-semibold">
-            {translate('common.account.configurations.title')}
-          </span>
-          <button
-            type="button"
-            className="size-8 flex items-center justify-center text-gray-500 cursor-pointer"
-            onClick={close}
-          >
-            <IconX size={18} />
-          </button>
-        </div>
-        <Tabs
-          value={activeSection}
-          onValueChange={(value) => setActiveSection(value as AccountSectionType)}
-          orientation="vertical"
-          className="flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0"
-        >
-          <TabsList
-            className={cn(
-              'flex gap-0 bg-transparent border-b-0',
-
-              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',
-              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',
-
-              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',
-              'px-4 py-3',
-              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'
-            )}
-          >
-            <span className="hidden lg:block paragraph-medium-semibold text-gray-950 mb-0">
-              {translate('common.account.configurations.title')}
-            </span>
-
-            <div className="lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full">
-              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>
-                <IconSettings2 size={20} className="shrink-0" />
-                <span className="paragraph-small-medium">{translate('common.preferences.title')}</span>
-              </TabsTrigger>
-
-              {isOwner && (
-                <TabsTrigger value={AccountSectionType.TOKEN} className={tabTriggerClasses}>
-                  <IconKey size={20} className="shrink-0" />
-                  <span className="paragraph-small-medium">{translate('common.account.token.title')}</span>
-                </TabsTrigger>
-              )}
-
-              {isOwner && (
-                <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>
-                  <IconLock size={20} className="shrink-0" />
-                  <span className="paragraph-small-medium">{translate('common.account.security.title')}</span>
-                </TabsTrigger>
-              )}
-            </div>
-          </TabsList>
-
-          <div className="w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative flex flex-col">
-            <TabsContent value={AccountSectionType.PREFERENCES} className="h-full! relative overflow-hidden">
-              <PreferencesSection onClose={close} />
-            </TabsContent>
-
-            {isOwner && (
-              <TabsContent value={AccountSectionType.TOKEN} className="h-full! relative overflow-hidden">
-                <TokenSection />
-              </TabsContent>
-            )}
-
-            {isOwner && (
-              <>
-                <TabsContent value={AccountSectionType.SECURITY} className="h-full! relative overflow-hidden">
-                  <SecuritySection
-                    setActiveSection={setActiveSection}
-                    onClose={close}
-                    onDeleteAccount={handleDeleteAccount}
-                  />
-                </TabsContent>
-
-                <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className="h-full! relative overflow-hidden">
-                  <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />
-                </TabsContent>
-              </>
-            )}
-          </div>
-        </Tabs>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/account/hooks/useConfigurationsModal.ts

@@ -1,45 +0,0 @@
-"use client";
-
-import { useState, useCallback, useEffect } from "react";
-import { AccountSectionType } from "../../../enums/AccountSectionType";
-
-interface UseConfigurationsModalProps {
-  isOpen: boolean;
-  initialSection?: AccountSectionType;
-}
-
-export default function useConfigurationsModal({
-  isOpen,
-  initialSection,
-}: UseConfigurationsModalProps) {
-  const [activeSection, setActiveSection] = useState<AccountSectionType>(
-    AccountSectionType.PREFERENCES,
-  );
-
-  const isValidSection = (
-    section?: AccountSectionType,
-  ): section is AccountSectionType =>
-    Object.values(AccountSectionType).includes(section as AccountSectionType);
-
-  useEffect(() => {
-    if (isOpen && isValidSection(initialSection)) {
-      setActiveSection(initialSection);
-    } else if (isOpen) {
-      setActiveSection(AccountSectionType.PREFERENCES);
-    }
-  }, [isOpen, initialSection]);
-
-  const handleSectionChange = useCallback((section: AccountSectionType) => {
-    setActiveSection(section);
-  }, []);
-
-  const resetSection = useCallback(() => {
-    setActiveSection(AccountSectionType.PREFERENCES);
-  }, []);
-
-  return {
-    activeSection,
-    setActiveSection: handleSectionChange,
-    resetSection,
-  };
-}