@kigi/components 1.43.0 → 1.44.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.43.0",
+  "version": "1.44.0-beta.2",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-average-customer-time/mbg-average-customer-time.ts

@@ -3,6 +3,9 @@ import template from './mbg-average-customer-time.html'
 import Highcharts from 'highcharts'
 import Exporting from 'highcharts/modules/exporting.js'
 import Accessibility from 'highcharts/modules/accessibility.js'
+import { MbgAlert } from '@kigi/components/src/helpers/services/mbg-alert'
+import { MbgTypeAlert } from '@kigi/components/src/helpers/enums/mbg-type-alert'
+import { ButtonConfirmModal } from '@kigi/components/src/helpers/interfaces/button-confirm-modal'
 
 Exporting(Highcharts)
 Accessibility(Highcharts)
@@ -16,6 +19,7 @@ class MbgAverageCustomerTimeController {
   private hideValue: boolean = false
   private boundAdjustContainerWidth
   private allowDashBoardAutoValues
+  private callBackInstanceZapi: Function
 
   constructor(
     public $scope,
@@ -24,6 +28,7 @@ class MbgAverageCustomerTimeController {
     public $timeout,
     public $filter,
     public $state,
+    public mbgAlert: MbgAlert,
   ) {}
 
   async $onInit() {
@@ -82,6 +87,61 @@ class MbgAverageCustomerTimeController {
     }
   }
 
+  async clickedPoint(clickedPoint) {
+    const response = await this.mbgAlert.confirm({
+      type: MbgTypeAlert.INFORMATION,
+      title: 'Escolha uma Ação',
+      message: 'Deseja enviar uma mensagem ou imprimir o relatório?',
+      textConfirm: 'Enviar mensagem',
+      textCancel: 'Imprimir relatório',
+    })
+
+    if (response) {
+      this.sendMensage(clickedPoint)
+    }
+  }
+
+  async toKnowZapi(value) {
+    const buttons: ButtonConfirmModal[] = [
+      {
+        label: 'Conhecer Z-API',
+        onClick: () => {
+          return true
+        },
+      },
+      {
+        label: 'Cancelar',
+        style: 'LEAKED',
+        onClick: () => {
+          return false
+        },
+      },
+    ]
+
+    const response = await this.mbgAlert.confirm({
+      title: 'Atenção',
+      type: MbgTypeAlert.WARNING,
+      visibleCancel: false,
+      message:
+        'Para envio de mensagens deve-se contratar Z-API. Caso ainda não tenha feito o contrato de teste, faça um teste de 2 dias.',
+      buttons,
+    })
+    console.log('response', response)
+    if (!response) return
+    return this.$state.go('app.mobi-store.form', { doc: 'Z-API' })
+  }
+
+  async sendMensage(clickedPoint) {
+    if (this.callBackInstanceZapi) {
+      await this.callBackInstanceZapi()
+      return
+    }
+    const interval = this.percentagesReturnCustomerTime.find(
+      (person) => person.days === Number(clickedPoint.name),
+    )
+    this.$state.go('app.individual-messages.individual-messages', { ids: interval.ids })
+  }
+
   configPanelPercentagesReturnCustomerTime() {
     const colors = ['#696EF0', '#45C413', '#F8D658', '#F5AE3C', '#FF8A22', '#FF4641']
     const hasPermissionPorcentages = this.hideValue
@@ -195,6 +255,14 @@ class MbgAverageCustomerTimeController {
             },
           },
           showInLegend: true,
+          point: {
+            events: {
+              click: async function (event) {
+                const clickedPoint = event.point
+                await this.clickedPoint(clickedPoint)
+              }.bind(this),
+            },
+          },
         },
       },
       tooltip: {
@@ -249,6 +317,7 @@ MbgAverageCustomerTimeController['$inject'] = [
   '$timeout',
   '$filter',
   '$state',
+  'mbgAlert',
 ]
 
 const mbgAverageCustomerTime = {
@@ -259,6 +328,7 @@ const mbgAverageCustomerTime = {
     allowedCallBack: '&?',
     isBlockValuesDashboarReturnCustomer: '=?',
     allowDashBoardAutoValues: '=?',
+    callBackInstanceZapi: '&?',
   },
   template,
   controller: MbgAverageCustomerTimeController,

package/src/components/mbg-image-upload-crop/image-upload-crop.ts

@@ -6,6 +6,7 @@ import { UploadImageCropModal } from './modals/upload-image-crop-modal'
 class ImageUploadCropController {
   public config: IConfigImageUploadCrop
   public ngModel: string
+  private callBackImage: Function
 
   constructor(
     public $scope,
@@ -27,12 +28,18 @@ class ImageUploadCropController {
   removeImage(e) {
     e.stopPropagation()
     this.ngModel = ''
+    if (this.callBackImage) {
+      this.callBackImage({ value: 'REMOVE' })
+    }
   }
 
   openModal(e) {
     this.uploadImageCropModal.open(this.config, this.ngModel).then((url) => {
       if (url) {
         this.ngModel = url
+        if (this.callBackImage) {
+          this.callBackImage({ value: 'UPLOAD' })
+        }
       }
     })
   }
@@ -42,6 +49,7 @@ const imageUploadCrop = {
   bindings: {
     ngModel: '=?',
     config: '=?',
+    callBackImage: '&?',
   },
   controller: ImageUploadCropController,
   template,