@nanoporetech-digital/components 3.3.4 → 3.5.0

package/dist/cjs/nano-demo.cjs.entry.js

@@ -0,0 +1,291 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-41582c2a.js');
+
+function capitalise(value) {
+  if (!value)
+    return '';
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function mediumDate(date) {
+  if (!date)
+    return undefined;
+  return new Date(date).toLocaleDateString(undefined, {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+  });
+}
+function currency(amount = 0, currencyCode = 'USD') {
+  currencyCode = currencyCode?.toLocaleUpperCase() || 'USD';
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: currencyCode,
+  }).format(amount);
+}
+const Demo = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.order = {
+      checks: [
+        {
+          name: 'Compliance',
+          external_id: 'CO',
+          status: 'complete',
+          account_info: {
+            name: 'Jeongmin Song',
+            email: 'js2957@cornell.edu',
+            address_line_1: '930 Campus Road',
+            address_line_2: 'Veterinary Medical Center C4 109',
+            address_postcode: '14853',
+            address_city: 'Ithaca',
+            address_region: 'New York',
+            address_country: 'US',
+          },
+          individual_name_compliance_information: {
+            table: {
+              names: [],
+              addresses: [],
+              match: false,
+              false_positive: null,
+            },
+          },
+          organization_compliance_information: {
+            table: {
+              names: [],
+              addresses: [],
+              match: false,
+              false_positive: null,
+            },
+          },
+          checks: [
+            {
+              label: 'Compliance check',
+              external_id: 'compliance_check',
+              item_type: 'pass/fail/escalate',
+              answer: 'pass',
+            },
+          ],
+          further_information: [],
+          attachments: [],
+          notes: [],
+        },
+      ],
+      orderId: '00886434',
+      createdAt: '2022-12-09T15:57:50',
+      updatedAt: '2022-12-09T16:02:29',
+      status: 'Processing',
+      subStatus: null,
+      currency: 'USD',
+      customerPaymentMethod: 'CC-USD',
+      paymentPlatform: 'Shop',
+      dataAreaId: 'OXUS',
+      defaultShippingWarehouse: null,
+      deliveryContact: 'Jeongmin Song',
+      deliveryMode: null,
+      deliveryName: 'Cornell University',
+      deliveryTerms: null,
+      invoiceAccountNumber: 'C038330',
+      orderAccountNumber: 'C038330',
+      orderAccountName: 'Cornell University',
+      originalLeadTime: null,
+      salesDate: '2022-12-09T15:57:50',
+      salesName: 'Cornell University',
+      salesOrigin: 'Shop',
+      salesOriginName: 'Main USD Store View',
+      customerReference: '',
+      purchaseOrder: null,
+      additionalDocuments: [],
+      total: 860,
+      shippingAmount: 50,
+      taxAmount: 0,
+      projectId: null,
+      deliveryPhoneNumber: '+16072533722',
+      invoicePhoneNumber: '+16072533722',
+      quoteNumber: null,
+      customerType: 'N/A',
+      invoiceAccountEmail: 'js2957@cornell.edu',
+      partnerReference: null,
+      sentToD365: false,
+      sentToD365Status: 'unsent',
+      orderAccountEmail: 'js2957@cornell.edu',
+      controllingAccountNumber: 'C038330',
+      controllingAccountEmail: 'js2957@cornell.edu',
+      deliveryAddress: {
+        street: ['930 Campus Road, Veterinary Medical Center C4 109'],
+        city: 'Ithaca',
+        postcode: '14853',
+        region: 'New York',
+        regionCode: 'NY',
+        countryCode: 'US',
+      },
+      invoiceAddress: {
+        street: ['930 Campus Road, Veterinary Medical Center C4 109'],
+        city: 'Ithaca',
+        postcode: '14853',
+        region: 'New York',
+        regionCode: 'NY',
+        countryCode: 'US',
+      },
+      shopOrderLines: [
+        {
+          name: 'Flongle Flow Cell (R9.4.1)',
+          sku: 'FLO-FLG001',
+          quantity: 1,
+          price: 810,
+          total: 810,
+          createdAt: '2022-12-09T15:57:50',
+          updatedAt: '2022-12-09T15:57:50',
+          maskSku: 'FLO-FLG001',
+          productType: 'bundle',
+          salesTag: 'FLGExpSP',
+          requestedShippingDate: null,
+          discount: 0,
+          discountPercentage: 0,
+          get finalSku() {
+            return this.maskSku || this.sku;
+          },
+          includedItems: [
+            {
+              name: 'Flongle Flow Cell (R9.4.1)',
+              sku: 'FLO-FLG001D',
+              quantity: 12,
+              price: 66,
+              total: 792,
+              createdAt: '2022-12-09T15:57:50',
+              updatedAt: '2022-12-09T15:57:50',
+              maskSku: 'FLO-FLG001',
+              productType: 'simple',
+              salesTag: 'FLGExpSP',
+              requestedShippingDate: '2022-12-27T00:00:00',
+              discount: 0,
+              discountPercentage: 0,
+            },
+            {
+              name: 'Flongle Flow Cell Priming Kit',
+              sku: 'EXP-FSE001',
+              quantity: 1,
+              price: 18,
+              total: 18,
+              createdAt: '2022-12-09T15:57:50',
+              updatedAt: '2022-12-09T15:57:50',
+              maskSku: '',
+              productType: 'simple',
+              salesTag: 'FLGExpSP',
+              requestedShippingDate: '2022-12-27T00:00:00',
+              discount: 0,
+              discountPercentage: 0,
+            },
+          ],
+        },
+        {
+          name: 'Carriage - Device shipment',
+          sku: 'FREIGHT',
+          quantity: 1,
+          price: 50,
+          total: 50,
+          createdAt: '2022-12-09T15:57:50',
+          updatedAt: '2022-12-09T15:57:50',
+          maskSku: '',
+          productType: 'virtual',
+          salesTag: null,
+          requestedShippingDate: '2022-12-27T00:00:00',
+          discount: 0,
+          discountPercentage: 0,
+          get finalSku() {
+            return this.maskSku || this.sku;
+          },
+        },
+      ],
+      orderLines: [],
+      pickedItems: [],
+      packedItems: [],
+      trackingNumbers: [],
+      trackingUpdates: [],
+      ecoOrder: false,
+      revenueOrder: false,
+    };
+  }
+  lineItemTotal(order) {
+    if (!order || !order.shopOrderLines?.length)
+      return;
+    let total = 0;
+    order.shopOrderLines.forEach((itm) => {
+      if (itm.status !== 'cancelled')
+        total += itm.total;
+    });
+    return total;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("nano-table", { rowRender: {
+        template: (_, c, TableCell) => [
+          c.renderedRow,
+          c.row.includedItems?.length ? (c.row.includedItems?.map((item) => {
+            return (index.h("tr", { class: "child-row" }, index.h(TableCell, { header: true }, item.name), index.h(TableCell, null, capitalise(c.row.status || this.order.status)), index.h(TableCell, null, capitalise(item.sku)), index.h(TableCell, null, capitalise(item.salesTag)), index.h(TableCell, null, mediumDate(item.requestedShippingDate))));
+          })) : (index.h(index.Fragment, null)),
+        ].flat(1),
+      }, columns: [
+        {
+          title: 'Name',
+          prop: 'name',
+          pinned: 'start',
+          rowHeader: true,
+        },
+        {
+          title: 'Status',
+          prop: 'status',
+          cellTemplate: (_, c) => capitalise(c.cellModel || this.order.status),
+        },
+        {
+          title: 'SKU',
+          prop: 'finalSku',
+        },
+        {
+          title: 'Sales tag',
+          prop: 'salesTag',
+          cellTemplate: (_, c) => c.cellModel || 'None',
+        },
+        {
+          title: 'Requested ship date',
+          prop: 'requestedShippingDate',
+          cellTemplate: (_, c) => mediumDate(c.cellModel) || 'N/A',
+        },
+        {
+          title: 'Quantity',
+          prop: 'quantity',
+        },
+        {
+          title: 'Unit price',
+          prop: 'price',
+          cellTemplate: (_, c) => currency(c.cellModel, this.order.currency),
+        },
+        {
+          title: 'Discount %',
+          prop: 'discountPercentage',
+          cellTemplate: (_, c) => c.cellModel || 0,
+        },
+        {
+          title: 'Line value',
+          prop: 'total',
+          cellTemplate: (_, c) => currency(c.cellModel, this.order.currency),
+        },
+      ], rows: this.order.shopOrderLines, caption: `List of order line items found within order ${this.order.orderId}`, showFooter: true, footRender: {
+        pinned: 'bottom',
+        template: () => [
+          index.h("tr", null, index.h("td", { colSpan: 6 }, "\u00A0"), index.h("th", { scope: "row", class: "tbl__pin nano-tbl__pin--end", colSpan: 3 }, index.h("div", { class: "nano-tbl__cell-content order-lines__total" }, index.h("span", { class: "order-lines__total--label" }, "Sub total:"), index.h("span", { class: "order-lines__total--num" }, currency(this.lineItemTotal(this.order), this.order.currency))))),
+          index.h("tr", null, index.h("td", { colSpan: 6 }, "\u00A0"), index.h("th", { scope: "row", class: "tbl__pin nano-tbl__pin--end", colSpan: 3 }, index.h("div", { class: "nano-tbl__cell-content order-lines__total" }, index.h("span", { class: "order-lines__total--label" }, "Total order tax:"), index.h("span", { class: "order-lines__total--num" }, currency(this.order.taxAmount, this.order.currency))))),
+          index.h("tr", null, index.h("td", { colSpan: 6 }, "\u00A0"), index.h("th", { scope: "row", class: "tbl__pin nano-tbl__pin--end", colSpan: 3 }, index.h("div", { class: "nano-tbl__cell-content order-lines__total" }, index.h("span", { class: "order-lines__total--label" }, "Total on order placement:"), index.h("span", { class: "order-lines__total--num" }, currency(this.order.total, this.order.currency))))),
+        ],
+      } })));
+  }
+};
+Demo.style = ":host {display: block}\n    .child-row {\n      opacity: .8;\n      font-style: italic;\n    }";
+
+exports.nano_demo = Demo;
+
+//# sourceMappingURL=nano-demo.cjs.entry.js.map

package/dist/cjs/nano-demo.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"nano-demo.entry.cjs.js","mappings":"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","names":["h","Host","Fragment"],"sources":["./src/components/demo/demo.tsx"],"sourcesContent":["import {\n  Component,\n  ComponentInterface,\n  Fragment,\n  h,\n  Host,\n} from '@stencil/core';\n\nfunction capitalise(value: string) {\n  if (!value) return '';\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nfunction mediumDate(date: Date) {\n  if (!date) return undefined;\n  return new Date(date).toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nfunction currency(amount: number = 0, currencyCode: string = 'USD') {\n  currencyCode = currencyCode?.toLocaleUpperCase() || 'USD';\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: currencyCode,\n  }).format(amount);\n}\n\n@Component({\n  tag: 'nano-demo',\n  shadow: true,\n  styles: /* css */ `\n    :host {display: block}\n    .child-row {\n      opacity: .8;\n      font-style: italic;\n    }\n  `,\n})\nexport class Demo implements ComponentInterface {\n  private order = {\n    checks: [\n      {\n        name: 'Compliance',\n        external_id: 'CO',\n        status: 'complete',\n        account_info: {\n          name: 'Jeongmin Song',\n          email: 'js2957@cornell.edu',\n          address_line_1: '930 Campus Road',\n          address_line_2: 'Veterinary Medical Center C4 109',\n          address_postcode: '14853',\n          address_city: 'Ithaca',\n          address_region: 'New York',\n          address_country: 'US',\n        },\n        individual_name_compliance_information: {\n          table: {\n            names: [],\n            addresses: [],\n            match: false,\n            false_positive: null,\n          },\n        },\n        organization_compliance_information: {\n          table: {\n            names: [],\n            addresses: [],\n            match: false,\n            false_positive: null,\n          },\n        },\n        checks: [\n          {\n            label: 'Compliance check',\n            external_id: 'compliance_check',\n            item_type: 'pass/fail/escalate',\n            answer: 'pass',\n          },\n        ],\n        further_information: [],\n        attachments: [],\n        notes: [],\n      },\n    ],\n    orderId: '00886434',\n    createdAt: '2022-12-09T15:57:50',\n    updatedAt: '2022-12-09T16:02:29',\n    status: 'Processing',\n    subStatus: null,\n    currency: 'USD',\n    customerPaymentMethod: 'CC-USD',\n    paymentPlatform: 'Shop',\n    dataAreaId: 'OXUS',\n    defaultShippingWarehouse: null,\n    deliveryContact: 'Jeongmin Song',\n    deliveryMode: null,\n    deliveryName: 'Cornell University',\n    deliveryTerms: null,\n    invoiceAccountNumber: 'C038330',\n    orderAccountNumber: 'C038330',\n    orderAccountName: 'Cornell University',\n    originalLeadTime: null,\n    salesDate: '2022-12-09T15:57:50',\n    salesName: 'Cornell University',\n    salesOrigin: 'Shop',\n    salesOriginName: 'Main USD Store View',\n    customerReference: '',\n    purchaseOrder: null,\n    additionalDocuments: [],\n    total: 860,\n    shippingAmount: 50,\n    taxAmount: 0,\n    projectId: null,\n    deliveryPhoneNumber: '+16072533722',\n    invoicePhoneNumber: '+16072533722',\n    quoteNumber: null,\n    customerType: 'N/A',\n    invoiceAccountEmail: 'js2957@cornell.edu',\n    partnerReference: null,\n    sentToD365: false,\n    sentToD365Status: 'unsent',\n    orderAccountEmail: 'js2957@cornell.edu',\n    controllingAccountNumber: 'C038330',\n    controllingAccountEmail: 'js2957@cornell.edu',\n    deliveryAddress: {\n      street: ['930 Campus Road, Veterinary Medical Center C4 109'],\n      city: 'Ithaca',\n      postcode: '14853',\n      region: 'New York',\n      regionCode: 'NY',\n      countryCode: 'US',\n    },\n    invoiceAddress: {\n      street: ['930 Campus Road, Veterinary Medical Center C4 109'],\n      city: 'Ithaca',\n      postcode: '14853',\n      region: 'New York',\n      regionCode: 'NY',\n      countryCode: 'US',\n    },\n    shopOrderLines: [\n      {\n        name: 'Flongle Flow Cell (R9.4.1)',\n        sku: 'FLO-FLG001',\n        quantity: 1,\n        price: 810,\n        total: 810,\n        createdAt: '2022-12-09T15:57:50',\n        updatedAt: '2022-12-09T15:57:50',\n        maskSku: 'FLO-FLG001',\n        productType: 'bundle',\n        salesTag: 'FLGExpSP',\n        requestedShippingDate: null,\n        discount: 0,\n        discountPercentage: 0,\n        get finalSku() {\n          return this.maskSku || this.sku;\n        },\n        includedItems: [\n          {\n            name: 'Flongle Flow Cell (R9.4.1)',\n            sku: 'FLO-FLG001D',\n            quantity: 12,\n            price: 66,\n            total: 792,\n            createdAt: '2022-12-09T15:57:50',\n            updatedAt: '2022-12-09T15:57:50',\n            maskSku: 'FLO-FLG001',\n            productType: 'simple',\n            salesTag: 'FLGExpSP',\n            requestedShippingDate: '2022-12-27T00:00:00',\n            discount: 0,\n            discountPercentage: 0,\n          },\n          {\n            name: 'Flongle Flow Cell Priming Kit',\n            sku: 'EXP-FSE001',\n            quantity: 1,\n            price: 18,\n            total: 18,\n            createdAt: '2022-12-09T15:57:50',\n            updatedAt: '2022-12-09T15:57:50',\n            maskSku: '',\n            productType: 'simple',\n            salesTag: 'FLGExpSP',\n            requestedShippingDate: '2022-12-27T00:00:00',\n            discount: 0,\n            discountPercentage: 0,\n          },\n        ],\n      },\n      {\n        name: 'Carriage - Device shipment',\n        sku: 'FREIGHT',\n        quantity: 1,\n        price: 50,\n        total: 50,\n        createdAt: '2022-12-09T15:57:50',\n        updatedAt: '2022-12-09T15:57:50',\n        maskSku: '',\n        productType: 'virtual',\n        salesTag: null,\n        requestedShippingDate: '2022-12-27T00:00:00',\n        discount: 0,\n        discountPercentage: 0,\n        get finalSku() {\n          return this.maskSku || this.sku;\n        },\n      },\n    ],\n    orderLines: [],\n    pickedItems: [],\n    packedItems: [],\n    trackingNumbers: [],\n    trackingUpdates: [],\n    ecoOrder: false,\n    revenueOrder: false,\n  };\n\n  private lineItemTotal(order) {\n    if (!order || !order.shopOrderLines?.length) return;\n    let total = 0;\n    order.shopOrderLines.forEach((itm) => {\n      if (itm.status !== 'cancelled') total += itm.total;\n    });\n    return total;\n  }\n\n  render() {\n    return (\n      <Host>\n        <nano-table\n          rowRender={{\n            template: (_, c, TableCell) =>\n              [\n                c.renderedRow,\n                c.row.includedItems?.length ? (\n                  c.row.includedItems?.map((item) => {\n                    return (\n                      <tr class=\"child-row\">\n                        <TableCell header={true}>{item.name}</TableCell>\n                        <TableCell>\n                          {capitalise(c.row.status || this.order.status)}\n                        </TableCell>\n                        <TableCell>{capitalise(item.sku)}</TableCell>\n                        <TableCell>{capitalise(item.salesTag)}</TableCell>\n                        <TableCell>\n                          {mediumDate(item.requestedShippingDate)}\n                        </TableCell>\n                      </tr>\n                    );\n                  })\n                ) : (\n                  <Fragment />\n                ),\n              ].flat(1),\n          }}\n          columns={[\n            {\n              title: 'Name',\n              prop: 'name',\n              pinned: 'start',\n              rowHeader: true,\n            },\n            {\n              title: 'Status',\n              prop: 'status',\n              cellTemplate: (_, c) =>\n                capitalise(c.cellModel || this.order.status),\n            },\n            {\n              title: 'SKU',\n              prop: 'finalSku',\n            },\n            {\n              title: 'Sales tag',\n              prop: 'salesTag',\n              cellTemplate: (_, c) => c.cellModel || 'None',\n            },\n            {\n              title: 'Requested ship date',\n              prop: 'requestedShippingDate',\n              cellTemplate: (_, c) => mediumDate(c.cellModel) || 'N/A',\n            },\n            {\n              title: 'Quantity',\n              prop: 'quantity',\n            },\n            {\n              title: 'Unit price',\n              prop: 'price',\n              cellTemplate: (_, c) =>\n                currency(c.cellModel, this.order.currency),\n            },\n            {\n              title: 'Discount %',\n              prop: 'discountPercentage',\n              cellTemplate: (_, c) => c.cellModel || 0,\n            },\n            {\n              title: 'Line value',\n              prop: 'total',\n              cellTemplate: (_, c) =>\n                currency(c.cellModel, this.order.currency),\n            },\n          ]}\n          rows={this.order.shopOrderLines}\n          caption={`List of order line items found within order ${this.order.orderId}`}\n          showFooter={true}\n          footRender={{\n            pinned: 'bottom',\n            template: () => [\n              <tr>\n                <td colSpan={6}>&nbsp;</td>\n                <th scope=\"row\" class=\"tbl__pin nano-tbl__pin--end\" colSpan={3}>\n                  <div class=\"nano-tbl__cell-content order-lines__total\">\n                    <span class=\"order-lines__total--label\">Sub total:</span>\n                    <span class=\"order-lines__total--num\">\n                      {currency(\n                        this.lineItemTotal(this.order),\n                        this.order.currency\n                      )}\n                    </span>\n                  </div>\n                </th>\n              </tr>,\n              <tr>\n                <td colSpan={6}>&nbsp;</td>\n                <th scope=\"row\" class=\"tbl__pin nano-tbl__pin--end\" colSpan={3}>\n                  <div class=\"nano-tbl__cell-content order-lines__total\">\n                    <span class=\"order-lines__total--label\">\n                      Total order tax:\n                    </span>\n                    <span class=\"order-lines__total--num\">\n                      {currency(this.order.taxAmount, this.order.currency)}\n                    </span>\n                  </div>\n                </th>\n              </tr>,\n              <tr>\n                <td colSpan={6}>&nbsp;</td>\n                <th scope=\"row\" class=\"tbl__pin nano-tbl__pin--end\" colSpan={3}>\n                  <div class=\"nano-tbl__cell-content order-lines__total\">\n                    <span class=\"order-lines__total--label\">\n                      Total on order placement:\n                    </span>\n                    <span class=\"order-lines__total--num\">\n                      {currency(this.order.total, this.order.currency)}\n                    </span>\n                  </div>\n                </th>\n              </tr>,\n            ],\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}