@sgftech/medusa-plugin-product-variant-licenses 0.0.1

package/.cache/admin/src/domain/orders/new/form/index.tsx

@@ -0,0 +1,212 @@
+import { Product, Region, ShippingOption } from "@medusajs/medusa"
+import {
+  useAdminRegion,
+  useAdminShippingOption,
+  useAdminShippingOptions,
+  useMedusa,
+} from "medusa-react"
+import { createContext, ReactNode, useContext, useEffect, useMemo } from "react"
+import {
+  FormProvider,
+  useFieldArray,
+  UseFieldArrayReturn,
+  useForm,
+  useFormContext,
+  useWatch,
+} from "react-hook-form"
+import { useTranslation } from "react-i18next"
+import { AddressPayload } from "../../../../components/templates/address-form"
+import { Option } from "../../../../types/shared"
+import { extractUnitPrice } from "../../../../utils/prices"
+
+export type NewOrderForm = {
+  shipping_address: AddressPayload
+  shipping_address_id?: string
+  billing_address: AddressPayload
+  billing_address_id?: string
+  region: Option
+  items: {
+    quantity: number
+    variant_id?: string
+    title: string
+    unit_price: number
+    thumbnail?: string | null
+    product_title?: string
+  }[]
+  shipping_option: Option
+  customer_id?: Option | null
+  email: string
+  custom_shipping_price?: number
+  discount_code?: string
+  same_as_shipping?: boolean
+}
+
+type NewOrderContextValue = {
+  validCountries: Option[]
+  region: Region | undefined
+  selectedShippingOption: ShippingOption | undefined
+  items: UseFieldArrayReturn<NewOrderForm, "items", "id">
+  shippingOptions: ShippingOption[]
+}
+
+const NewOrderContext = createContext<NewOrderContextValue | null>(null)
+
+const NewOrderFormProvider = ({ children }: { children?: ReactNode }) => {
+  const form = useForm<NewOrderForm>({
+    defaultValues: {
+      items: [],
+      billing_address: undefined,
+      shipping_address: undefined,
+    },
+  })
+
+  const items = useFieldArray({
+    control: form.control,
+    name: "items",
+  })
+
+  const selectedRegion = useWatch({ control: form.control, name: "region" })
+  const { region } = useAdminRegion(selectedRegion?.value!, {
+    enabled: !!selectedRegion,
+  })
+
+  const selectedShippingOption = useWatch({
+    control: form.control,
+    name: "shipping_option",
+  })
+
+  const { shipping_option } = useAdminShippingOption(
+    selectedShippingOption?.value!,
+    {
+      enabled: !!selectedShippingOption?.value,
+    }
+  )
+
+  useEffect(() => {
+    if (selectedShippingOption) {
+      form.resetField("shipping_option")
+      form.resetField("custom_shipping_price")
+    }
+  }, [selectedRegion])
+
+  const validCountries = useMemo(() => {
+    if (!region) {
+      return []
+    }
+
+    return region.countries.map((country) => ({
+      label: country.display_name,
+      value: country.iso_2,
+    }))
+  }, [region])
+
+  const { client } = useMedusa()
+
+  useEffect(() => {
+    const updateItems = async () => {
+      if (items.fields.length) {
+        const itemsMap = items.fields.reduce((acc, next) => {
+          if (next.variant_id) {
+            acc[next.variant_id] = next
+          }
+          return acc
+        }, {} as { [key: string]: any })
+
+        const variantIds = items.fields
+          .map((v) => v.variant_id)
+          .filter(Boolean) as string[]
+
+        const { variants } = await client.admin.variants.list({
+          id: variantIds,
+          region_id: region?.id,
+        })
+
+        items.replace(
+          variants.map((variant) => ({
+            quantity: itemsMap[variant.id as string].quantity,
+            variant_id: variant.id,
+            title: variant.title as string,
+            unit_price: extractUnitPrice(variant, region as Region, false),
+            product_title: (variant.product as Product)?.title,
+            thumbnail: (variant.product as Product)?.thumbnail,
+          }))
+        )
+      }
+    }
+
+    updateItems()
+  }, [region])
+
+  const { shipping_options } = useAdminShippingOptions(
+    {
+      region_id: region?.id,
+      is_return: false,
+    },
+    {
+      enabled: !!region,
+    }
+  )
+
+  const validShippingOptions = useMemo(() => {
+    if (!shipping_options) {
+      return []
+    }
+
+    const total = items.fields.reduce((acc, next) => {
+      return acc + next.quantity * next.unit_price
+    }, 0)
+
+    return shipping_options.reduce((acc, next) => {
+      if (next.requirements) {
+        const minSubtotal = next.requirements.find(
+          (req) => req.type === "min_subtotal"
+        )
+        const maxSubtotal = next.requirements.find(
+          (req) => req.type === "max_subtotal"
+        )
+
+        if (
+          (minSubtotal && total <= minSubtotal.amount) ||
+          (maxSubtotal && total >= maxSubtotal.amount)
+        ) {
+          return acc
+        }
+      }
+      acc.push(next)
+      return acc
+    }, [] as ShippingOption[])
+  }, [shipping_options, items])
+
+  return (
+    <NewOrderContext.Provider
+      value={{
+        validCountries,
+        region,
+        selectedShippingOption: shipping_option,
+        items,
+        shippingOptions: validShippingOptions,
+      }}
+    >
+      <FormProvider {...form}>{children}</FormProvider>
+    </NewOrderContext.Provider>
+  )
+}
+
+export const useNewOrderForm = () => {
+  const context = useContext(NewOrderContext)
+  const form = useFormContext<NewOrderForm>()
+  const { t } = useTranslation()
+
+  if (!context) {
+    throw new Error(
+      t(
+        "form-use-new-order-form-must-be-used-within-new-order-form-provider",
+        "useNewOrderForm must be used within NewOrderFormProvider"
+      )
+    )
+  }
+
+  return { context, form }
+}
+
+export default NewOrderFormProvider

package/.cache/admin/src/domain/orders/new/new-order.tsx

@@ -0,0 +1,141 @@
+import { useAdminCreateDraftOrder } from "medusa-react"
+import React from "react"
+import { useNavigate } from "react-router-dom"
+import { useTranslation } from "react-i18next"
+import { LayeredModalContext } from "../../../components/molecules/modal/layered-modal"
+import SteppedModal, {
+  SteppedContext,
+} from "../../../components/molecules/modal/stepped-modal"
+import useNotification from "../../../hooks/use-notification"
+import isNullishObject from "../../../utils/is-nullish-object"
+import Billing from "./components/billing-details"
+import Items from "./components/items"
+import SelectRegionScreen from "./components/select-region"
+import SelectShippingMethod from "./components/select-shipping"
+import ShippingDetails from "./components/shipping-details"
+import Summary from "./components/summary"
+import { useNewOrderForm } from "./form"
+
+type NewOrderProps = {
+  onDismiss: () => void
+}
+
+const NewOrder = ({ onDismiss }: NewOrderProps) => {
+  const steppedContext = React.useContext(SteppedContext)
+  const layeredContext = React.useContext(LayeredModalContext)
+
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const notification = useNotification()
+  const { mutate } = useAdminCreateDraftOrder()
+
+  const {
+    form: { handleSubmit, reset },
+    context: { region },
+  } = useNewOrderForm()
+
+  const onSubmit = handleSubmit((data) => {
+    mutate(
+      {
+        email: data.email,
+        items: data.items.map((i) => {
+          if (i.variant_id) {
+            return {
+              quantity: i.quantity,
+              variant_id: i.variant_id,
+            }
+          } else {
+            return {
+              quantity: i.quantity,
+              title: i.title,
+              unit_price: i.unit_price,
+            }
+          }
+        }),
+        region_id: data.region.value,
+        shipping_methods: [
+          {
+            option_id: data.shipping_option.value,
+            price:
+              typeof data.custom_shipping_price === "number"
+                ? data.custom_shipping_price
+                : undefined,
+          },
+        ],
+        shipping_address: data.shipping_address_id
+          ? data.shipping_address_id
+          : !isNullishObject(data.shipping_address)
+          ? {
+              address_1: data.shipping_address?.address_1,
+              address_2: data.shipping_address?.address_2 || undefined,
+              city: data.shipping_address?.city,
+              country_code: data.shipping_address?.country_code?.value,
+              company: data.shipping_address?.company || undefined,
+              first_name: data.shipping_address?.first_name,
+              last_name: data.shipping_address?.last_name,
+              phone: data.shipping_address?.phone || undefined,
+              postal_code: data.shipping_address?.postal_code,
+              province: data.shipping_address?.province || undefined,
+            }
+          : undefined,
+        billing_address: data.billing_address_id
+          ? data.billing_address_id
+          : data.billing_address
+          ? {
+              address_1: data.billing_address?.address_1,
+              address_2: data.billing_address?.address_2 || undefined,
+              city: data.billing_address?.city,
+              country_code: data.billing_address?.country_code?.value,
+              company: data.billing_address?.company || undefined,
+              first_name: data.billing_address?.first_name,
+              last_name: data.billing_address?.last_name,
+              phone: data.billing_address?.phone || undefined,
+              postal_code: data.billing_address?.postal_code,
+              province: data.billing_address?.province || undefined,
+            }
+          : undefined,
+        customer_id: data.customer_id?.value,
+        discounts: data.discount_code
+          ? [{ code: data.discount_code }]
+          : undefined,
+      },
+      {
+        onSuccess: ({ draft_order }) => {
+          notification(
+            t("new-success", "Success"),
+            t("new-order-created", "Order created"),
+            "success"
+          )
+          reset()
+          onDismiss()
+          steppedContext.reset()
+          navigate(`/a/draft-orders/${draft_order.id}`)
+        },
+        onError: (error) => {
+          notification(t("new-error", "Error"), error.message, "error")
+        },
+      }
+    )
+  })
+
+  return (
+    <SteppedModal
+      layeredContext={layeredContext}
+      context={steppedContext}
+      onSubmit={onSubmit}
+      steps={[
+        <SelectRegionScreen />,
+        <Items />,
+        <SelectShippingMethod />,
+        <ShippingDetails />,
+        <Billing />,
+        <Summary />,
+      ]}
+      lastScreenIsSummary={true}
+      title={t("new-create-draft-order", "Create Draft Order")}
+      handleClose={onDismiss}
+    />
+  )
+}
+
+export default NewOrder

package/.cache/admin/src/domain/orders/utils.ts

@@ -0,0 +1,30 @@
+/**
+ * Transform filters widget data shape to order export strategy context object.
+ */
+export function transformFiltersAsExportContext(
+  filters: Record<string, { filter: string[] }>
+) {
+  const context = {
+    filterable_fields: {
+      fulfillment_status: filters.fulfillment.filter,
+      payment_status: filters.payment.filter,
+      region_id: filters.region.filter,
+      status: filters.status.filter,
+      created_at: Object.keys(filters.date.filter || {}).reduce((prev, k) => {
+        prev[k] = new Date(Number(filters.date.filter[k]) * 1000).toISOString()
+        return prev
+      }, {}),
+    },
+  }
+
+  for (const k in context.filterable_fields) {
+    if (
+      context.filterable_fields[k] === null ||
+      context.filterable_fields[k]?.length === 0
+    ) {
+      delete context.filterable_fields[k]
+    }
+  }
+
+  return context
+}

package/.cache/admin/src/domain/pricing/components/index.ts

@@ -0,0 +1 @@
+export * from "./product-filter-menu"

package/.cache/admin/src/domain/pricing/components/product-filter-menu/index.ts

@@ -0,0 +1 @@
+export * from "./product-filter-menu"

package/.cache/admin/src/domain/pricing/components/product-filter-menu/product-filter-menu.tsx

@@ -0,0 +1,52 @@
+import { DateComparisonOperator } from "@medusajs/types"
+import { useTranslation } from "react-i18next"
+import { FilterMenu } from "../../../../components/molecules/filter-menu"
+
+type ProductFilter = {
+  created_at?: DateComparisonOperator
+  updated_at?: DateComparisonOperator
+}
+
+type ProductFilterMenuProps = {
+  onClearFilters: () => void
+  onFilterChange: (filter: ProductFilter) => void
+  value?: ProductFilter
+}
+
+const ProductFilterMenu = ({
+  value,
+  onClearFilters,
+  onFilterChange,
+}: ProductFilterMenuProps) => {
+  const { t } = useTranslation()
+
+  const onDateChange = (
+    key: "created_at" | "updated_at",
+    date?: DateComparisonOperator
+  ) => {
+    onFilterChange({
+      ...value,
+      [key as keyof ProductFilter]: date,
+    })
+  }
+
+  return (
+    <FilterMenu onClearFilters={onClearFilters}>
+      <FilterMenu.Content>
+        <FilterMenu.DateItem
+          name={t("price-list-product-filter-created-at", "Created at")}
+          value={value?.created_at}
+          onChange={(obj) => onDateChange("created_at", obj)}
+        />
+        <FilterMenu.Seperator />
+        <FilterMenu.DateItem
+          name={t("price-list-product-filter-updated-at", "Updated at")}
+          value={value?.updated_at}
+          onChange={(obj) => onDateChange("updated_at", obj)}
+        />
+      </FilterMenu.Content>
+    </FilterMenu>
+  )
+}
+
+export { ProductFilterMenu, type ProductFilter }

package/.cache/admin/src/domain/pricing/edit/details/details-drawer.tsx

@@ -0,0 +1,184 @@
+import { PriceList } from "@medusajs/medusa"
+import { Button, Drawer, usePrompt } from "@medusajs/ui"
+import { useAdminUpdatePriceList } from "medusa-react"
+import * as React from "react"
+import { useForm } from "react-hook-form"
+
+import { useTranslation } from "react-i18next"
+import { Form } from "../../../../components/helpers/form"
+import useNotification from "../../../../hooks/use-notification"
+import { useFeatureFlag } from "../../../../providers/feature-flag-provider"
+import { getErrorMessage } from "../../../../utils/error-messages"
+import { nestedForm } from "../../../../utils/nested-form"
+
+import {
+  PriceListDetailsForm,
+  type PriceListDetailsSchema,
+  type PriceListType,
+} from "../../forms/price-list-details-form"
+
+type PriceListDetailsDrawerProps = {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  priceList: PriceList
+}
+
+type PriceListDetailsFormValues = {
+  details: PriceListDetailsSchema
+}
+
+const PriceListDetailsDrawer = ({
+  open,
+  onOpenChange,
+  priceList,
+}: PriceListDetailsDrawerProps) => {
+  const { mutateAsync, isLoading } = useAdminUpdatePriceList(priceList.id)
+  const { t } = useTranslation()
+
+  const form = useForm<PriceListDetailsFormValues>({
+    defaultValues: getDefaultValues(priceList),
+  })
+
+  const { isFeatureEnabled } = useFeatureFlag()
+  const isTaxInclPricesEnabled = isFeatureEnabled("tax_inclusive_pricing")
+
+  const {
+    reset,
+    formState: { isDirty },
+    handleSubmit,
+  } = form
+
+  React.useEffect(() => {
+    if (open) {
+      reset(getDefaultValues(priceList))
+    }
+  }, [priceList, open, reset])
+
+  const prompt = usePrompt()
+  const notification = useNotification()
+
+  const onStateChange = React.useCallback(
+    async (open: boolean) => {
+      if (isDirty) {
+        const response = await prompt({
+          title: t("price-list-details-drawer-prompt-title", "Are you sure?"),
+          description: t(
+            "price-list-details-drawer-prompt-description",
+            "You have unsaved changes, are you sure you want to exit?"
+          ),
+        })
+
+        if (!response) {
+          onOpenChange(true)
+          return
+        }
+      }
+
+      reset()
+      onOpenChange(open)
+    },
+    [isDirty, t, reset, prompt, onOpenChange]
+  )
+
+  const onSubmit = handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        type: values.details.type.value as PriceListType,
+        name: values.details.general.name,
+        description: values.details.general.description,
+        starts_at: values.details.dates.starts_at ?? null,
+        ends_at: values.details.dates.ends_at ?? null,
+        includes_tax: isTaxInclPricesEnabled
+          ? values.details.general.tax_inclusive
+          : undefined,
+        customer_groups: values.details.customer_groups.ids.map((id) => ({
+          id,
+        })),
+      },
+      {
+        onSuccess: () => {
+          notification(
+            t(
+              "price-list-details-notification-succes-title",
+              "Price list updated"
+            ),
+            t(
+              "price-list-details-drawer-notification-success-message",
+              "Successfully updated price list"
+            ),
+            "success"
+          )
+
+          onOpenChange(false)
+        },
+        onError: (err) => {
+          notification(
+            t(
+              "price-list-details-drawer-notification-error-title",
+              "An error occurred"
+            ),
+            getErrorMessage(err),
+            "error"
+          )
+        },
+      }
+    )
+  })
+
+  return (
+    <Drawer open={open} onOpenChange={onStateChange}>
+      <Form {...form}>
+        <Drawer.Content>
+          <Drawer.Header>
+            <Drawer.Title>
+              {t("price-list-details-drawer-title", "Edit Price List Details")}
+            </Drawer.Title>
+          </Drawer.Header>
+          <Drawer.Body className="overflow-y-auto">
+            <PriceListDetailsForm
+              form={nestedForm(form, "details")}
+              layout="drawer"
+              enableTaxToggle={isTaxInclPricesEnabled}
+            />
+          </Drawer.Body>
+          <Drawer.Footer>
+            <Drawer.Close asChild>
+              <Button variant="secondary">
+                {t("price-list-details-drawer-cancel-button", "Cancel")}
+              </Button>
+            </Drawer.Close>
+            <Button onClick={onSubmit} isLoading={isLoading}>
+              {t("price-list-details-drawer-save-button", "Save")}
+            </Button>
+          </Drawer.Footer>
+        </Drawer.Content>
+      </Form>
+    </Drawer>
+  )
+}
+
+const getDefaultValues = (priceList: PriceList): PriceListDetailsFormValues => {
+  return {
+    details: {
+      type: {
+        value: priceList.type,
+      },
+      general: {
+        name: priceList.name,
+        description: priceList.description,
+        tax_inclusive: priceList.includes_tax,
+      },
+      customer_groups: {
+        ids: priceList.customer_groups?.map((cg) => cg.id) ?? [],
+      },
+      dates: {
+        starts_at: priceList.starts_at
+          ? new Date(priceList.starts_at)
+          : undefined,
+        ends_at: priceList.ends_at ? new Date(priceList.ends_at) : undefined,
+      },
+    },
+  }
+}
+
+export { PriceListDetailsDrawer as EditDetailsDrawer }