@pinelab/vendure-plugin-sendcloud 0.0.3

package/dist/vendure-plugin-sendcloud/src/sendcloud.plugin.js

@@ -0,0 +1,94 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var SendcloudPlugin_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendcloudPlugin = void 0;
+const core_1 = require("@vendure/core");
+const apollo_server_core_1 = require("apollo-server-core");
+const path_1 = __importDefault(require("path"));
+const sendcloud_resolver_1 = require("./api/sendcloud.resolver");
+const sendcloud_service_1 = require("./api/sendcloud.service");
+const constants_1 = require("./api/constants");
+const sendcloud_controller_1 = require("./api/sendcloud.controller");
+const sendcloud_config_entity_1 = require("./api/sendcloud-config.entity");
+const sendcloud_handler_1 = require("./api/sendcloud.handler");
+const raw_body_1 = require("../../util/src/raw-body");
+let SendcloudPlugin = SendcloudPlugin_1 = class SendcloudPlugin {
+    static init(options) {
+        this.options = options;
+        return SendcloudPlugin_1;
+    }
+};
+SendcloudPlugin.ui = {
+    extensionPath: path_1.default.join(__dirname, 'ui'),
+    ngModules: [
+        {
+            type: 'lazy',
+            route: 'sendcloud',
+            ngModuleFileName: 'sendcloud.module.ts',
+            ngModuleName: 'SendcloudModule',
+        },
+        {
+            type: 'shared',
+            ngModuleFileName: 'sendcloud-nav.module.ts',
+            ngModuleName: 'SendcloudNavModule',
+        },
+    ],
+};
+SendcloudPlugin = SendcloudPlugin_1 = __decorate([
+    (0, core_1.VendurePlugin)({
+        adminApiExtensions: {
+            schema: (0, apollo_server_core_1.gql) `
+      extend enum HistoryEntryType {
+        SENDCLOUD_NOTIFICATION
+      }
+      type SendCloudConfig {
+        id: ID!
+        secret: String
+        publicKey: String
+        defaultPhoneNr: String
+      }
+      input SendCloudConfigInput {
+        secret: String
+        publicKey: String
+        defaultPhoneNr: String
+      }
+      extend type Mutation {
+        sendToSendCloud(orderId: ID!): Boolean!
+        updateSendCloudConfig(input: SendCloudConfigInput): SendCloudConfig!
+      }
+      extend type Query {
+        sendCloudConfig: SendCloudConfig
+      }
+    `,
+            resolvers: [sendcloud_resolver_1.SendcloudResolver],
+        },
+        providers: [
+            sendcloud_service_1.SendcloudService,
+            {
+                provide: constants_1.PLUGIN_OPTIONS,
+                useFactory: () => SendcloudPlugin_1.options,
+            },
+        ],
+        imports: [core_1.PluginCommonModule],
+        controllers: [sendcloud_controller_1.SendcloudController],
+        entities: [sendcloud_config_entity_1.SendcloudConfigEntity],
+        configuration: (config) => {
+            config.shippingOptions.fulfillmentHandlers.push(sendcloud_handler_1.sendcloudHandler);
+            config.authOptions.customPermissions.push(sendcloud_resolver_1.sendcloudPermission);
+            // save rawBody for signature verification
+            config.apiOptions.middleware.push((0, raw_body_1.createRawBodyMiddleWare)('/sendcloud/webhook*'));
+            return config;
+        },
+        compatibility: '^2.0.0',
+    })
+], SendcloudPlugin);
+exports.SendcloudPlugin = SendcloudPlugin;

package/dist/vendure-plugin-sendcloud/src/ui/history-entry.component.ts

@@ -0,0 +1,69 @@
+import { Component } from '@angular/core';
+import {
+  DataService,
+  NotificationService,
+  OrderDetailFragment,
+  OrderHistoryEntryComponent,
+  TimelineDisplayType,
+  TimelineHistoryEntry,
+} from '@vendure/admin-ui/core';
+import gql from 'graphql-tag';
+
+@Component({
+  selector: 'sendcloud-notification-component',
+  template: `
+    <span *ngIf="entry.data.valid"> Synced to {{ getName(entry) }} </span>
+    <span *ngIf="!entry.data.valid">
+      Failed to sync to {{ getName(entry) }}
+    </span>
+    <button (click)="mutate()" class="btn btn-link btn-sm details-button">
+      <clr-icon shape="sync" size="16"></clr-icon>
+    </button>
+    <br />
+    <vdr-history-entry-detail *ngIf="entry.data.error">
+      <vdr-object-tree [value]="entry.data.error"></vdr-object-tree>
+    </vdr-history-entry-detail>
+  `,
+})
+export class HistoryEntryComponent implements OrderHistoryEntryComponent {
+  entry!: TimelineHistoryEntry;
+  order!: OrderDetailFragment;
+
+  constructor(
+    protected dataService: DataService,
+    protected notificationService: NotificationService
+  ) {}
+
+  async mutate(): Promise<void> {
+    try {
+      await this.dataService
+        .mutate(
+          gql`
+          mutation {
+              sendToSendCloud(orderId: "${this.order.id}")
+          }
+      `
+        )
+        .toPromise();
+      this.notificationService.success('Success');
+    } catch (e) {
+      this.notificationService.error('Error');
+    }
+  }
+
+  getDisplayType(entry: TimelineHistoryEntry): TimelineDisplayType {
+    return entry.data.valid ? 'success' : 'error';
+  }
+
+  getName(entry: TimelineHistoryEntry): string {
+    return entry.data.name;
+  }
+
+  isFeatured(entry: TimelineHistoryEntry): boolean {
+    return !entry.data.valid;
+  }
+
+  getIconShape(entry: TimelineHistoryEntry) {
+    return entry.data.valid ? 'check-circle' : 'exclamation-circle';
+  }
+}

package/dist/vendure-plugin-sendcloud/src/ui/queries.ts

@@ -0,0 +1,23 @@
+import gql from 'graphql-tag';
+
+export const UPDATE_SENDCLOUD_CONFIG = gql`
+  mutation updateSendCloudConfig($input: SendCloudConfigInput) {
+    updateSendCloudConfig(input: $input) {
+      id
+      secret
+      publicKey
+      defaultPhoneNr
+    }
+  }
+`;
+
+export const GET_SENDCLOUD_CONFIG = gql`
+  query sendCloudConfig {
+    sendCloudConfig {
+      id
+      secret
+      publicKey
+      defaultPhoneNr
+    }
+  }
+`;

package/dist/vendure-plugin-sendcloud/src/ui/sendcloud-nav.module.ts

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import {
+  addNavMenuItem,
+  registerHistoryEntryComponent,
+  SharedModule,
+} from '@vendure/admin-ui/core';
+import { HistoryEntryComponent } from './history-entry.component';
+
+@NgModule({
+  imports: [SharedModule],
+  declarations: [HistoryEntryComponent],
+  providers: [
+    addNavMenuItem(
+      {
+        id: 'sendcloud',
+        label: 'SendCloud',
+        routerLink: ['/extensions/sendcloud'],
+        icon: 'cloud',
+        requiresPermission: 'SetSendCloudConfig',
+      },
+      'settings'
+    ),
+    registerHistoryEntryComponent({
+      type: 'SENDCLOUD_NOTIFICATION',
+      component: HistoryEntryComponent,
+    }),
+  ],
+})
+export class SendcloudNavModule {}

package/dist/vendure-plugin-sendcloud/src/ui/sendcloud.component.ts

@@ -0,0 +1,112 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { DataService, NotificationService } from '@vendure/admin-ui/core';
+import { GET_SENDCLOUD_CONFIG, UPDATE_SENDCLOUD_CONFIG } from './queries';
+
+@Component({
+  selector: 'sendcloud-component',
+  template: `
+    <div class="clr-row">
+      <div class="clr-col">
+        <form [formGroup]="form" clrForm>
+          <clr-input-container>
+            <label>SendCloud secret</label>
+            <input
+              id="secret"
+              type="text"
+              formControlName="secret"
+              clrInput
+              size="28"
+            />
+          </clr-input-container>
+          <clr-input-container>
+            <label>SendCloud public key</label>
+            <input
+              id="publicKey"
+              type="text"
+              formControlName="publicKey"
+              clrInput
+              size="28"
+            />
+          </clr-input-container>
+          <clr-input-container>
+            <label>Fallback phone nr.</label>
+            <input
+              id="defaultPhoneNr"
+              type="text"
+              formControlName="defaultPhoneNr"
+              clrInput
+              size="28"
+            />
+            <clr-control-helper
+              >Used when a customer hasn't entered a phone number. <br />
+              Phone number is required in some cases by
+              Sendcloud</clr-control-helper
+            >
+          </clr-input-container>
+          <button
+            class="btn btn-primary"
+            (click)="save()"
+            style="margin-left: 20rem"
+            [disabled]="form.invalid || form.pristine"
+          >
+            Save
+          </button>
+        </form>
+      </div>
+    </div>
+  `,
+})
+export class SendcloudComponent implements OnInit {
+  form: FormGroup;
+
+  constructor(
+    private formBuilder: FormBuilder,
+    protected dataService: DataService,
+    private changeDetector: ChangeDetectorRef,
+    private notificationService: NotificationService
+  ) {
+    this.form = this.formBuilder.group({
+      secret: ['your-secret'],
+      publicKey: ['your-public-key'],
+      defaultPhoneNr: ['your-phone-number'],
+    });
+  }
+
+  async ngOnInit(): Promise<void> {
+    await this.dataService
+      .query(GET_SENDCLOUD_CONFIG)
+      .mapStream((d: any) => d.sendCloudConfig)
+      .subscribe((config) => {
+        this.form.controls['secret'].setValue(config.secret);
+        this.form.controls['publicKey'].setValue(config.publicKey);
+        this.form.controls['defaultPhoneNr'].setValue(config.defaultPhoneNr);
+      });
+  }
+
+  async save(): Promise<void> {
+    try {
+      if (this.form.dirty) {
+        const formValue = this.form.value;
+        await this.dataService
+          .mutate(UPDATE_SENDCLOUD_CONFIG, {
+            input: {
+              secret: formValue.secret,
+              publicKey: formValue.publicKey,
+              defaultPhoneNr: formValue.defaultPhoneNr,
+            },
+          })
+          .toPromise();
+      }
+      this.form.markAsPristine();
+      this.changeDetector.markForCheck();
+      this.notificationService.success('common.notify-update-success', {
+        entity: 'SendCloud config',
+      });
+    } catch (e: any) {
+      this.notificationService.error('common.notify-update-error', {
+        entity: 'SendCloud config',
+      });
+    }
+  }
+}

package/dist/vendure-plugin-sendcloud/src/ui/sendcloud.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { addNavMenuItem, SharedModule } from '@vendure/admin-ui/core';
+import { SendcloudComponent } from './sendcloud.component';
+
+@NgModule({
+  imports: [
+    SharedModule,
+    RouterModule.forChild([
+      {
+        path: '',
+        pathMatch: 'full',
+        component: SendcloudComponent,
+        data: { breadcrumb: 'SendCloud' },
+      },
+    ]),
+  ],
+  providers: [],
+  declarations: [SendcloudComponent],
+})
+export class SendcloudModule {}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@pinelab/vendure-plugin-sendcloud",
+  "version": "0.0.3",
+  "description": "Vendure plugin for syncing orders with SendCloud",
+  "author": "Martijn van de Brug <martijn@pinelab.studio>",
+  "homepage": "https://pinelab-plugins.com/",
+  "repository": "https://github.com/Pinelab-studio/pinelab-vendure-plugins",
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/vendure-plugin-sendcloud/src/index.js",
+  "types": "dist/vendure-plugin-sendcloud/src/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rimraf dist && tsc && copyfiles -u 1 'src/ui/**/*' dist/vendure-plugin-sendcloud/src/",
+    "test": "vitest run",
+    "start": "yarn ts-node test/dev-server.ts"
+  },
+  "devDependencies": {
+    "@swc/core": "^1.3.59",
+    "@vendure/admin-ui-plugin": "2.0.4",
+    "@vendure/core": "2.0.4",
+    "@vendure/email-plugin": "2.0.4",
+    "@vendure/testing": "2.0.4",
+    "@vendure/ui-devkit": "2.0.4",
+    "copyfiles": "^2.4.1",
+    "nock": "^13.2.9",
+    "node-fetch": "2.x",
+    "ts-node": "^10.7.0",
+    "typescript": "4.9.5",
+    "unplugin-swc": "^1.3.2",
+    "vitest": "^0.30.1"
+  },
+  "gitHead": "5673faf91c029dc4716226965ce3531931b434b6"
+}