web-push-notifications 3.44.7 → 3.44.9

package/src/widgets/SubscriptionPrompt/SubscriptionPromptWidget.ts

@@ -1,102 +0,0 @@
-import { SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE } from './SubscriptionPromptWidget.constants';
-import { getHTML, getStyles } from './SubscriptionPromptWidget.helpers';
-import { type ISubscriptionPromptWidgetParams } from './SubscriptionPromptWidget.types';
-import { type Pushwoosh } from '../../core/Pushwoosh';
-
-export class SubscriptionPromptWidget {
-  private readonly pw: Pushwoosh;
-
-  constructor(pw: Pushwoosh) {
-    this.pw = pw;
-  };
-
-  public init(params: ISubscriptionPromptWidgetParams): void {
-    const rootElement = this.getRootElement();
-
-    // if root element not exist
-    // create widget
-    if (!rootElement) {
-      const html = getHTML(params);
-      const styles = getStyles(params);
-
-      // append popup to body
-      document.body.insertAdjacentHTML('beforeend', html);
-
-      // append styles to head
-      document.head.appendChild(styles);
-    }
-
-    this.addEventListeners();
-  }
-
-  public show(): void {
-    const rootElement = this.getRootElementWithCheckExist();
-    this.pw.dispatchEvent('show-subscription-widget', {});
-
-    rootElement.classList.add(`${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}_show`);
-  }
-
-  public hide(): void {
-    const rootElement = this.getRootElementWithCheckExist();
-
-    if (rootElement.classList.contains(`${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}_show`)) {
-      this.pw.dispatchEvent('hide-subscription-widget', {});
-      rootElement.classList.remove(`${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}_show`);
-    }
-  }
-
-  private getRootElement(): HTMLElement | null {
-    return document.getElementById(`${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}-root`);
-  }
-
-  private getRootElementWithCheckExist(): HTMLElement {
-    const element = this.getRootElement();
-
-    if (!element) {
-      throw new Error(`Can't find element by id "${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}-root", please use method init first.`);
-    }
-
-    return element;
-  }
-
-  private getDeclineButtonWithCheckExist(): HTMLButtonElement {
-    const element = document.getElementById(`${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}-decline`) as HTMLButtonElement;
-
-    if (!element) {
-      throw new Error(`Can't find element by id "${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}-decline", please use method init first.`);
-    }
-
-    return element;
-  }
-
-  private getAcceptButtonWithCheckExist(): HTMLButtonElement {
-    const element = document.getElementById(`${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}-accept`) as HTMLButtonElement;
-
-    if (!element) {
-      throw new Error(`Can't find element by id "${SUBSCRIPTION_PROMPT_WIDGET_NAMESPACE}-accept", please use method init first.`);
-    }
-
-    return element;
-  }
-
-  private addEventListeners(): void {
-    const rootElement = this.getRootElementWithCheckExist();
-    const declineElement = this.getDeclineButtonWithCheckExist();
-    const acceptElement = this.getAcceptButtonWithCheckExist();
-
-    document.addEventListener('click', (event) => {
-      if (!rootElement.contains((event.target as HTMLElement))) {
-        this.hide();
-      }
-    });
-
-    declineElement.addEventListener('click', () => {
-      this.hide();
-    });
-
-    acceptElement.addEventListener('click', () => {
-      this.hide();
-      this.pw.subscribe();
-    });
-  }
-}

package/src/widgets/SubscriptionPrompt/SubscriptionPromptWidget.types.ts

@@ -1,23 +0,0 @@
-export interface ISubscriptionPromptWidgetParams {
-  headerText: string;
-  headerTextColor: string;
-  subheaderText?: string;
-  subheaderTextColor?: string;
-
-  buttonAcceptText: string;
-  buttonAcceptTextColor: string;
-  buttonAcceptRound: string;
-  buttonAcceptBackgroundColor: string;
-  buttonAcceptBorderColor: string;
-
-  buttonCancelText: string;
-  buttonCancelTextColor: string;
-  buttonCancelRound: string;
-  buttonCancelBackgroundColor: string;
-  buttonCancelBorderColor: string;
-
-  cappingCount: number;
-  cappingDelay: number;
-
-  backgroundColor: string;
-}

package/src/widgets/SubscriptionPrompt/constants.ts

@@ -1,22 +0,0 @@
-export const SUBSCRIPTION_WIDGET_USE_CASE_NOT_SET = 'not-set';
-export const SUBSCRIPTION_WIDGET_USE_CASE_DEFAULT = 'default';
-
-export const SUBSCRIPTION_PROMPT_WIDGET_DEFAULT_CONFIG = {
-  headerText: 'Subscribe to our news',
-  headerTextColor: '#000000',
-  subheaderText: 'Don\'t miss out on the latest news and updates!',
-  subheaderTextColor: '#000000',
-  buttonAcceptText: 'Agree',
-  buttonAcceptTextColor: '#1A72E8',
-  buttonAcceptRound: '4px',
-  buttonAcceptBackgroundColor: '#FFFFFF',
-  buttonAcceptBorderColor: '#E3E4E8',
-  buttonCancelText: 'Deny',
-  buttonCancelTextColor: '#1A72E8',
-  buttonCancelRound: '4px',
-  buttonCancelBackgroundColor: '#FFFFFF',
-  buttonCancelBorderColor: '#E3E4E8',
-  cappingCount: 3,
-  cappingDelay: 1000 * 60 * 60 * 4, // time in ms
-  backgroundColor: '#FFFFFF',
-};

package/src/widgets/SubscriptionPrompt/helpers.ts

@@ -1,42 +0,0 @@
-import { SUBSCRIPTION_PROMPT_WIDGET_DEFAULT_CONFIG } from './constants';
-import type { ISubscriptionPromptWidgetParams } from './SubscriptionPromptWidget.types';
-import type { Pushwoosh } from '../../core/Pushwoosh';
-
-export const getWidgetConfig = (features: any): ISubscriptionPromptWidgetParams => {
-  // get config by features from get config method
-  const currentConfig = features['subscription_prompt_widget'] && features['subscription_prompt_widget'].params;
-
-  // merge current config with capping defaults
-  const configWithDefaultCapping: ISubscriptionPromptWidgetParams = {
-    cappingCount: SUBSCRIPTION_PROMPT_WIDGET_DEFAULT_CONFIG.cappingCount,
-    cappingDelay: SUBSCRIPTION_PROMPT_WIDGET_DEFAULT_CONFIG.cappingDelay,
-    ...currentConfig,
-  };
-
-  // if current config is not exist show with default values
-  return currentConfig
-    ? configWithDefaultCapping
-    : SUBSCRIPTION_PROMPT_WIDGET_DEFAULT_CONFIG;
-};
-
-export const checkCanShowByCapping = async (widgetConfig: ISubscriptionPromptWidgetParams, pw: Pushwoosh): Promise<boolean> => {
-  const currentTime = new Date().getTime();
-  const displayCount = await pw.data.getPromptDisplayCount();
-  const lastSeenTime = await pw.data.getPromptLastSeenTime();
-
-  // can show by max display count
-  const canShowByCapping = widgetConfig.cappingCount > displayCount;
-
-  // can show last seen time
-  const canShowByLastTime = currentTime - lastSeenTime > widgetConfig.cappingDelay;
-
-  return canShowByCapping && canShowByLastTime;
-};
-
-export const updateCappingParams = async (pw: Pushwoosh): Promise<void> => {
-  const displayCount = await pw.data.getPromptDisplayCount();
-  const currentTime = new Date().getTime();
-
-  await pw.data.setPromptDisplayCount(displayCount + 1);
-  await pw.data.setPromptLastSeenTime(currentTime);
-};

package/src/widgets/widgets.d.ts

@@ -1,4 +0,0 @@
-declare module '*.css' {
-  const content: string;
-  export default content;
-}

package/src/worker/global.ts

@@ -1,36 +0,0 @@
-import { isFunction } from '../core/functions';
-import { type EventBus } from '../core/modules/EventBus';
-import { type TPWCanWaitCallback } from '../core/Pushwoosh.types';
-import { type Api } from '../modules/Api/Api';
-import { type Data } from '../modules/Data/Data';
-
-export default class WorkerPushwooshGlobal {
-  public readonly eventBus: EventBus;
-  public readonly api: Api;
-  public readonly data: Data;
-
-  constructor(eventBus: EventBus, data: Data, api: Api) {
-    this.eventBus = eventBus;
-    this.data = data;
-    this.api = api;
-  }
-
-  _listeners: { [key: string]: TPWCanWaitCallback[] } = {};
-
-  push(f: ['onPush', TPWCanWaitCallback]) {
-    if (Array.isArray(f) && f[0] === 'onPush' && isFunction(f[1])) {
-      if (!this._listeners[f[0]]) {
-        this._listeners[f[0]] = [];
-      }
-      this._listeners[f[0]].push(f[1]);
-    }
-  }
-
-  getListeners(eventName: string) {
-    return this._listeners[eventName] || [];
-  }
-
-  public async initApi() {
-    return Promise.resolve();
-  }
-}

package/src/worker/notification.ts

@@ -1,34 +0,0 @@
-declare const self: ServiceWorkerGlobalScope;
-
-export default class PushwooshNotification {
-  private _canceled = false;
-
-  private readonly showNotificationOptions: NotificationOptions;
-  private readonly body: string;
-  private readonly title: string;
-
-  constructor(
-    showNotificationOptions: NotificationOptions,
-    body: string,
-    title: string,
-  ) {
-    this.showNotificationOptions = showNotificationOptions;
-    this.body = body;
-    this.title = title;
-  }
-
-  async show() {
-    if (this._canceled) {
-      return;
-    }
-
-    const showNotificationOptions = this.showNotificationOptions;
-    if (!showNotificationOptions.silent) {
-      await self.registration.showNotification(this.title, showNotificationOptions);
-    }
-  }
-
-  cancel() {
-    this._canceled = true;
-  }
-}

package/src/worker/worker.types.ts

@@ -1,4 +0,0 @@
-export interface PushSubscriptionChangeEvent extends ExtendableEvent {
-  readonly newSubscription: PushSubscription | null;
-  readonly oldSubscription: PushSubscription | null;
-}

package/test/__helpers__/apiHelpers.ts

@@ -1,22 +0,0 @@
-import apiCall from '../../src/modules/api/apiCall';
-import * as sinon from 'sinon';
-
-
-export async function errorApiCall(
-  apiMethodMock: string,
-  responseMock: {},
-  requestMock: {} = {request: {}}
-): Promise<any> {
-  (global as any).fetch = sinon.fake.resolves(responseMock);
-
-  let res;
-  try {
-    res = await apiCall(apiMethodMock, requestMock);
-  }
-  catch (e) {
-    res = e;
-  }
-
-  delete (global as any).fetch;
-  return res;
-}

package/test/__helpers__/keyValueHelpers.ts

@@ -1,15 +0,0 @@
-import { type SinonSandbox } from 'sinon';
-
-import { keyValue } from '../../src/core/storage';
-
-export function keyValueStub(
-  sandbox: SinonSandbox,
-  stubArgs: Array<any>,
-  resultMock: any,
-  method: 'get' | 'set' | 'extend' | 'getAll',
-) {
-  const keyValueStub = sandbox.stub(keyValue, method);
-  keyValueStub
-    .withArgs(...stubArgs)
-    .returns(resultMock);
-}

package/test/__helpers__/platformHelpers.ts

@@ -1,54 +0,0 @@
-import {edgeUserAgent, firefoxUserAgent, macOSPlatform, operaUserAgent, safariUserAgent} from "../__mocks__/navigator";
-
-declare const window: any;
-declare const navigator: any;
-
-
-const chromeUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36';
-
-
-export function setChromeProps() {
-  navigator.userAgent = chromeUserAgent;
-  navigator.vendor = 'Google Inc.';
-}
-
-export function cleanPlatformProps() {
-  // clean window platform props
-  delete window.PushManager;
-  delete window.Notification;
-  delete window.safari;
-  delete window.Promise;
-
-  // clean navigator platform props
-  delete navigator.serviceWorker;
-  delete navigator.platform;
-  delete navigator.vendor;
-  navigator.userAgent = '';
-}
-
-export function setServiceWorkerAvailabilityProps() {
-  navigator.serviceWorker = {};
-  window.PushManager = {};
-  window.Notification = {};
-}
-
-export function setSafariProps() {
-  navigator.userAgent = safariUserAgent;
-  window.safari = {};
-}
-
-export function setOperaProps() {
-  navigator.userAgent = operaUserAgent;
-}
-
-export function setFirefoxProps() {
-  (navigator as any).userAgent = firefoxUserAgent;
-}
-
-export function setEdgeProps() {
-  navigator.userAgent = edgeUserAgent;
-}
-
-export function setMacPlatformProps() {
-  navigator.platform = macOSPlatform;
-}

package/test/__helpers__/sinonHelpers.ts

@@ -1,7 +0,0 @@
-import {SinonSandbox} from 'sinon';
-
-
-export function clearSandbox(sandbox: SinonSandbox) {
-  sandbox.restore();
-  sandbox.resetHistory();
-}

package/test/__helpers__/storageHelpers.ts

@@ -1,56 +0,0 @@
-import * as sinon from 'sinon';
-import {SinonSandbox, SinonSpy} from 'sinon';
-
-import Storage from '../../src/modules/storage/Storage';
-import * as storeModule from '../../src/modules/storage/Store';
-
-
-// Storage helpers
-
-export function getDbStubHelper(sandbox: SinonSandbox, storage: Storage) {
-  const closeDbFake = sinon.fake();
-  const getDbStub = sandbox.stub(storage, 'getDB')
-    .callsFake(function getDbMock() {
-      return { close: closeDbFake } as any;
-    });
-
-  return [getDbStub, closeDbFake];
-}
-
-
-export function getStoreStubHelper(sandbox: SinonSandbox) {
-  const putFake = sinon.fake();
-  const deleteFake = sinon.fake();
-  const getFake = sinon.fake();
-  const getAllFake = sinon.fake();
-  const countFake = sinon.fake();
-  const countByIndexFake = sinon.fake();
-  const indexSetterFake = sinon.fake();
-
-  function StoreMock() {
-    this.put = putFake;
-    this.delete = deleteFake;
-    this.get = getFake;
-    this.getAll = getAllFake;
-    this.count = countFake;
-    this.countByIndex = countByIndexFake;
-
-    Object.defineProperty(this,'index', {
-      set: indexSetterFake
-    });
-  }
-
-  const storeStub = sandbox.stub(storeModule, 'default')
-    .callsFake(StoreMock);
-
-  return {
-    storeStub,
-    putFake,
-    deleteFake,
-    getFake,
-    getAllFake,
-    countFake,
-    countByIndexFake,
-    indexSetterFake
-  }
-}

package/test/__mocks__/apiRequests.ts

@@ -1,26 +0,0 @@
-import {appCodeMock, hwidMock, userIdMock} from './modules/paramsModule';
-import {lastRequestCodeMock, lastRequestTimeMock} from './modules/inboxParamsModule';
-
-
-export const getInboxMessagesRequestMock: IGetInboxMessagesRequest = {
-  application: appCodeMock,
-  hwid: hwidMock,
-  userId: hwidMock,
-  count: undefined,
-  last_request_time: lastRequestTimeMock,
-  last_code: lastRequestCodeMock
-};
-
-export const inboxIdMock = 'test_inbox_id';
-export const inboxStatusTimestampMock = 1544086800000;
-export const statusMock: TInboxMessageStatus = 2;
-export const deviceTypeMock = 11;  // Chrome platform type
-export const inboxStatusRequestMock: IInboxStatusRequest = {
-  application: appCodeMock,
-  hwid: hwidMock,
-  userId: userIdMock,
-  inbox_code: inboxIdMock,
-  time: inboxStatusTimestampMock,
-  status: statusMock,
-  device_type: deviceTypeMock
-};

package/test/__mocks__/idbMock.ts

@@ -1,12 +0,0 @@
-import StoreMock from './idbObjectStoreMock';
-
-
-export default class DbMock {
-  transaction() {
-    return this;
-  }
-
-  objectStore(storeName: string) {
-    return new StoreMock(storeName);
-  }
-}

package/test/__mocks__/idbObjectStoreMock.ts

@@ -1,38 +0,0 @@
-import * as sinon from 'sinon';
-import {SinonSpy} from 'sinon';
-
-
-export default class StoreMock {
-  name: string;
-
-  _containsFake: any = sinon.fake.returns(true);
-  _indexFake: SinonSpy | {[key: string]: SinonSpy} = sinon.fake();
-
-  private validIndexNames = ['test_index_name'];
-
-  put = sinon.fake();
-  delete = sinon.fake();
-  get = sinon.fake();
-  getAll = sinon.fake();
-  count = sinon.fake();
-  index: SinonSpy = sinon.fake();
-
-  constructor(name: string) {
-    this.name = name;
-  }
-
-  set containsFake(containsFake: SinonSpy) {
-    this._containsFake = containsFake;
-  }
-
-  get indexNames() {
-    const that = this;
-    return {
-      contains: that._containsFake
-    }
-  }
-
-  setIndexFake(indexFake: SinonSpy) {
-    this.index = indexFake;
-  }
-}