@monimesl/dot-cli 0.1.0-alpha.35 → 0.1.0-alpha.37

package/dist/templates/showcase/dot.ts

@@ -38,6 +38,7 @@ export default defineDot({
     'dash/media',
     'dash/contacts',
     'dash/account',
+    'dash/payments',
     'dash/crypto',
     'dash/network',
     'dash/files',

package/dist/templates/showcase/pages/dash/payments/controller.ts

@@ -0,0 +1,82 @@
+import type { PaymentMethod, PaymentResult } from '@monimesl/dot-runtime';
+import { errorMessage, isDashError } from '@monimesl/dot-runtime';
+
+import state from './state';
+
+// SLE 75.00 a ticket, in minor units as Monime counts money.
+const TICKET_PRICE = 7500;
+
+export default definePage({
+  initialState: state,
+  configs: { navigationBar: { title: 'Payments' } },
+  mutations: {
+    setTickets: (_state, event: ValueEvent) => ({ tickets: Number(event.detail.value) }),
+  },
+  actions: {
+    // data-provider limits the payment to one mobile money provider, such as m17 for Orange Money.
+    async pay(state, event: DataEvent<{ provider?: string }>) {
+      // A new reference for each order, as the same reference never pays twice.
+      const reference = `tickets-${Date.now().toString(36)}`;
+      this.setState({ reference, note: '' });
+      let methods: PaymentMethod[] | undefined;
+      if (event.data.provider) {
+        methods = [{ type: 'momo', providers: { include: [event.data.provider] } }];
+      }
+      try {
+        const result = await this.dash.payments.request({
+          order: {
+            name: 'Jazz Night tickets',
+            reference,
+            description: 'Saturday 8 pm at the Bo Town Hall',
+            lineItems: [
+              {
+                name: 'Standing ticket',
+                unitPrice: { currency: 'SLE', value: TICKET_PRICE },
+                quantity: state.tickets,
+              },
+            ],
+            metadata: { show: 'jazz-night' },
+          },
+          methods,
+        });
+        this.setState(shownResult(result));
+      } catch (error) {
+        if (isDashError(error, 'cancelled')) {
+          this.setState({ note: 'You closed the payment without paying.' });
+          return;
+        }
+        this.setState({ note: errorMessage(error) });
+      }
+    },
+    async checkPayment(state) {
+      try {
+        const result = await this.dash.payments.get(state.reference);
+        if (result === undefined) {
+          this.setState({ note: 'There is no payment for this order yet.' });
+          return;
+        }
+        this.setState(shownResult(result));
+      } catch (error) {
+        this.setState({ note: errorMessage(error) });
+      }
+    },
+  },
+});
+
+// The Monime resource behind the payment differs by method.
+function shownResult(result: PaymentResult) {
+  let resource = result.paymentId ?? '';
+  if (result.method === 'card') {
+    resource = result.checkoutSessionId;
+  } else if (result.method === 'momo') {
+    resource = result.paymentCodeId;
+  }
+  return {
+    method: result.method,
+    status: result.status,
+    amount: `${result.amount.currency} ${(result.amount.value / 100).toFixed(2)}`,
+    resource,
+    orderNumber: result.orderNumber ?? '',
+    note: '',
+  };
+}

package/dist/templates/showcase/pages/dash/payments/state.ts

@@ -0,0 +1,10 @@
+export default {
+  tickets: 2,
+  reference: '',
+  method: '',
+  status: '',
+  amount: '',
+  resource: '',
+  orderNumber: '',
+  note: '',
+};

package/dist/templates/showcase/pages/dash/payments/view.dml

@@ -0,0 +1,38 @@
+<View>
+  <Text variant="title">dash.payments</Text>
+  <Text>Takes a payment for an order through Dash's own payment sheet. The person picks a linked account, a card or mobile money, and the money goes to the Space that owns the dot. It needs the payments permission in dot.json.</Text>
+
+  <View gap="small">
+    <Text variant="subtitle">request</Text>
+    <Text variant="caption" tone="muted">The dot sends the order: its name, its own reference, and the line items. Dash adds up the total and shows it. With methods, the dot chooses which ways to pay to offer, in order, such as only Orange Money.</Text>
+    <View variant="card" gap="medium">
+      <Stepper label="Tickets" min="1" max="10" hint="SLE 75.00 each" value="{{ tickets }}" onChange="setTickets" />
+      <Button onClick="pay">Pay any way</Button>
+      <Button variant="secondary" data-provider="m17" onClick="pay">Pay with Orange Money only</Button>
+    </View>
+  </View>
+
+  <View gap="small">
+    <Text variant="subtitle">get</Text>
+    <Text variant="caption" tone="muted">Reads a payment back by the order's reference, such as one still pending, or after the dot opens again. The ID is the Monime resource behind the payment: a checkout session for a card, a payment code for mobile money, or the payment itself for a linked account.</Text>
+    <View variant="card" gap="medium">
+      <If condition="{{ status }}">
+        <View gap="none">
+          <DetailRow label="reference" value="{{ reference }}" />
+          <DetailRow label="method" value="{{ method }}" />
+          <DetailRow label="status" value="{{ status }}" />
+          <DetailRow label="amount" value="{{ amount }}" />
+          <DetailRow label="resource" value="{{ resource }}" />
+          <If condition="{{ orderNumber }}">
+            <DetailRow label="orderNumber" value="{{ orderNumber }}" />
+          </If>
+        </View>
+      </If>
+      <Button variant="secondary" onClick="checkPayment" disabled="{{ !reference }}">Check the payment</Button>
+    </View>
+  </View>
+
+  <If condition="{{ note }}">
+    <Notice tone="danger">{{ note }}</Notice>
+  </If>
+</View>

package/dist/templates/showcase/pages/index/state.ts

@@ -194,6 +194,12 @@ export default {
           covers: 'signIn',
           icon: 'user',
         },
+        {
+          page: 'dash/payments',
+          title: 'dash.payments',
+          covers: 'request, get',
+          icon: 'card',
+        },
         {
           page: 'dash/crypto',
           title: 'dash.crypto',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monimesl/dot-cli",
-  "version": "0.1.0-alpha.35",
+  "version": "0.1.0-alpha.37",
   "description": "The dotctl command: build mini apps and run them in the simulator",
   "type": "module",
   "repository": {
@@ -24,11 +24,11 @@
   "dependencies": {
     "typescript": "^5.9.3",
     "uqr": "^0.1.3",
-    "@monimesl/dot-compiler": "0.1.0-alpha.35",
-    "@monimesl/dot-core": "0.1.0-alpha.35",
-    "@monimesl/dot-dml-parser": "0.1.0-alpha.35",
-    "@monimesl/dot-script-parser": "0.1.0-alpha.35",
-    "@monimesl/dot-simulator": "0.1.0-alpha.35"
+    "@monimesl/dot-compiler": "0.1.0-alpha.37",
+    "@monimesl/dot-core": "0.1.0-alpha.37",
+    "@monimesl/dot-dml-parser": "0.1.0-alpha.37",
+    "@monimesl/dot-script-parser": "0.1.0-alpha.37",
+    "@monimesl/dot-simulator": "0.1.0-alpha.37"
   },
   "devDependencies": {
     "@types/node": "^22.20.4",