@dropins/storefront-purchase-order 0.0.5-alpha1 → 0.0.5-alpha2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as e,jsxs as u,Fragment as b}from"@dropins/tools/preact-jsx-runtime.js";import{PriceRange as O,Card as T,Button as C}from"@dropins/tools/components.js";import{classes as
|
|
3
|
+
import{jsx as e,jsxs as u,Fragment as b}from"@dropins/tools/preact-jsx-runtime.js";import{PriceRange as O,Card as T,Button as C}from"@dropins/tools/components.js";import{classes as h}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"../chunks/FormLoader.js";import{P as L}from"../chunks/PurchaseOrdersHeader.js";import{useState as f,useEffect as x,useMemo as N}from"@dropins/tools/preact-hooks.js";import{g as _}from"../chunks/getPurchaseOrderApprovalRule.js";import{Text as a,useText as g}from"@dropins/tools/i18n.js";import{F as w}from"../chunks/FormLoader2.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-purchase-order-approval-rule.js";const y=({approvalRuleID:l,routeApprovalRulesList:r})=>{const[t,i]=f(!0),[o,c]=f(null);x(()=>{l&&(i(!0),_(l).then(s=>{s.uid&&c(s)}).catch(()=>{c(null)}).finally(()=>{i(!1)}))},[l]);const m=N(()=>{if(!o||t)return[];const{name:s,status:p,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.${p.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(n=>e("li",{children:n.name},n.id))})},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.ruleType"}),value:e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${d.attribute.toLocaleLowerCase()}`})},{label:u(b,{children:[e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${d.attribute.toLocaleLowerCase()}`}),":"]}),value:u("div",{children:[e(a,{id:`PurchaseOrders.approvalRuleDetails.fields.condition.operator.${d.operator.toLocaleLowerCase()}`}),e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.amount.label"}),e(O,{amount:d.amount.value,currency:d.amount.currency})]})},{label:e(a,{id:"PurchaseOrders.approvalRuleDetails.fields.requiresApprovalFrom"}),value:e("ul",{children:D.map(n=>e("li",{children:n.name},n.id))})}]},[o,t]);return{handleRedirectToList:()=>{window.location.href=(r==null?void 0:r())??""},loading:t,formValues:m}},F=({formValues:l})=>e("div",{className:h(["b2b-purchase-order-approval-rule-details-content"]),children:l.map((r,t)=>u("div",{className:h(["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))}),J=({withHeader:l=!0,withWrapper:r=!0,className:t,approvalRuleID:i,routeApprovalRulesList:o})=>{const c=g({headerText:"PurchaseOrders.approvalRuleDetails.containerTitle"}),{handleRedirectToList:m,loading:v,formValues:s}=y({routeApprovalRulesList:o,approvalRuleID:i});if(!i)return null;const p=v?e(w,{className:"approval-rule-details--loader","data-testid":"approval-rule-details-container--loader"}):u(b,{children:[e(F,{formValues:s}),e(C,{className:"approval-rule-details__button",onClick:m,children:e(a,{id:"PurchaseOrders.approvalRuleDetails.buttons.back"})})]});return u("div",{className:h(["approval-rule-details",t]),"data-testid":"approval-rule-details-container",children:[l?e(L,{headerText:c.headerText}):null,r?e(T,{variant:"secondary","data-testid":"approvalRuleDetailsCard",children:p}):p]})};export{J as ApprovalRuleDetails,J as default};
|
|
4
4
|
//# sourceMappingURL=ApprovalRuleDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
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 { PriceRange } from '@adobe-commerce/elsie/components';\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 <>\n <Text\n id={`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${condition.attribute.toLocaleLowerCase()}`}\n />\n {':'}\n </>\n ),\n value: (\n <div>\n <Text\n id={`PurchaseOrders.approvalRuleDetails.fields.condition.operator.${condition.operator.toLocaleLowerCase()}`}\n />\n <Text id=\"PurchaseOrders.approvalRuleDetails.fields.amount.label\" />\n <PriceRange\n amount={condition.amount.value}\n currency={condition.amount.currency}\n />\n </div>\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","PriceRange","ApprovalRuleDetailsContent","classes","i","ApprovalRuleDetails","withHeader","withWrapper","className","t","useText","handleRedirectToList","renderDetailsContent","FormLoader","Button","PurchaseOrdersHeader","Card"],"mappings":"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"}
|
|
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 { PriceRange } from '@adobe-commerce/elsie/components';\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 <>\n <Text\n id={`PurchaseOrders.approvalRuleDetails.fields.condition.attribute.${condition.attribute.toLocaleLowerCase()}`}\n />\n {':'}\n </>\n ),\n value: (\n <div>\n <Text\n id={`PurchaseOrders.approvalRuleDetails.fields.condition.operator.${condition.operator.toLocaleLowerCase()}`}\n />\n <Text id=\"PurchaseOrders.approvalRuleDetails.fields.amount.label\" />\n <PriceRange\n amount={condition.amount.value}\n currency={condition.amount.currency}\n />\n </div>\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\n className={'approval-rule-details__button'}\n onClick={handleRedirectToList}\n >\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","PriceRange","ApprovalRuleDetailsContent","classes","i","ApprovalRuleDetails","withHeader","withWrapper","className","t","useText","handleRedirectToList","renderDetailsContent","FormLoader","Button","PurchaseOrdersHeader","Card"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/storefront-purchase-order", "version": "0.0.5-
|
|
1
|
+
{"name": "@dropins/storefront-purchase-order", "version": "0.0.5-alpha2", "@dropins/tools": "^1.6.0-alpha2", "license": "SEE LICENSE IN LICENSE.md"}
|
package/render.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
3
|
(function(t,a){try{if(typeof document<"u"){const e=document.createElement("style"),i=a.styleId;for(const r in a.attributes)e.setAttribute(r,a.attributes[r]);e.setAttribute("data-dropin",i),e.appendChild(document.createTextNode(t));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(e);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})(`.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}
|
|
4
|
-
.b2b-purchase-order-purchase-orders-table{display:flex;flex-direction:column;gap:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.purchase-orders-header{margin-bottom:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}.b2b-purchase-order-approval-rule-form form{display:flex;flex-direction:column;gap:var(--spacing-small)}.b2b-purchase-order-approval-rule-form__rule-condition,.b2b-purchase-order-approval-rule-form__approval-role,.b2b-purchase-order-approval-rule-form__rule-type,.b2b-purchase-order-approval-rule-form__applies-to,.b2b-purchase-order-approval-rule-form__rule-condition-container,.b2b-purchase-order-approval-rule-form__buttons{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form form>label.dropin-checkbox{align-items:center}.b2b-purchase-order-approval-rule-form__rule-type select,.b2b-purchase-order-approval-rule-form__rule-condition-container select{min-height:56px}.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:row;position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container--error{margin-bottom:var( --spacing-xsmall )}.b2b-purchase-order-approval-rule-form__rule-condition-container>div{position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:absolute;top:100%;left:0;right:0;z-index:10}.b2b-purchase-order-approval-rule-form__buttons{justify-content:flex-start;flex-direction:row}@media (max-width: 600px){.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:column;margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:static}.b2b-purchase-order-approval-rule-form form .dropin-multi-select{min-width:100%}}.error-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);padding-top:var(--spacing-xsmall);text-align:left;color:var(--color-alert-800)}.b2b-purchase-order-approval-rule-form .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}.purchase-orders-confirmation-content__title{color:var(--color-neutral-800);font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.purchase-orders-confirmation-content__message{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-confirmation-content__link{color:var(--color-brand-500);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.b2b-purchase-order-approval-rule-details-content__item{margin-bottom:var(--spacing-medium);display:grid;grid-template-columns:1fr;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-details-content__label{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.b2b-purchase-order-approval-rule-details-content__value{display:block}.b2b-purchase-order-approval-rule-details-content__value ul{margin:0;padding-left:var(--spacing-medium)}.b2b-purchase-order-approval-rule-details-content__value>div{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:var(--spacing-small);gap:var(--spacing-xsmall)}.
|
|
4
|
+
.b2b-purchase-order-purchase-orders-table{display:flex;flex-direction:column;gap:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.purchase-orders-header{margin-bottom:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}.b2b-purchase-order-approval-rule-form form{display:flex;flex-direction:column;gap:var(--spacing-small)}.b2b-purchase-order-approval-rule-form__rule-condition,.b2b-purchase-order-approval-rule-form__approval-role,.b2b-purchase-order-approval-rule-form__rule-type,.b2b-purchase-order-approval-rule-form__applies-to,.b2b-purchase-order-approval-rule-form__rule-condition-container,.b2b-purchase-order-approval-rule-form__buttons{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form form>label.dropin-checkbox{align-items:center}.b2b-purchase-order-approval-rule-form__rule-type select,.b2b-purchase-order-approval-rule-form__rule-condition-container select{min-height:56px}.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:row;position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container--error{margin-bottom:var( --spacing-xsmall )}.b2b-purchase-order-approval-rule-form__rule-condition-container>div{position:relative}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:absolute;top:100%;left:0;right:0;z-index:10}.b2b-purchase-order-approval-rule-form__buttons{justify-content:flex-start;flex-direction:row}@media (max-width: 600px){.b2b-purchase-order-approval-rule-form__rule-condition-container{flex-direction:column;margin-bottom:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-form__rule-condition-container .error-message{position:static}.b2b-purchase-order-approval-rule-form form .dropin-multi-select{min-width:100%}}.error-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);padding-top:var(--spacing-xsmall);text-align:left;color:var(--color-alert-800)}.b2b-purchase-order-approval-rule-form .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}.purchase-orders-confirmation-content__title{color:var(--color-neutral-800);font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.purchase-orders-confirmation-content__message{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-confirmation-content__link{color:var(--color-brand-500);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.b2b-purchase-order-approval-rule-details-content__item{margin-bottom:var(--spacing-medium);display:grid;grid-template-columns:1fr;gap:var(--spacing-xsmall)}.b2b-purchase-order-approval-rule-details-content__label{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.b2b-purchase-order-approval-rule-details-content__value{display:block}.b2b-purchase-order-approval-rule-details-content__value ul{margin:0;padding-left:var(--spacing-medium)}.b2b-purchase-order-approval-rule-details-content__value>div{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:var(--spacing-small);gap:var(--spacing-xsmall)}.approval-rule-details__button{max-width:max-content}.b2b-purchase-order-form-loader .dropin-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.b2b-purchase-order-form-loader .approval-rule-form-loader__section{display:flex;flex-direction:column;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-medium)}.b2b-purchase-order-form-loader .approval-rule-form-loader__buttons{display:flex;gap:var(--spacing-small)}`,{styleId:"b2b-purchase-order"});
|
|
5
5
|
import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as l}from"@dropins/tools/lib.js";import{useState as n,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as u}from"@dropins/tools/components.js";import{events as i}from"@dropins/tools/event-bus.js";const d={customerPurchaseOrders:{containerTitle:"My purchase orders",noPurchaseOrders:"No purchase orders found."},companyPurchaseOrders:{containerTitle:"Company purchase orders",noPurchaseOrders:"No company purchase orders found."},requireApprovalPurchaseOrders:{containerTitle:"Requires my approval",noPurchaseOrders:"No purchase orders requiring my approval found."},approvalRulesList:{containerTitle:"Approval rules",emptyTitle:"No approval rules found",ariaLabel:{editRule:"Edit approval rule {{ruleName}}",deleteRule:"Delete approval rule {{ruleName}}",viewRule:"View approval rule {{ruleName}}"},buttons:{newRule:"Add New Rule"}},alertMessages:{header:{approve:"Approve Purchase Orders",reject:"Reject Purchase Orders",error:"Error"},description:{approve:"The selected purchase orders were approved successfully.",reject:"The selected purchase orders were rejected successfully.",error:"An error occurred while processing your request."}},purchaseOrdersTable:{noPurchaseOrders:{default:"No purchase orders found."},pagination:{status:"Items {{from}} to {{to}} of {{total}} total",pageSizeLabel:{start:"Show",end:"per page"}},loading:"Loading purchase orders...",actionView:"View",actionEdit:"Edit",actionDelete:"Delete",rulesStatus:{enabled:"Enabled",disabled:"Disabled"},ruleTypes:{grand_total:"Grand Total",number_of_skus:"Number of SKUs",any_item:"Any Item",all_items:"All Items"},appliesToAll:"All",statusOrder:{order_placed:"Order placed",order_failed:"Order failed",pending:"Pending",approved:"Approved",rejected:"Rejected",canceled:"Canceled",order_in_progress:"Order in progress",approval_required:"Approval required",approved_pending_payment:"Approved pending Payment"},tableColumns:{poNumber:"PO #",orderNumber:"Order #",createdDate:"Created",updatedDate:"Updated",createdBy:"Created By",status:"Status",total:"Total",action:"Action",ruleName:"Rule Name",ruleType:"Rule Type",appliesTo:"Applies To",approver:"Approver",selectAllAriaLabel:"Select all not approved purchase orders"}},purchaseOrderConfirmation:{title:"Your Purchase Order has been submitted for approval.",messagePrefix:"Your Purchase Order request number is",messageSuffix:"A copy of this Purchase Order will be emailed to you shortly."},approvalRuleForm:{headerText:"Purchase Order Approval Rule",titleAppliesTo:"Applies To",titleRuleType:"Rule Type",titleRequiresApprovalRole:"Requires Approval From",fields:{enabled:"Rule Enabled",disabled:"Rule Disabled",inputRuleName:{floatingLabel:"Rule Name",placeholder:"Rule Name"},textAreaDescription:{label:"Rule Description"},appliesTo:{allUsers:"All Users",specificRoles:"Specific Roles"},ruleTypeOptions:{grandTotal:"Grand Total",shippingInclTax:"Shipping Cost",numberOfSkus:"Number of SKUs"},conditionOperators:{moreThan:"is more than",lessThan:"is less than",moreThanOrEqualTo:"is more than or equal to",lessThanOrEqualTo:"is less than or equal to"},inputQuantity:{floatingLabel:"Enter Amount",placeholder:"Enter Amount"},inputAmount:{floatingLabel:"Enter Amount",placeholder:"Enter Amount"},buttons:{cancel:"Cancel",save:"Save"}},errorsMessages:{required:"This field is required.",quantity:"Quantity must be greater than 0.",amount:"Amount must be greater than 0.",approvers:"Please select at least one approver."}},approvalRuleDetails:{containerTitle:"View Approval Rule",buttons:{back:"Back to Rules List"},fields:{ruleName:"Rule Name:",status:"Status:",description:"Description:",appliesTo:"Applies To:",requiresApprovalFrom:"Requires Approval From:",ruleType:"Rule Type:",amount:{label:" amount "},statusView:{enabled:"Enabled",disabled:"Disabled"},condition:{attribute:{grand_total:"Grand Total",shipping_incl_tax:"Shipping Cost",number_of_skus:"Number of SKUs"},operator:{more_than:"Is more than",less_than:"Is less than",more_than_or_equal_to:"Is more than or equal to",less_than_or_equal_to:"Is less than or equal to"}}}}},c={PurchaseOrders:d},m={default:c},h=({children:a})=>{const[o,t]=n("en_US");return p(()=>{const e=i.on("locale",s=>{t(s)},{eager:!0});return()=>{e==null||e.off()}},[]),r(u,{lang:o,langDefinitions:m,children:a})},g=new l(r(h,{}));export{g as render};
|
|
6
6
|
//# sourceMappingURL=render.js.map
|