@antscorp/antsomi-ui 1.3.3-beta.1 → 1.3.3-beta.2

package/es/locales/en/translation.json

@@ -0,0 +1,66 @@
+{
+    "global": {
+        "minus": "Minus",
+        "plus": "Plus"
+    },
+    "button": {},
+    "datePicker": {
+        "startDate": "Start Date",
+        "endDate": "End Date",
+        "dateTypes": {
+            "today": "Today",
+            "firstDayOfWeekMonSun": "First day of this week (Mon - Sun)",
+            "firstDayOfWeekSunSat": "First day of this week (Sun - Sat)",
+            "firstDayOfMonth": "First day of this month",
+            "firstDayOfQuarter": "First day of this quarter",
+            "firstDayOfYear": "First day of this year",
+            "lastDayOfWeekMonSun": "First day of this week (Mon - Sun)",
+            "lastDayOfWeekSunSat": "First day of this week (Sun - Sat)",
+            "lastDayOfMonth": "Last day of this month",
+            "lastDayOfQuarter": "Last day of this quarter",
+            "lastDayOfYear": "Last day of this year",
+            "fixed": "Fixed"
+        },
+        "seconds": "Seconds",
+        "minutes": "Minutes",
+        "hours": "Hours",
+        "days": "Days",
+        "weeks": "Weeks",
+        "months": "Months",
+        "quarters": "Quarters",
+        "years": "Years"
+    },
+    "linear": "Linear",
+    "radial": "Radial",
+    "gradientStyle": "Gradient Style",
+    "angle": "Angle",
+    "gradientColor": "{{name}} Color",
+    "gradientLocation": "{{name}} Color Location",
+    "firstColor": "First Color",
+    "secondColor": "Second Color",
+    "firstColorLocation": "First Color Location",
+    "secondColorLocation": "Second Color Location",
+    "leftTop": "Left Top",
+    "leftCenter": "Left Center",
+    "leftBottom": "Left Bottom",
+    "rightTop": "Right Top",
+    "rightCenter": "Right Center",
+    "rightBottom": "Right Bottom",
+    "centerTop": "Center Top",
+    "centerCenter": "Center Center",
+    "centerBottom": "Center Bottom",
+    "position": "Position",
+    "addColor": "Add color",
+    "ordinalText": {
+        "first": "First",
+        "second": "Second",
+        "third": "Third",
+        "fourth": "Fourth",
+        "fifth": "Fifth",
+        "sixth": "Sixth",
+        "seventh": "Seventh",
+        "eighth": "Eighth",
+        "ninth": "Ninth",
+        "tenth": "Tenth"
+    }
+}

package/es/locales/i18n.d.ts

@@ -0,0 +1,140 @@
+export declare const translationsJson: {
+    en: {
+        translation: {
+            global: {
+                minus: string;
+                plus: string;
+            };
+            button: {};
+            datePicker: {
+                startDate: string;
+                endDate: string;
+                dateTypes: {
+                    today: string;
+                    firstDayOfWeekMonSun: string;
+                    firstDayOfWeekSunSat: string;
+                    firstDayOfMonth: string;
+                    firstDayOfQuarter: string;
+                    firstDayOfYear: string;
+                    lastDayOfWeekMonSun: string;
+                    lastDayOfWeekSunSat: string;
+                    lastDayOfMonth: string;
+                    lastDayOfQuarter: string;
+                    lastDayOfYear: string;
+                    fixed: string;
+                };
+                seconds: string;
+                minutes: string;
+                hours: string;
+                days: string;
+                weeks: string;
+                months: string;
+                quarters: string;
+                years: string;
+            };
+            linear: string;
+            radial: string;
+            gradientStyle: string;
+            angle: string;
+            gradientColor: string;
+            gradientLocation: string;
+            firstColor: string;
+            secondColor: string;
+            firstColorLocation: string;
+            secondColorLocation: string;
+            leftTop: string;
+            leftCenter: string;
+            leftBottom: string;
+            rightTop: string;
+            rightCenter: string;
+            rightBottom: string;
+            centerTop: string;
+            centerCenter: string;
+            centerBottom: string;
+            position: string;
+            addColor: string;
+            ordinalText: {
+                first: string;
+                second: string;
+                third: string;
+                fourth: string;
+                fifth: string;
+                sixth: string;
+                seventh: string;
+                eighth: string;
+                ninth: string;
+                tenth: string;
+            };
+        };
+    };
+    vi: {
+        translation: {
+            global: {
+                minus: string;
+                plus: string;
+            };
+            button: {};
+            datePicker: {
+                startDate: string;
+                endDate: string;
+                dateTypes: {
+                    today: string;
+                    firstDayOfWeekMonSun: string;
+                    firstDayOfWeekSunSat: string;
+                    firstDayOfMonth: string;
+                    firstDayOfQuarter: string;
+                    firstDayOfYear: string;
+                    lastDayOfWeekMonSun: string;
+                    lastDayOfWeekSunSat: string;
+                    lastDayOfMonth: string;
+                    lastDayOfQuarter: string;
+                    lastDayOfYear: string;
+                    fixed: string;
+                };
+                seconds: string;
+                minutes: string;
+                hours: string;
+                days: string;
+                weeks: string;
+                months: string;
+                quarters: string;
+                years: string;
+            };
+            addColor: string;
+            linear: string;
+            radial: string;
+            gradientStyle: string;
+            angle: string;
+            gradientColor: string;
+            gradientLocation: string;
+            firstColor: string;
+            secondColor: string;
+            firstColorLocation: string;
+            secondColorLocation: string;
+            leftTop: string;
+            leftCenter: string;
+            leftBottom: string;
+            rightTop: string;
+            rightCenter: string;
+            rightBottom: string;
+            centerTop: string;
+            centerCenter: string;
+            centerBottom: string;
+            position: string;
+            ordinalText: {
+                first: string;
+                second: string;
+                third: string;
+                fourth: string;
+                fifth: string;
+                sixth: string;
+                seventh: string;
+                eighth: string;
+                ninth: string;
+                tenth: string;
+            };
+        };
+    };
+};
+declare const i18nInstance: import("i18next").i18n;
+export default i18nInstance;

package/es/locales/i18n.js

@@ -0,0 +1,38 @@
+import i18next from 'i18next';
+// import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import en from './en/translation.json';
+import vi from './vi/translation.json';
+import { convertLanguageJsonToObject } from './translations';
+export const translationsJson = {
+    en: {
+        translation: en,
+    },
+    vi: {
+        translation: vi,
+    },
+};
+// Create the 'translations' object to provide full intellisense support for the static json files.
+convertLanguageJsonToObject(en);
+// i18next
+// export const i18n = i18next
+const i18nInstance = i18next.createInstance();
+i18nInstance
+    // pass the i18n instance to react-i18next.
+    // .use(initReactI18next)
+    // detect user language
+    // learn more: https://github.com/i18next/i18next-browser-languageDetector
+    .use(LanguageDetector)
+    // init i18next
+    // for all options read: https://www.i18next.com/overview/configuration-options
+    .init({
+    resources: translationsJson,
+    fallbackLng: 'en',
+    // debug: process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'test',
+    // returnObjects: true,
+    debug: false,
+    interpolation: {
+        escapeValue: false, // not needed for react as it escapes by default
+    },
+});
+export default i18nInstance;

package/es/locales/translations.d.ts

@@ -0,0 +1,70 @@
+import { ConvertedToObjectType, TranslationJsonType } from './types';
+export declare const translations: ConvertedToObjectType<TranslationJsonType>;
+export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: ConvertedToObjectType<{
+    global: {
+        minus: string;
+        plus: string;
+    };
+    button: {};
+    datePicker: {
+        startDate: string;
+        endDate: string;
+        dateTypes: {
+            today: string;
+            firstDayOfWeekMonSun: string;
+            firstDayOfWeekSunSat: string;
+            firstDayOfMonth: string;
+            firstDayOfQuarter: string;
+            firstDayOfYear: string;
+            lastDayOfWeekMonSun: string;
+            lastDayOfWeekSunSat: string;
+            lastDayOfMonth: string;
+            lastDayOfQuarter: string;
+            lastDayOfYear: string;
+            fixed: string;
+        };
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        weeks: string;
+        months: string;
+        quarters: string;
+        years: string;
+    };
+    linear: string;
+    radial: string;
+    gradientStyle: string;
+    angle: string;
+    gradientColor: string;
+    gradientLocation: string;
+    firstColor: string;
+    secondColor: string;
+    firstColorLocation: string;
+    secondColorLocation: string;
+    leftTop: string;
+    leftCenter: string;
+    leftBottom: string;
+    rightTop: string;
+    rightCenter: string;
+    rightBottom: string;
+    centerTop: string;
+    centerCenter: string;
+    centerBottom: string;
+    position: string;
+    addColor: string;
+    ordinalText: {
+        first: string;
+        second: string;
+        third: string;
+        fourth: string;
+        fifth: string;
+        sixth: string;
+        seventh: string;
+        eighth: string;
+        ninth: string;
+        tenth: string;
+    };
+}>, current?: string) => void;
+export declare const t: (id: string, ...rest: any[]) => [string, ...any[]];
+export declare const getTranslateMessage: (id: string, defaultMessage?: string, value?: Record<string, unknown>) => string;

package/es/locales/translations.js

@@ -0,0 +1,35 @@
+// Libraries
+import i18next from 'i18next';
+export const translations = {};
+/*
+ * Converts the static JSON file into an object where keys are identical
+ * but values are strings concatenated according to syntax.
+ * This is helpful when using the JSON file keys and still having the intellisense support
+ * along with type-safety
+ */
+export const convertLanguageJsonToObject = (json, objToConvertTo = translations, current) => {
+    Object.keys(json).forEach(key => {
+        const currentLookupKey = current ? `${current}.${key}` : key;
+        if (typeof json[key] === 'object') {
+            objToConvertTo[key] = {};
+            convertLanguageJsonToObject(json[key], objToConvertTo[key], currentLookupKey);
+        }
+        else {
+            objToConvertTo[key] = currentLookupKey;
+        }
+    });
+};
+export const t = (id, ...rest) => {
+    if (!id) {
+        id = '_NOT_TRANSLATED_';
+    }
+    return [id, ...rest];
+};
+export const getTranslateMessage = (id, defaultMessage = '', value = {}) => {
+    try {
+        return i18next.t(t(id, defaultMessage), value);
+    }
+    catch (error) {
+        return '';
+    }
+};

package/es/locales/types.d.ts

@@ -0,0 +1,15 @@
+export type ConvertedToObjectType<T> = {
+    [P in keyof T]: T[P] extends string ? string : ConvertedToObjectType<T[P]>;
+};
+/**
+ 
+If you don't want non-existing keys to throw ts error you can simply do(also keeping the intellisense)
+
+export type ConvertedToObjectType<T> = {
+  [P in keyof T]: T[P] extends string ? string : ConvertedToObjectType<T[P]>;
+} & {
+  [P: string]: any;
+};
+
+*/
+export type TranslationJsonType = typeof import('./en/translation.json');

package/es/locales/types.js

@@ -0,0 +1 @@
+export {};

package/es/locales/vi/translation.json

@@ -0,0 +1,66 @@
+{
+    "global": {
+        "minus": "Trừ",
+        "plus": "Cộng"
+    },
+    "button": {},
+    "datePicker": {
+        "startDate": "Ngày bắt đầu",
+        "endDate": "Ngày kết thúc",
+        "dateTypes": {
+            "today": "Hôm nay",
+            "firstDayOfWeekMonSun": "Ngày đầu tiên của tuần (T2 - CN)",
+            "firstDayOfWeekSunSat": "Ngày đầu tiên của tuần (CN - T7)",
+            "firstDayOfMonth": "Ngày đầu tiên của tháng",
+            "firstDayOfQuarter": "Ngày đầu tiên của quý",
+            "firstDayOfYear": "Ngày đầu tiên của năm",
+            "lastDayOfWeekMonSun": "Ngày cuối cùng của tuần (T2 - CN)",
+            "lastDayOfWeekSunSat": "Ngày cuối cùng của tuần (CN - T7)",
+            "lastDayOfMonth": "Ngày cuối cùng của tháng",
+            "lastDayOfQuarter": "Ngày cuối cùng của quý",
+            "lastDayOfYear": "Ngày cuối cùng của năm",
+            "fixed": "Cố Định"
+        },
+        "seconds": "Giây",
+        "minutes": "Phút",
+        "hours": "Giờ",
+        "days": "Ngày",
+        "weeks": "Tuần",
+        "months": "Tháng",
+        "quarters": "Quý",
+        "years": "Năm"
+    },
+    "addColor": "Thêm màu",
+    "linear": "Linear",
+    "radial": "Radial",
+    "gradientStyle": "Kiểu chuyển màu",
+    "angle": "Góc",
+    "gradientColor": "Màu {{name}}",
+    "gradientLocation": "Vị trí màu {{name}}",
+    "firstColor": "Màu đầu tiên",
+    "secondColor": "Màu thứ hai",
+    "firstColorLocation": "Vị trí màu đầu tiên",
+    "secondColorLocation": "Vị trí màu thứ hai",
+    "leftTop": "Trái Trên",
+    "leftCenter": "Trái Giữa",
+    "leftBottom": "Trái Dưới",
+    "rightTop": "Phải Trên",
+    "rightCenter": "Phải Giữa",
+    "rightBottom": "Phải Dưới",
+    "centerTop": "Giữa Trên",
+    "centerCenter": "Giữa Giữa",
+    "centerBottom": "Giữa Dưới",
+    "position": "Vị trí",
+    "ordinalText": {
+        "first": "đầu tiên",
+        "second": "thứ hai",
+        "third": "thứ ba",
+        "fourth": "thứ tư",
+        "fifth": "thứ năm",
+        "sixth": "thứ sáu",
+        "seventh": "thứ bảy",
+        "eighth": "thứ tám",
+        "ninth": "thứ chín",
+        "tenth": "thứ mười"
+    }
+}

package/es/models/SavedImage.d.ts

@@ -0,0 +1,32 @@
+import moment from 'moment';
+import { Model } from './model';
+export type TSavedImage = {
+    image_id: string;
+    network_id: string;
+    image_name: string;
+    properties: {
+        url: string;
+        size: number;
+        image: {
+            path: string;
+        };
+        extension: string;
+        file_name: string;
+        dimensions_file: {
+            type: string;
+            width: number;
+            height: number;
+            orientation: number;
+        };
+    };
+    status: string;
+    ctime: string;
+};
+export declare class SavedImage extends Model<TSavedImage> {
+    get id(): string;
+    get name(): string;
+    get url(): string;
+    get createdAt(): moment.Moment | null;
+    get size(): number;
+    get sizeString(): string;
+}

package/es/models/SavedImage.js

@@ -0,0 +1,26 @@
+import moment from 'moment';
+import { Model } from './model';
+export class SavedImage extends Model {
+    get id() {
+        return this.model.image_id || '';
+    }
+    get name() {
+        return this.model.image_name || '';
+    }
+    get url() {
+        var _a;
+        return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.url) || '';
+    }
+    get createdAt() {
+        return moment(this.model.ctime, true).isValid() ? moment(this.model.ctime) : null;
+    }
+    get size() {
+        var _a;
+        return +(((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.size) || 0);
+    }
+    get sizeString() {
+        const { properties } = this.model;
+        const dimensionsFile = properties === null || properties === void 0 ? void 0 : properties.dimensions_file;
+        return `${Math.round(10 * (((properties === null || properties === void 0 ? void 0 : properties.size) || 0) / 1024)) / 10} KB, ${dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.width} x ${dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.height} `;
+    }
+}

package/es/models/Upload.d.ts

@@ -0,0 +1,32 @@
+import { Model } from './model';
+type TUpload = {
+    url: string;
+    file: {
+        path: string;
+    };
+    extension: string;
+    dimensions_file: {
+        height: number;
+        orientation: number;
+        width: number;
+        type: string;
+    };
+    size: number;
+    file_name: string;
+};
+export declare class Upload extends Model<TUpload> {
+    get fileName(): string | undefined;
+    get file(): {
+        path: string;
+    } | undefined;
+    get url(): string;
+    get extension(): string;
+    get dimensionsFile(): {
+        height: number;
+        orientation: number;
+        width: number;
+        type: string;
+    } | undefined;
+    get size(): number;
+}
+export {};

package/es/models/Upload.js

@@ -0,0 +1,21 @@
+import { Model } from './model';
+export class Upload extends Model {
+    get fileName() {
+        return this.model.file_name;
+    }
+    get file() {
+        return this.model.file;
+    }
+    get url() {
+        return this.model.url || '';
+    }
+    get extension() {
+        return this.model.extension || '';
+    }
+    get dimensionsFile() {
+        return this.model.dimensions_file;
+    }
+    get size() {
+        return +(this.model.size || 0);
+    }
+}

package/es/models/model.d.ts

@@ -0,0 +1,8 @@
+export declare class Model<T> {
+    model: {
+        [P in keyof T]?: T[P] | undefined;
+    };
+    constructor(model: {
+        [P in keyof T]?: T[P];
+    });
+}

package/es/models/model.js

@@ -0,0 +1,5 @@
+export class Model {
+    constructor(model) {
+        this.model = model || {};
+    }
+}

package/es/services/MediaTemplateDesign/UploadFile/index.d.ts

@@ -0,0 +1,6 @@
+import { SavedImage } from '@antscorp/antsomi-ui/es/models/SavedImage';
+import { Upload } from '@antscorp/antsomi-ui/es/models/Upload';
+export declare const getListingSavedImage: (domainUrl: any, slug: any, infos: any) => Promise<SavedImage[]>;
+export declare const createSavedImage: (domainUrl: any, slug: any, infos: any, data: any) => Promise<any>;
+export declare const deleteSavedImage: (domainUrl: any, slug: any, infos: any, id: any) => Promise<any>;
+export declare const uploadFile: (domainUrl: any, slug: any, infos: any, files: any) => Promise<Upload[]>;

package/es/services/MediaTemplateDesign/UploadFile/index.js

@@ -0,0 +1,75 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* eslint-disable no-promise-executor-return */
+// Services
+import { SavedImage } from '@antscorp/antsomi-ui/es/models/SavedImage';
+import { Upload } from '@antscorp/antsomi-ui/es/models/Upload';
+import { services } from '@antscorp/antsomi-ui/es/services';
+export const getListingSavedImage = (domainUrl, slug, infos) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const { data } = yield services.mediaTemplateSavedImages.getList({
+            API_HOST: `${domainUrl}/${slug}/saved-image/index`,
+        }, infos);
+        let savedImages = (data === null || data === void 0 ? void 0 : data.data) || [];
+        savedImages = savedImages.map(savedImage => new SavedImage(savedImage));
+        return savedImages;
+    }
+    catch (error) {
+        return new Promise((_, reject) => reject(error));
+    }
+});
+export const createSavedImage = (domainUrl, slug, infos, data) => {
+    try {
+        return services.mediaTemplateSavedImages.create(Object.assign({ API_HOST: `${domainUrl}/${slug}/saved-image/index` }, data), infos);
+    }
+    catch (error) {
+        return new Promise((_, reject) => reject(error));
+    }
+};
+export const deleteSavedImage = (domainUrl, slug, infos, id) => {
+    try {
+        return services.mediaTemplateSavedImages.create({
+            API_HOST: `${domainUrl}/${slug}/saved-image/index/update-status`,
+            image_id: [id],
+            status: 80,
+        }, infos);
+    }
+    catch (error) {
+        return new Promise((_, reject) => reject(error));
+    }
+};
+export const uploadFile = (domainUrl, slug, infos, files) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    try {
+        const formData = new FormData();
+        files.forEach(file => {
+            formData.append('files', file);
+        });
+        const result = yield services.mediaTemplateSavedImages.upload({
+            API_HOST: `${domainUrl}/${slug}/file-upload/file`,
+            formData,
+        }, infos);
+        const uploadData = result ? (_a = result.data) === null || _a === void 0 ? void 0 : _a.data : null;
+        return (uploadData === null || uploadData === void 0 ? void 0 : uploadData.length)
+            ? uploadData.map(file => new Upload({
+                url: file.url,
+                file: file.file,
+                extension: file.extension,
+                dimensions_file: file.dimensions_file,
+                size: file.size,
+                file_name: file.file_name,
+            }))
+            : [];
+    }
+    catch (error) {
+        // eslint-disable-next-line no-promise-executor-return
+        return new Promise((_, reject) => reject(error));
+    }
+});