@aglyn/plugins-commerce 1.0.0-beta.285 → 1.0.0-beta.287

package/src/lib/components/console/pos-hardware-terms-sign-page.component.js

@@ -0,0 +1,104 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PLATFORM_BRAND_NAME } from "@aglyn/aglyn/app-utils/platform-brand";
+import { Box, Button, Container, GlobalStyles, Stack, Typography } from "@mui/material";
+import { posHardwareTermsAddress, POS_HARDWARE_TERMS_SECTIONS, POS_HARDWARE_TERMS_SUMMARY } from "../../model/pos-hardware-terms.js";
+/**
+ * `/kiosk/commerce/hardware-terms-sign` (AGL-4038): the sign that stands
+ * where the platform sells card readers in person, for when the buyer can't
+ * accept the terms of sale on a screen (Terms 4.28): which terms the sale is
+ * made under, where to read them, and that paying is agreeing. A public page
+ * with nothing on it but the published terms' address and summary, so the
+ * register opens it in a new tab and prints it. Only the sign prints.
+ */ export function PosHardwareTermsSignPage(_props) {
+    const address = posHardwareTermsAddress();
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            minHeight: '100dvh',
+            bgcolor: 'background.paper',
+            py: {
+                xs: 2,
+                sm: 6
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(GlobalStyles, {
+                styles: {
+                    '@media print': {
+                        '.no-print': {
+                            display: 'none !important'
+                        }
+                    }
+                }
+            }),
+            /*#__PURE__*/ _jsx(Container, {
+                maxWidth: "md",
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 3,
+                    children: [
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: "row",
+                            className: "no-print",
+                            sx: {
+                                justifyContent: 'flex-end'
+                            },
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                onClick: ()=>window.print(),
+                                children: 'Print'
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h3",
+                            component: "h1",
+                            children: `Card reader hardware sold here is sold by ${PLATFORM_BRAND_NAME} under its Terms of Sale`
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h5",
+                            component: "p",
+                            children: `The Terms are at ${address}, Sections ${POS_HARDWARE_TERMS_SECTIONS}. By paying for card reader hardware here, you agree to those terms for that purchase.`
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h6",
+                            component: "h2",
+                            children: 'In short'
+                        }),
+                        /*#__PURE__*/ _jsx(Box, {
+                            component: "ul",
+                            sx: {
+                                m: 0,
+                                pl: 4,
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 1.5
+                            },
+                            children: POS_HARDWARE_TERMS_SUMMARY.map((line)=>/*#__PURE__*/ _jsx(Typography, {
+                                    component: "li",
+                                    variant: "body1",
+                                    children: line
+                                }, line))
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export default PosHardwareTermsSignPage;
+
+//# sourceMappingURL=pos-hardware-terms-sign-page.component.js.map

package/src/lib/components/console/pos-hardware-terms-sign-page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-hardware-terms-sign-page.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport type { ConsolePublicPageProps } from '@aglyn/aglyn'\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn/app-utils/platform-brand'\nimport { Box, Button, Container, GlobalStyles, Stack, Typography } from '@mui/material'\nimport {\n  posHardwareTermsAddress,\n  POS_HARDWARE_TERMS_SECTIONS,\n  POS_HARDWARE_TERMS_SUMMARY,\n} from '../../model/pos-hardware-terms'\n\n/**\n * `/kiosk/commerce/hardware-terms-sign` (AGL-4038): the sign that stands\n * where the platform sells card readers in person, for when the buyer can't\n * accept the terms of sale on a screen (Terms 4.28): which terms the sale is\n * made under, where to read them, and that paying is agreeing. A public page\n * with nothing on it but the published terms' address and summary, so the\n * register opens it in a new tab and prints it. Only the sign prints.\n */\nexport function PosHardwareTermsSignPage(_props: ConsolePublicPageProps) {\n  const address = posHardwareTermsAddress()\n  return (\n    <Box sx={{ minHeight: '100dvh', bgcolor: 'background.paper', py: { xs: 2, sm: 6 } }}>\n      <GlobalStyles styles={{ '@media print': { '.no-print': { display: 'none !important' } } }} />\n      <Container maxWidth=\"md\">\n        <Stack spacing={3}>\n          <Stack direction=\"row\" className=\"no-print\" sx={{ justifyContent: 'flex-end' }}>\n            <Button variant=\"contained\" onClick={() => window.print()}>\n              {'Print'}\n            </Button>\n          </Stack>\n          <Typography variant=\"h3\" component=\"h1\">\n            {`Card reader hardware sold here is sold by ${PLATFORM_BRAND_NAME} under its Terms of Sale`}\n          </Typography>\n          <Typography variant=\"h5\" component=\"p\">\n            {`The Terms are at ${address}, Sections ${POS_HARDWARE_TERMS_SECTIONS}. By paying for card reader hardware here, you agree to those terms for that purchase.`}\n          </Typography>\n          <Typography variant=\"h6\" component=\"h2\">\n            {'In short'}\n          </Typography>\n          <Box component=\"ul\" sx={{ m: 0, pl: 4, display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n            {POS_HARDWARE_TERMS_SUMMARY.map((line) => (\n              <Typography key={line} component=\"li\" variant=\"body1\">\n                {line}\n              </Typography>\n            ))}\n          </Box>\n        </Stack>\n      </Container>\n    </Box>\n  )\n}\n\nexport default PosHardwareTermsSignPage\n"],"names":["PLATFORM_BRAND_NAME","Box","Button","Container","GlobalStyles","Stack","Typography","posHardwareTermsAddress","POS_HARDWARE_TERMS_SECTIONS","POS_HARDWARE_TERMS_SUMMARY","PosHardwareTermsSignPage","_props","address","sx","minHeight","bgcolor","py","xs","sm","styles","display","maxWidth","spacing","direction","className","justifyContent","variant","onClick","window","print","component","m","pl","flexDirection","gap","map","line"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAGA,SAASA,mBAAmB,QAAQ,wCAAuC;AAC3E,SAASC,GAAG,EAAEC,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AACvF,SACEC,uBAAuB,EACvBC,2BAA2B,EAC3BC,0BAA0B,QACrB,oCAAgC;AAEvC;;;;;;;CAOC,GACD,OAAO,SAASC,yBAAyBC,MAA8B;IACrE,MAAMC,UAAUL;IAChB,qBACE,MAACN;QAAIY,IAAI;YAAEC,WAAW;YAAUC,SAAS;YAAoBC,IAAI;gBAAEC,IAAI;gBAAGC,IAAI;YAAE;QAAE;;0BAChF,KAACd;gBAAae,QAAQ;oBAAE,gBAAgB;wBAAE,aAAa;4BAAEC,SAAS;wBAAkB;oBAAE;gBAAE;;0BACxF,KAACjB;gBAAUkB,UAAS;0BAClB,cAAA,MAAChB;oBAAMiB,SAAS;;sCACd,KAACjB;4BAAMkB,WAAU;4BAAMC,WAAU;4BAAWX,IAAI;gCAAEY,gBAAgB;4BAAW;sCAC3E,cAAA,KAACvB;gCAAOwB,SAAQ;gCAAYC,SAAS,IAAMC,OAAOC,KAAK;0CACpD;;;sCAGL,KAACvB;4BAAWoB,SAAQ;4BAAKI,WAAU;sCAChC,CAAC,0CAA0C,EAAE9B,oBAAoB,wBAAwB,CAAC;;sCAE7F,KAACM;4BAAWoB,SAAQ;4BAAKI,WAAU;sCAChC,CAAC,iBAAiB,EAAElB,QAAQ,WAAW,EAAEJ,4BAA4B,sFAAsF,CAAC;;sCAE/J,KAACF;4BAAWoB,SAAQ;4BAAKI,WAAU;sCAChC;;sCAEH,KAAC7B;4BAAI6B,WAAU;4BAAKjB,IAAI;gCAAEkB,GAAG;gCAAGC,IAAI;gCAAGZ,SAAS;gCAAQa,eAAe;gCAAUC,KAAK;4BAAI;sCACvFzB,2BAA2B0B,GAAG,CAAC,CAACC,qBAC/B,KAAC9B;oCAAsBwB,WAAU;oCAAKJ,SAAQ;8CAC3CU;mCADcA;;;;;;;AAS/B;AAEA,eAAe1B,yBAAwB"}

package/src/lib/components/console/pos-hardware-waiting-card.component.d.ts

@@ -0,0 +1,24 @@
+export interface PosHardwareWaitingCardProps {
+    hostId: string;
+    /**
+     * Why the member may not set up devices on this store (`posDevices`), or
+     * nothing when they may. Passed in, not resolved here: this card is its own
+     * chunk, and reaching into the permissions model from it would pull that
+     * eagerly loaded module apart.
+     */
+    devicesBlockedReason?: string;
+}
+/**
+ * Card readers this workspace bought in person, waiting to be set up
+ * (AGL-4038). Each says the one thing it still needs, in order:
+ *
+ *   1. a plan with the point of sale, which registering a reader needs;
+ *   2. the store it is for, when nobody chose one at the sale;
+ *   3. adding it on that store's POS devices card by the code it shows —
+ *      by itself it then moves to Set up when its serial was taken at the
+ *      sale, and otherwise "Mark set up" says it is done.
+ *
+ * Drawn only while there is such a reader. Loaded on its own.
+ */
+declare function PosHardwareWaitingCard(props: PosHardwareWaitingCardProps): import("react").JSX.Element;
+export default PosHardwareWaitingCard;

package/src/lib/components/console/pos-hardware-waiting-card.component.js

@@ -0,0 +1,205 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { BlockedControl } from "@aglyn/shared-ui-jsx/components/blocked-control.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Divider, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { useCallback, useEffect, useState } from "react";
+import { EntitlementUpsell, useCommerceEntitlement } from "./entitlement-gate.component.js";
+import { PosHardwareRequestError, posHardwareChooseStore, posHardwareMarkSetUp, posHardwareWaiting } from "./pos/pos-hardware-api.js";
+const items = (order)=>order.lines.map((line)=>`${line.quantity} × ${line.name}`).join(', ');
+/**
+ * Card readers this workspace bought in person, waiting to be set up
+ * (AGL-4038). Each says the one thing it still needs, in order:
+ *
+ *   1. a plan with the point of sale, which registering a reader needs;
+ *   2. the store it is for, when nobody chose one at the sale;
+ *   3. adding it on that store's POS devices card by the code it shows —
+ *      by itself it then moves to Set up when its serial was taken at the
+ *      sale, and otherwise "Mark set up" says it is done.
+ *
+ * Drawn only while there is such a reader. Loaded on its own.
+ */ function PosHardwareWaitingCard(props) {
+    var _ref;
+    const { hostId, devicesBlockedReason } = props;
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const plan = useCommerceEntitlement(hostId, 'pos');
+    const [waiting, setWaiting] = useState(null);
+    const [chosen, setChosen] = useState({});
+    const [busy, setBusy] = useState('');
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : '';
+    const load = useCallback(async ()=>{
+        if (!user) return;
+        try {
+            setWaiting(await posHardwareWaiting(user, hostId));
+        } catch (unused) {
+            setWaiting(null);
+        }
+    // Keyed on the person, not the session object.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        uid,
+        hostId
+    ]);
+    useEffect(()=>{
+        void load();
+    }, [
+        load
+    ]);
+    const act = async (orderId, run, done)=>{
+        setBusy(orderId);
+        try {
+            await run();
+            enqueueSnackbar(done, {
+                variant: 'success',
+                persist: false
+            });
+            await load();
+        } catch (error) {
+            enqueueSnackbar(error instanceof PosHardwareRequestError ? error.message : 'That did not work. Try again.', {
+                variant: 'warning',
+                persist: false
+            });
+        } finally{
+            setBusy('');
+        }
+    };
+    if (!user || !(waiting == null ? void 0 : waiting.orders.length)) return null;
+    const devicesReason = devicesBlockedReason || undefined;
+    const planReason = waiting.posPlan ? undefined : 'Add a plan with the point of sale first.';
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Card readers to set up',
+        subheader: 'Bought in person, ready for your store',
+        help: pluginDocsHelp('posHardware', {
+            anchor: '#card-readers-to-set-up'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            divider: /*#__PURE__*/ _jsx(Divider, {
+                flexItem: true
+            }),
+            children: [
+                waiting.posPlan ? null : /*#__PURE__*/ _jsx(EntitlementUpsell, {
+                    planLabel: plan.planLabel,
+                    upgradeHref: plan.upgradeHref,
+                    children: 'A card reader takes payments at the register, which comes with the point of sale. Add it, then set the reader up here.'
+                }),
+                waiting.orders.map((order)=>{
+                    var _ref, _chosen_order_id, _ref1, _ref2;
+                    var _waiting_stores_;
+                    const store = waiting.stores.find((candidate)=>candidate.hostId === order.hostId);
+                    const pick = (_ref = (_chosen_order_id = chosen[order.id]) != null ? _chosen_order_id : (_waiting_stores_ = waiting.stores[0]) == null ? void 0 : _waiting_stores_.hostId) != null ? _ref : '';
+                    return /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                children: items(order)
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: `Order ${order.number} · bought ${new Date(order.createdAtMs).toLocaleDateString()}`
+                            }),
+                            store ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Typography, {
+                                        variant: "body2",
+                                        children: [
+                                            order.serialsTaken ? `For ${store.name}. Add it on the POS devices card with the code it shows, and it is set up: we know its serial number.` : `For ${store.name}. Add it on the POS devices card with the code it shows, then mark it set up.`,
+                                            store.hasLocation ? '' : ' The first reader asks for the store’s address.'
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs(Stack, {
+                                        direction: "row",
+                                        spacing: 1,
+                                        children: [
+                                            /*#__PURE__*/ _jsx(BlockedControl, {
+                                                blocked: Boolean(planReason != null ? planReason : devicesReason),
+                                                reason: (_ref1 = planReason != null ? planReason : devicesReason) != null ? _ref1 : '',
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    variant: "contained",
+                                                    size: "small",
+                                                    href: store.setupUrl,
+                                                    children: 'Open POS devices'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(BlockedControl, {
+                                                blocked: Boolean(planReason != null ? planReason : devicesReason),
+                                                reason: (_ref2 = planReason != null ? planReason : devicesReason) != null ? _ref2 : '',
+                                                children: /*#__PURE__*/ _jsx(Button, {
+                                                    size: "small",
+                                                    disabled: busy === order.id,
+                                                    onClick: ()=>void act(order.id, ()=>posHardwareMarkSetUp(user, order.hostId, order.id), 'Marked set up'),
+                                                    children: 'Mark set up'
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                sx: {
+                                    alignItems: 'center'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        select: true,
+                                        size: "small",
+                                        label: "Which store is it for?",
+                                        value: pick,
+                                        onChange: (event)=>setChosen(_extends({}, chosen, {
+                                                [order.id]: event.target.value
+                                            })),
+                                        sx: {
+                                            minWidth: (theme)=>theme.spacing(30)
+                                        },
+                                        children: waiting.stores.map((candidate)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                value: candidate.hostId,
+                                                children: candidate.name
+                                            }, candidate.hostId))
+                                    }),
+                                    /*#__PURE__*/ _jsx(BlockedControl, {
+                                        blocked: Boolean(planReason),
+                                        reason: planReason != null ? planReason : '',
+                                        children: /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: !pick || busy === order.id,
+                                            onClick: ()=>void act(order.id, ()=>posHardwareChooseStore(user, pick, order.id), 'Store chosen'),
+                                            children: 'Choose'
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }, order.id);
+                })
+            ]
+        })
+    });
+}
+export default PosHardwareWaitingCard;
+
+//# sourceMappingURL=pos-hardware-waiting-card.component.js.map

package/src/lib/components/console/pos-hardware-waiting-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/pos-hardware-waiting-card.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { BlockedControl } from '@aglyn/shared-ui-jsx/components/blocked-control.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, Divider, MenuItem, Stack, TextField, Typography } from '@mui/material'\nimport { useCallback, useEffect, useState } from 'react'\nimport { EntitlementUpsell, useCommerceEntitlement } from './entitlement-gate.component'\nimport {\n  PosHardwareRequestError,\n  posHardwareChooseStore,\n  posHardwareMarkSetUp,\n  posHardwareWaiting,\n  type WaitingReaderOrder,\n  type WaitingReaders,\n} from './pos/pos-hardware-api'\n\nexport interface PosHardwareWaitingCardProps {\n  hostId: string\n  /**\n   * Why the member may not set up devices on this store (`posDevices`), or\n   * nothing when they may. Passed in, not resolved here: this card is its own\n   * chunk, and reaching into the permissions model from it would pull that\n   * eagerly loaded module apart.\n   */\n  devicesBlockedReason?: string\n}\n\nconst items = (order: WaitingReaderOrder) => order.lines.map((line) => `${line.quantity} × ${line.name}`).join(', ')\n\n/**\n * Card readers this workspace bought in person, waiting to be set up\n * (AGL-4038). Each says the one thing it still needs, in order:\n *\n *   1. a plan with the point of sale, which registering a reader needs;\n *   2. the store it is for, when nobody chose one at the sale;\n *   3. adding it on that store's POS devices card by the code it shows —\n *      by itself it then moves to Set up when its serial was taken at the\n *      sale, and otherwise \"Mark set up\" says it is done.\n *\n * Drawn only while there is such a reader. Loaded on its own.\n */\nfunction PosHardwareWaitingCard(props: PosHardwareWaitingCardProps) {\n  const { hostId, devicesBlockedReason } = props\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const plan = useCommerceEntitlement(hostId, 'pos')\n  const [waiting, setWaiting] = useState<WaitingReaders | null>(null)\n  const [chosen, setChosen] = useState<Record<string, string>>({})\n  const [busy, setBusy] = useState('')\n  const uid = user?.uid ?? ''\n\n  const load = useCallback(async () => {\n    if (!user) return\n    try {\n      setWaiting(await posHardwareWaiting(user, hostId))\n    } catch {\n      setWaiting(null)\n    }\n    // Keyed on the person, not the session object.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uid, hostId])\n\n  useEffect(() => {\n    void load()\n  }, [load])\n\n  const act = async (orderId: string, run: () => Promise<unknown>, done: string) => {\n    setBusy(orderId)\n    try {\n      await run()\n      enqueueSnackbar(done, { variant: 'success', persist: false })\n      await load()\n    } catch (error) {\n      enqueueSnackbar(error instanceof PosHardwareRequestError ? error.message : 'That did not work. Try again.', {\n        variant: 'warning',\n        persist: false,\n      })\n    } finally {\n      setBusy('')\n    }\n  }\n\n  if (!user || !waiting?.orders.length) return null\n  const devicesReason = devicesBlockedReason || undefined\n  const planReason = waiting.posPlan ? undefined : 'Add a plan with the point of sale first.'\n\n  return (\n    <CardDisplay\n      header={'Card readers to set up'}\n      subheader={'Bought in person, ready for your store'}\n      help={pluginDocsHelp('posHardware', { anchor: '#card-readers-to-set-up' })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2} divider={<Divider flexItem />}>\n        {waiting.posPlan ? null : (\n          <EntitlementUpsell planLabel={plan.planLabel} upgradeHref={plan.upgradeHref}>\n            {'A card reader takes payments at the register, which comes with the point of sale. Add it, then set the reader up here.'}\n          </EntitlementUpsell>\n        )}\n        {waiting.orders.map((order) => {\n          const store = waiting.stores.find((candidate) => candidate.hostId === order.hostId)\n          const pick = chosen[order.id] ?? waiting.stores[0]?.hostId ?? ''\n          return (\n            <Stack key={order.id} spacing={1}>\n              <Typography variant=\"subtitle2\">{items(order)}</Typography>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {`Order ${order.number} · bought ${new Date(order.createdAtMs).toLocaleDateString()}`}\n              </Typography>\n              {store ? (\n                <>\n                  <Typography variant=\"body2\">\n                    {order.serialsTaken\n                      ? `For ${store.name}. Add it on the POS devices card with the code it shows, and it is set up: we know its serial number.`\n                      : `For ${store.name}. Add it on the POS devices card with the code it shows, then mark it set up.`}\n                    {store.hasLocation ? '' : ' The first reader asks for the store’s address.'}\n                  </Typography>\n                  <Stack direction=\"row\" spacing={1}>\n                    <BlockedControl blocked={Boolean(planReason ?? devicesReason)} reason={planReason ?? devicesReason ?? ''}>\n                      <Button variant=\"contained\" size=\"small\" href={store.setupUrl}>\n                        {'Open POS devices'}\n                      </Button>\n                    </BlockedControl>\n                    <BlockedControl blocked={Boolean(planReason ?? devicesReason)} reason={planReason ?? devicesReason ?? ''}>\n                      <Button\n                        size=\"small\"\n                        disabled={busy === order.id}\n                        onClick={() =>\n                          void act(order.id, () => posHardwareMarkSetUp(user, order.hostId, order.id), 'Marked set up')\n                        }\n                      >\n                        {'Mark set up'}\n                      </Button>\n                    </BlockedControl>\n                  </Stack>\n                </>\n              ) : (\n                <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                  <TextField\n                    select\n                    size=\"small\"\n                    label=\"Which store is it for?\"\n                    value={pick}\n                    onChange={(event) => setChosen({ ...chosen, [order.id]: event.target.value })}\n                    sx={{ minWidth: (theme) => theme.spacing(30) }}\n                  >\n                    {waiting.stores.map((candidate) => (\n                      <MenuItem key={candidate.hostId} value={candidate.hostId}>\n                        {candidate.name}\n                      </MenuItem>\n                    ))}\n                  </TextField>\n                  <BlockedControl blocked={Boolean(planReason)} reason={planReason ?? ''}>\n                    <Button\n                      size=\"small\"\n                      disabled={!pick || busy === order.id}\n                      onClick={() =>\n                        void act(order.id, () => posHardwareChooseStore(user, pick, order.id), 'Store chosen')\n                      }\n                    >\n                      {'Choose'}\n                    </Button>\n                  </BlockedControl>\n                </Stack>\n              )}\n            </Stack>\n          )\n        })}\n      </Stack>\n    </CardDisplay>\n  )\n}\n\nexport default PosHardwareWaitingCard\n"],"names":["pluginDocsHelp","CardDisplay","BlockedControl","useSnackbar","useUser","Button","Divider","MenuItem","Stack","TextField","Typography","useCallback","useEffect","useState","EntitlementUpsell","useCommerceEntitlement","PosHardwareRequestError","posHardwareChooseStore","posHardwareMarkSetUp","posHardwareWaiting","items","order","lines","map","line","quantity","name","join","PosHardwareWaitingCard","props","hostId","devicesBlockedReason","data","user","enqueueSnackbar","plan","waiting","setWaiting","chosen","setChosen","busy","setBusy","uid","load","act","orderId","run","done","variant","persist","error","message","orders","length","devicesReason","undefined","planReason","posPlan","header","subheader","help","anchor","contentGutterX","contentGutterY","spacing","divider","flexItem","planLabel","upgradeHref","store","stores","find","candidate","pick","id","color","number","Date","createdAtMs","toLocaleDateString","serialsTaken","hasLocation","direction","blocked","Boolean","reason","size","href","setupUrl","disabled","onClick","sx","alignItems","select","label","value","onChange","event","target","minWidth","theme"],"mappings":"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"}