@genesislcap/pbc-notify-ui 1.0.4 → 1.0.6

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-dashboard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qCAAqC,iDA4BjD,CAAC"}
+{"version":3,"file":"notification-dashboard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qCAAqC,iDAMjD,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.tabs.d.ts

@@ -0,0 +1,8 @@
+export declare class NotificationDashboardTab {
+    id: string;
+    name: string;
+    component: string;
+    right: string;
+}
+export declare const NOTIFICATION_DASHBOARD_TABS: NotificationDashboardTab[];
+//# sourceMappingURL=notification-dashboard.tabs.d.ts.map

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-dashboard.tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts"],"names":[],"mappings":"AAAA,qBAAa,wBAAwB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,2BAA2B,EAAE,wBAAwB,EAyBjE,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-dashboard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,eAAO,MAAM,uCAAuC,sFAgCnD,CAAC"}
+{"version":3,"file":"notification-dashboard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAI3E,eAAO,MAAM,uCAAuC,sFAqCnD,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/styles/management.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const managementGridStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=management.styles.d.ts.map

package/dist/dts/components/foundation-notification-dashboard/styles/management.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"management.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/styles/management.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iDAkBhC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/styles/rules-and-templates.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rulesAndTemplatesStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=rules-and-templates.styles.d.ts.map

package/dist/dts/components/foundation-notification-dashboard/styles/rules-and-templates.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rules-and-templates.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/styles/rules-and-templates.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,iDAenC,CAAC"}

package/dist/dts/services/alert.service.d.ts

@@ -1,6 +1,7 @@
-export interface AlertServiceInterface {
-    getAlerts(): any;
+import { Message, SocketObservable } from '@genesislcap/foundation-comms';
+export interface AlertService {
+    getAlerts(): SocketObservable<Message<any>>;
     dismissNotifyAlert(alertId: string): any;
 }
-export declare const AlertService: import("@microsoft/fast-foundation").InterfaceSymbol<AlertServiceInterface>;
+export declare const AlertService: import("@microsoft/fast-foundation").InterfaceSymbol<AlertService>;
 //# sourceMappingURL=alert.service.d.ts.map

package/dist/dts/services/alert.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.service.d.ts","sourceRoot":"","sources":["../../../src/services/alert.service.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,qBAAqB;IACpC,SAAS,QAAG;IACZ,kBAAkB,CAAC,OAAO,EAAE,MAAM,OAAE;CACrC;AAyBD,eAAO,MAAM,YAAY,6EAExB,CAAC"}
+{"version":3,"file":"alert.service.d.ts","sourceRoot":"","sources":["../../../src/services/alert.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,MAAM,WAAW,YAAY;IAC3B,SAAS,IAAI,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,kBAAkB,CAAC,OAAO,EAAE,MAAM,OAAE;CACrC;AAyBD,eAAO,MAAM,YAAY,oEAExB,CAAC"}

package/dist/dts/services/notify.service.d.ts

@@ -1,5 +1,5 @@
-export interface NotifyServiceInterface {
+export interface NotifyService {
     getNotifyRouteTopics(): any;
 }
-export declare const NotifyService: import("@microsoft/fast-foundation").InterfaceSymbol<NotifyServiceInterface>;
+export declare const NotifyService: import("@microsoft/fast-foundation").InterfaceSymbol<NotifyService>;
 //# sourceMappingURL=notify.service.d.ts.map

package/dist/dts/services/notify.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notify.service.d.ts","sourceRoot":"","sources":["../../../src/services/notify.service.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,oBAAoB,QAAG;CACxB;AAcD,eAAO,MAAM,aAAa,8EAEzB,CAAC"}
+{"version":3,"file":"notify.service.d.ts","sourceRoot":"","sources":["../../../src/services/notify.service.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,oBAAoB,QAAG;CACxB;AAcD,eAAO,MAAM,aAAa,qEAEzB,CAAC"}

package/dist/dts/services/rule.service.d.ts

@@ -1,6 +1,6 @@
 import { Message } from '@genesislcap/foundation-comms';
-import { Rule } from '../components/foundation-notification-dashboard/components/rule-dialog';
-export interface RuleServiceInterface {
+import { Rule } from '../components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types';
+export interface RuleService {
     subscribeRule(dynamicRuleId: string, parameterDetails: any): any;
     unsubscribeRule(dynamicRuleId: string): any;
     enableRule(dynamicRuleId: string): any;
@@ -11,5 +11,5 @@ export interface RuleServiceInterface {
     updateRule(rule: Rule): Promise<Message>;
     deleteRule(ruleId: string): void;
 }
-export declare const RuleService: import("@microsoft/fast-foundation").InterfaceSymbol<RuleServiceInterface>;
+export declare const RuleService: import("@microsoft/fast-foundation").InterfaceSymbol<RuleService>;
 //# sourceMappingURL=rule.service.d.ts.map

package/dist/dts/services/rule.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,wEAAwE,CAAC;AAE9F,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAoHD,eAAO,MAAM,WAAW,4EAEvB,CAAC"}
+{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,gGAAgG,CAAC;AAEtH,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAoHD,eAAO,MAAM,WAAW,mEAEvB,CAAC"}

package/dist/dts/services/system.service.d.ts

@@ -1,7 +1,7 @@
-import { Field } from '../components/foundation-notification-dashboard/components/rule-dialog/rule-condition-builder';
-export interface SystemServiceInterface {
+import { Field } from '../components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types';
+export interface SystemService {
     getResources(): Promise<string[]>;
     getFields(resource: string): Promise<Field[]>;
 }
-export declare const SystemService: import("@microsoft/fast-foundation").InterfaceSymbol<SystemServiceInterface>;
+export declare const SystemService: import("@microsoft/fast-foundation").InterfaceSymbol<SystemService>;
 //# sourceMappingURL=system.service.d.ts.map

package/dist/dts/services/system.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.service.d.ts","sourceRoot":"","sources":["../../../src/services/system.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,+FAA+F,CAAC;AAGtH,MAAM,WAAW,sBAAsB;IACrC,YAAY,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;CAC/C;AAyBD,eAAO,MAAM,aAAa,8EAEzB,CAAC"}
+{"version":3,"file":"system.service.d.ts","sourceRoot":"","sources":["../../../src/services/system.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kIAAkI,CAAC;AAEzJ,MAAM,WAAW,aAAa;IAC5B,YAAY,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;CAC/C;AAyBD,eAAO,MAAM,aAAa,qEAEzB,CAAC"}

package/dist/dts/services/template.service.d.ts

@@ -0,0 +1,12 @@
+import { Template } from '../components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types';
+export interface TemplateService {
+    createRuleTemplate(ruleTemplate: Template): Promise<any>;
+    editRuleTemplate(ruleTemplate: Template): Promise<any>;
+    getResources(): Promise<string[]>;
+    getFields(resource: string): Promise<any>;
+    getRuleTemplates(): any;
+    getRuleTemplateDetails(dynamicRuleId: string): any;
+    deleteRuleTemplate(dynamicRuleId: string): any;
+}
+export declare const TemplateService: import("@microsoft/fast-foundation").InterfaceSymbol<TemplateService>;
+//# sourceMappingURL=template.service.d.ts.map

package/dist/dts/services/template.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.service.d.ts","sourceRoot":"","sources":["../../../src/services/template.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4GAA4G,CAAC;AAEtI,MAAM,WAAW,eAAe;IAC9B,kBAAkB,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACzD,gBAAgB,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;IACtD,YAAY,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1C,gBAAgB,QAAG;IACnB,sBAAsB,CAAC,aAAa,EAAE,MAAM,OAAE;IAC9C,kBAAkB,CAAC,aAAa,EAAE,MAAM,OAAE;CAC3C;AAuFD,eAAO,MAAM,eAAe,uEAE3B,CAAC"}

package/dist/dts/utils/eventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventDetail.d.ts","sourceRoot":"","sources":["../../../src/utils/eventDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,gBAAgB,KAEzD"}

package/dist/dts/utils/gridConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridConfig.d.ts","sourceRoot":"","sources":["../../../src/utils/gridConfig.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;CAEtB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,WAAW,qBAAsB,GAAG,QAG9C,CAAC"}

package/dist/dts/utils/humanize.d.ts

@@ -0,0 +1,2 @@
+export declare const humanize: (s: string) => string;
+//# sourceMappingURL=humanize.d.ts.map

package/dist/dts/utils/humanize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"humanize.d.ts","sourceRoot":"","sources":["../../../src/utils/humanize.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,MAAO,MAAM,WAYjC,CAAA"}

package/dist/dts/utils/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/utils/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,0DASpB,CAAA;AAED,eAAO,MAAM,UAAU,0DAQtB,CAAC"}

package/dist/dts/utils/index.d.ts

@@ -1,2 +1,7 @@
 export * from './logger';
+export * from './humanize';
+export * from './updateArray';
+export * from './eventDetail';
+export * from './icons';
+export * from './gridConfig';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/dts/utils/logger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/utils/logger.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,iDAAoD,CAAC"}
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/utils/logger.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,iDAAgC,CAAC"}

package/dist/dts/utils/updateArray.d.ts

@@ -0,0 +1,2 @@
+export declare const updateArray: (newData: Array<any>, oldData: Array<any>) => Array<any>;
+//# sourceMappingURL=updateArray.d.ts.map

package/dist/dts/utils/updateArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateArray.d.ts","sourceRoot":"","sources":["../../../src/utils/updateArray.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,YACb,MAAM,GAAG,CAAC,WACV,MAAM,GAAG,CAAC,KAClB,MAAM,GAAG,CA+BX,CAAA"}

package/dist/esm/components/components.js

@@ -2,34 +2,44 @@ import { __awaiter } from "tslib";
 import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
 import { logger } from '../utils';
 import { FoundationInboxCounter } from './foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
-import { ConditionBuilder } from './foundation-notification-dashboard/components/condition-builder/condition-builder';
-import { ParameterBuilder } from './foundation-notification-dashboard/components/parameter-builder/parameter-builder';
-import { RuleDialog } from './foundation-notification-dashboard/components/rule-dialog';
-import { RuleConditionBuilder } from './foundation-notification-dashboard/components/rule-dialog/rule-condition-builder';
-import { TemplateDialog } from './foundation-notification-dashboard/components/template-dialog/template-dialog';
-import { EmailDistributionRouteManagement } from './foundation-notification-dashboard/management/email-distribution-route-management';
-import { EmailUserRouteManagement } from './foundation-notification-dashboard/management/email-user-route-management';
-import { LogRouteManagement } from './foundation-notification-dashboard/management/log-route-management';
-import { MSTeamsRouteManagement } from './foundation-notification-dashboard/management/ms-teams-route-management';
-import { NotifyAuditManagement } from './foundation-notification-dashboard/management/notify-audit-management';
-import { RuleManagement } from './foundation-notification-dashboard/management/rule-management';
-import { RuleTemplateManagement } from './foundation-notification-dashboard/management/rule-template-management';
-import { ScreenRouteManagement } from './foundation-notification-dashboard/management/screen-route-management';
+import { EmailDistributionRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management';
+import { EmailUserRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/email-user-route-management';
+import { LogRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/log-route-management';
+import { MSTeamsRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/ms-teams-route-management';
+import { NotifyAuditManagement } from './foundation-notification-dashboard/components/notify-audit/notify-audit-management';
+import { RuleManagement } from './foundation-notification-dashboard/components/rules/rule-management';
+import { TemplateManagement } from './foundation-notification-dashboard/components/templates/template-management';
+import { ScreenRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/screen-route-management';
+import { InboxSubscription } from './foundation-inbox/components/inbox-subscription/inbox-subscription';
+import { TemplateDialog } from './foundation-notification-dashboard/components/templates/template-dialog/template-dialog';
+import { ConditionBuilder } from './foundation-notification-dashboard/components/templates/template-dialog/condition-builder/condition-builder';
+import { RuleDialog } from './foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog';
+import { RuleConditionBuilder } from './foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder';
+import { ParameterBuilder } from './foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder';
+import { RuleParameter } from './foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter';
+import { RouteManagement } from './foundation-notification-dashboard/components/routes/route-management';
 // Components
+// #region Inbox
 FoundationInboxCounter;
-TemplateDialog;
-ConditionBuilder;
+InboxSubscription;
+RuleParameter;
+// #endregion Inbox
+// #region Notification Dashboard
+RuleManagement;
 RuleDialog;
 RuleConditionBuilder;
+TemplateManagement;
+TemplateDialog;
 ParameterBuilder;
+ConditionBuilder;
+RouteManagement;
+ScreenRouteManagement;
 EmailDistributionRouteManagement;
 EmailUserRouteManagement;
 LogRouteManagement;
 MSTeamsRouteManagement;
 NotifyAuditManagement;
-RuleTemplateManagement;
-ScreenRouteManagement;
-RuleManagement;
+// #endregion Notification Dashboard
 var ResourceType;
 (function (ResourceType) {
     ResourceType["LOCAL"] = "LOCAL";

package/dist/esm/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.js

@@ -2,6 +2,8 @@ import { __awaiter, __decorate } from "tslib";
 import { observable, customElement, FASTElement } from '@microsoft/fast-element';
 import { FoundationInboxCounterStyles } from './foundation-inbox-counter.styles';
 import { FoundationInboxCounterTemplate } from './foundation-inbox-counter.template';
+// TODO: Needs to implement this, but after
+// the alert can be dismissed in back-end
 let FoundationInboxCounter = class FoundationInboxCounter extends FASTElement {
     constructor() {
         super(...arguments);

package/dist/esm/components/foundation-inbox/components/inbox-subscription/inbox-subscription.js

@@ -0,0 +1,77 @@
+import { __awaiter, __decorate } from "tslib";
+import { FASTElement, attr, customElement, observable } from "@microsoft/fast-element";
+import { PARAM_SOURCE_TYPE_DEFINED_GROUP } from "../../../foundation-notification-dashboard/types/param-source-type";
+import { InboxSubscriptionTemplate } from "./inbox-subscription.template";
+import { InboxSubscriptionStyles } from "./inbox-subscription.styles";
+import { EXPRESSION_TYPE_PLACEHOLDER } from "../../../foundation-notification-dashboard/types/expression-type";
+import { RuleService } from "../../../../services/rule.service";
+let InboxSubscription = class InboxSubscription extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.parametersDetails = {};
+        this.parametersOperators = {};
+        this.subscribeDisabled = true;
+        this.verifySubscribe = () => this.subscribeDisabled = !Object.values(this.parametersDetails).every(x => x !== '');
+        this.isFirstElement = (parameter) => Object.values(this.template.PARAMETERS).findIndex(p => p.PARAM_NAME === parameter.PARAM_NAME) === 0;
+        this.createParametersOperatorMap = (conditions) => {
+            this.parametersOperators = {};
+            conditions.forEach((condition) => {
+                if (condition.RIGHT.TYPE == EXPRESSION_TYPE_PLACEHOLDER) {
+                    this.parametersOperators[condition.RIGHT.KEY] = condition.OPERATION;
+                }
+            });
+            return this.parametersOperators;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.parametersDetails = {};
+        this.subscribeDisabled = true;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    templateChanged() {
+        const parameters = this.template.PARAMETERS;
+        Object.keys(parameters).forEach(key => {
+            const parameter = parameters[key];
+            if (parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_DEFINED_GROUP) {
+                // Attribute 1st group value for select fields
+                this.parametersDetails[parameter.PARAM_NAME] = parameter.PARAM_SOURCE.split(',')[0];
+            }
+            this.parametersDetails[parameter.PARAM_NAME] = '';
+        });
+        this.parametersOperators = this.createParametersOperatorMap(this.template.RULE_EXPRESSION.CONDITIONS);
+        this.verifySubscribe();
+    }
+    parameterEdit(value) {
+        this.parametersDetails[value.parameter.PARAM_NAME] = value.valueTyped;
+        this.verifySubscribe();
+    }
+    subscribeTemplate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.ruleService.subscribeRule(this.template.DYNAMIC_RULE_ID, this.parametersDetails);
+            this.$emit('templateSubscribed');
+        });
+    }
+};
+__decorate([
+    attr
+], InboxSubscription.prototype, "template", void 0);
+__decorate([
+    observable
+], InboxSubscription.prototype, "parametersOperators", void 0);
+__decorate([
+    observable
+], InboxSubscription.prototype, "subscribeDisabled", void 0);
+__decorate([
+    RuleService
+], InboxSubscription.prototype, "ruleService", void 0);
+InboxSubscription = __decorate([
+    customElement({
+        name: 'inbox-subscription',
+        template: InboxSubscriptionTemplate,
+        styles: InboxSubscriptionStyles,
+    })
+], InboxSubscription);
+export { InboxSubscription };

package/dist/esm/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.js

@@ -0,0 +1,36 @@
+import { css } from "@microsoft/fast-element";
+export const InboxSubscriptionStyles = css `
+  .inbox-subscription {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .inbox-subscription-header {
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    padding: calc(var(--design-unit) * 2px);
+  }
+
+  .inbox-subscription-content {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 2px);
+    overflow: auto;
+    max-height: calc(var(--design-unit) * 25px);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    margin: calc(var(--design-unit) * 2px);
+    padding: calc(var(--design-unit) * 2px);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+  }
+
+  .inbox-subscription-footer {
+    padding: calc(var(--design-unit) * 2px);
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+  }
+
+  zero-button.subscribe {
+    display: flex;
+    margin: 0px;
+    width: 100%;
+  }
+`;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.js

@@ -0,0 +1,39 @@
+import { html, repeat, when } from '@microsoft/fast-element';
+import { eventDetail } from '../../../../utils';
+export const InboxSubscriptionTemplate = html `
+  <div class="inbox-subscription">
+    <div class="inbox-subscription-header">
+      Subscribe to <span style="font-weight: bold;">${x => x.template.RULE_NAME}</span>
+    </div>
+    
+    ${when(x => Object.values(x.template.PARAMETERS).length === 0, html `
+        <p style="padding-left: 10px;">The selected template doesn't have parameters.</p>
+      `)}
+    
+    ${when(x => Object.values(x.template.PARAMETERS).length > 0, html `
+        <div class="inbox-subscription-content">
+          ${repeat(
+// @ts-ignore
+x => Object.values(x.template.PARAMETERS), html `
+              <rule-parameter
+                :parameter=${x => x}
+                :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}
+                :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}
+                @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}
+              >
+              </rule-parameter>
+            `)}
+        </div>
+      `)}
+    
+    <div class="inbox-subscription-footer">
+      <zero-button
+        class="subscribe"
+        @click=${x => x.subscribeTemplate()}
+        ?disabled=${x => x.subscribeDisabled}
+      >
+        Subscribe
+      </zero-button>
+    </div>
+  </div>  
+`;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.js

@@ -0,0 +1,53 @@
+import { __decorate } from "tslib";
+import { FASTElement, attr, customElement, observable } from "@microsoft/fast-element";
+import { RuleParameterTemplate } from "./rule-parameter.template";
+import { RuleParameterStyles } from "./rule-parameter.styles";
+import { PARAM_TYPE_BOOLEAN } from "../../../../foundation-notification-dashboard/types/param-type";
+let RuleParameter = class RuleParameter extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.isFirstElement = false;
+        this.inputValue = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        switch (this.parameter.PARAM_TYPE) {
+            case PARAM_TYPE_BOOLEAN:
+                this.inputValue = 'true';
+                break;
+            default:
+                this.inputValue = '';
+                break;
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    inputValueChanged() {
+        this.$emit('parameterEdited', {
+            parameter: this.parameter,
+            valueTyped: this.inputValue
+        });
+    }
+};
+__decorate([
+    attr,
+    observable
+], RuleParameter.prototype, "parameter", void 0);
+__decorate([
+    attr
+], RuleParameter.prototype, "isFirstElement", void 0);
+__decorate([
+    attr
+], RuleParameter.prototype, "operator", void 0);
+__decorate([
+    observable
+], RuleParameter.prototype, "inputValue", void 0);
+RuleParameter = __decorate([
+    customElement({
+        name: 'rule-parameter',
+        template: RuleParameterTemplate,
+        styles: RuleParameterStyles,
+    })
+], RuleParameter);
+export { RuleParameter };

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.js

@@ -0,0 +1,24 @@
+import { css } from "@microsoft/fast-element";
+export const RuleParameterStyles = css `
+  .control {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  label {
+    margin-bottom: calc(var(--design-unit) * 2px);
+  }
+
+  .input-field {
+    display: flex;
+  }
+
+  .input-field::part(root) {
+    width: 100%;
+  }
+
+  zero-select::part(listbox) {
+    max-height: 160px;
+  }
+`;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.js

@@ -0,0 +1,67 @@
+import { html, repeat, when } from "@microsoft/fast-element";
+import { sync } from '@genesislcap/foundation-utils';
+import { humanize } from "../../../../../utils";
+import { PARAM_SOURCE_TYPE_DEFINED_GROUP, PARAM_SOURCE_TYPE_REQ_REP, PARAM_SOURCE_TYPE_USER_TEXT } from "../../../../foundation-notification-dashboard/types/param-source-type";
+import { PARAM_TYPE_BOOLEAN, PARAM_TYPE_NUMBER, PARAM_TYPE_STRING } from "../../../../foundation-notification-dashboard/types/param-type";
+export const RuleParameterTemplate = html `
+  <div class="control">
+    <label>
+      <span style="font-weight: bold;">${x => x.parameter.PARAM_LABEL}</span> ${(x, c) => humanize(x.operator).toLowerCase()}
+    </label>
+    
+    <!-- USER_TEXT -->
+    ${when(x => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_USER_TEXT, html `                            
+        ${when(x => x.parameter.PARAM_TYPE === PARAM_TYPE_STRING, html `
+            <zero-text-field
+              autofocus=${x => x.isFirstElement}
+              class="input-field"
+              :value=${sync(x => x.inputValue)}
+            >
+            </zero-text-field>
+          `)}
+
+        ${when(x => x.parameter.PARAM_TYPE === PARAM_TYPE_NUMBER, html `
+            <zero-number-field
+              hide-step
+              autofocus=${x => x.isFirstElement}
+              class="input-field"
+              :value=${sync(x => x.inputValue)}
+            >
+            </zero-number-field>
+          `)}
+
+        ${when(x => x.parameter.PARAM_TYPE === PARAM_TYPE_BOOLEAN, html `
+            <zero-select
+              autofocus=${x => x.isFirstElement}
+              class="input-field"
+              :value=${sync(x => x.inputValue)}
+            >
+              <zero-option value="true">true</zero-option>
+              <zero-option value="false">false</zero-option>
+            </zero-select>
+          `)}
+      `)}
+    
+    <!-- DEFINED_GROUP -->
+    ${when(x => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_DEFINED_GROUP, html `
+        <zero-select
+          autofocus=${x => x.isFirstElement}
+          class="input-field"
+          position="below"
+          :value=${sync(x => x.inputValue)}
+        >
+          ${repeat(x => x.parameter.PARAM_SOURCE.split(','), html `
+              <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+            `)}
+        </zero-select>
+      `)}
+
+    <!-- TODO: REQ_REP -->
+    ${when(x => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_REQ_REP, html `
+        <zero-select
+          :value=${sync(x => x.inputValue)}
+        >
+        </zero-select>
+      `)}
+  </div>
+`;