@bprotsyk/aso-core 1.2.18 → 1.2.21

package/lib/aso/config/aso-config-v0.d.ts

@@ -224,7 +224,7 @@ export interface ILocalization {
 export interface IColoredString {
     text: string;
     colors: IColoredSpan[];
-    mappingName: string;
+    mappingName?: string;
 }
 export interface IColoredSpan {
     from: number;

package/lib/aso/offerwall/auth/offerwall-auth-config.d.ts

@@ -0,0 +1,13 @@
+import { IOfferWallAuthLocalization } from "aso/offerwall/auth/offerwall-auth-localization";
+import { IShape } from "../../../shared/shape";
+export interface IOfferWallAuthConfig {
+    includedCountries: string;
+    excludedCountries: string;
+    registerButtonShape: IShape;
+    phoneInputShape: IShape;
+    offerwallItemShape: IShape;
+    backgroundUrl: string;
+    owBackgroundUrl?: string;
+    fontUrl?: string;
+    authLocalization: IOfferWallAuthLocalization;
+}

package/lib/aso/offerwall/auth/offerwall-auth-config.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/aso/offerwall/auth/offerwall-auth-localization.d.ts

@@ -0,0 +1,8 @@
+import { IColoredString } from "aso/config/aso-config-v0";
+export interface IOfferWallAuthLocalization {
+    title: IColoredString;
+    subtitle: IColoredString;
+    privacyPolicyTopText: string;
+    privacyPolicyBottomText: IColoredString;
+    registerButtonText: string;
+}

package/lib/aso/offerwall/auth/offerwall-auth-localization.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/aso/offerwall/auth/offerwall-auth-submit-request.d.ts

@@ -0,0 +1,3 @@
+export interface IOfferWallAuthSubmitRequest {
+    phone: string;
+}

package/lib/aso/offerwall/auth/offerwall-auth-submit-request.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/aso/offerwall/auth/offerwall-auth-submit-response.d.ts

@@ -0,0 +1,3 @@
+export interface IOfferWallAuthSubmitResponse {
+    ok: boolean;
+}

package/lib/aso/offerwall/auth/offerwall-auth-submit-response.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/aso/offerwall/offerwall-offer.d.ts

@@ -4,4 +4,5 @@ export interface IOfferWallOffer {
     backgroundUrl: string;
     emojiIcon?: string;
     emojiCaption?: string;
+    caption: string;
 }

package/lib/flash/flash-app.d.ts

@@ -51,10 +51,10 @@ export interface IAppGenerationOptions {
     keyPassword: string;
 }
 export declare const FlashAppSchema: Schema<any, Model<any, any, any, any, any>, {}, {}, {}, {}, import("mongoose").DefaultSchemaOptions, {
+    email: string;
     id: number;
     bundle: string;
     trackingUrl: string;
-    email: string;
     pastebinUrl: string;
     onesignalAppId: string;
     onesignalRestApiKey: string;

package/lib/index.d.ts

@@ -22,3 +22,9 @@ export * as ASOConfigFetch from "./aso/usage-logs/aso-config-fetch-entry";
 export { IPanelUser, PanelUserAccessScope, PanelUserSchema } from "./panel/user";
 export { IAuthToken } from "./panel/auth";
 export { IUpsertFlashAppRequest, IUpsertFlashAppResponse } from "./panel/flash/create-flash-app-request";
+export { IGradient, IStroke, IShape, ShapeDiv } from "./shared/shape";
+export { ColoredText, IColoredTextProps } from "./shared/colored-text";
+export { IOfferWallAuthConfig } from "./aso/offerwall/auth/offerwall-auth-config";
+export { IOfferWallAuthLocalization } from "./aso/offerwall/auth/offerwall-auth-localization";
+export { IOfferWallAuthSubmitRequest } from "./aso/offerwall/auth/offerwall-auth-submit-request";
+export { IOfferWallAuthSubmitResponse } from "./aso/offerwall/auth/offerwall-auth-submit-response";

package/lib/index.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelUserSchema = exports.PanelUserAccessScope = exports.ASOConfigFetch = exports.FlashAppSchema = exports.ASO_v5 = exports.ASO_v4 = exports.ASO_v3 = exports.ASO_v2 = exports.ASO_v1 = exports.ASO_v0 = void 0;
+exports.ColoredText = exports.ShapeDiv = exports.PanelUserSchema = exports.PanelUserAccessScope = exports.ASOConfigFetch = exports.FlashAppSchema = exports.ASO_v5 = exports.ASO_v4 = exports.ASO_v3 = exports.ASO_v2 = exports.ASO_v1 = exports.ASO_v0 = void 0;
 exports.ASO_v0 = __importStar(require("./aso/config/aso-config-v0"));
 exports.ASO_v1 = __importStar(require("./aso/config/aso-config-v1"));
 exports.ASO_v2 = __importStar(require("./aso/config/aso-config-v2"));
@@ -36,3 +36,7 @@ exports.ASOConfigFetch = __importStar(require("./aso/usage-logs/aso-config-fetch
 var user_1 = require("./panel/user");
 Object.defineProperty(exports, "PanelUserAccessScope", { enumerable: true, get: function () { return user_1.PanelUserAccessScope; } });
 Object.defineProperty(exports, "PanelUserSchema", { enumerable: true, get: function () { return user_1.PanelUserSchema; } });
+var shape_1 = require("./shared/shape");
+Object.defineProperty(exports, "ShapeDiv", { enumerable: true, get: function () { return shape_1.ShapeDiv; } });
+var colored_text_1 = require("./shared/colored-text");
+Object.defineProperty(exports, "ColoredText", { enumerable: true, get: function () { return colored_text_1.ColoredText; } });

package/lib/shared/colored-text.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IColoredString } from 'aso/config/aso-config-v0';
+export interface IColoredTextProps {
+    coloredText: IColoredString;
+}
+export declare function ColoredText({ coloredText }: IColoredTextProps): JSX.Element;
+export default ColoredText;

package/lib/shared/colored-text.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColoredText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const StyledColoredSpan = styled_components_1.default.span `
+  color: ${(props) => props.color};
+`;
+function ColoredText({ coloredText }) {
+    const { text, colors } = coloredText;
+    let startIndex = 0;
+    const spans = [];
+    for (const { from, to, color } of colors) {
+        spans.push((0, jsx_runtime_1.jsx)("span", { children: text.slice(startIndex, from) }, `text_${startIndex}`));
+        spans.push((0, jsx_runtime_1.jsx)(StyledColoredSpan, { color: color, children: text.slice(from, to) }, `text_${from}`));
+        startIndex = to;
+    }
+    if (startIndex < text.length) {
+        spans.push((0, jsx_runtime_1.jsx)("span", { children: text.slice(startIndex) }, `text_${startIndex}`));
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: spans });
+}
+exports.ColoredText = ColoredText;
+exports.default = ColoredText;

package/lib/shared/shape.d.ts

@@ -0,0 +1,18 @@
+export interface IGradient {
+    startColor: string;
+    centerColor?: string;
+    endColor: string;
+    angle?: number;
+}
+export interface IStroke {
+    width: number;
+    color: string;
+}
+export interface IShape {
+    backgroundColor: IGradient | string;
+    stroke?: IStroke;
+    textColor?: string;
+    fontUrl?: string;
+    cornerRadius?: number;
+}
+export declare const ShapeDiv: import("styled-components").StyledComponent<"div", any, IShape, never>;

package/lib/shared/shape.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShapeDiv = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ShapeDiv = styled_components_1.default.div `
+  background: ${props => typeof props.backgroundColor === 'string'
+    ? props.backgroundColor
+    : props.backgroundColor.angle
+        ? `linear-gradient(${props.backgroundColor.angle}deg, ${props.backgroundColor.startColor} 0%, ${props.backgroundColor.centerColor || props.backgroundColor.startColor} 50%, ${props.backgroundColor.endColor} 100%)`
+        : `radial-gradient(circle, ${props.backgroundColor.startColor} 0%, ${props.backgroundColor.endColor} 100%)`};
+
+  ${props => props.stroke &&
+    `
+    border: ${props.stroke.width}px solid ${props.stroke.color};
+    box-sizing: border-box;
+  `};
+
+  ${props => props.cornerRadius &&
+    `
+    border-radius: ${props.cornerRadius}px;
+  `}
+
+  color: ${props => props.textColor || "white"};
+
+  ${props => props.fontUrl &&
+    `
+    @font-face {
+      font-family: 'custom';
+      src: url(${props.fontUrl});
+    }
+    font-family: 'custom', sans-serif;
+  `};
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bprotsyk/aso-core",
-  "version": "1.2.18",
+  "version": "1.2.21",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
@@ -23,9 +23,11 @@
     "@types/module-alias": "^2.0.1",
     "@types/mongoose": "^5.11.97",
     "module-alias": "^2.2.2",
-    "mongoose": "^6.8.3"
+    "mongoose": "^6.8.3",
+    "styled-components": "^5.3.9"
   },
   "devDependencies": {
+    "@types/styled-components": "^5.1.26",
     "typescript": "^4.8.0-dev.20220623"
   }
 }

package/src/aso/config/aso-config-v0.ts

@@ -254,7 +254,7 @@ export interface ILocalization {
 export interface IColoredString {
 	text: string,
 	colors: IColoredSpan[]
-	mappingName: string
+	mappingName?: string
 }
 
 export interface IColoredSpan {

package/src/aso/offerwall/auth/offerwall-auth-config.ts

@@ -0,0 +1,16 @@
+import { IOfferWallAuthLocalization } from "aso/offerwall/auth/offerwall-auth-localization";
+import { IShape } from "../../../shared/shape";
+
+export interface IOfferWallAuthConfig {
+    includedCountries: string,
+    excludedCountries: string,
+    registerButtonShape: IShape,
+    phoneInputShape: IShape,
+    offerwallItemShape: IShape,
+    backgroundUrl: string,
+
+    owBackgroundUrl?: string,
+    fontUrl?: string,
+
+    authLocalization: IOfferWallAuthLocalization
+}

package/src/aso/offerwall/auth/offerwall-auth-localization.ts

@@ -0,0 +1,9 @@
+import { IColoredString } from "aso/config/aso-config-v0";
+
+export interface IOfferWallAuthLocalization {
+    title: IColoredString,
+    subtitle: IColoredString,
+    privacyPolicyTopText: string,
+    privacyPolicyBottomText: IColoredString,
+    registerButtonText: string,
+}

package/src/aso/offerwall/auth/offerwall-auth-submit-request.ts

@@ -0,0 +1,3 @@
+export interface IOfferWallAuthSubmitRequest {
+    phone: string
+}

package/src/aso/offerwall/auth/offerwall-auth-submit-response.ts

@@ -0,0 +1,3 @@
+export interface IOfferWallAuthSubmitResponse {
+    ok: boolean
+}

package/src/aso/offerwall/offerwall-offer.ts

@@ -4,5 +4,6 @@ export interface IOfferWallOffer {
     backgroundUrl: string;
     emojiIcon?: string;
     emojiCaption?: string;
+    caption: string;
 }
 

package/src/index.ts

@@ -26,4 +26,11 @@ export * as ASOConfigFetch from "./aso/usage-logs/aso-config-fetch-entry"
 
 export { IPanelUser, PanelUserAccessScope, PanelUserSchema } from "./panel/user"
 export { IAuthToken } from "./panel/auth"
-export { IUpsertFlashAppRequest, IUpsertFlashAppResponse } from "./panel/flash/create-flash-app-request"
+export { IUpsertFlashAppRequest, IUpsertFlashAppResponse } from "./panel/flash/create-flash-app-request"
+
+export {IGradient, IStroke, IShape, ShapeDiv} from "./shared/shape"
+export {ColoredText, IColoredTextProps} from "./shared/colored-text"
+export {IOfferWallAuthConfig} from "./aso/offerwall/auth/offerwall-auth-config"
+export {IOfferWallAuthLocalization} from "./aso/offerwall/auth/offerwall-auth-localization"
+export {IOfferWallAuthSubmitRequest} from "./aso/offerwall/auth/offerwall-auth-submit-request"
+export {IOfferWallAuthSubmitResponse} from "./aso/offerwall/auth/offerwall-auth-submit-response"

package/src/shared/colored-text.tsx

@@ -0,0 +1,36 @@
+import { IColoredString } from 'aso/config/aso-config-v0';
+import React from 'react';
+import styled from 'styled-components';
+
+export interface IColoredTextProps {
+  coloredText: IColoredString;
+}
+
+const StyledColoredSpan = styled.span<{ color: string }>`
+  color: ${(props) => props.color};
+`;
+
+export function ColoredText({ coloredText }: IColoredTextProps) {
+  const { text, colors } = coloredText;
+
+  let startIndex = 0;
+  const spans = [];
+
+  for (const { from, to, color } of colors) {
+    spans.push(<span key={`text_${startIndex}`}>{text.slice(startIndex, from)}</span>);
+    spans.push(
+      <StyledColoredSpan key={`text_${from}`} color={color}>
+        {text.slice(from, to)}
+      </StyledColoredSpan>
+    );
+    startIndex = to;
+  }
+
+  if (startIndex < text.length) {
+    spans.push(<span key={`text_${startIndex}`}>{text.slice(startIndex)}</span>);
+  }
+
+  return <>{spans}</>;
+}
+
+export default ColoredText;

package/src/shared/shape.tsx

@@ -0,0 +1,55 @@
+import styled from 'styled-components';
+
+export interface IGradient {
+    startColor: string;
+    centerColor?: string;
+    endColor: string;
+    angle?: number;
+}
+
+export interface IStroke {
+    width: number;
+    color: string;
+}
+
+export interface IShape {
+    backgroundColor: IGradient | string;
+    stroke?: IStroke;
+    textColor?: string;
+    fontUrl?: string;
+    cornerRadius?: number;
+}
+
+export const ShapeDiv = styled.div<IShape>`
+  background: ${props =>
+        typeof props.backgroundColor === 'string'
+            ? props.backgroundColor
+            : props.backgroundColor.angle
+                ? `linear-gradient(${props.backgroundColor.angle}deg, ${props.backgroundColor.startColor} 0%, ${props.backgroundColor.centerColor || props.backgroundColor.startColor} 50%, ${props.backgroundColor.endColor} 100%)`
+                : `radial-gradient(circle, ${props.backgroundColor.startColor} 0%, ${props.backgroundColor.endColor} 100%)`};
+
+  ${props =>
+        props.stroke &&
+        `
+    border: ${props.stroke.width}px solid ${props.stroke.color};
+    box-sizing: border-box;
+  `};
+
+  ${props =>
+        props.cornerRadius &&
+        `
+    border-radius: ${props.cornerRadius}px;
+  `}
+
+  color: ${props => props.textColor || "white"};
+
+  ${props =>
+        props.fontUrl &&
+        `
+    @font-face {
+      font-family: 'custom';
+      src: url(${props.fontUrl});
+    }
+    font-family: 'custom', sans-serif;
+  `};
+`;

package/tsconfig.json

@@ -7,6 +7,7 @@
     "outDir": "./lib",
     "baseUrl": "./src",
     "rootDir": "src",
+    "jsx": "react-jsx",
     "strict": true,
     "moduleResolution": "nodenext"
   },