@faststore/core 4.4.0-dev.0 → 4.4.0-dev.1

package/src/components/sections/Account/AccountNavigation.tsx

@@ -0,0 +1,5 @@
+const AccountNavigation = () => null
+
+AccountNavigation.$componentKey = 'AccountNavigation'
+
+export default AccountNavigation

package/src/components/sections/Account/AccountOrderBudgets.tsx

@@ -0,0 +1,35 @@
+import BudgetsCard from 'src/components/account/orders/OrderDetails/BudgetsCard'
+import {
+  type OrderBudgetsSectionLabels,
+  defaultOrderBudgetsLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderBudgetsProps = OrderBudgetsSectionLabels
+
+const AccountOrderBudgets = (props: AccountOrderBudgetsProps) => {
+  const labels = { ...defaultOrderBudgetsLabels, ...props }
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order?.budgetData) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-budgets">
+      <BudgetsCard
+        budgetData={order.budgetData}
+        currencyCode={order.storePreferencesData.currencyCode}
+        labels={labels}
+      />
+    </Section>
+  )
+}
+
+AccountOrderBudgets.$componentKey = 'AccountOrderBudgets'
+
+export default AccountOrderBudgets

package/src/components/sections/Account/AccountOrderDelivery.tsx

@@ -0,0 +1,57 @@
+import DeliveryCard from 'src/components/account/orders/OrderDetails/DeliveryCard'
+import { DeliveryOptionAccordion } from 'src/components/account/orders/OrderDetails/DeliveryOptionAccordion'
+import {
+  type OrderDeliverySectionLabels,
+  defaultOrderDeliveryLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import type {
+  UserOrderDeliveryOption,
+  UserOrderDeliveryOptionsData,
+} from '@generated/graphql'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderDeliveryProps = OrderDeliverySectionLabels
+
+const AccountOrderDelivery = (props: AccountOrderDeliveryProps) => {
+  const labels = { ...defaultOrderDeliveryLabels, ...props }
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order?.deliveryOptionsData) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-delivery">
+      <DeliveryCard
+        deliveryOptionsData={
+          order.deliveryOptionsData as UserOrderDeliveryOptionsData
+        }
+        fields={
+          order.customFields?.find((field) => field.type === 'address')
+            ?.fields || []
+        }
+        title={labels.deliveryTitle}
+      />
+      {order.deliveryOptionsData.deliveryOptions.map((option) => (
+        <DeliveryOptionAccordion
+          key={option.friendlyDeliveryOptionName}
+          deliveryOption={option as UserOrderDeliveryOption}
+          contact={order.deliveryOptionsData.contact}
+          currencyCode={order.storePreferencesData.currencyCode}
+          customFields={order.customFields.filter(
+            (field) => field.type === 'item'
+          )}
+          labels={labels}
+        />
+      ))}
+    </Section>
+  )
+}
+
+AccountOrderDelivery.$componentKey = 'AccountOrderDelivery'
+
+export default AccountOrderDelivery

package/src/components/sections/Account/AccountOrderDetails.tsx

@@ -0,0 +1,57 @@
+import {
+  OrderDetailsHeader,
+  type OrderDetailsHeaderProps,
+} from 'src/components/account/orders/OrderDetails/OrderDetailsHeader'
+import { defaultOrderDetailsHeaderLabels } from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderDetailsProps = OrderDetailsHeaderProps['labels']
+
+const AccountOrderDetails = ({
+  orderNumberPrefix = defaultOrderDetailsHeaderLabels.orderNumberPrefix,
+  goBackLabel = defaultOrderDetailsHeaderLabels.goBackLabel,
+  cancelOrderLabel = defaultOrderDetailsHeaderLabels.cancelOrderLabel,
+  reorderLabel = defaultOrderDetailsHeaderLabels.reorderLabel,
+  notNowLabel = defaultOrderDetailsHeaderLabels.notNowLabel,
+  cancelConfirmMessage = defaultOrderDetailsHeaderLabels.cancelConfirmMessage,
+  cancelSuccessToast = defaultOrderDetailsHeaderLabels.cancelSuccessToast,
+  cancelErrorToast = defaultOrderDetailsHeaderLabels.cancelErrorToast,
+  approveLabel = defaultOrderDetailsHeaderLabels.approveLabel,
+  rejectLabel = defaultOrderDetailsHeaderLabels.rejectLabel,
+}: AccountOrderDetailsProps) => {
+  const { order, orderStatusLabels } =
+    useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-details">
+      <OrderDetailsHeader
+        order={order}
+        statusLabels={orderStatusLabels}
+        labels={{
+          orderNumberPrefix,
+          goBackLabel,
+          cancelOrderLabel,
+          reorderLabel,
+          notNowLabel,
+          cancelConfirmMessage,
+          cancelSuccessToast,
+          cancelErrorToast,
+          approveLabel,
+          rejectLabel,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountOrderDetails.$componentKey = 'AccountOrderDetails'
+
+export default AccountOrderDetails

package/src/components/sections/Account/AccountOrderMoreInfo.tsx

@@ -0,0 +1,39 @@
+import MoreInformationCard from 'src/components/account/orders/OrderDetails/MoreInformationCard'
+import {
+  type OrderMoreInfoSectionLabels,
+  defaultOrderMoreInfoLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderMoreInfoProps = OrderMoreInfoSectionLabels
+
+const AccountOrderMoreInfo = ({
+  moreInfoTitle = defaultOrderMoreInfoLabels.moreInfoTitle,
+}: AccountOrderMoreInfoProps) => {
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  const moreInformationCustomFields = order?.customFields?.find(
+    (field) => field.type === 'order'
+  )?.fields
+
+  if (!moreInformationCustomFields?.length) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-more-info">
+      <MoreInformationCard
+        fields={moreInformationCustomFields}
+        title={moreInfoTitle}
+      />
+    </Section>
+  )
+}
+
+AccountOrderMoreInfo.$componentKey = 'AccountOrderMoreInfo'
+
+export default AccountOrderMoreInfo

package/src/components/sections/Account/AccountOrderOrderedBy.tsx

@@ -0,0 +1,36 @@
+import OrderedByCard from 'src/components/account/orders/OrderDetails/OrderedByCard'
+import {
+  type OrderOrderedBySectionLabels,
+  defaultOrderOrderedByLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderOrderedByProps = OrderOrderedBySectionLabels
+
+const AccountOrderOrderedBy = ({
+  orderedByTitle = defaultOrderOrderedByLabels.orderedByTitle,
+}: AccountOrderOrderedByProps) => {
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-ordered-by">
+      <OrderedByCard
+        clientProfileData={order.clientProfileData}
+        shopper={order.shopper}
+        title={orderedByTitle}
+      />
+    </Section>
+  )
+}
+
+AccountOrderOrderedBy.$componentKey = 'AccountOrderOrderedBy'
+
+export default AccountOrderOrderedBy

package/src/components/sections/Account/AccountOrderPayment.tsx

@@ -0,0 +1,36 @@
+import PaymentCard from 'src/components/account/orders/OrderDetails/PaymentCard'
+import {
+  type OrderPaymentSectionLabels,
+  defaultOrderPaymentLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderPaymentProps = OrderPaymentSectionLabels
+
+const AccountOrderPayment = (props: AccountOrderPaymentProps) => {
+  const labels = { ...defaultOrderPaymentLabels, ...props }
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-payment">
+      <PaymentCard
+        currencyCode={order.storePreferencesData.currencyCode}
+        paymentData={order.paymentData}
+        allowCancellation={order.allowCancellation}
+        labels={labels}
+      />
+    </Section>
+  )
+}
+
+AccountOrderPayment.$componentKey = 'AccountOrderPayment'
+
+export default AccountOrderPayment

package/src/components/sections/Account/AccountOrderStatus.tsx

@@ -0,0 +1,49 @@
+import StatusCard from 'src/components/account/orders/OrderDetails/StatusCard'
+import {
+  type OrderStatusSectionLabels,
+  defaultOrderStatusLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import type { OrderStatusKey } from 'src/utils/userOrderStatus'
+import Section from '../Section'
+
+export type AccountOrderStatusProps = OrderStatusSectionLabels
+
+const AccountOrderStatus = ({
+  statusTitle = defaultOrderStatusLabels.statusTitle,
+  orderPlacedStep = defaultOrderStatusLabels.orderPlacedStep,
+  paymentPendingStep = defaultOrderStatusLabels.paymentPendingStep,
+  handlingStep = defaultOrderStatusLabels.handlingStep,
+  invoicedStep = defaultOrderStatusLabels.invoicedStep,
+  deliveredStep = defaultOrderStatusLabels.deliveredStep,
+}: AccountOrderStatusProps) => {
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-status">
+      <StatusCard
+        status={order.status as OrderStatusKey}
+        creationDate={order.creationDate}
+        labels={{
+          statusTitle,
+          orderPlacedStep,
+          paymentPendingStep,
+          handlingStep,
+          invoicedStep,
+          deliveredStep,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountOrderStatus.$componentKey = 'AccountOrderStatus'
+
+export default AccountOrderStatus

package/src/components/sections/Account/AccountOrderSummary.tsx

@@ -0,0 +1,36 @@
+import SummaryCard from 'src/components/account/orders/OrderDetails/SummaryCard'
+import {
+  type OrderSummarySectionLabels,
+  defaultOrderSummaryLabels,
+} from 'src/components/account/orders/OrderDetails/orderDetailsLabels'
+import {
+  type AccountOrderDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrderSummaryProps = OrderSummarySectionLabels
+
+const AccountOrderSummary = (props: AccountOrderSummaryProps) => {
+  const labels = { ...defaultOrderSummaryLabels, ...props }
+  const { order } = useAccountPageData<AccountOrderDetailsPageData>()
+
+  if (!order) {
+    return null
+  }
+
+  return (
+    <Section className="section-account-order-summary">
+      <SummaryCard
+        totals={order.totals}
+        currencyCode={order.storePreferencesData.currencyCode}
+        transactions={order.paymentData.transactions}
+        labels={labels}
+      />
+    </Section>
+  )
+}
+
+AccountOrderSummary.$componentKey = 'AccountOrderSummary'
+
+export default AccountOrderSummary

package/src/components/sections/Account/AccountOrdersList.tsx

@@ -0,0 +1,89 @@
+import { ListOrders } from 'src/components/account/orders/ListOrders'
+import type { ListOrdersSectionLabels } from 'src/components/account/orders/ListOrders/listOrdersLabels'
+import { defaultListOrdersLabels } from 'src/components/account/orders/ListOrders/listOrdersLabels'
+import {
+  type AccountOrdersListPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountOrdersListProps = ListOrdersSectionLabels
+
+const AccountOrdersList = ({
+  pageTitle = defaultListOrdersLabels.pageTitle,
+  searchPlaceholder = defaultListOrdersLabels.searchPlaceholder,
+  filtersLabel = defaultListOrdersLabels.filtersLabel,
+  clearAllLabel = defaultListOrdersLabels.clearAllLabel,
+  viewResultsLabel = defaultListOrdersLabels.viewResultsLabel,
+  noResultsLabel = defaultListOrdersLabels.noResultsLabel,
+  noOrdersLabel = defaultListOrdersLabels.noOrdersLabel,
+  startShoppingLabel = defaultListOrdersLabels.startShoppingLabel,
+  placedOnLabel = defaultListOrdersLabels.placedOnLabel,
+  deliveryByLabel = defaultListOrdersLabels.deliveryByLabel,
+  pendingApprovalLabel = defaultListOrdersLabels.pendingApprovalLabel,
+  paginationOfLabel = defaultListOrdersLabels.paginationOfLabel,
+  previousPageLabel = defaultListOrdersLabels.previousPageLabel,
+  nextPageLabel = defaultListOrdersLabels.nextPageLabel,
+  viewAllLabel = defaultListOrdersLabels.viewAllLabel,
+  viewLessLabel = defaultListOrdersLabels.viewLessLabel,
+  fromLabel = defaultListOrdersLabels.fromLabel,
+  toLabel = defaultListOrdersLabels.toLabel,
+  invalidDateRangeLabel = defaultListOrdersLabels.invalidDateRangeLabel,
+  orderPlacedStatus = defaultListOrdersLabels.orderPlacedStatus,
+  pendingApprovalStatus = defaultListOrdersLabels.pendingApprovalStatus,
+  paymentPendingStatus = defaultListOrdersLabels.paymentPendingStatus,
+  paymentApprovedStatus = defaultListOrdersLabels.paymentApprovedStatus,
+  paymentDeniedStatus = defaultListOrdersLabels.paymentDeniedStatus,
+  readyForDeliveryStatus = defaultListOrdersLabels.readyForDeliveryStatus,
+  invoicedStatus = defaultListOrdersLabels.invoicedStatus,
+  cancellationRequestedStatus = defaultListOrdersLabels.cancellationRequestedStatus,
+  canceledStatus = defaultListOrdersLabels.canceledStatus,
+}: AccountOrdersListProps) => {
+  const { listOrders, total, perPage, filters } =
+    useAccountPageData<AccountOrdersListPageData>()
+
+  return (
+    <Section className="section-account-orders-list">
+      <ListOrders
+        listOrders={listOrders}
+        total={total}
+        perPage={perPage}
+        filters={filters}
+        labels={{
+          pageTitle,
+          searchPlaceholder,
+          filtersLabel,
+          clearAllLabel,
+          viewResultsLabel,
+          noResultsLabel,
+          noOrdersLabel,
+          startShoppingLabel,
+          placedOnLabel,
+          deliveryByLabel,
+          pendingApprovalLabel,
+          paginationOfLabel,
+          previousPageLabel,
+          nextPageLabel,
+          viewAllLabel,
+          viewLessLabel,
+          fromLabel,
+          toLabel,
+          invalidDateRangeLabel,
+          orderPlacedStatus,
+          pendingApprovalStatus,
+          paymentPendingStatus,
+          paymentApprovedStatus,
+          paymentDeniedStatus,
+          readyForDeliveryStatus,
+          invoicedStatus,
+          cancellationRequestedStatus,
+          canceledStatus,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountOrdersList.$componentKey = 'AccountOrdersList'
+
+export default AccountOrdersList

package/src/components/sections/Account/AccountProfile.tsx

@@ -0,0 +1,46 @@
+import {
+  ProfileSection,
+  type ProfileSectionLabels,
+} from 'src/components/account/profile'
+import { useAccountPageData } from 'src/sdk/account/accountPageContext'
+import type { AccountProfilePageData } from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountProfileProps = ProfileSectionLabels
+
+const defaultLabels: Required<ProfileSectionLabels> = {
+  pageTitle: 'Profile',
+  nameLabel: 'Name',
+  emailLabel: 'Email',
+  idLabel: 'ID',
+  createdDateLabel: 'Created date',
+}
+
+const AccountProfile = ({
+  pageTitle = defaultLabels.pageTitle,
+  nameLabel = defaultLabels.nameLabel,
+  emailLabel = defaultLabels.emailLabel,
+  idLabel = defaultLabels.idLabel,
+  createdDateLabel = defaultLabels.createdDateLabel,
+}: AccountProfileProps) => {
+  const { profile } = useAccountPageData<AccountProfilePageData>()
+
+  return (
+    <Section className="section-account-profile">
+      <ProfileSection
+        profile={profile}
+        labels={{
+          pageTitle,
+          nameLabel,
+          emailLabel,
+          idLabel,
+          createdDateLabel,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountProfile.$componentKey = 'AccountProfile'
+
+export default AccountProfile

package/src/components/sections/Account/AccountSecurity.tsx

@@ -0,0 +1,65 @@
+import { SecuritySection } from 'src/components/account/security'
+import type { SecuritySectionLabels } from 'src/components/account/security/securityLabels'
+import { defaultSecurityLabels } from 'src/components/account/security/securityLabels'
+import {
+  type AccountSecurityPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountSecurityProps = SecuritySectionLabels
+
+const AccountSecurity = ({
+  pageTitle = defaultSecurityLabels.pageTitle,
+  passwordLabel = defaultSecurityLabels.passwordLabel,
+  resetPasswordLabel = defaultSecurityLabels.resetPasswordLabel,
+  currentPasswordLabel = defaultSecurityLabels.currentPasswordLabel,
+  newPasswordLabel = defaultSecurityLabels.newPasswordLabel,
+  showPasswordAria = defaultSecurityLabels.showPasswordAria,
+  cancelLabel = defaultSecurityLabels.cancelLabel,
+  savePasswordLabel = defaultSecurityLabels.savePasswordLabel,
+  passwordRulesIntro = defaultSecurityLabels.passwordRulesIntro,
+  rule8Chars = defaultSecurityLabels.rule8Chars,
+  rule1Uppercase = defaultSecurityLabels.rule1Uppercase,
+  rule1Lowercase = defaultSecurityLabels.rule1Lowercase,
+  rule1Number = defaultSecurityLabels.rule1Number,
+  emailRequiredError = defaultSecurityLabels.emailRequiredError,
+  allFieldsRequiredError = defaultSecurityLabels.allFieldsRequiredError,
+  samePasswordError = defaultSecurityLabels.samePasswordError,
+  passwordUpdatedToast = defaultSecurityLabels.passwordUpdatedToast,
+  passwordFailedToast = defaultSecurityLabels.passwordFailedToast,
+}: AccountSecurityProps) => {
+  const { userEmail } = useAccountPageData<AccountSecurityPageData>()
+
+  return (
+    <Section className="section-account-security">
+      <SecuritySection
+        userEmail={userEmail}
+        labels={{
+          pageTitle,
+          passwordLabel,
+          resetPasswordLabel,
+          currentPasswordLabel,
+          newPasswordLabel,
+          showPasswordAria,
+          cancelLabel,
+          savePasswordLabel,
+          passwordRulesIntro,
+          rule8Chars,
+          rule1Uppercase,
+          rule1Lowercase,
+          rule1Number,
+          emailRequiredError,
+          allFieldsRequiredError,
+          samePasswordError,
+          passwordUpdatedToast,
+          passwordFailedToast,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountSecurity.$componentKey = 'AccountSecurity'
+
+export default AccountSecurity

package/src/components/sections/Account/AccountUnauthorized.tsx

@@ -0,0 +1,40 @@
+import { LinkButton } from '@faststore/ui'
+import { OverriddenDefaultEmptyState as EmptyState } from 'src/components/sections/EmptyState/OverriddenDefaultEmptyState'
+import Section from '../Section'
+
+export type AccountUnauthorizedProps = {
+  title?: string
+  subtitle?: string
+  backLabel?: string
+}
+
+const defaultLabels = {
+  title: 'Unauthorized Access',
+  subtitle: "You don't have permission to access this page.",
+  backLabel: 'Back to Account',
+}
+
+const AccountUnauthorized = ({
+  title = defaultLabels.title,
+  subtitle = defaultLabels.subtitle,
+  backLabel = defaultLabels.backLabel,
+}: AccountUnauthorizedProps) => {
+  return (
+    <Section className="section-account-unauthorized">
+      <EmptyState
+        title={title}
+        titleIcon={{ icon: 'ShoppingCart', alt: 'Shopping Cart' }}
+        subtitle={subtitle}
+        showLoader={false}
+      >
+        <LinkButton variant="secondary" href="/pvt/account">
+          {backLabel}
+        </LinkButton>
+      </EmptyState>
+    </Section>
+  )
+}
+
+AccountUnauthorized.$componentKey = 'AccountUnauthorized'
+
+export default AccountUnauthorized

package/src/components/sections/Account/AccountUserDetails.tsx

@@ -0,0 +1,43 @@
+import UserDetails from 'src/components/account/UserDetails/UserDetails'
+import type { UserDetailsSectionLabels } from 'src/components/account/UserDetails/userDetailsLabels'
+import { defaultUserDetailsLabels } from 'src/components/account/UserDetails/userDetailsLabels'
+import {
+  type AccountUserDetailsPageData,
+  useAccountPageData,
+} from 'src/sdk/account/accountPageContext'
+import Section from '../Section'
+
+export type AccountUserDetailsProps = UserDetailsSectionLabels
+
+const AccountUserDetails = ({
+  pageTitle = defaultUserDetailsLabels.pageTitle,
+  nameLabel = defaultUserDetailsLabels.nameLabel,
+  usernameLabel = defaultUserDetailsLabels.usernameLabel,
+  emailLabel = defaultUserDetailsLabels.emailLabel,
+  phoneLabel = defaultUserDetailsLabels.phoneLabel,
+  roleLabel = defaultUserDetailsLabels.roleLabel,
+  orgUnitLabel = defaultUserDetailsLabels.orgUnitLabel,
+}: AccountUserDetailsProps) => {
+  const { userDetails } = useAccountPageData<AccountUserDetailsPageData>()
+
+  return (
+    <Section className="section-account-user-details">
+      <UserDetails
+        userDetails={userDetails}
+        labels={{
+          pageTitle,
+          nameLabel,
+          usernameLabel,
+          emailLabel,
+          phoneLabel,
+          roleLabel,
+          orgUnitLabel,
+        }}
+      />
+    </Section>
+  )
+}
+
+AccountUserDetails.$componentKey = 'AccountUserDetails'
+
+export default AccountUserDetails

package/src/experimental/index.ts

@@ -41,7 +41,7 @@ export { useShippingSimulation as useShippingSimulation_unstable } from '../../s
 export { default as useScreenResize_unstable } from '../../src/sdk/ui/useScreenResize'
 
 // Components
-export { OrganizationSignInButton as OrganizationSignInButton_unstable } from '../../src/components/account/MyAccountDrawer/OrganizationSignInButton'
+export { OrganizationSignInButton as OrganizationSignInButton_unstable } from '../../src/components/account/Drawer/OrganizationSignInButton'
 export { ProfileChallenge as ProfileChallenge_unstable } from '../../src/components/auth/ProfileChallenge'
 export { ButtonSignIn as ButtonSignIn_unstable } from '../../src/components/ui/Button'
 

package/src/pages/_app.tsx

@@ -6,7 +6,7 @@ import { useRouter } from 'next/router'
 import { useSearch } from '@faststore/sdk'
 import { UIProvider } from '@faststore/ui'
 
-import { useReloadAfterLogoutReturn } from 'src/components/account/MyAccountDrawer/OrganizationDrawer/useReloadAfterLogoutReturn'
+import { useReloadAfterLogoutReturn } from 'src/components/account/Drawer/OrganizationDrawer/useReloadAfterLogoutReturn'
 import ThirdPartyScripts from 'src/components/ThirdPartyScripts'
 import Layout from 'src/Layout'
 import AnalyticsHandler from 'src/sdk/analytics'