@dropins/storefront-purchase-order 0.0.4-alpha1 → 0.0.4-alpha2

package/chunks/usePurchaseOrders.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/lib/formatDate.ts","/@dropins/storefront-purchase-order/src/types/api/api.enums.types.ts","/@dropins/storefront-purchase-order/src/hooks/usePurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\n/**\n * Format a date string to a localized format like \"Sep 8, 2025 6:32:13 AM\"\n * @param dateString - ISO date string or date string\n * @param locale - Locale for formatting (defaults to 'en-US')\n * @returns Formatted date string\n */\nexport const formatDate = (\n  dateString: string,\n  locale: string = 'en-US'\n): string => {\n  try {\n    const date = new Date(dateString);\n\n    if (isNaN(date.getTime())) {\n      return dateString; // Return original if invalid\n    }\n\n    return date.toLocaleString(locale, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: true,\n    });\n  } catch (error) {\n    return dateString; // Return original on error\n  }\n};\n","export enum PurchaseOrderApprovalRuleStatus {\n  ENABLED = 'ENABLED',\n  DISABLED = 'DISABLED',\n}\n\nexport enum PurchaseOrderApprovalRuleType {\n  GRAND_TOTAL = 'GRAND_TOTAL',\n  SHIPPING_INCL_TAX = 'SHIPPING_INCL_TAX',\n  NUMBER_OF_SKUS = 'NUMBER_OF_SKUS',\n}\n\nexport enum PurchaseOrderApprovalRuleConditionOperator {\n  MORE_THAN = 'MORE_THAN',\n  LESS_THAN = 'LESS_THAN',\n  MORE_THAN_OR_EQUAL_TO = 'MORE_THAN_OR_EQUAL_TO',\n  LESS_THAN_OR_EQUAL_TO = 'LESS_THAN_OR_EQUAL_TO',\n}\n\nexport enum EnumPurchaseOrdersView {\n  CUSTOMER_PURCHASE_ORDERS = 'customerPurchaseOrders',\n  COMPANY_PURCHASE_ORDERS = 'companyPurchaseOrders',\n  CUSTOMER_APPROVAL_PURCHASE_ORDERS = 'customerApprovalPurchaseOrders',\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport React from 'preact/compat';\nimport { useCallback, useEffect, useMemo, useState } from 'preact/hooks';\nimport { formatDate, isValidUrl } from '@/b2b-purchase-order/lib';\nimport {\n  AlertMessageConfigType,\n  UsePurchaseOrdersParams,\n  UsePurchaseOrdersReturn,\n} from '@/b2b-purchase-order/types/hooks';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\nimport { PurchaseOrderModel } from '@/b2b-purchase-order/data/models';\nimport { Column } from '@/b2b-purchase-order/types/components';\nimport {\n  approvePurchaseOrders,\n  getPurchaseOrders,\n  rejectPurchaseOrders,\n} from '@/b2b-purchase-order/api';\nimport {\n  defaultColumns,\n  defaultCompanyColumns,\n} from '@/b2b-purchase-order/configs';\nimport { Text } from '@adobe-commerce/elsie/i18n';\n\nconst DEFAULT_PAGE_SIZE = 20;\n\nexport const usePurchaseOrders = ({\n  view,\n  initialPageSize,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  t,\n  permissions,\n  loadingPermissions,\n}: UsePurchaseOrdersParams): UsePurchaseOrdersReturn => {\n  const isCompanyPOsView =\n    view === EnumPurchaseOrdersView.COMPANY_PURCHASE_ORDERS;\n  const isRequireApprovalPOsView =\n    view === EnumPurchaseOrdersView.CUSTOMER_APPROVAL_PURCHASE_ORDERS;\n  const [selectedOrderIds, setSelectedOrderIds] = useState<string[]>([]);\n  const [purchaseOrders, setPurchaseOrders] = useState<PurchaseOrderModel[]>(\n    []\n  );\n  const [pageSizeOptionsList, setPageSizeOptionsList] =\n    useState(initialPageSize);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [pagination, setPagination] = useState({\n    currentPage: 1,\n    totalPages: 1,\n    totalCount: 0,\n  });\n  const [alertMessageConfig, setAlertMessageConfig] =\n    useState<AlertMessageConfigType>({\n      heading: '',\n      description: '',\n      type: 'success',\n    });\n\n  // Auto-clear alert message after 7 seconds\n  useEffect(() => {\n    if (alertMessageConfig.heading || alertMessageConfig.description) {\n      const timer = setTimeout(() => {\n        setAlertMessageConfig({\n          heading: '',\n          description: '',\n          type: 'success',\n        });\n      }, 7000);\n\n      return () => clearTimeout(timer);\n    }\n  }, [alertMessageConfig.heading, alertMessageConfig.description]);\n\n  // Derive pagination values\n  const { currentPage, totalPages, totalCount } = pagination;\n\n  const handleChangePageSize = useCallback((event: Event) => {\n    const size = (event.target as HTMLSelectElement).value;\n\n    setPageSizeOptionsList((prev) => {\n      return prev.map((option) => ({\n        ...option,\n        selected: option.value === size,\n      }));\n    });\n  }, []);\n\n  const isAdmin = permissions?.isAdmin ?? false;\n\n  const filterConfig = useMemo(() => {\n    let config = {};\n\n    if (isCompanyPOsView) {\n      config = { companyPurchaseOrders: true };\n    }\n\n    if (isRequireApprovalPOsView) {\n      config = { requireMyApproval: true };\n    }\n\n    return config;\n  }, [isCompanyPOsView, isRequireApprovalPOsView]);\n\n  useEffect(() => {\n    // Don't fetch purchase orders until permissions are loaded\n    if (loadingPermissions) {\n      return;\n    }\n\n    setLoading(true);\n    const pageSize = pageSizeOptionsList?.find(\n      (option) => option.selected\n    )?.value;\n    const selectedPageSize = parseInt(\n      pageSize ?? DEFAULT_PAGE_SIZE.toString(),\n      10\n    );\n\n    getPurchaseOrders(filterConfig, selectedPageSize, currentPage)\n      .then((data) => {\n        const purchaseOrders = data?.purchaseOrderItems ?? [];\n        const responsePage = data?.pageInfo?.currentPage;\n        const responseTotalPages = data?.pageInfo?.totalPages;\n        const responseTotalCount = data?.totalCount;\n\n        setPagination({\n          currentPage: responsePage,\n          totalPages: responseTotalPages,\n          totalCount: responseTotalCount,\n        });\n        setPurchaseOrders(purchaseOrders);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error('Failed to fetch purchase orders:', error);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [currentPage, pageSizeOptionsList, filterConfig, loadingPermissions]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handlePurchaseOrderDetailsRedirect = useCallback(\n    (poNumber: string): string => {\n      const url = routePurchaseOrderDetails?.(poNumber) as string;\n\n      if (!isValidUrl(url ?? '')) return '#';\n\n      return url;\n    },\n    [routePurchaseOrderDetails]\n  );\n\n  const handlePageChange = useCallback((page: number) => {\n    setPagination((prev) => ({ ...prev, currentPage: page }));\n  }, []);\n\n  const handleSelectedOrderId = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const uid = (event.target as HTMLInputElement).value;\n      const isChecked = (event.target as HTMLInputElement).checked;\n\n      setSelectedOrderIds((prevSelected) => {\n        if (isChecked) {\n          return [...prevSelected, uid];\n        }\n        return prevSelected.filter((po) => po !== uid);\n      });\n    },\n    []\n  );\n\n  const handleSelectedOrderIds = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const isChecked = (event.target as HTMLInputElement).checked;\n      setSelectedOrderIds(() =>\n        isChecked\n          ? purchaseOrders\n              .filter((po) =>\n                ['PENDING', 'APPROVAL_REQUIRED'].includes(po.status)\n              )\n              .map((po) => po.uid ?? '')\n          : []\n      );\n    },\n    [purchaseOrders]\n  );\n\n  const handleRejectSelected = useCallback(() => {\n    rejectPurchaseOrders(selectedOrderIds)\n      .then((data) => {\n        const purchaseOrders = data?.purchaseOrders ?? [];\n        setPurchaseOrders((prev) => {\n          return prev.map((po) => {\n            const updatedPo = purchaseOrders.find(\n              (updated) => updated.uid === po.uid\n            );\n            return updatedPo ?? po;\n          });\n        });\n        setAlertMessageConfig({\n          heading: t.alertHeaderReject,\n          description: t.alertDescriptionReject,\n          type: 'success',\n        });\n        setSelectedOrderIds([]);\n      })\n      .catch((err) => {\n        // eslint-disable-next-line no-console\n        setAlertMessageConfig({\n          heading: t.alertHeaderError,\n          description: t.alertDescriptionError,\n          type: 'error',\n        });\n        console.error(err);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [selectedOrderIds, t]);\n\n  const handleApproveSelected = useCallback(() => {\n    setLoading(true);\n    approvePurchaseOrders(selectedOrderIds)\n      .then((data) => {\n        const purchaseOrders = data?.purchaseOrders ?? [];\n        setPurchaseOrders((prev) => {\n          return prev.map((po) => {\n            const updatedPo = purchaseOrders.find(\n              (updated) => updated.uid === po.uid\n            );\n            return updatedPo ?? po;\n          });\n        });\n        setAlertMessageConfig({\n          heading: t.alertHeaderApprove,\n          description: t.alertDescriptionApprove,\n          type: 'success',\n        });\n        setSelectedOrderIds([]);\n      })\n      .catch((err) => {\n        setAlertMessageConfig({\n          heading: t.alertHeaderError,\n          description: t.alertDescriptionError,\n          type: 'error',\n        });\n        console.error(err);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [selectedOrderIds, t]);\n\n  const columns = useMemo(() => {\n    const currentColumns =\n      isCompanyPOsView || isRequireApprovalPOsView\n        ? defaultCompanyColumns\n        : defaultColumns;\n\n    return (\n      setColumns?.(currentColumns) ??\n      currentColumns.map((col) => {\n        if (\n          col.key === 'checkboxView' &&\n          (isAdmin || isRequireApprovalPOsView)\n        ) {\n          return {\n            key: col.key,\n            label: (\n              <input\n                type=\"checkbox\"\n                name={'selectAll'}\n                disabled={purchaseOrders.every(\n                  (po) => !['PENDING', 'APPROVAL_REQUIRED'].includes(po.status)\n                )}\n                onChange={handleSelectedOrderIds}\n              />\n            ),\n            ariaLabel: t.selectAllAriaLabel,\n          } as Column;\n        }\n\n        return {\n          ...col,\n          label: t[col.key as keyof typeof t] || col.label,\n        } as Column;\n      })\n    );\n  }, [\n    t,\n    isAdmin,\n    isCompanyPOsView,\n    isRequireApprovalPOsView,\n    setColumns,\n    purchaseOrders,\n    handleSelectedOrderIds,\n  ]);\n\n  const rows = useMemo(() => {\n    const formattedPurchaseOrders = purchaseOrders.map((po) => {\n      const poNumber = po.number ?? '';\n\n      return {\n        ...(isAdmin || isRequireApprovalPOsView\n          ? {\n              checkboxView: (\n                <input\n                  type=\"checkbox\"\n                  name={poNumber}\n                  value={po.uid}\n                  checked={selectedOrderIds.includes(po.uid)}\n                  onChange={handleSelectedOrderId}\n                  disabled={\n                    !['PENDING', 'APPROVAL_REQUIRED'].includes(po.status)\n                  }\n                />\n              ),\n            }\n          : {}),\n        poNumber,\n        orderNumber: po.order.orderNumber,\n        createdDate: formatDate(po.createdAt),\n        updatedDate: formatDate(po.updatedAt),\n        createdBy: `${po.createdBy?.firstname ?? ''} ${\n          po.createdBy?.lastname ?? ''\n        }`.trim(),\n        status: (\n          <Text\n            id={`PurchaseOrders.purchaseOrdersTable.statusOrder.${po.status.toLowerCase()}`}\n          />\n        ),\n        total: `${po?.quote?.prices?.grandTotal?.value} ${po?.quote?.prices?.grandTotal?.currency}`,\n        action: (\n          <a\n            href={handlePurchaseOrderDetailsRedirect(poNumber)}\n            aria-label={`View purchase order ${poNumber}`}\n          >\n            {t.actionView}\n          </a>\n        ),\n      };\n    });\n\n    let finalRows = formattedPurchaseOrders;\n\n    if (setRowsData) {\n      const customRows = setRowsData(formattedPurchaseOrders);\n      // If setRowsData returns something, use it, otherwise keep original data\n      if (customRows !== undefined && Array.isArray(customRows)) {\n        finalRows = customRows as typeof formattedPurchaseOrders;\n      }\n    }\n\n    return finalRows;\n  }, [\n    purchaseOrders,\n    setRowsData,\n    isAdmin,\n    isRequireApprovalPOsView,\n    selectedOrderIds,\n    handleSelectedOrderId,\n    handlePurchaseOrderDetailsRedirect,\n    t.actionView,\n  ]);\n\n  return {\n    tableConfig: {\n      columns,\n      rows,\n    },\n    paginationConfig: {\n      currentPage,\n      totalPages,\n      handlePageChange,\n    },\n    pageSizeConfig: {\n      pageSizeOptionsList,\n      onChange: handleChangePageSize,\n    },\n    totalCount,\n    loading,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isAdmin,\n    isRequireApprovalPOsView,\n    alertMessageConfig,\n  };\n};\n"],"names":["formatDate","dateString","locale","date","EnumPurchaseOrdersView","DEFAULT_PAGE_SIZE","usePurchaseOrders","view","initialPageSize","routePurchaseOrderDetails","setColumns","setRowsData","t","permissions","loadingPermissions","isCompanyPOsView","isRequireApprovalPOsView","selectedOrderIds","setSelectedOrderIds","useState","purchaseOrders","setPurchaseOrders","pageSizeOptionsList","setPageSizeOptionsList","loading","setLoading","pagination","setPagination","alertMessageConfig","setAlertMessageConfig","useEffect","timer","currentPage","totalPages","totalCount","handleChangePageSize","useCallback","event","size","prev","option","isAdmin","filterConfig","useMemo","config","pageSize","_a","selectedPageSize","getPurchaseOrders","data","responsePage","responseTotalPages","_b","responseTotalCount","error","handlePurchaseOrderDetailsRedirect","poNumber","url","isValidUrl","handlePageChange","page","handleSelectedOrderId","uid","isChecked","prevSelected","po","handleSelectedOrderIds","handleRejectSelected","rejectPurchaseOrders","updated","err","handleApproveSelected","approvePurchaseOrders","columns","currentColumns","defaultCompanyColumns","defaultColumns","col","jsx","rows","formattedPurchaseOrders","Text","_e","_d","_c","_h","_g","_f","finalRows","customRows"],"mappings":"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"}
+{"version":3,"file":"usePurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/lib/formatDate.ts","/@dropins/storefront-purchase-order/src/types/api/api.enums.types.ts","/@dropins/storefront-purchase-order/src/hooks/usePurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\n/**\n * Format a date string to a localized format like \"Sep 8, 2025 6:32:13 AM\"\n * @param dateString - ISO date string or date string\n * @param locale - Locale for formatting (defaults to 'en-US')\n * @returns Formatted date string\n */\nexport const formatDate = (\n  dateString: string,\n  locale: string = 'en-US'\n): string => {\n  try {\n    const date = new Date(dateString);\n\n    if (isNaN(date.getTime())) {\n      return dateString; // Return original if invalid\n    }\n\n    return date.toLocaleString(locale, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: true,\n    });\n  } catch (error) {\n    return dateString; // Return original on error\n  }\n};\n","export enum PurchaseOrderApprovalRuleStatus {\n  ENABLED = 'ENABLED',\n  DISABLED = 'DISABLED',\n}\n\nexport enum PurchaseOrderApprovalRuleType {\n  GRAND_TOTAL = 'GRAND_TOTAL',\n  SHIPPING_INCL_TAX = 'SHIPPING_INCL_TAX',\n  NUMBER_OF_SKUS = 'NUMBER_OF_SKUS',\n}\n\nexport enum PurchaseOrderApprovalRuleConditionOperator {\n  MORE_THAN = 'MORE_THAN',\n  LESS_THAN = 'LESS_THAN',\n  MORE_THAN_OR_EQUAL_TO = 'MORE_THAN_OR_EQUAL_TO',\n  LESS_THAN_OR_EQUAL_TO = 'LESS_THAN_OR_EQUAL_TO',\n}\n\nexport enum EnumPurchaseOrdersView {\n  CUSTOMER_PURCHASE_ORDERS = 'customerPurchaseOrders',\n  COMPANY_PURCHASE_ORDERS = 'companyPurchaseOrders',\n  CUSTOMER_APPROVAL_PURCHASE_ORDERS = 'customerApprovalPurchaseOrders',\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport React from 'preact/compat';\nimport { useCallback, useEffect, useMemo, useState } from 'preact/hooks';\nimport { formatDate, isValidUrl } from '@/b2b-purchase-order/lib';\nimport {\n  AlertMessageConfigType,\n  UsePurchaseOrdersParams,\n  UsePurchaseOrdersReturn,\n} from '@/b2b-purchase-order/types/hooks';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\nimport { PurchaseOrderModel } from '@/b2b-purchase-order/data/models';\nimport { Column } from '@/b2b-purchase-order/types/components';\nimport {\n  approvePurchaseOrders,\n  getPurchaseOrders,\n  rejectPurchaseOrders,\n} from '@/b2b-purchase-order/api';\nimport {\n  defaultColumns,\n  defaultCompanyColumns,\n} from '@/b2b-purchase-order/configs';\nimport { Text } from '@adobe-commerce/elsie/i18n';\n\nconst DEFAULT_PAGE_SIZE = 20;\n\nexport const usePurchaseOrders = ({\n  view,\n  initialPageSize,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  t,\n  permissions,\n  loadingPermissions,\n}: UsePurchaseOrdersParams): UsePurchaseOrdersReturn => {\n  const isCompanyPOsView =\n    view === EnumPurchaseOrdersView.COMPANY_PURCHASE_ORDERS;\n  const isRequireApprovalPOsView =\n    view === EnumPurchaseOrdersView.CUSTOMER_APPROVAL_PURCHASE_ORDERS;\n  const [selectedOrderIds, setSelectedOrderIds] = useState<string[]>([]);\n  const [purchaseOrders, setPurchaseOrders] = useState<PurchaseOrderModel[]>(\n    []\n  );\n  const [pageSizeOptionsList, setPageSizeOptionsList] =\n    useState(initialPageSize);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [pagination, setPagination] = useState({\n    currentPage: 1,\n    totalPages: 1,\n    totalCount: 0,\n  });\n  const [alertMessageConfig, setAlertMessageConfig] =\n    useState<AlertMessageConfigType>({\n      heading: '',\n      description: '',\n      type: 'success',\n    });\n\n  // Auto-clear alert message after 7 seconds\n  useEffect(() => {\n    if (alertMessageConfig.heading || alertMessageConfig.description) {\n      const timer = setTimeout(() => {\n        setAlertMessageConfig({\n          heading: '',\n          description: '',\n          type: 'success',\n        });\n      }, 7000);\n\n      return () => clearTimeout(timer);\n    }\n  }, [alertMessageConfig.heading, alertMessageConfig.description]);\n\n  // Derive pagination values\n  const { currentPage, totalPages, totalCount } = pagination;\n\n  const handleChangePageSize = useCallback((event: Event) => {\n    const size = (event.target as HTMLSelectElement).value;\n\n    setPageSizeOptionsList((prev) => {\n      return prev.map((option) => ({\n        ...option,\n        selected: option.value === size,\n      }));\n    });\n  }, []);\n\n  const isAdmin = permissions?.isAdmin ?? false;\n\n  const filterConfig = useMemo(() => {\n    let config = {};\n\n    if (isCompanyPOsView) {\n      config = { companyPurchaseOrders: true };\n    }\n\n    if (isRequireApprovalPOsView) {\n      config = { requireMyApproval: true };\n    }\n\n    return config;\n  }, [isCompanyPOsView, isRequireApprovalPOsView]);\n\n  useEffect(() => {\n    // Don't fetch purchase orders until permissions are loaded\n    if (loadingPermissions) {\n      return;\n    }\n\n    setLoading(true);\n    const pageSize = pageSizeOptionsList?.find(\n      (option) => option.selected\n    )?.value;\n    const selectedPageSize = parseInt(\n      pageSize ?? DEFAULT_PAGE_SIZE.toString(),\n      10\n    );\n\n    getPurchaseOrders(filterConfig, selectedPageSize, currentPage)\n      .then((data) => {\n        const purchaseOrders = data?.purchaseOrderItems ?? [];\n        const responsePage = data?.pageInfo?.currentPage;\n        const responseTotalPages = data?.pageInfo?.totalPages;\n        const responseTotalCount = data?.totalCount;\n\n        setPagination({\n          currentPage: responsePage,\n          totalPages: responseTotalPages,\n          totalCount: responseTotalCount,\n        });\n        setPurchaseOrders(purchaseOrders);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error('Failed to fetch purchase orders:', error);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [currentPage, pageSizeOptionsList, filterConfig, loadingPermissions]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handlePurchaseOrderDetailsRedirect = useCallback(\n    (poNumber: string): string => {\n      const url = routePurchaseOrderDetails?.(poNumber) as string;\n\n      if (!isValidUrl(url ?? '')) return '#';\n\n      return url;\n    },\n    [routePurchaseOrderDetails]\n  );\n\n  const handlePageChange = useCallback((page: number) => {\n    setPagination((prev) => ({ ...prev, currentPage: page }));\n  }, []);\n\n  const handleSelectedOrderId = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const uid = (event.target as HTMLInputElement).value;\n      const isChecked = (event.target as HTMLInputElement).checked;\n\n      setSelectedOrderIds((prevSelected) => {\n        if (isChecked) {\n          return [...prevSelected, uid];\n        }\n        return prevSelected.filter((po) => po !== uid);\n      });\n    },\n    []\n  );\n\n  const handleSelectedOrderIds = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const isChecked = (event.target as HTMLInputElement).checked;\n      setSelectedOrderIds(() =>\n        isChecked\n          ? purchaseOrders\n              .filter((po) =>\n                ['PENDING', 'APPROVAL_REQUIRED'].includes(po.status)\n              )\n              .map((po) => po.uid ?? '')\n          : []\n      );\n    },\n    [purchaseOrders]\n  );\n\n  const handleRejectSelected = useCallback(() => {\n    rejectPurchaseOrders(selectedOrderIds)\n      .then((data) => {\n        const purchaseOrders = data?.purchaseOrders ?? [];\n        setPurchaseOrders((prev) => {\n          return prev.map((po) => {\n            const updatedPo = purchaseOrders.find(\n              (updated) => updated.uid === po.uid\n            );\n            return updatedPo ?? po;\n          });\n        });\n        setAlertMessageConfig({\n          heading: t.alertHeaderReject,\n          description: t.alertDescriptionReject,\n          type: 'success',\n        });\n        setSelectedOrderIds([]);\n      })\n      .catch((err) => {\n        // eslint-disable-next-line no-console\n        setAlertMessageConfig({\n          heading: t.alertHeaderError,\n          description: t.alertDescriptionError,\n          type: 'error',\n        });\n        console.error(err);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [selectedOrderIds, t]);\n\n  const handleApproveSelected = useCallback(() => {\n    setLoading(true);\n    approvePurchaseOrders(selectedOrderIds)\n      .then((data) => {\n        const purchaseOrders = data?.purchaseOrders ?? [];\n        setPurchaseOrders((prev) => {\n          return prev.map((po) => {\n            const updatedPo = purchaseOrders.find(\n              (updated) => updated.uid === po.uid\n            );\n            return updatedPo ?? po;\n          });\n        });\n        setAlertMessageConfig({\n          heading: t.alertHeaderApprove,\n          description: t.alertDescriptionApprove,\n          type: 'success',\n        });\n        setSelectedOrderIds([]);\n      })\n      .catch((err) => {\n        setAlertMessageConfig({\n          heading: t.alertHeaderError,\n          description: t.alertDescriptionError,\n          type: 'error',\n        });\n        console.error(err);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [selectedOrderIds, t]);\n\n  const columns = useMemo(() => {\n    const currentColumns =\n      isCompanyPOsView || isRequireApprovalPOsView\n        ? defaultCompanyColumns\n        : defaultColumns;\n\n    return (\n      setColumns?.(currentColumns) ??\n      currentColumns.map((col) => {\n        if (\n          col.key === 'checkboxView' &&\n          (isAdmin || isRequireApprovalPOsView)\n        ) {\n          return {\n            key: col.key,\n            label: (\n              <input\n                type=\"checkbox\"\n                name={'selectAll'}\n                disabled={purchaseOrders.every(\n                  (po) => !['PENDING', 'APPROVAL_REQUIRED'].includes(po.status)\n                )}\n                onChange={handleSelectedOrderIds}\n              />\n            ),\n            ariaLabel: t.selectAllAriaLabel,\n          } as Column;\n        }\n\n        return {\n          ...col,\n          label: t[col.key as keyof typeof t] || col.label,\n        } as Column;\n      })\n    );\n  }, [\n    t,\n    isAdmin,\n    isCompanyPOsView,\n    isRequireApprovalPOsView,\n    setColumns,\n    purchaseOrders,\n    handleSelectedOrderIds,\n  ]);\n\n  const rows = useMemo(() => {\n    const formattedPurchaseOrders = purchaseOrders.map((po) => {\n      const poNumber = po.number ?? '';\n\n      return {\n        ...(isAdmin || isRequireApprovalPOsView\n          ? {\n              checkboxView: (\n                <input\n                  type=\"checkbox\"\n                  name={poNumber}\n                  value={po.uid}\n                  checked={selectedOrderIds.includes(po.uid)}\n                  onChange={handleSelectedOrderId}\n                  disabled={\n                    !['PENDING', 'APPROVAL_REQUIRED'].includes(po.status)\n                  }\n                />\n              ),\n            }\n          : {}),\n        poNumber,\n        orderNumber: po.order.orderNumber,\n        createdDate: formatDate(po.createdAt),\n        updatedDate: formatDate(po.updatedAt),\n        createdBy: `${po.createdBy?.firstname ?? ''} ${\n          po.createdBy?.lastname ?? ''\n        }`.trim(),\n        status: (\n          <Text\n            id={`PurchaseOrders.purchaseOrdersTable.statusOrder.${po.status.toLowerCase()}`}\n          />\n        ),\n        total: `${po?.quote?.prices?.grandTotal?.value} ${po?.quote?.prices?.grandTotal?.currency}`,\n        action: (\n          <a\n            href={handlePurchaseOrderDetailsRedirect(poNumber)}\n            aria-label={`View purchase order ${poNumber}`}\n          >\n            {t.actionView}\n          </a>\n        ),\n      };\n    });\n\n    let finalRows = formattedPurchaseOrders;\n\n    if (setRowsData) {\n      const customRows = setRowsData(formattedPurchaseOrders);\n      // If setRowsData returns something, use it, otherwise keep original data\n      if (customRows !== undefined && Array.isArray(customRows)) {\n        finalRows = customRows as typeof formattedPurchaseOrders;\n      }\n    }\n\n    return finalRows;\n  }, [\n    purchaseOrders,\n    setRowsData,\n    isAdmin,\n    isRequireApprovalPOsView,\n    selectedOrderIds,\n    handleSelectedOrderId,\n    handlePurchaseOrderDetailsRedirect,\n    t.actionView,\n  ]);\n\n  return {\n    tableConfig: {\n      columns,\n      rows,\n    },\n    paginationConfig: {\n      currentPage,\n      totalPages,\n      handlePageChange,\n    },\n    pageSizeConfig: {\n      pageSizeOptionsList,\n      onChange: handleChangePageSize,\n    },\n    totalCount,\n    loading,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isAdmin,\n    isRequireApprovalPOsView,\n    alertMessageConfig,\n  };\n};\n"],"names":["formatDate","dateString","locale","date","EnumPurchaseOrdersView","DEFAULT_PAGE_SIZE","usePurchaseOrders","view","initialPageSize","routePurchaseOrderDetails","setColumns","setRowsData","t","permissions","loadingPermissions","isCompanyPOsView","isRequireApprovalPOsView","selectedOrderIds","setSelectedOrderIds","useState","purchaseOrders","setPurchaseOrders","pageSizeOptionsList","setPageSizeOptionsList","loading","setLoading","pagination","setPagination","alertMessageConfig","setAlertMessageConfig","useEffect","timer","currentPage","totalPages","totalCount","handleChangePageSize","useCallback","event","size","prev","option","isAdmin","filterConfig","useMemo","config","pageSize","_a","selectedPageSize","getPurchaseOrders","data","responsePage","responseTotalPages","_b","responseTotalCount","error","handlePurchaseOrderDetailsRedirect","poNumber","url","isValidUrl","handlePageChange","page","handleSelectedOrderId","uid","isChecked","prevSelected","po","handleSelectedOrderIds","handleRejectSelected","rejectPurchaseOrders","updated","err","handleApproveSelected","approvePurchaseOrders","columns","currentColumns","defaultCompanyColumns","defaultColumns","col","jsx","rows","formattedPurchaseOrders","Text","_e","_d","_c","_h","_g","_f","finalRows","customRows"],"mappings":"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"}

package/components/ApprovalRuleDetailsContent/ApprovalRuleDetailsContent.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { ApprovalRuleDetailsContentProps } from '../../types/components';
+
+export declare const ApprovalRuleDetailsContent: FunctionComponent<ApprovalRuleDetailsContentProps>;
+//# sourceMappingURL=ApprovalRuleDetailsContent.d.ts.map

package/components/ApprovalRuleDetailsContent/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ApprovalRuleDetailsContent';
+export { ApprovalRuleDetailsContent as default } from './ApprovalRuleDetailsContent';
+//# sourceMappingURL=index.d.ts.map

package/components/ApprovalRuleForm/ApprovalRuleForm.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { ApprovalRuleFormProps } from '../../types/components';
+
+export declare const ApprovalRuleForm: FunctionComponent<ApprovalRuleFormProps>;
+//# sourceMappingURL=ApprovalRuleForm.d.ts.map

package/components/ApprovalRuleForm/blocks/ErrorMessage.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'preact';
+
+declare const ErrorMessage: FunctionComponent<{
+    touched?: boolean;
+    error?: string;
+    className?: string;
+}>;
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.d.ts.map

package/components/ApprovalRuleForm/blocks/Form.d.ts

@@ -0,0 +1,40 @@
+import { CustomerRolePermissionsModel } from '../../../data/models';
+
+declare const Form: ({ availableRequiresApprovalFrom, conditionOperators, availableAppliesTo, appliesToOptions, ruleTypeOptions, currencies, formValues, errors, touched, isLoading, permissions, handleSubmit, handleFieldTouch, handleSetFormValues, routeApprovalRulesList, t, }: {
+    availableRequiresApprovalFrom: {
+        id: string;
+        name: string;
+    }[];
+    conditionOperators: {
+        value: string;
+        text: string;
+    }[];
+    availableAppliesTo: {
+        id: string;
+        name: string;
+    }[];
+    appliesToOptions: {
+        value: string;
+        text: string;
+    }[];
+    ruleTypeOptions: {
+        value: string;
+        text: string;
+    }[];
+    currencies: {
+        value: string;
+        text: string;
+    }[];
+    formValues: any;
+    errors: Record<string, string>;
+    touched: Record<string, boolean>;
+    isLoading: boolean;
+    permissions?: CustomerRolePermissionsModel | undefined;
+    handleSubmit: () => void;
+    handleFieldTouch: (field: string) => void;
+    handleSetFormValues: (field: string, value: any) => void;
+    routeApprovalRulesList?: (() => string) | undefined;
+    t: Record<string, string>;
+}) => import("preact").JSX.Element;
+export default Form;
+//# sourceMappingURL=Form.d.ts.map

package/components/ApprovalRuleForm/blocks/index.d.ts

@@ -0,0 +1,19 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export { default as ErrorMessage } from './ErrorMessage';
+export { default as Form } from './Form';
+//# sourceMappingURL=index.d.ts.map

package/components/ApprovalRuleForm/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ApprovalRuleForm';
+export { ApprovalRuleForm as default } from './ApprovalRuleForm';
+//# sourceMappingURL=index.d.ts.map

package/components/FormLoader/FormLoader.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+
+export interface FormLoaderProps {
+    className?: string;
+    testId?: string;
+}
+export declare const FormLoader: FunctionComponent<FormLoaderProps>;
+//# sourceMappingURL=FormLoader.d.ts.map

package/components/FormLoader/index.d.ts

@@ -0,0 +1,19 @@
+/*******************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export * from './FormLoader';
+export { FormLoader as default } from './FormLoader';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -17,5 +17,8 @@
 export * from './PurchaseOrdersTable';
 export * from './PurchaseOrdersHeader';
 export * from './PurchaseOrdersTableActions';
+export * from './ApprovalRuleForm';
 export * from './PurchaseOrderConfirmationContent';
+export * from './ApprovalRuleDetailsContent';
+export * from './FormLoader';
 //# sourceMappingURL=index.d.ts.map

package/configs/approvalRuleForm.config.d.ts

@@ -0,0 +1,74 @@
+import { FormValuesParams, FormState } from '../types/hooks';
+
+export declare const RULE_TYPE_OPTIONS_KEYS: {
+    readonly GRAND_TOTAL: "ruleTypeGrandTotal";
+    readonly SHIPPING_INCL_TAX: "ruleTypeShippingInclTax";
+    readonly NUMBER_OF_SKUS: "ruleTypeNumberOfSkus";
+};
+export declare const CONDITION_OPERATORS_KEYS: {
+    readonly MORE_THAN: "conditionOperatorMoreThan";
+    readonly LESS_THAN: "conditionOperatorLessThan";
+    readonly MORE_THAN_OR_EQUAL_TO: "conditionOperatorMoreThanOrEqualTo";
+    readonly LESS_THAN_OR_EQUAL_TO: "conditionOperatorLessThanOrEqualTo";
+};
+export declare const APPLIES_TO_OPTIONS_KEYS: {
+    readonly ALL_USERS: "appliesToAllUsers";
+    readonly SPECIFIC_ROLES: "appliesToSpecificRoles";
+};
+/**
+ * Initial values for the approval rule form
+ * Used when creating a new rule
+ */
+export declare const INITIAL_FORM_VALUES: FormValuesParams;
+/**
+ * Initial state for the form reducer
+ * Includes form values, loading states, and validation
+ */
+export declare const INITIAL_FORM_STATE: FormState;
+/**
+ * Fields that must be touched (validated) on form submission
+ */
+export declare const REQUIRED_FIELDS_ON_SUBMIT: {
+    readonly name: true;
+    readonly appliesTo: true;
+    readonly ruleValue: true;
+    readonly approvers: true;
+};
+/**
+ * Translation keys for validation error messages
+ */
+export declare const VALIDATION_ERROR_KEYS: {
+    readonly REQUIRED: "PurchaseOrders.approvalRuleForm.errorsMessages.required";
+    readonly APPROVERS: "PurchaseOrders.approvalRuleForm.errorsMessages.approvers";
+    readonly FAILED_TO_LOAD: "Failed to load metadata. Please try again.";
+    readonly FAILED_TO_CREATE: "Failed to create approval rule. Please try again.";
+};
+/**
+ * Creates rule type options for the dropdown
+ * @param t - Translation function
+ */
+/**
+ * Creates rule type options for the dropdown
+ * @param t - Translation function
+ */
+export declare const createRuleTypeOptions: (t: Record<string, string>) => {
+    text: string;
+    value: string;
+}[];
+/**
+ * Creates condition operator options for the dropdown
+ * @param t - Translation function
+ */
+export declare const createConditionOperators: (t: Record<string, string>) => {
+    text: string;
+    value: string;
+}[];
+/**
+ * Creates "applies to" options for the dropdown
+ * @param t - Translation function
+ */
+export declare const createAppliesToOptions: (t: Record<string, string>) => {
+    text: string;
+    value: string;
+}[];
+//# sourceMappingURL=approvalRuleForm.config.d.ts.map

package/configs/index.d.ts

@@ -18,4 +18,6 @@ export * from './pageSize.config';
 export * from './customerPurchaseOrders.config';
 export * from './purchaseOrderApprovalRules.config';
 export * from './companyPurchaseOrders.config';
+export * from './purchaseOrderApprovalRules.config';
+export * from './approvalRuleForm.config';
 //# sourceMappingURL=index.d.ts.map

package/containers/ApprovalRuleDetails/ApprovalRuleDetails.d.ts

@@ -0,0 +1,5 @@
+import { ApprovalRuleDetailsProps } from '../../types/containers';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+
+export declare const ApprovalRuleDetails: Container<ApprovalRuleDetailsProps>;
+//# sourceMappingURL=ApprovalRuleDetails.d.ts.map

package/containers/ApprovalRuleDetails/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ApprovalRuleDetails';
+export { ApprovalRuleDetails as default } from './ApprovalRuleDetails';
+//# sourceMappingURL=index.d.ts.map

package/containers/ApprovalRuleDetails.d.ts

@@ -0,0 +1,3 @@
+export * from './ApprovalRuleDetails/index'
+import _default from './ApprovalRuleDetails/index'
+export default _default

package/containers/ApprovalRuleDetails.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{jsx as e,jsxs as p,Fragment as b}from"@dropins/tools/preact-jsx-runtime.js";import{Card as O,Button as T}from"@dropins/tools/components.js";import{classes as m}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"../chunks/FormLoader.js";import{P as C}from"../chunks/PurchaseOrdersHeader.js";import{useState as f,useEffect as L,useMemo as x}from"@dropins/tools/preact-hooks.js";import{g as w}from"../chunks/getPurchaseOrderApprovalRule.js";import{Text as a,useText as N}from"@dropins/tools/i18n.js";import{F as g}from"../chunks/FormLoader2.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-purchase-order-approval-rule.js";const _=({approvalRuleID:l,routeApprovalRulesList:r})=>{const[t,i]=f(!0),[o,n]=f(null);L(()=>{l&&(i(!0),w(l).then(s=>{s.uid&&n(s)}).catch(()=>{n(null)}).finally(()=>{i(!1)}))},[l]);const h=x(()=>{if(!o||t)return[];const{name:s,status:c,description:R,appliesToRoles:P,approverRoles:D,condition:d}=o;return[{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.ruleName"}),value:s},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.status"}),value:e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.statusView.${c.toLocaleLowerCase()}`})},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.description"}),value:R},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.appliesTo"}),value:e("ul",{children:P.map(u=>e("li",{children:u.name},u.id))})},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.ruleType"}),value:e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${d.attribute.toLocaleLowerCase()}`})},{label:e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${d.attribute.toLocaleLowerCase()}`}),value:p(b,{children:[e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.condition.operator.${d.operator.toLocaleLowerCase()}`}),e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.amount.label",fields:{currency:d.amount.currency,value:d.amount.value}})]})},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.requiresApprovalFrom"}),value:e("ul",{children:D.map(u=>e("li",{children:u.name},u.id))})}]},[o,t]);return{handleRedirectToList:()=>{window.location.href=(r==null?void 0:r())??""},loading:t,formValues:h}},y=({formValues:l})=>e("div",{className:m(["b2b-purchase-order-approval-rule-details-content"]),children:l.map((r,t)=>p("div",{className:m(["b2b-purchase-order-approval-rule-details-content__item"]),children:[e("span",{className:"b2b-purchase-order-approval-rule-details-content__label",children:r.label}),e("div",{className:"b2b-purchase-order-approval-rule-details-content__value",children:r.value})]},t))}),G=({withHeader:l=!0,withWrapper:r=!0,className:t,approvalRuleID:i,routeApprovalRulesList:o})=>{const n=N({headerText:"PurchaseOrders.approvalRuleDetails.containerTitle"}),{handleRedirectToList:h,loading:v,formValues:s}=_({routeApprovalRulesList:o,approvalRuleID:i});if(!i)return null;const c=v?e(g,{className:"approval-rule-details--loader","data-testid":"approval-rule-details-container--loader"}):p(b,{children:[e(y,{formValues:s}),e(T,{onClick:h,children:e(a,{id:"PurchaseOrders.approvalRuleDetails.buttons.back"})})]});return p("div",{className:m(["approval-rule-details",t]),"data-testid":"approval-rule-details-container",children:[l?e(C,{headerText:n.headerText}):null,r?e(O,{variant:"secondary","data-testid":"approvalRuleDetailsCard",children:c}):c]})};export{G as ApprovalRuleDetails,G as default};
+//# sourceMappingURL=ApprovalRuleDetails.js.map

package/containers/ApprovalRuleDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalRuleDetails.js","sources":["/@dropins/storefront-purchase-order/src/hooks/useApprovalRuleDetails.tsx","/@dropins/storefront-purchase-order/src/components/ApprovalRuleDetailsContent/ApprovalRuleDetailsContent.tsx","/@dropins/storefront-purchase-order/src/containers/ApprovalRuleDetails/ApprovalRuleDetails.tsx"],"sourcesContent":["/*******************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useEffect, useState, useMemo } from 'preact/hooks';\nimport { getPurchaseOrderApprovalRule } from '@/b2b-purchase-order/api';\nimport { UseApprovalRuleDetailsProps } from '@/b2b-purchase-order/types/hooks';\nimport { PurchaseOrderApprovalRuleModel } from '@/b2b-purchase-order/data/models';\nimport { Text } from '@adobe-commerce/elsie/i18n';\n\nexport const useApprovalRuleDetails = ({\n  approvalRuleID,\n  routeApprovalRulesList,\n}: UseApprovalRuleDetailsProps) => {\n  const [loading, setLoading] = useState(true);\n  const [approvalRule, setApprovalRule] =\n    useState<PurchaseOrderApprovalRuleModel | null>(null);\n\n  useEffect(() => {\n    if (!approvalRuleID) return;\n\n    setLoading(true);\n\n    getPurchaseOrderApprovalRule(approvalRuleID)\n      .then((data) => {\n        if (!data.uid) return;\n\n        setApprovalRule(data);\n      })\n      .catch(() => {\n        setApprovalRule(null);\n      })\n      .finally(() => {\n        setLoading(false);\n      });\n  }, [approvalRuleID]);\n\n  const formValues = useMemo(() => {\n    if (!approvalRule || loading) return [];\n\n    const {\n      name,\n      status,\n      description,\n      appliesToRoles,\n      approverRoles,\n      condition,\n    } = approvalRule;\n\n    return [\n      {\n        label: <Text id=\"PurchaseOrders.approvalRuleDetails.fields.ruleName\" />,\n        value: name,\n      },\n      {\n        label: <Text id=\"PurchaseOrders.approvalRuleDetails.fields.status\" />,\n        value: (\n          <Text\n            id={`PurchaseOrders.approvalRuleDetails.fields.statusView.${status.toLocaleLowerCase()}`}\n          />\n        ),\n      },\n      {\n        label: (\n          <Text id=\"PurchaseOrders.approvalRuleDetails.fields.description\" />\n        ),\n        value: description,\n      },\n      {\n        label: (\n          <Text id=\"PurchaseOrders.approvalRuleDetails.fields.appliesTo\" />\n        ),\n        value: (\n          <ul>\n            {appliesToRoles.map((item) => (\n              <li key={item.id}>{item.name}</li>\n            ))}\n          </ul>\n        ),\n      },\n      {\n        label: <Text id=\"PurchaseOrders.approvalRuleDetails.fields.ruleType\" />,\n        value: (\n          <Text\n            id={`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${condition.attribute.toLocaleLowerCase()}`}\n          />\n        ),\n      },\n      {\n        label: (\n          <Text\n            id={`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${condition.attribute.toLocaleLowerCase()}`}\n          />\n        ),\n        value: (\n          <>\n            <Text\n              id={`PurchaseOrders.approvalRuleDetails.fields.condition.operator.${condition.operator.toLocaleLowerCase()}`}\n            />\n            <Text\n              id=\"PurchaseOrders.approvalRuleDetails.fields.amount.label\"\n              fields={{\n                currency: condition.amount.currency,\n                value: condition.amount.value,\n              }}\n            />\n          </>\n        ),\n      },\n      {\n        label: (\n          <Text id=\"PurchaseOrders.approvalRuleDetails.fields.requiresApprovalFrom\" />\n        ),\n        value: (\n          <ul>\n            {approverRoles.map((item) => (\n              <li key={item.id}>{item.name}</li>\n            ))}\n          </ul>\n        ),\n      },\n    ];\n  }, [approvalRule, loading]);\n\n  const handleRedirectToList = () => {\n    window.location.href = routeApprovalRulesList?.() ?? '';\n  };\n\n  return { handleRedirectToList, loading, formValues };\n};\n","/*******************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/b2b-purchase-order/components/ApprovalRuleDetailsContent/ApprovalRuleDetailsContent.css';\nimport { ApprovalRuleDetailsContentProps } from '@/b2b-purchase-order/types/components';\n\nexport const ApprovalRuleDetailsContent: FunctionComponent<\n  ApprovalRuleDetailsContentProps\n> = ({ formValues }) => {\n  return (\n    <div\n      className={classes(['b2b-purchase-order-approval-rule-details-content'])}\n    >\n      {formValues.map((item, i) => {\n        return (\n          <div\n            key={i}\n            className={classes([\n              'b2b-purchase-order-approval-rule-details-content__item',\n            ])}\n          >\n            <span className=\"b2b-purchase-order-approval-rule-details-content__label\">\n              {item.label}\n            </span>\n            <div className=\"b2b-purchase-order-approval-rule-details-content__value\">\n              {item.value}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","/*******************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport {\n  ApprovalRuleDetailsContent,\n  FormLoader,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { useApprovalRuleDetails } from '@/b2b-purchase-order/hooks';\nimport { ApprovalRuleDetailsProps } from '@/b2b-purchase-order/types/containers';\nimport { Button, Card } from '@adobe-commerce/elsie/components';\nimport { Text, useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\n\nexport const ApprovalRuleDetails: Container<ApprovalRuleDetailsProps> = ({\n  withHeader = true,\n  withWrapper = true,\n  className,\n  approvalRuleID,\n  routeApprovalRulesList,\n}) => {\n  const t = useText({\n    headerText: 'PurchaseOrders.approvalRuleDetails.containerTitle',\n  });\n  const { handleRedirectToList, loading, formValues } = useApprovalRuleDetails({\n    routeApprovalRulesList,\n    approvalRuleID,\n  });\n\n  if (!approvalRuleID) return null;\n\n  const renderDetailsContent = !loading ? (\n    <>\n      <ApprovalRuleDetailsContent formValues={formValues} />\n      <Button onClick={handleRedirectToList}>\n        <Text id=\"PurchaseOrders.approvalRuleDetails.buttons.back\" />\n      </Button>\n    </>\n  ) : (\n    <FormLoader\n      className={'approval-rule-details--loader'}\n      data-testid=\"approval-rule-details-container--loader\"\n    />\n  );\n\n  return (\n    <div\n      className={classes(['approval-rule-details', className])}\n      data-testid=\"approval-rule-details-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      {withWrapper ? (\n        <Card variant={'secondary'} data-testid=\"approvalRuleDetailsCard\">\n          {renderDetailsContent}\n        </Card>\n      ) : (\n        renderDetailsContent\n      )}\n    </div>\n  );\n};\n"],"names":["useApprovalRuleDetails","approvalRuleID","routeApprovalRulesList","loading","setLoading","useState","approvalRule","setApprovalRule","useEffect","getPurchaseOrderApprovalRule","data","formValues","useMemo","name","status","description","appliesToRoles","approverRoles","condition","jsx","Text","item","jsxs","Fragment","ApprovalRuleDetailsContent","classes","i","ApprovalRuleDetails","withHeader","withWrapper","className","t","useText","handleRedirectToList","renderDetailsContent","FormLoader","Button","PurchaseOrdersHeader","Card"],"mappings":"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"}

package/containers/ApprovalRuleForm/ApprovalRuleForm.d.ts

@@ -0,0 +1,5 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ApprovalRuleFormProps } from '../../types/containers';
+
+export declare const ApprovalRuleForm: Container<ApprovalRuleFormProps>;
+//# sourceMappingURL=ApprovalRuleForm.d.ts.map

package/containers/ApprovalRuleForm/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ApprovalRuleForm';
+export { ApprovalRuleForm as default } from './ApprovalRuleForm';
+//# sourceMappingURL=index.d.ts.map

package/containers/ApprovalRuleForm.d.ts

@@ -0,0 +1,3 @@
+export * from './ApprovalRuleForm/index'
+import _default from './ApprovalRuleForm/index'
+export default _default

package/containers/ApprovalRuleForm.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{jsx as u,jsxs as E,Fragment as w}from"@dropins/tools/preact-jsx-runtime.js";import{classes as C}from"@dropins/tools/lib.js";import{Checkbox as Q,Input as k,TextArea as K,RadioButton as j,MultiSelect as B,Picker as I,Button as x,Card as Y,InLineAlert as X}from"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"../chunks/FormLoader.js";import{useReducer as $,useMemo as y,useEffect as z,useCallback as U}from"@dropins/tools/preact-hooks.js";import{u as J}from"../chunks/useCustomerRolePermissions.js";import{c as W,g as Z,u as ee,a as re}from"../chunks/currencyInfo.js";import{t as ae}from"../chunks/case-converter.js";import{g as oe}from"../chunks/getPurchaseOrderApprovalRule.js";import{Text as le,useText as te}from"@dropins/tools/i18n.js";import{P as ie}from"../chunks/PurchaseOrdersHeader.js";import{F as se}from"../chunks/FormLoader2.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/fetch-error.js";import"../chunks/transform-purchase-order-approval-rule.js";const ne=(e,a,o)=>{const r={...e};switch(a){case"status":r.status=o?"ENABLED":"DISABLED";break;case"name":r.name=o;break;case"description":r.description=o;break;case"ruleType":r.condition.attribute=o;break;case"ruleCondition":r.condition.operator=o;break;case"ruleValue":{let t=typeof o=="string"?o.replace(/[^\d]/g,""):String(o);t===""?r.condition.attribute==="NUMBER_OF_SKUS"?r.condition.quantity="":r.condition.amount.value="":r.condition.attribute==="NUMBER_OF_SKUS"?r.condition.quantity=+t:r.condition.amount.value=+t;break}case"ruleConditionCurrency":r.condition.amount.currency=o;break;case"approvers":r.approvers=o;break;case"roleType":r.roleType=o;break;case"appliesTo":r.appliesTo=o;break}return r},L=e=>{const a={};return(!e.name||e.name.trim()==="")&&(a.name="PurchaseOrders.approvalRuleForm.errorsMessages.required"),e.roleType==="specific_roles"&&(!e.appliesTo||e.appliesTo.length===0)&&(a.appliesTo="PurchaseOrders.approvalRuleForm.errorsMessages.approvers"),e.condition.attribute==="NUMBER_OF_SKUS"?e.condition.quantity===""&&(a.ruleValue="PurchaseOrders.approvalRuleForm.errorsMessages.required"):e.condition.amount.value===""&&(a.ruleValue="PurchaseOrders.approvalRuleForm.errorsMessages.required"),(!e.approvers||e.approvers.length===0)&&(a.approvers="PurchaseOrders.approvalRuleForm.errorsMessages.approvers"),a},g=(e,a,o)=>{const r={...a};return Object.keys(e).forEach(t=>{o[t]&&(r[t]=e[t])}),Object.keys(r).forEach(t=>{o[t]&&!e[t]&&delete r[t]}),r},N={GRAND_TOTAL:"ruleTypeGrandTotal",SHIPPING_INCL_TAX:"ruleTypeShippingInclTax",NUMBER_OF_SKUS:"ruleTypeNumberOfSkus"},A={MORE_THAN:"conditionOperatorMoreThan",LESS_THAN:"conditionOperatorLessThan",MORE_THAN_OR_EQUAL_TO:"conditionOperatorMoreThanOrEqualTo",LESS_THAN_OR_EQUAL_TO:"conditionOperatorLessThanOrEqualTo"},q={ALL_USERS:"appliesToAllUsers",SPECIFIC_ROLES:"appliesToSpecificRoles"},pe={status:"DISABLED",name:"",description:"",roleType:"all_users",appliesTo:[],condition:{quantity:"",amount:{currency:"USD",value:""},attribute:"GRAND_TOTAL",operator:"MORE_THAN"},approvers:[]},ue={formValues:pe,isLoading:!1,submitError:null,availableAppliesTo:[],availableRequiresApprovalFrom:[],errors:{},touched:{},currencyCodesList:[{text:"USD",value:"USD"}]},ce={name:!0,appliesTo:!0,ruleValue:!0,approvers:!0},D={REQUIRED:"PurchaseOrders.approvalRuleForm.errorsMessages.required",APPROVERS:"PurchaseOrders.approvalRuleForm.errorsMessages.approvers",FAILED_TO_LOAD:"Failed to load metadata. Please try again.",FAILED_TO_CREATE:"Failed to create approval rule. Please try again."},de=e=>[{text:e[N.GRAND_TOTAL],value:"GRAND_TOTAL"},{text:e[N.SHIPPING_INCL_TAX],value:"SHIPPING_INCL_TAX"},{text:e[N.NUMBER_OF_SKUS],value:"NUMBER_OF_SKUS"}],Te=e=>[{text:e[A.MORE_THAN],value:"MORE_THAN"},{text:e[A.LESS_THAN],value:"LESS_THAN"},{text:e[A.MORE_THAN_OR_EQUAL_TO],value:"MORE_THAN_OR_EQUAL_TO"},{text:e[A.LESS_THAN_OR_EQUAL_TO],value:"LESS_THAN_OR_EQUAL_TO"}],me=e=>[{text:e[q.ALL_USERS],value:"all_users"},{text:e[q.SPECIFIC_ROLES],value:"specific_roles"}],_e="ENABLED",Ee="GRAND_TOTAL",Oe="MORE_THAN",be="USD",ve=0,Re=0,he=e=>Object.keys(N).includes(e),fe=e=>Object.keys(A).includes(e),Ae=e=>{var a,o,r,t,c,s,i,l,O,b;return{status:e.status||_e,name:e.name||"",description:e.description||"",roleType:((a=e.appliesToRoles)==null?void 0:a.length)>0?"specific_roles":"all_users",appliesTo:((o=e.appliesToRoles)==null?void 0:o.map(_=>_.id))||[],condition:{quantity:((r=e.condition)==null?void 0:r.quantity)??ve,amount:{currency:((c=(t=e.condition)==null?void 0:t.amount)==null?void 0:c.currency)||be,value:((i=(s=e.condition)==null?void 0:s.amount)==null?void 0:i.value)??Re},attribute:he((l=e.condition)==null?void 0:l.attribute)?e.condition.attribute:Ee,operator:fe((O=e.condition)==null?void 0:O.operator)?e.condition.operator:Oe},approvers:((b=e.approverRoles)==null?void 0:b.map(_=>_.id))||[]}},V=e=>e!=null&&e!==""&&e!==0;function ye(e){const{roleType:a,appliesTo:o,condition:r,...t}=e,c=a==="all_users"?{appliesTo:[]}:{appliesTo:o};let s={};if(r){const{amount:l,quantity:O,...b}=r,_={...b};V(l==null?void 0:l.value)&&(_.amount=l),V(O)&&(_.quantity=O),s=_}return ae({...t,...c,condition:s})}function Se(e,a){switch(a.type){case"SET_LOADING":return{...e,isLoading:a.payload};case"SET_SUBMIT_ERROR":return{...e,submitError:a.payload};case"SET_FORM_VALUES":return{...e,formValues:a.payload};case"SET_AVAILABLE_APPLIES_TO":return{...e,availableAppliesTo:a.payload};case"SET_AVAILABLE_APPROVERS":return{...e,availableRequiresApprovalFrom:a.payload};case"SET_ERRORS":return{...e,errors:a.payload};case"SET_TOUCHED":return{...e,touched:a.payload};case"SET_CURRENCIES":return{...e,currencyCodesList:a.payload};case"UPDATE_FIELD":{const{key:o,value:r}=a.payload,t=ne(e.formValues,o,r),c={...e.touched,[o]:!0};o==="roleType"&&r==="specific_roles"&&(c.appliesTo=!0);const s=L(t),i=g(s,e.errors,c);return{...e,formValues:t,touched:c,errors:i}}case"TOUCH_FIELD":{const o=a.payload,r={...e.touched,[o]:!0},t=L(e.formValues),c=g(t,e.errors,r);return{...e,touched:r,errors:c}}case"MARK_FIELDS_TOUCHED":{const o={...e.touched,...a.payload},r=L(e.formValues),t=g(r,e.errors,o);return{...e,touched:o,errors:t}}default:return e}}const Le=({t:e,approvalRuleID:a,routeApprovalRulesList:o,onSubmit:r,onChange:t,permissions:c,loadingPermissions:s})=>{const[i,l]=$(Se,ue),O=y(()=>de(e),[e]),b=y(()=>Te(e),[e]),_=y(()=>me(e),[e]);z(()=>{l({type:"SET_LOADING",payload:!0}),W().then(n=>{l({type:"SET_CURRENCIES",payload:n.availableCurrencyCodes})}).catch(n=>{console.error("Failed to fetch currencies:",n)}),Z().then(n=>{const{availableAppliesTo:v,availableRequiresApprovalFrom:R}=n;return l({type:"SET_AVAILABLE_APPLIES_TO",payload:v}),l({type:"SET_AVAILABLE_APPROVERS",payload:R}),a?oe(a):null}).then(n=>{n&&l({type:"SET_FORM_VALUES",payload:Ae(n)}),l({type:"SET_SUBMIT_ERROR",payload:null})}).catch(n=>{console.error("Failed to fetch data:",n),l({type:"SET_SUBMIT_ERROR",payload:D.FAILED_TO_LOAD})}).finally(()=>{l({type:"SET_LOADING",payload:!1})})},[a]);const h=U((n,v)=>{l({type:"UPDATE_FIELD",payload:{key:n,value:v}}),t&&t({...i.formValues,[n]:v})},[t,i.formValues]),m=U(n=>{l({type:"TOUCH_FIELD",payload:n}),t&&t(i.formValues)},[t,i.formValues]),f=U(async()=>{l({type:"SET_LOADING",payload:!0}),l({type:"SET_SUBMIT_ERROR",payload:null}),l({type:"MARK_FIELDS_TOUCHED",payload:ce});const n=L(i.formValues);if(Object.keys(n).length>0){l({type:"SET_ERRORS",payload:n}),l({type:"SET_LOADING",payload:!1});return}const v=ye(i.formValues);try{let R;if(a?R=await ee({uid:a,...v}):R=await re(v),!R.uid){l({type:"SET_SUBMIT_ERROR",payload:D.FAILED_TO_CREATE}),l({type:"SET_LOADING",payload:!1});return}r&&r(i.formValues),l({type:"SET_LOADING",payload:!1}),window.location.href=(o==null?void 0:o())??""}catch(R){console.error("Failed to save approval rule:",R),l({type:"SET_SUBMIT_ERROR",payload:D.FAILED_TO_CREATE}),l({type:"SET_LOADING",payload:!1})}},[i.formValues,o,a,r]),d=y(()=>!!(i.isLoading||s||!(c!=null&&c.permissions.viewApprovalRules)&&!(c!=null&&c.permissions.manageApprovalRules)),[i.isLoading,s,c]);return{availableAppliesTo:i.availableAppliesTo,availableRequiresApprovalFrom:i.availableRequiresApprovalFrom,formValues:i.formValues,ruleTypeOptions:O,conditionOperators:b,currencies:i.currencyCodesList,appliesToOptions:_,handleSetFormValues:h,handleSubmit:f,handleFieldTouch:m,errors:i.errors,touched:i.touched,isLoading:i.isLoading,formLoading:d,submitError:i.submitError}},S=({touched:e=!1,error:a,className:o="error-message"})=>!e||!a?null:u("span",{className:o,children:u(le,{id:a})}),Ne=({availableRequiresApprovalFrom:e,conditionOperators:a,availableAppliesTo:o,appliesToOptions:r,ruleTypeOptions:t,currencies:c,formValues:s,errors:i,touched:l,isLoading:O,permissions:b,handleSubmit:_,handleFieldTouch:h,handleSetFormValues:m,routeApprovalRulesList:f,t:d})=>{var v,R;const n=O||!((v=b==null?void 0:b.permissions)!=null&&v.viewApprovalRules);return E("form",{"data-testid":"approval-rule-form",children:[u(Q,{"data-testid":"status-toggle",className:"b2b-purchase-order-approval-rule-form__toggle",disabled:n,name:"status",label:s.status==="ENABLED"?d.formEnabled:d.formDisabled,checked:s.status==="ENABLED",onChange:p=>{const T=p.target.checked;m("status",T)}}),E("div",{"data-testid":"name-input-container",children:[u(k,{"data-testid":"name-input",className:"b2b-purchase-order-approval-rule-form__name-input",disabled:n,name:"name",floatingLabel:d.inputRuleNameFloatingLabel,placeholder:d.inputRuleNamePlaceholder,value:s.name,error:!!(l.name&&i.name),onValue:p=>m("name",p),onBlur:()=>h("name")}),u(S,{touched:l.name,error:i.name})]}),u(K,{"data-testid":"description-textarea",className:"b2b-purchase-order-approval-rule-form__description",disabled:n,name:"description",label:d.textAreaDescriptionLabel,value:s.description,onChange:p=>{const T=p.target.value;m("description",T)}}),E("div",{"data-testid":"applies-to-section",className:"b2b-purchase-order-approval-rule-form__applies-to",children:[u("span",{className:"b2b-purchase-order-approval-rule-form__applies-to-title",children:d.titleAppliesTo}),r.map((p,T)=>u(j,{"data-testid":`applies-to-radio-${T}`,disabled:n,name:"radio-group",value:p.value,label:p.text,checked:s.roleType===p.value,onChange:F=>{const P=F.target.value;m("roleType",P)}},p.value)),s.roleType==="specific_roles"?E("div",{"data-testid":"applies-to-multiselect-container",className:"b2b-purchase-order-approval-rule-form__applies-to-multiselect",children:[u(B,{"data-testid":"applies-to-multiselect",disabled:n,name:"appliesTo",value:[...s.appliesTo],options:o.map(p=>({value:p.id,label:p.name})),error:!!(l.appliesTo&&i.appliesTo),onChange:p=>{m("appliesTo",p),l.appliesTo||h("appliesTo")}}),u(S,{touched:l.appliesTo,error:i.appliesTo})]}):null]}),E("div",{"data-testid":"rule-type-section",className:"b2b-purchase-order-approval-rule-form__rule-type",children:[u("span",{className:"b2b-purchase-order-approval-rule-form__rule-type-title",children:d.titleRuleType}),u(I,{"data-testid":"rule-type-picker",className:"b2b-purchase-order-approval-rule-form__rule-type-picker",disabled:n,name:"ruleType",value:s.condition.attribute,options:t,handleSelect:p=>{const T=p.target.value;m("ruleType",T)}})]}),E("div",{"data-testid":"rule-condition-section",className:"b2b-purchase-order-approval-rule-form__rule-condition",children:[u("span",{className:"b2b-purchase-order-approval-rule-form__rule-condition-title",children:(R=t.find(p=>p.value===s.condition.attribute))==null?void 0:R.text}),E("div",{className:"b2b-purchase-order-approval-rule-form__rule-condition-container",children:[u(I,{"data-testid":"rule-condition-picker",className:"b2b-purchase-order-approval-rule-form__rule-condition-picker",disabled:n,name:"ruleCondition",value:s.condition.operator,options:a,handleSelect:p=>{const T=p.target.value;m("ruleCondition",T)}}),E("div",{"data-testid":"rule-value-container",children:[u(k,{"data-testid":"rule-value-input",className:"b2b-purchase-order-approval-rule-form__rule-value-input",disabled:n,name:"ruleValue",floatingLabel:s.condition.attribute==="NUMBER_OF_SKUS"?d.inputQuantityFloatingLabel:d.inputAmountFloatingLabel,placeholder:s.condition.attribute==="NUMBER_OF_SKUS"?d.inputQuantityPlaceholder:d.inputAmountPlaceholder,value:s.condition.attribute==="NUMBER_OF_SKUS"?s.condition.quantity:s.condition.amount.value,error:!!(l.ruleValue&&i.ruleValue),onChange:p=>{const T=p.target.value;m("ruleValue",T)},onBlur:()=>h("ruleValue")}),u(S,{touched:l.ruleValue,error:i.ruleValue})]}),s.condition.attribute!=="NUMBER_OF_SKUS"?u(I,{"data-testid":"rule-condition-currency-picker",className:"b2b-purchase-order-approval-rule-form__rule-condition-currency-picker",disabled:n,name:"ruleConditionCurrency",value:s.condition.amount.currency,options:c,handleSelect:p=>{const T=p.target.value;m("ruleConditionCurrency",T)}}):null]})]}),E("div",{"data-testid":"approval-role-section",className:"b2b-purchase-order-approval-rule-form__approval-role",children:[u("span",{className:"b2b-purchase-order-approval-rule-form__approval-role-title",children:d.titleRequiresApprovalRole}),E("div",{className:"b2b-purchase-order-approval-rule-form__approval-role-multiselect",children:[u(B,{"data-testid":"approvers-multiselect",disabled:n,name:"approvers",value:[...s.approvers],options:e.map(p=>({value:p.id,label:p.name})),error:!!(l.approvers&&i.approvers),onChange:p=>{m("approvers",p),l.approvers||h("approvers")}}),u(S,{touched:l.approvers,error:i.approvers})]})]}),E("div",{"data-testid":"form-buttons",className:"b2b-purchase-order-approval-rule-form__buttons",children:[u(x,{"data-testid":"save-button",type:"button",disabled:n,onClick:_,children:d.buttonSave}),u(x,{"data-testid":"cancel-button",disabled:O,variant:"secondary",onClick:()=>{window.location.href=(f==null?void 0:f())??""},children:d.buttonCancel})]})]})},Fe=({className:e,approvalRuleID:a,withHeader:o,withWrapper:r,routeApprovalRulesList:t,onSubmit:c,onChange:s})=>{const i=te({headerText:"PurchaseOrders.approvalRuleForm.headerText",titleAppliesTo:"PurchaseOrders.approvalRuleForm.titleAppliesTo",titleRuleType:"PurchaseOrders.approvalRuleForm.titleRuleType",titleRequiresApprovalRole:"PurchaseOrders.approvalRuleForm.titleRequiresApprovalRole",formEnabled:"PurchaseOrders.approvalRuleForm.fields.enabled",formDisabled:"PurchaseOrders.approvalRuleForm.fields.disabled",inputRuleNameFloatingLabel:"PurchaseOrders.approvalRuleForm.fields.inputRuleName.floatingLabel",inputRuleNamePlaceholder:"PurchaseOrders.approvalRuleForm.fields.inputRuleName.placeholder",textAreaDescriptionLabel:"PurchaseOrders.approvalRuleForm.fields.textAreaDescription.label",appliesToAllUsers:"PurchaseOrders.approvalRuleForm.fields.appliesTo.allUsers",appliesToSpecificRoles:"PurchaseOrders.approvalRuleForm.fields.appliesTo.specificRoles",ruleTypeGrandTotal:"PurchaseOrders.approvalRuleForm.fields.ruleTypeOptions.grandTotal",ruleTypeShippingInclTax:"PurchaseOrders.approvalRuleForm.fields.ruleTypeOptions.shippingInclTax",ruleTypeNumberOfSkus:"PurchaseOrders.approvalRuleForm.fields.ruleTypeOptions.numberOfSkus",conditionOperatorMoreThan:"PurchaseOrders.approvalRuleForm.fields.conditionOperators.moreThan",conditionOperatorLessThan:"PurchaseOrders.approvalRuleForm.fields.conditionOperators.lessThan",conditionOperatorMoreThanOrEqualTo:"PurchaseOrders.approvalRuleForm.fields.conditionOperators.moreThanOrEqualTo",conditionOperatorLessThanOrEqualTo:"PurchaseOrders.approvalRuleForm.fields.conditionOperators.lessThanOrEqualTo",inputQuantityFloatingLabel:"PurchaseOrders.approvalRuleForm.fields.inputQuantity.floatingLabel",inputQuantityPlaceholder:"PurchaseOrders.approvalRuleForm.fields.inputQuantity.placeholder",inputAmountFloatingLabel:"PurchaseOrders.approvalRuleForm.fields.inputAmount.floatingLabel",inputAmountPlaceholder:"PurchaseOrders.approvalRuleForm.fields.inputAmount.placeholder",buttonCancel:"PurchaseOrders.approvalRuleForm.fields.buttons.cancel",buttonSave:"PurchaseOrders.approvalRuleForm.fields.buttons.save"}),{permissions:l,loadingPermissions:O}=J(),{availableRequiresApprovalFrom:b,conditionOperators:_,availableAppliesTo:h,appliesToOptions:m,ruleTypeOptions:f,currencies:d,formValues:n,errors:v,touched:R,isLoading:p,submitError:T,formLoading:F,handleSubmit:P,handleFieldTouch:H,handleSetFormValues:G}=Le({t:i,approvalRuleID:a,loadingPermissions:O,permissions:l,routeApprovalRulesList:t,onSubmit:c,onChange:s});if(F)return u(se,{testId:"b2b-purchase-order-approval-rule-form",className:C(["b2b-purchase-order-approval-rule-form",e])});const M=E(w,{children:[!!T&&u(X,{heading:"",description:T}),u(Ne,{availableRequiresApprovalFrom:b,conditionOperators:_,availableAppliesTo:h,appliesToOptions:m,ruleTypeOptions:f,currencies:d,formValues:n,errors:v,touched:R,isLoading:p,handleSubmit:P,handleFieldTouch:H,handleSetFormValues:G,permissions:l,routeApprovalRulesList:t,t:i})]});return E("div",{"data-testid":"b2b-purchase-order-approval-rule-form",className:C(["b2b-purchase-order-approval-rule-form",e]),children:[o?u(ie,{headerText:i.headerText}):null,r?u(Y,{variant:"secondary",children:M}):M]})},je=({withHeader:e=!0,withWrapper:a=!0,className:o,approvalRuleID:r,routeApprovalRulesList:t,onSubmit:c,onChange:s})=>u("div",{"data-testid":"b2b-purchase-order-approval-rule-form-container",className:C(["b2b-purchase-order-approval-rule-form-container",o]),children:u(Fe,{withWrapper:a,withHeader:e,approvalRuleID:r,routeApprovalRulesList:t,onSubmit:c,onChange:s})});export{je as ApprovalRuleForm,je as default};
+//# sourceMappingURL=ApprovalRuleForm.js.map