@greatapps/common 1.1.790 → 1.1.791

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconX, IconCopy, IconRefresh } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Separator } from '../ui/data-display/Separator';\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\n\ninterface TwoFactorAuthModalProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n}\n\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\n  const translate = useTranslations();\n  const {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating,\n    isConfirming,\n    generateFailed,\n    retryGenerate,\n    qrcode,\n    backupCodes,\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  } = useTwoFactorAuthForm({ onSuccess, open });\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  if (step === 'recovery') {\n    return (\n      <Dialog open={open} onOpenChange={handleClose}>\n        <DialogContent\n          showCloseButton={false}\n          className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full 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:max-w-[470px] lg:h-auto lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n        >\n          <DialogHeader className=\"sr-only\">\n            <DialogTitle>{translate('common.account.twoFactor.recoveryTitle')}</DialogTitle>\n          </DialogHeader>\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n              {translate('common.account.twoFactor.recoveryTitle')}\n            </span>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              className=\"size-8! p-0 absolute right-4\"\n              onClick={handleClose}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n\n          <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\n            <div className=\"flex flex-col gap-2\">\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\n                {translate('common.account.twoFactor.recoveryHeading')}\n              </h3>\n              <div className=\"paragraph-small-regular text-gray-600\">\n                <p>{translate('common.account.twoFactor.recoveryText1')}</p>\n                <br />\n                <p>{translate('common.account.twoFactor.recoveryText2')}</p>\n              </div>\n            </div>\n\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\n                {backupCodes.map((backupCode, i) => (\n                  <p key={i}>{backupCode}</p>\n                ))}\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                className=\"h-8! w-fit\"\n                onClick={handleCopyCodes}\n              >\n                <IconCopy size={16} />\n                {translate('common.account.twoFactor.copyCodes')}\n              </Button>\n            </div>\n          </div>\n\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\n              {translate('common.account.twoFactor.finish')}\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full 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:max-w-[470px] lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{translate('common.account.twoFactor.title')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n            {translate('common.account.twoFactor.title')}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"size-8! p-0 absolute right-4\"\n            onClick={handleClose}\n          >\n            <IconX size={18} />\n          </Button>\n        </div>\n\n        <form\n          className=\"flex-1 min-h-0 flex flex-col\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            if (isCodeComplete) handleSubmit();\n          }}\n        >\n          <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\n            <div className=\"flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6\">\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\n                {translate.rich('common.account.twoFactor.instructions', {\n                  link: (chunks) => (\n                    <a\n                      href=\"https://support.google.com/accounts/answer/1066447\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"paragraph-small-medium underline\"\n                    >\n                      {chunks}\n                    </a>\n                  ),\n                })}\n              </p>\n\n              <div className=\"border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]\">\n                {generateFailed ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => retryGenerate()}\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\n                  >\n                    <IconRefresh size={20} className=\"text-gray-400\" />\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">\n                      {translate('common.account.twoFactor.retry')}\n                    </span>\n                  </button>\n                ) : isGenerating || !qrcode ? (\n                  <div className=\"skeleton w-full h-full rounded\" />\n                ) : (\n                  // eslint-disable-next-line @next/next/no-img-element\n                  <img\n                    src={qrcode}\n                    alt={translate('common.account.twoFactor.qrAlt')}\n                    className=\"w-full h-full\"\n                  />\n                )}\n              </div>\n\n              <div className=\"flex items-center gap-3 w-full\">\n                <Separator className=\"flex-1\" />\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\n                  {translate('common.account.twoFactor.pasteDigits')}\n                </span>\n                <Separator className=\"flex-1\" />\n              </div>\n\n              <div className=\"scroll-mt-20\">\n                <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>\n                  <InputOTPGroup className=\"gap-2\">\n                    {Array.from({ length: 6 }).map((_, i) => (\n                      <InputOTPSlot\n                        key={i}\n                        index={i}\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\n                      />\n                    ))}\n                  </InputOTPGroup>\n                </InputOTP>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\n              {isConfirming\n                ? translate('common.account.twoFactor.activating')\n                : translate('common.account.twoFactor.activate')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconX, IconCopy, IconRefresh } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Separator } from '../ui/data-display/Separator';\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\n\ninterface TwoFactorAuthModalProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n}\n\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\n  const translate = useTranslations();\n  const {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating,\n    isConfirming,\n    generateFailed,\n    retryGenerate,\n    qrcode,\n    backupCodes,\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  } = useTwoFactorAuthForm({ onSuccess, open });\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  if (step === 'recovery') {\n    return (\n      <Dialog open={open} onOpenChange={handleClose}>\n        <DialogContent\n          showCloseButton={false}\n          className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full 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:max-w-[470px] lg:h-auto lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n        >\n          <DialogHeader className=\"sr-only\">\n            <DialogTitle>{translate('common.account.twoFactor.recoveryTitle')}</DialogTitle>\n          </DialogHeader>\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n              {translate('common.account.twoFactor.recoveryTitle')}\n            </span>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              className=\"size-8! p-0 absolute right-4\"\n              onClick={handleClose}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n\n          <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\n            <div className=\"flex flex-col gap-2\">\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\n                {translate('common.account.twoFactor.recoveryHeading')}\n              </h3>\n              <div className=\"paragraph-small-regular text-gray-600\">\n                <p>{translate('common.account.twoFactor.recoveryText1')}</p>\n                <br />\n                <p>{translate('common.account.twoFactor.recoveryText2')}</p>\n              </div>\n            </div>\n\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\n                {backupCodes.map((backupCode, i) => (\n                  <p key={i}>{backupCode}</p>\n                ))}\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                className=\"h-8! w-fit\"\n                onClick={handleCopyCodes}\n              >\n                <IconCopy size={16} />\n                {translate('common.account.twoFactor.copyCodes')}\n              </Button>\n            </div>\n          </div>\n\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\n              {translate('common.account.twoFactor.finish')}\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full 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:max-w-[470px] lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{translate('common.account.twoFactor.title')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n            {translate('common.account.twoFactor.title')}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"size-8! p-0 absolute right-4\"\n            onClick={handleClose}\n          >\n            <IconX size={18} />\n          </Button>\n        </div>\n\n        <form\n          className=\"flex-1 min-h-0 flex flex-col\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            if (isCodeComplete) handleSubmit();\n          }}\n        >\n          <div className=\"flex-1 min-h-0 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 overscroll-contain lg:overflow-visible\">\n            <div className=\"flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6\">\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\n                {translate.rich('common.account.twoFactor.instructions', {\n                  link: (chunks) => (\n                    <a\n                      href=\"https://support.google.com/accounts/answer/1066447\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"paragraph-small-medium underline\"\n                    >\n                      {chunks}\n                    </a>\n                  ),\n                })}\n              </p>\n\n              <div className=\"border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]\">\n                {generateFailed ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => retryGenerate()}\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\n                  >\n                    <IconRefresh size={20} className=\"text-gray-400\" />\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">\n                      {translate('common.account.twoFactor.retry')}\n                    </span>\n                  </button>\n                ) : isGenerating || !qrcode ? (\n                  <div className=\"skeleton w-full h-full rounded\" />\n                ) : (\n                  // eslint-disable-next-line @next/next/no-img-element\n                  <img\n                    src={qrcode}\n                    alt={translate('common.account.twoFactor.qrAlt')}\n                    className=\"w-full h-full\"\n                  />\n                )}\n              </div>\n\n              <div className=\"flex items-center gap-3 w-full\">\n                <Separator className=\"flex-1\" />\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\n                  {translate('common.account.twoFactor.pasteDigits')}\n                </span>\n                <Separator className=\"flex-1\" />\n              </div>\n\n              <div className=\"scroll-mt-20\">\n                <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>\n                  <InputOTPGroup className=\"gap-2\">\n                    {Array.from({ length: 6 }).map((_, i) => (\n                      <InputOTPSlot\n                        key={i}\n                        index={i}\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\n                      />\n                    ))}\n                  </InputOTPGroup>\n                </InputOTP>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\n              {isConfirming\n                ? translate('common.account.twoFactor.activating')\n                : translate('common.account.twoFactor.activate')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,85 @@
+"use client";
+import { AccountHubFlow } from "../../../enums/AccountHubFlow";
+import { WorkspaceSectionType } from "../../../enums/WorkspaceSectionType";
+import { useCouponByCode } from "../../../modules/coupons/hooks/use-coupon-by-code.hook";
+import { isAccountSectionType } from "../../../modules/accounts/utils/is-account-section";
+import { useExternalContracting } from "../../../providers/whitelabel.provider";
+import { useAccountModals } from "../../../store/useAccountModals";
+import { useProjectFlows } from "../../../store/useProjectFlows";
+import { useSubscriptionFlows } from "../../../store/useSubscriptionFlows";
+import { useTeamFlows } from "../../../store/useTeamFlows";
+function useAccountHubActions() {
+  const openConfigurations = useAccountModals((state) => state.openConfigurations);
+  const openWorkspace = useAccountModals((state) => state.openWorkspace);
+  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);
+  const openPlansCatalogFlow = useSubscriptionFlows((state) => state.openPlansCatalog);
+  const requestOverdueReceipt = useSubscriptionFlows((state) => state.requestOverdueReceipt);
+  const openCreateProjectFlow = useProjectFlows((state) => state.openCreateProject);
+  const openAddUserFlow = useTeamFlows((state) => state.openAddUser);
+  const { redirectToExternal } = useExternalContracting();
+  const { mutate: findCouponByCode } = useCouponByCode();
+  const openSection = (section) => {
+    if (isAccountSectionType(section)) {
+      openConfigurations(section);
+      return;
+    }
+    openWorkspace(section);
+  };
+  const openPlansCatalog = (couponCode) => {
+    if (redirectToExternal("plans")) return;
+    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);
+    if (!couponCode) {
+      openPlansCatalogFlow();
+      return;
+    }
+    findCouponByCode(couponCode, {
+      onSuccess: (coupon) => openPlansCatalogFlow({ appliedCouponStripeData: coupon?.stripe_data }),
+      onError: () => openPlansCatalogFlow()
+    });
+  };
+  const openAddons = () => {
+    if (redirectToExternal("contracting")) return;
+    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);
+    openChangePlan();
+  };
+  const openReactivate = () => {
+    if (redirectToExternal("contracting")) return;
+    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);
+    openChangePlan({ isReactivation: true });
+  };
+  const openOverdueReceipt = () => {
+    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);
+    requestOverdueReceipt();
+  };
+  const openCreateProject = () => {
+    openWorkspace(WorkspaceSectionType.PROJECTS);
+    openCreateProjectFlow();
+  };
+  const openAddUser = () => {
+    openWorkspace(WorkspaceSectionType.TEAM);
+    openAddUserFlow();
+  };
+  const openLink = (link) => {
+    if (link.flow === AccountHubFlow.PLANS) return openPlansCatalog(link.couponCode);
+    if (link.flow === AccountHubFlow.ADDONS) return openAddons();
+    if (link.flow === AccountHubFlow.REACTIVATE) return openReactivate();
+    if (link.flow === AccountHubFlow.RECEIPT) return openOverdueReceipt();
+    if (link.flow === AccountHubFlow.CREATE_PROJECT) return openCreateProject();
+    if (link.flow === AccountHubFlow.ADD_USER) return openAddUser();
+    openSection(link.section);
+  };
+  return {
+    openSection,
+    openPlansCatalog,
+    openAddons,
+    openReactivate,
+    openOverdueReceipt,
+    openCreateProject,
+    openAddUser,
+    openLink
+  };
+}
+export {
+  useAccountHubActions as default
+};
+//# sourceMappingURL=useAccountHubActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useAccountHubActions.ts"],"sourcesContent":["'use client';\n\nimport { AccountHubFlow } from '../../../enums/AccountHubFlow';\nimport { WorkspaceSectionType } from '../../../enums/WorkspaceSectionType';\nimport { useCouponByCode } from '../../../modules/coupons/hooks/use-coupon-by-code.hook';\nimport { isAccountSectionType } from '../../../modules/accounts/utils/is-account-section';\nimport type { AccountHubLink } from '../../../modules/accounts/types/account-hub-link.type';\nimport { useExternalContracting } from '../../../providers/whitelabel.provider';\nimport { useAccountModals, type MyAccountSection } from '../../../store/useAccountModals';\nimport { useProjectFlows } from '../../../store/useProjectFlows';\nimport { useSubscriptionFlows } from '../../../store/useSubscriptionFlows';\nimport { useTeamFlows } from '../../../store/useTeamFlows';\n\nexport default function useAccountHubActions() {\n  const openConfigurations = useAccountModals((state) => state.openConfigurations);\n  const openWorkspace = useAccountModals((state) => state.openWorkspace);\n  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);\n  const openPlansCatalogFlow = useSubscriptionFlows((state) => state.openPlansCatalog);\n  const requestOverdueReceipt = useSubscriptionFlows((state) => state.requestOverdueReceipt);\n  const openCreateProjectFlow = useProjectFlows((state) => state.openCreateProject);\n  const openAddUserFlow = useTeamFlows((state) => state.openAddUser);\n  const { redirectToExternal } = useExternalContracting();\n  const { mutate: findCouponByCode } = useCouponByCode();\n\n  const openSection = (section: MyAccountSection) => {\n    if (isAccountSectionType(section)) {\n      openConfigurations(section);\n      return;\n    }\n    openWorkspace(section);\n  };\n\n  const openPlansCatalog = (couponCode?: string) => {\n    if (redirectToExternal('plans')) return;\n    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);\n\n    if (!couponCode) {\n      openPlansCatalogFlow();\n      return;\n    }\n\n    findCouponByCode(couponCode, {\n      onSuccess: (coupon) => openPlansCatalogFlow({ appliedCouponStripeData: coupon?.stripe_data }),\n      onError: () => openPlansCatalogFlow(),\n    });\n  };\n\n  const openAddons = () => {\n    if (redirectToExternal('contracting')) return;\n    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);\n    openChangePlan();\n  };\n\n  const openReactivate = () => {\n    if (redirectToExternal('contracting')) return;\n    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);\n    openChangePlan({ isReactivation: true });\n  };\n\n  const openOverdueReceipt = () => {\n    openWorkspace(WorkspaceSectionType.SUBSCRIPTION);\n    requestOverdueReceipt();\n  };\n\n  const openCreateProject = () => {\n    openWorkspace(WorkspaceSectionType.PROJECTS);\n    openCreateProjectFlow();\n  };\n\n  const openAddUser = () => {\n    openWorkspace(WorkspaceSectionType.TEAM);\n    openAddUserFlow();\n  };\n\n  const openLink = (link: AccountHubLink) => {\n    if (link.flow === AccountHubFlow.PLANS) return openPlansCatalog(link.couponCode);\n    if (link.flow === AccountHubFlow.ADDONS) return openAddons();\n    if (link.flow === AccountHubFlow.REACTIVATE) return openReactivate();\n    if (link.flow === AccountHubFlow.RECEIPT) return openOverdueReceipt();\n    if (link.flow === AccountHubFlow.CREATE_PROJECT) return openCreateProject();\n    if (link.flow === AccountHubFlow.ADD_USER) return openAddUser();\n    openSection(link.section);\n  };\n\n  return {\n    openSection,\n    openPlansCatalog,\n    openAddons,\n    openReactivate,\n    openOverdueReceipt,\n    openCreateProject,\n    openAddUser,\n    openLink,\n  };\n}\n"],"mappings":";AAEA,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAErC,SAAS,8BAA8B;AACvC,SAAS,wBAA+C;AACxD,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAEd,SAAR,uBAAwC;AAC7C,QAAM,qBAAqB,iBAAiB,CAAC,UAAU,MAAM,kBAAkB;AAC/E,QAAM,gBAAgB,iBAAiB,CAAC,UAAU,MAAM,aAAa;AACrE,QAAM,iBAAiB,qBAAqB,CAAC,UAAU,MAAM,cAAc;AAC3E,QAAM,uBAAuB,qBAAqB,CAAC,UAAU,MAAM,gBAAgB;AACnF,QAAM,wBAAwB,qBAAqB,CAAC,UAAU,MAAM,qBAAqB;AACzF,QAAM,wBAAwB,gBAAgB,CAAC,UAAU,MAAM,iBAAiB;AAChF,QAAM,kBAAkB,aAAa,CAAC,UAAU,MAAM,WAAW;AACjE,QAAM,EAAE,mBAAmB,IAAI,uBAAuB;AACtD,QAAM,EAAE,QAAQ,iBAAiB,IAAI,gBAAgB;AAErD,QAAM,cAAc,CAAC,YAA8B;AACjD,QAAI,qBAAqB,OAAO,GAAG;AACjC,yBAAmB,OAAO;AAC1B;AAAA,IACF;AACA,kBAAc,OAAO;AAAA,EACvB;AAEA,QAAM,mBAAmB,CAAC,eAAwB;AAChD,QAAI,mBAAmB,OAAO,EAAG;AACjC,kBAAc,qBAAqB,YAAY;AAE/C,QAAI,CAAC,YAAY;AACf,2BAAqB;AACrB;AAAA,IACF;AAEA,qBAAiB,YAAY;AAAA,MAC3B,WAAW,CAAC,WAAW,qBAAqB,EAAE,yBAAyB,QAAQ,YAAY,CAAC;AAAA,MAC5F,SAAS,MAAM,qBAAqB;AAAA,IACtC,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,MAAM;AACvB,QAAI,mBAAmB,aAAa,EAAG;AACvC,kBAAc,qBAAqB,YAAY;AAC/C,mBAAe;AAAA,EACjB;AAEA,QAAM,iBAAiB,MAAM;AAC3B,QAAI,mBAAmB,aAAa,EAAG;AACvC,kBAAc,qBAAqB,YAAY;AAC/C,mBAAe,EAAE,gBAAgB,KAAK,CAAC;AAAA,EACzC;AAEA,QAAM,qBAAqB,MAAM;AAC/B,kBAAc,qBAAqB,YAAY;AAC/C,0BAAsB;AAAA,EACxB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,kBAAc,qBAAqB,QAAQ;AAC3C,0BAAsB;AAAA,EACxB;AAEA,QAAM,cAAc,MAAM;AACxB,kBAAc,qBAAqB,IAAI;AACvC,oBAAgB;AAAA,EAClB;AAEA,QAAM,WAAW,CAAC,SAAyB;AACzC,QAAI,KAAK,SAAS,eAAe,MAAO,QAAO,iBAAiB,KAAK,UAAU;AAC/E,QAAI,KAAK,SAAS,eAAe,OAAQ,QAAO,WAAW;AAC3D,QAAI,KAAK,SAAS,eAAe,WAAY,QAAO,eAAe;AACnE,QAAI,KAAK,SAAS,eAAe,QAAS,QAAO,mBAAmB;AACpE,QAAI,KAAK,SAAS,eAAe,eAAgB,QAAO,kBAAkB;AAC1E,QAAI,KAAK,SAAS,eAAe,SAAU,QAAO,YAAY;AAC9D,gBAAY,KAAK,OAAO;AAAA,EAC1B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,44 @@
+"use client";
+import { useCallback, useMemo } from "react";
+import { useCards } from "../../../modules/cards/hooks/cards.hook";
+import { useCurrentSubscription } from "../../../modules/subscriptions/hooks/use-current-subscription.hook";
+import { isFreeSubscription } from "../../../modules/subscriptions/utils/is-free-subscription";
+import { useAuth } from "../../../providers/auth.provider";
+import { useModalManager } from "../../../store/useModalManager";
+function useAddCardWithPaymentSwitch() {
+  const { openModal } = useModalManager();
+  const { account } = useAuth();
+  const { data: subscriptionData } = useCurrentSubscription();
+  const { data: cardsData } = useCards({ includeVindi: true });
+  const activeSubscription = subscriptionData?.data?.[0] ?? null;
+  const canOfferSwitch = useMemo(() => {
+    if (account?.gateway === "vindi") return false;
+    if (!activeSubscription) return false;
+    if (!activeSubscription.active && activeSubscription.cancellation_reason) return false;
+    if (isFreeSubscription(activeSubscription) || activeSubscription.type === "trial") return false;
+    return true;
+  }, [account?.gateway, activeSubscription]);
+  const openAddCard = useCallback(() => {
+    if (!canOfferSwitch) {
+      openModal("addCardModal");
+      return;
+    }
+    const previousCardsCount = (cardsData?.data ?? []).filter((card) => !card.deleted).length;
+    openModal("addCardModal", {
+      setAsDefault: false,
+      onCardAdded: (cardId) => {
+        openModal("switchPaymentToCardModal", {
+          cardId,
+          subscriptionId: activeSubscription?.id,
+          currentPaymentMethod: activeSubscription?.payment_method ?? null,
+          previousCardsCount
+        });
+      }
+    });
+  }, [canOfferSwitch, openModal, activeSubscription, cardsData]);
+  return { openAddCard, canOfferSwitch };
+}
+export {
+  useAddCardWithPaymentSwitch
+};
+//# sourceMappingURL=useAddCardWithPaymentSwitch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useAddCardWithPaymentSwitch.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo } from 'react';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useCurrentSubscription } from '../../../modules/subscriptions/hooks/use-current-subscription.hook';\nimport { isFreeSubscription } from '../../../modules/subscriptions/utils/is-free-subscription';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useModalManager } from '../../../store/useModalManager';\n\n/**\n * Abre o cadastro de cartão e, quando faz sentido, oferece em seguida a troca da forma de\n * pagamento da assinatura.\n *\n * A decisão vive num hook porque os pontos que abrem o cadastro (cartões da assinatura, aviso de\n * primeiro cartão e gestão de cartões) precisam da MESMA regra: espalhá-la é como o fluxo antigo\n * divergia — o aviso prometia que \"a próxima fatura será cobrada neste cartão\", promessa que o\n * backend não cumpria com a assinatura em boleto ou pix.\n *\n * `setAsDefault: false` quando vamos perguntar: com `set_default: true` o backend já aplica o\n * padrão e reaponta as assinaturas cobráveis, e aí \"Agora não\" não teria o que recusar.\n */\nexport function useAddCardWithPaymentSwitch() {\n  const { openModal } = useModalManager();\n  const { account } = useAuth();\n  const { data: subscriptionData } = useCurrentSubscription();\n  const { data: cardsData } = useCards({ includeVindi: true });\n\n  const activeSubscription = subscriptionData?.data?.[0] ?? null;\n\n  const canOfferSwitch = useMemo(() => {\n    // Vindi não passa por aqui: o cadastro é Stripe (SetupIntent) e a troca atômica vive no\n    // fluxo Stripe — oferecer levaria a conta a um erro sem saída.\n    if (account?.gateway === 'vindi') return false;\n\n    // Sem assinatura paga viva não há forma de pagamento para transferir.\n    if (!activeSubscription) return false;\n\n    // Cancelada não é \"sem assinatura\": o backend recusa a troca sobre uma assinatura morta.\n    if (!activeSubscription.active && activeSubscription.cancellation_reason) return false;\n\n    if (isFreeSubscription(activeSubscription) || activeSubscription.type === 'trial') return false;\n\n    return true;\n  }, [account?.gateway, activeSubscription]);\n\n  const openAddCard = useCallback(() => {\n    if (!canOfferSwitch) {\n      openModal('addCardModal');\n      return;\n    }\n\n    // Contado ANTES do cadastro: depois que o cartão entra, a lista já foi invalidada e o número\n    // viraria \"quantos existem agora\", que não distingue a conta que não tinha nenhum.\n    const previousCardsCount = (cardsData?.data ?? []).filter((card) => !card.deleted).length;\n\n    openModal('addCardModal', {\n      setAsDefault: false,\n      onCardAdded: (cardId: string) => {\n        openModal('switchPaymentToCardModal', {\n          cardId,\n          subscriptionId: activeSubscription?.id,\n          currentPaymentMethod: activeSubscription?.payment_method ?? null,\n          previousCardsCount,\n        });\n      },\n    });\n  }, [canOfferSwitch, openModal, activeSubscription, cardsData]);\n\n  return { openAddCard, canOfferSwitch };\n}\n"],"mappings":";AAEA,SAAS,aAAa,eAAe;AACrC,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAczB,SAAS,8BAA8B;AAC5C,QAAM,EAAE,UAAU,IAAI,gBAAgB;AACtC,QAAM,EAAE,QAAQ,IAAI,QAAQ;AAC5B,QAAM,EAAE,MAAM,iBAAiB,IAAI,uBAAuB;AAC1D,QAAM,EAAE,MAAM,UAAU,IAAI,SAAS,EAAE,cAAc,KAAK,CAAC;AAE3D,QAAM,qBAAqB,kBAAkB,OAAO,CAAC,KAAK;AAE1D,QAAM,iBAAiB,QAAQ,MAAM;AAGnC,QAAI,SAAS,YAAY,QAAS,QAAO;AAGzC,QAAI,CAAC,mBAAoB,QAAO;AAGhC,QAAI,CAAC,mBAAmB,UAAU,mBAAmB,oBAAqB,QAAO;AAEjF,QAAI,mBAAmB,kBAAkB,KAAK,mBAAmB,SAAS,QAAS,QAAO;AAE1F,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,SAAS,kBAAkB,CAAC;AAEzC,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,CAAC,gBAAgB;AACnB,gBAAU,cAAc;AACxB;AAAA,IACF;AAIA,UAAM,sBAAsB,WAAW,QAAQ,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,OAAO,EAAE;AAEnF,cAAU,gBAAgB;AAAA,MACxB,cAAc;AAAA,MACd,aAAa,CAAC,WAAmB;AAC/B,kBAAU,4BAA4B;AAAA,UACpC;AAAA,UACA,gBAAgB,oBAAoB;AAAA,UACpC,sBAAsB,oBAAoB,kBAAkB;AAAA,UAC5D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,gBAAgB,WAAW,oBAAoB,SAAS,CAAC;AAE7D,SAAO,EAAE,aAAa,eAAe;AACvC;","names":[]}

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

@@ -0,0 +1,69 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { useAccountModals } from "../../../store/useAccountModals";
+import { useAffiliateFlows } from "../../../store/useAffiliateFlows";
+import { useAuth } from "../../../providers/auth.provider";
+import { useEnsureAffiliate } from "../../../modules/affiliates/hooks/use-ensure-affiliate.hook";
+import {
+  AFFILIATE_PROGRAM_TERMS_URL,
+  AFFILIATE_TERMS_URL
+} from "../../../modules/affiliates/constants/affiliate.constants";
+import { Toast } from "../../ui/feedback/Toast";
+function useAffiliatesActions() {
+  const translate = useTranslations();
+  const actions = useAccountModals((state) => state.config.workspaceActions?.affiliates);
+  const { user } = useAuth();
+  const ensureAffiliate = useEnsureAffiliate();
+  const openWithdrawal = useAffiliateFlows((state) => state.openWithdrawal);
+  const openReceivingAccount = useAffiliateFlows((state) => state.openReceivingAccount);
+  const openMissingReceivingAccount = useAffiliateFlows((state) => state.openMissingReceivingAccount);
+  const openLeads = useAffiliateFlows((state) => state.openLeads);
+  const openAttachment = useAffiliateFlows((state) => state.openAttachment);
+  return {
+    joinProgram: async () => {
+      if (actions?.onJoinProgram) return actions.onJoinProgram();
+      if (!user) return;
+      try {
+        await ensureAffiliate.mutateAsync({ gestorName: user.name });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : translate("common.account.workspace.affiliates.joinProgram.joinError");
+        toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId }));
+      }
+    },
+    isJoiningProgram: ensureAffiliate.isPending,
+    requestWithdrawal: (affiliate) => {
+      const hasReceivingAccount = !!(affiliate.pix && affiliate.holder_name && affiliate.holder_document);
+      if (!hasReceivingAccount) {
+        if (actions?.onMissingReceivingAccount) return actions.onMissingReceivingAccount(affiliate);
+        return openMissingReceivingAccount();
+      }
+      if (actions?.onRequestWithdrawal) return actions.onRequestWithdrawal(affiliate);
+      openWithdrawal();
+    },
+    editReceivingAccount: (affiliate) => {
+      if (actions?.onEditReceivingAccount) return actions.onEditReceivingAccount(affiliate);
+      openReceivingAccount();
+    },
+    listLeads: (affiliate) => {
+      if (actions?.onListLeads) return actions.onListLeads(affiliate);
+      openLeads();
+    },
+    viewAttachment: (attachment) => {
+      if (actions?.onViewAttachment) return actions.onViewAttachment(attachment);
+      openAttachment(attachment);
+    },
+    openTerms: () => {
+      window.open(AFFILIATE_TERMS_URL, "_blank", "noopener,noreferrer");
+    },
+    /** Termo de uso aceito ao entrar no programa (o do menu é a página de regras). */
+    openProgramTerms: () => {
+      window.open(AFFILIATE_PROGRAM_TERMS_URL, "_blank", "noopener,noreferrer");
+    }
+  };
+}
+export {
+  useAffiliatesActions as default
+};
+//# sourceMappingURL=useAffiliatesActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useAffiliatesActions.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { useAccountModals } from '../../../store/useAccountModals';\nimport { useAffiliateFlows } from '../../../store/useAffiliateFlows';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useEnsureAffiliate } from '../../../modules/affiliates/hooks/use-ensure-affiliate.hook';\nimport {\n  AFFILIATE_PROGRAM_TERMS_URL,\n  AFFILIATE_TERMS_URL,\n} from '../../../modules/affiliates/constants/affiliate.constants';\nimport type { Affiliate } from '../../../modules/affiliates/types/affiliate.type';\nimport { Toast } from '../../ui/feedback/Toast';\n\n/**\n * Ações da aba Afiliados. Por padrão os fluxos abrem por cima do modal (`AffiliateFlows`); o app\n * pode substituir qualquer um deles pelos handlers de `<Modals workspaceActions>`.\n */\nexport default function useAffiliatesActions() {\n  const translate = useTranslations();\n  const actions = useAccountModals((state) => state.config.workspaceActions?.affiliates);\n  const { user } = useAuth();\n  const ensureAffiliate = useEnsureAffiliate();\n\n  const openWithdrawal = useAffiliateFlows((state) => state.openWithdrawal);\n  const openReceivingAccount = useAffiliateFlows((state) => state.openReceivingAccount);\n  const openMissingReceivingAccount = useAffiliateFlows((state) => state.openMissingReceivingAccount);\n  const openLeads = useAffiliateFlows((state) => state.openLeads);\n  const openAttachment = useAffiliateFlows((state) => state.openAttachment);\n\n  return {\n    joinProgram: async () => {\n      if (actions?.onJoinProgram) return actions.onJoinProgram();\n      if (!user) return;\n\n      try {\n        await ensureAffiliate.mutateAsync({ gestorName: user.name });\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : translate('common.account.workspace.affiliates.joinProgram.joinError');\n        toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n      }\n    },\n    isJoiningProgram: ensureAffiliate.isPending,\n    requestWithdrawal: (affiliate: Affiliate) => {\n      // Mesma regra da tela: sem PIX/titular, o saque vira o aviso de conta de recebimento.\n      const hasReceivingAccount = !!(affiliate.pix && affiliate.holder_name && affiliate.holder_document);\n      if (!hasReceivingAccount) {\n        if (actions?.onMissingReceivingAccount) return actions.onMissingReceivingAccount(affiliate);\n        return openMissingReceivingAccount();\n      }\n      if (actions?.onRequestWithdrawal) return actions.onRequestWithdrawal(affiliate);\n      openWithdrawal();\n    },\n    editReceivingAccount: (affiliate: Affiliate) => {\n      if (actions?.onEditReceivingAccount) return actions.onEditReceivingAccount(affiliate);\n      openReceivingAccount();\n    },\n    listLeads: (affiliate: Affiliate) => {\n      if (actions?.onListLeads) return actions.onListLeads(affiliate);\n      openLeads();\n    },\n    viewAttachment: (attachment: string) => {\n      if (actions?.onViewAttachment) return actions.onViewAttachment(attachment);\n      openAttachment(attachment);\n    },\n    openTerms: () => {\n      window.open(AFFILIATE_TERMS_URL, '_blank', 'noopener,noreferrer');\n    },\n    /** Termo de uso aceito ao entrar no programa (o do menu é a página de regras). */\n    openProgramTerms: () => {\n      window.open(AFFILIATE_PROGRAM_TERMS_URL, '_blank', 'noopener,noreferrer');\n    },\n  };\n}\n"],"mappings":";AA2CkC;AAzClC,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,aAAa;AAMP,SAAR,uBAAwC;AAC7C,QAAM,YAAY,gBAAgB;AAClC,QAAM,UAAU,iBAAiB,CAAC,UAAU,MAAM,OAAO,kBAAkB,UAAU;AACrF,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,kBAAkB,mBAAmB;AAE3C,QAAM,iBAAiB,kBAAkB,CAAC,UAAU,MAAM,cAAc;AACxE,QAAM,uBAAuB,kBAAkB,CAAC,UAAU,MAAM,oBAAoB;AACpF,QAAM,8BAA8B,kBAAkB,CAAC,UAAU,MAAM,2BAA2B;AAClG,QAAM,YAAY,kBAAkB,CAAC,UAAU,MAAM,SAAS;AAC9D,QAAM,iBAAiB,kBAAkB,CAAC,UAAU,MAAM,cAAc;AAExE,SAAO;AAAA,IACL,aAAa,YAAY;AACvB,UAAI,SAAS,cAAe,QAAO,QAAQ,cAAc;AACzD,UAAI,CAAC,KAAM;AAEX,UAAI;AACF,cAAM,gBAAgB,YAAY,EAAE,YAAY,KAAK,KAAK,CAAC;AAAA,MAC7D,SAAS,OAAO;AACd,cAAM,UACJ,iBAAiB,QACb,MAAM,UACN,UAAU,2DAA2D;AAC3E,cAAM,OAAO,CAAC,YAAY,oBAAC,SAAM,SAAQ,SAAQ,SAAkB,SAAkB,CAAE;AAAA,MACzF;AAAA,IACF;AAAA,IACA,kBAAkB,gBAAgB;AAAA,IAClC,mBAAmB,CAAC,cAAyB;AAE3C,YAAM,sBAAsB,CAAC,EAAE,UAAU,OAAO,UAAU,eAAe,UAAU;AACnF,UAAI,CAAC,qBAAqB;AACxB,YAAI,SAAS,0BAA2B,QAAO,QAAQ,0BAA0B,SAAS;AAC1F,eAAO,4BAA4B;AAAA,MACrC;AACA,UAAI,SAAS,oBAAqB,QAAO,QAAQ,oBAAoB,SAAS;AAC9E,qBAAe;AAAA,IACjB;AAAA,IACA,sBAAsB,CAAC,cAAyB;AAC9C,UAAI,SAAS,uBAAwB,QAAO,QAAQ,uBAAuB,SAAS;AACpF,2BAAqB;AAAA,IACvB;AAAA,IACA,WAAW,CAAC,cAAyB;AACnC,UAAI,SAAS,YAAa,QAAO,QAAQ,YAAY,SAAS;AAC9D,gBAAU;AAAA,IACZ;AAAA,IACA,gBAAgB,CAAC,eAAuB;AACtC,UAAI,SAAS,iBAAkB,QAAO,QAAQ,iBAAiB,UAAU;AACzE,qBAAe,UAAU;AAAA,IAC3B;AAAA,IACA,WAAW,MAAM;AACf,aAAO,KAAK,qBAAqB,UAAU,qBAAqB;AAAA,IAClE;AAAA;AAAA,IAEA,kBAAkB,MAAM;AACtB,aAAO,KAAK,6BAA6B,UAAU,qBAAqB;AAAA,IAC1E;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,27 @@
+"use client";
+import { useEffect, useState } from "react";
+function useMyAccountModal({
+  isOpen,
+  initialSection,
+  availableSections,
+  isReady
+}) {
+  const [selectedSection, setSelectedSection] = useState(initialSection);
+  useEffect(() => {
+    if (isOpen) setSelectedSection(initialSection);
+  }, [isOpen, initialSection]);
+  const resolvedSection = selectedSection && availableSections.includes(selectedSection) ? selectedSection : availableSections[0];
+  const activeSection = isReady ? resolvedSection : void 0;
+  const setActiveSection = (section) => {
+    const available = availableSections.find((candidate) => candidate === section);
+    if (available) setSelectedSection(available);
+  };
+  return {
+    activeSection,
+    setActiveSection
+  };
+}
+export {
+  useMyAccountModal as default
+};
+//# sourceMappingURL=useMyAccountModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useMyAccountModal.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport type { MyAccountSection } from '../../../store/useAccountModals';\n\ninterface UseMyAccountModalProps {\n  isOpen: boolean;\n  initialSection?: MyAccountSection;\n  /** Seções que o usuário pode abrir, na ordem do menu (inclui sub-telas sem item de menu). */\n  availableSections: MyAccountSection[];\n  /** Enquanto o perfil não resolve, as permissões ainda não valem e nenhuma seção é escolhida. */\n  isReady: boolean;\n}\n\nexport default function useMyAccountModal({\n  isOpen,\n  initialSection,\n  availableSections,\n  isReady,\n}: UseMyAccountModalProps) {\n  const [selectedSection, setSelectedSection] = useState<MyAccountSection | undefined>(initialSection);\n\n  useEffect(() => {\n    if (isOpen) setSelectedSection(initialSection);\n  }, [isOpen, initialSection]);\n\n  const resolvedSection =\n    selectedSection && availableSections.includes(selectedSection) ? selectedSection : availableSections[0];\n  const activeSection = isReady ? resolvedSection : undefined;\n\n  const setActiveSection = (section: string) => {\n    const available = availableSections.find((candidate) => candidate === section);\n    if (available) setSelectedSection(available);\n  };\n\n  return {\n    activeSection,\n    setActiveSection,\n  };\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAYrB,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAuC,cAAc;AAEnG,YAAU,MAAM;AACd,QAAI,OAAQ,oBAAmB,cAAc;AAAA,EAC/C,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,QAAM,kBACJ,mBAAmB,kBAAkB,SAAS,eAAe,IAAI,kBAAkB,kBAAkB,CAAC;AACxG,QAAM,gBAAgB,UAAU,kBAAkB;AAElD,QAAM,mBAAmB,CAAC,YAAoB;AAC5C,UAAM,YAAY,kBAAkB,KAAK,CAAC,cAAc,cAAc,OAAO;AAC7E,QAAI,UAAW,oBAAmB,SAAS;AAAA,EAC7C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,40 @@
+"use client";
+import { useAccountModals } from "../../../store/useAccountModals";
+import { useProjectFlows } from "../../../store/useProjectFlows";
+import { useCancelledSubscriptionGuard } from "../../../modules/subscriptions/hooks/use-cancelled-subscription-guard";
+import { useHasPlanAddon } from "../../../modules/plans/hooks/use-has-plan-addon.hook";
+import { ADDON_IDS } from "../../../modules/subscriptions/constants/addons.constants";
+function useProjectsActions() {
+  const actions = useAccountModals((state) => state.config.workspaceActions?.projects);
+  const openCreateProject = useProjectFlows((state) => state.openCreateProject);
+  const openProjectDetails = useProjectFlows((state) => state.openProjectDetails);
+  const openDeleteProject = useProjectFlows((state) => state.openDeleteProject);
+  const openProjectsDisabled = useProjectFlows((state) => state.openProjectsDisabled);
+  const { guardAction } = useCancelledSubscriptionGuard();
+  const { hasAddon: canCreateProject, isLoading: isLoadingAddon } = useHasPlanAddon(ADDON_IDS.PROJECTS);
+  return {
+    createProject: () => {
+      if (isLoadingAddon) return;
+      guardAction(() => {
+        if (!canCreateProject) {
+          return actions?.onProjectsDisabled ? actions.onProjectsDisabled() : openProjectsDisabled();
+        }
+        return actions?.onCreateProject ? actions.onCreateProject() : openCreateProject();
+      });
+    },
+    openProject: (project) => {
+      if (actions?.onOpenProject) return actions.onOpenProject(project);
+      openProjectDetails(project);
+    },
+    deleteProject: (project) => {
+      guardAction(() => {
+        if (actions?.onDeleteProject) return actions.onDeleteProject(project);
+        openDeleteProject(project);
+      });
+    }
+  };
+}
+export {
+  useProjectsActions as default
+};
+//# sourceMappingURL=useProjectsActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useProjectsActions.ts"],"sourcesContent":["'use client';\n\nimport { useAccountModals } from '../../../store/useAccountModals';\nimport { useProjectFlows } from '../../../store/useProjectFlows';\nimport { useCancelledSubscriptionGuard } from '../../../modules/subscriptions/hooks/use-cancelled-subscription-guard';\nimport { useHasPlanAddon } from '../../../modules/plans/hooks/use-has-plan-addon.hook';\nimport { ADDON_IDS } from '../../../modules/subscriptions/constants/addons.constants';\nimport type { Project } from '../../../modules/projects/types';\n\n/**\n * Ações da aba Projetos. Por padrão os fluxos abrem por cima do modal (`ProjectFlows`); o app pode\n * substituir qualquer um deles pelos handlers de `<Modals workspaceActions>`.\n */\nexport default function useProjectsActions() {\n  const actions = useAccountModals((state) => state.config.workspaceActions?.projects);\n  const openCreateProject = useProjectFlows((state) => state.openCreateProject);\n  const openProjectDetails = useProjectFlows((state) => state.openProjectDetails);\n  const openDeleteProject = useProjectFlows((state) => state.openDeleteProject);\n  const openProjectsDisabled = useProjectFlows((state) => state.openProjectsDisabled);\n  const { guardAction } = useCancelledSubscriptionGuard();\n  const { hasAddon: canCreateProject, isLoading: isLoadingAddon } = useHasPlanAddon(ADDON_IDS.PROJECTS);\n\n  return {\n    createProject: () => {\n      if (isLoadingAddon) return;\n      guardAction(() => {\n        if (!canCreateProject) {\n          return actions?.onProjectsDisabled ? actions.onProjectsDisabled() : openProjectsDisabled();\n        }\n        return actions?.onCreateProject ? actions.onCreateProject() : openCreateProject();\n      });\n    },\n    openProject: (project: Project) => {\n      if (actions?.onOpenProject) return actions.onOpenProject(project);\n      openProjectDetails(project);\n    },\n    deleteProject: (project: Project) => {\n      guardAction(() => {\n        if (actions?.onDeleteProject) return actions.onDeleteProject(project);\n        openDeleteProject(project);\n      });\n    },\n  };\n}\n"],"mappings":";AAEA,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAOX,SAAR,qBAAsC;AAC3C,QAAM,UAAU,iBAAiB,CAAC,UAAU,MAAM,OAAO,kBAAkB,QAAQ;AACnF,QAAM,oBAAoB,gBAAgB,CAAC,UAAU,MAAM,iBAAiB;AAC5E,QAAM,qBAAqB,gBAAgB,CAAC,UAAU,MAAM,kBAAkB;AAC9E,QAAM,oBAAoB,gBAAgB,CAAC,UAAU,MAAM,iBAAiB;AAC5E,QAAM,uBAAuB,gBAAgB,CAAC,UAAU,MAAM,oBAAoB;AAClF,QAAM,EAAE,YAAY,IAAI,8BAA8B;AACtD,QAAM,EAAE,UAAU,kBAAkB,WAAW,eAAe,IAAI,gBAAgB,UAAU,QAAQ;AAEpG,SAAO;AAAA,IACL,eAAe,MAAM;AACnB,UAAI,eAAgB;AACpB,kBAAY,MAAM;AAChB,YAAI,CAAC,kBAAkB;AACrB,iBAAO,SAAS,qBAAqB,QAAQ,mBAAmB,IAAI,qBAAqB;AAAA,QAC3F;AACA,eAAO,SAAS,kBAAkB,QAAQ,gBAAgB,IAAI,kBAAkB;AAAA,MAClF,CAAC;AAAA,IACH;AAAA,IACA,aAAa,CAAC,YAAqB;AACjC,UAAI,SAAS,cAAe,QAAO,QAAQ,cAAc,OAAO;AAChE,yBAAmB,OAAO;AAAA,IAC5B;AAAA,IACA,eAAe,CAAC,YAAqB;AACnC,kBAAY,MAAM;AAChB,YAAI,SAAS,gBAAiB,QAAO,QAAQ,gBAAgB,OAAO;AACpE,0BAAkB,OAAO;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,87 @@
+"use client";
+import { useAddCardWithPaymentSwitch } from "./useAddCardWithPaymentSwitch";
+import { useCards } from "../../../modules/cards/hooks/cards.hook";
+import { useCurrentSubscription } from "../../../modules/subscriptions/hooks/use-current-subscription.hook";
+import { useAccountModals } from "../../../store/useAccountModals";
+import { useModalManager } from "../../../store/useModalManager";
+import { useSubscriptionFlows } from "../../../store/useSubscriptionFlows";
+import { useExternalContracting } from "../../../providers/whitelabel.provider";
+import { WorkspaceSectionType } from "../../../enums/WorkspaceSectionType";
+function useSubscriptionActions() {
+  const actions = useAccountModals((state) => state.config.workspaceActions?.subscription);
+  const openWorkspace = useAccountModals((state) => state.openWorkspace);
+  const { redirectToExternal } = useExternalContracting();
+  const { openModal } = useModalManager();
+  const { openAddCard } = useAddCardWithPaymentSwitch();
+  const { data: cardsData } = useCards();
+  const { data: subscriptionData } = useCurrentSubscription();
+  const openReceipt = useSubscriptionFlows((state) => state.openReceipt);
+  const openPayChargeFlow = useSubscriptionFlows((state) => state.openPayCharge);
+  const openBillingAddress = useSubscriptionFlows((state) => state.openBillingAddress);
+  const openPlanDetails = useSubscriptionFlows((state) => state.openPlanDetails);
+  const openUsageReport = useSubscriptionFlows((state) => state.openUsageReport);
+  const openCancelPlan = useSubscriptionFlows((state) => state.openCancelPlan);
+  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);
+  const openPlansCatalog = useSubscriptionFlows((state) => state.openPlansCatalog);
+  const openPendingChange = useSubscriptionFlows((state) => state.openPendingChange);
+  return {
+    choosePlan: () => {
+      if (redirectToExternal("plans")) return;
+      if (actions?.onChoosePlan) return actions.onChoosePlan();
+      openWorkspace(WorkspaceSectionType.SUBSCRIPTION);
+      openPlansCatalog();
+    },
+    changePlan: () => {
+      if (redirectToExternal("contracting")) return;
+      if (actions?.onChangePlan) return actions.onChangePlan();
+      openChangePlan();
+    },
+    cancelPlan: () => {
+      if (redirectToExternal("contracting")) return;
+      if (actions?.onCancelPlan) return actions.onCancelPlan();
+      openCancelPlan();
+    },
+    editBillingAddress: () => {
+      if (redirectToExternal("contracting")) return;
+      if (actions?.onEditBillingAddress) return actions.onEditBillingAddress();
+      openBillingAddress();
+    },
+    viewPlanDetails: () => {
+      if (actions?.onViewPlanDetails) return actions.onViewPlanDetails();
+      openPlanDetails();
+    },
+    viewPendingChange: (pendingChange) => {
+      if (actions?.onViewPendingChange) return actions.onViewPendingChange(pendingChange);
+      openPendingChange(pendingChange);
+    },
+    viewUsageReport: () => {
+      if (actions?.onViewUsageReport) return actions.onViewUsageReport();
+      openUsageReport();
+    },
+    addCard: () => {
+      if (actions?.onAddCard) return actions.onAddCard();
+      const hasCard = (cardsData?.data?.length ?? 0) > 0;
+      if (subscriptionData?.data?.[0] && !hasCard) {
+        openModal("addFirstCardWarningModal");
+        return;
+      }
+      openAddCard();
+    },
+    payCharge: (charge) => {
+      if (redirectToExternal("contracting")) return;
+      if (actions?.onPayCharge) return actions.onPayCharge(charge);
+      openPayChargeFlow(charge);
+    },
+    viewCharge: (charge) => {
+      if (actions?.onViewCharge) return actions.onViewCharge(charge);
+      openReceipt(charge);
+    },
+    downloadCharge: (url) => {
+      window.open(url, "_blank", "noopener,noreferrer");
+    }
+  };
+}
+export {
+  useSubscriptionActions as default
+};
+//# sourceMappingURL=useSubscriptionActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useSubscriptionActions.ts"],"sourcesContent":["'use client';\n\nimport { useAddCardWithPaymentSwitch } from './useAddCardWithPaymentSwitch';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useCurrentSubscription } from '../../../modules/subscriptions/hooks/use-current-subscription.hook';\nimport { useAccountModals } from '../../../store/useAccountModals';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useSubscriptionFlows } from '../../../store/useSubscriptionFlows';\nimport { useExternalContracting } from '../../../providers/whitelabel.provider';\nimport { WorkspaceSectionType } from '../../../enums/WorkspaceSectionType';\nimport type { Charge } from '../../../modules/charges/types/charge.type';\nimport type { Subscription } from '../../../modules/subscriptions/types/subscription.type';\n\ntype PendingChange = NonNullable<Subscription['pending_change']>;\n\n/**\n * Ações da aba Assinatura. Cada ação usa o handler que o app registrou em\n * `<Modals workspaceActions>`; sem handler, leva para a tela de assinatura em `accounts_url`\n * (deep link quando a tela tem um). Contratação externa do whitelabel tem prioridade, igual à tela.\n */\nexport default function useSubscriptionActions() {\n  const actions = useAccountModals((state) => state.config.workspaceActions?.subscription);\n  const openWorkspace = useAccountModals((state) => state.openWorkspace);\n  const { redirectToExternal } = useExternalContracting();\n  const { openModal } = useModalManager();\n  const { openAddCard } = useAddCardWithPaymentSwitch();\n  const { data: cardsData } = useCards();\n  const { data: subscriptionData } = useCurrentSubscription();\n  const openReceipt = useSubscriptionFlows((state) => state.openReceipt);\n  const openPayChargeFlow = useSubscriptionFlows((state) => state.openPayCharge);\n  const openBillingAddress = useSubscriptionFlows((state) => state.openBillingAddress);\n  const openPlanDetails = useSubscriptionFlows((state) => state.openPlanDetails);\n  const openUsageReport = useSubscriptionFlows((state) => state.openUsageReport);\n  const openCancelPlan = useSubscriptionFlows((state) => state.openCancelPlan);\n  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);\n  const openPlansCatalog = useSubscriptionFlows((state) => state.openPlansCatalog);\n  const openPendingChange = useSubscriptionFlows((state) => state.openPendingChange);\n\n  return {\n    choosePlan: () => {\n      if (redirectToExternal('plans')) return;\n      if (actions?.onChoosePlan) return actions.onChoosePlan();\n      openWorkspace(WorkspaceSectionType.SUBSCRIPTION);\n      openPlansCatalog();\n    },\n    changePlan: () => {\n      if (redirectToExternal('contracting')) return;\n      if (actions?.onChangePlan) return actions.onChangePlan();\n      openChangePlan();\n    },\n    cancelPlan: () => {\n      if (redirectToExternal('contracting')) return;\n      if (actions?.onCancelPlan) return actions.onCancelPlan();\n      openCancelPlan();\n    },\n    editBillingAddress: () => {\n      if (redirectToExternal('contracting')) return;\n      if (actions?.onEditBillingAddress) return actions.onEditBillingAddress();\n      openBillingAddress();\n    },\n    viewPlanDetails: () => {\n      if (actions?.onViewPlanDetails) return actions.onViewPlanDetails();\n      openPlanDetails();\n    },\n    viewPendingChange: (pendingChange: PendingChange) => {\n      if (actions?.onViewPendingChange) return actions.onViewPendingChange(pendingChange);\n      openPendingChange(pendingChange);\n    },\n    viewUsageReport: () => {\n      if (actions?.onViewUsageReport) return actions.onViewUsageReport();\n      openUsageReport();\n    },\n    addCard: () => {\n      if (actions?.onAddCard) return actions.onAddCard();\n\n      // Primeiro cartão de quem já tem assinatura: avisa que ele vira a forma de pagamento antes\n      // de abrir o cadastro — o cartão passa a valer para a próxima fatura.\n      const hasCard = (cardsData?.data?.length ?? 0) > 0;\n      if (subscriptionData?.data?.[0] && !hasCard) {\n        openModal('addFirstCardWarningModal');\n        return;\n      }\n\n      openAddCard();\n    },\n    payCharge: (charge: Charge) => {\n      if (redirectToExternal('contracting')) return;\n      if (actions?.onPayCharge) return actions.onPayCharge(charge);\n      openPayChargeFlow(charge);\n    },\n    viewCharge: (charge: Charge) => {\n      if (actions?.onViewCharge) return actions.onViewCharge(charge);\n      openReceipt(charge);\n    },\n    downloadCharge: (url: string) => {\n      window.open(url, '_blank', 'noopener,noreferrer');\n    },\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,31 @@
+"use client";
+import { useAccountModals } from "../../../store/useAccountModals";
+import { useTeamFlows } from "../../../store/useTeamFlows";
+import { useCancelledSubscriptionGuard } from "../../../modules/subscriptions/hooks/use-cancelled-subscription-guard";
+function useTeamActions() {
+  const actions = useAccountModals((state) => state.config.workspaceActions?.team);
+  const openAddUser = useTeamFlows((state) => state.openAddUser);
+  const openEditUser = useTeamFlows((state) => state.openEditUser);
+  const openDeleteUser = useTeamFlows((state) => state.openDeleteUser);
+  const { guardAction } = useCancelledSubscriptionGuard();
+  return {
+    addUser: () => {
+      guardAction(() => {
+        if (actions?.onAddUser) return actions.onAddUser();
+        openAddUser();
+      });
+    },
+    editUser: (user) => {
+      if (actions?.onEditUser) return actions.onEditUser(user);
+      openEditUser(user);
+    },
+    deleteUser: (user) => {
+      if (actions?.onDeleteUser) return actions.onDeleteUser(user);
+      openDeleteUser(user);
+    }
+  };
+}
+export {
+  useTeamActions as default
+};
+//# sourceMappingURL=useTeamActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/hooks/useTeamActions.ts"],"sourcesContent":["'use client';\n\nimport { useAccountModals } from '../../../store/useAccountModals';\nimport { useTeamFlows } from '../../../store/useTeamFlows';\nimport { useCancelledSubscriptionGuard } from '../../../modules/subscriptions/hooks/use-cancelled-subscription-guard';\nimport type { User } from '../../../modules/users/schema';\n\n/**\n * Ações da aba Minha equipe. Por padrão os fluxos abrem por cima do modal (`TeamFlows`); o app pode\n * substituir qualquer um deles pelos handlers de `<Modals workspaceActions>`.\n */\nexport default function useTeamActions() {\n  const actions = useAccountModals((state) => state.config.workspaceActions?.team);\n  const openAddUser = useTeamFlows((state) => state.openAddUser);\n  const openEditUser = useTeamFlows((state) => state.openEditUser);\n  const openDeleteUser = useTeamFlows((state) => state.openDeleteUser);\n  const { guardAction } = useCancelledSubscriptionGuard();\n\n  return {\n    addUser: () => {\n      guardAction(() => {\n        if (actions?.onAddUser) return actions.onAddUser();\n        openAddUser();\n      });\n    },\n    editUser: (user: User) => {\n      if (actions?.onEditUser) return actions.onEditUser(user);\n      openEditUser(user);\n    },\n    deleteUser: (user: User) => {\n      if (actions?.onDeleteUser) return actions.onDeleteUser(user);\n      openDeleteUser(user);\n    },\n  };\n}\n"],"mappings":";AAEA,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,qCAAqC;AAO/B,SAAR,iBAAkC;AACvC,QAAM,UAAU,iBAAiB,CAAC,UAAU,MAAM,OAAO,kBAAkB,IAAI;AAC/E,QAAM,cAAc,aAAa,CAAC,UAAU,MAAM,WAAW;AAC7D,QAAM,eAAe,aAAa,CAAC,UAAU,MAAM,YAAY;AAC/D,QAAM,iBAAiB,aAAa,CAAC,UAAU,MAAM,cAAc;AACnE,QAAM,EAAE,YAAY,IAAI,8BAA8B;AAEtD,SAAO;AAAA,IACL,SAAS,MAAM;AACb,kBAAY,MAAM;AAChB,YAAI,SAAS,UAAW,QAAO,QAAQ,UAAU;AACjD,oBAAY;AAAA,MACd,CAAC;AAAA,IACH;AAAA,IACA,UAAU,CAAC,SAAe;AACxB,UAAI,SAAS,WAAY,QAAO,QAAQ,WAAW,IAAI;AACvD,mBAAa,IAAI;AAAA,IACnB;AAAA,IACA,YAAY,CAAC,SAAe;AAC1B,UAAI,SAAS,aAAc,QAAO,QAAQ,aAAa,IAAI;AAC3D,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}