@antscorp/antsomi-ui 1.3.2 → 1.3.3

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/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.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.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.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));
+    }
+});

package/es/services/Ticket.js

@@ -0,0 +1,73 @@
+import { callApiWithAuth, getData, getEntriesV2 } from '../utils/common';
+const API = {
+    lookupInfo: {
+        callApi: {
+            c_user_id: (params, domain, token, config, userId) => callApiWithAuth(`hub/toolkit/v2.0/selector/users/listing`, 'GET', null, domain, config, token, userId).then(res => {
+                const data = getEntriesV2(res, 0);
+                // dataBackup[params.objectName] = data;
+                return data;
+            }),
+        },
+    },
+    getAppInfo: {
+        getAll: (params, domain, config, token, userId) => callApiWithAuth(`api/privilege/index`, 'GET', Object.assign({}, params), domain, config, token, userId, true, 'list-app', false, false).then(res => {
+            const data = getData(res, []);
+            return data;
+        }),
+    },
+    tickets: {
+        callApi: {
+            createTicket: (params, domain, token, config, userId) => callApiWithAuth(`api/ticket/index`, 'POST', Object.assign({}, params), domain, config, token, userId, true).then(res => {
+                const data = getEntriesV2(res, 0);
+                // dataBackup[params.objectName] = data;
+                return data;
+            }),
+            getCustomFields: (params, domain, token, config, userId, type) => callApiWithAuth(`api/ticket/index`, 'get', Object.assign({}, params), domain, config, token, userId, true, type).then(res => 
+            // const data = getEntriesV2(res, 0);
+            // dataBackup[params.objectName] = data;
+            res === null || res === void 0 ? void 0 : res.data),
+            getDetailsTicket: (params, domain, token, config, userId, ticketId, type) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'get', Object.assign({}, params), domain, config, token, userId, true, type).then(res => 
+            // const data = getEntriesV2(res, 0);
+            // dataBackup[params.objectName] = data;
+            res === null || res === void 0 ? void 0 : res.data),
+            getListComment: (params, domain, token, config, userId, type, ticketId) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'get', Object.assign({}, params), domain, config, token, userId, true, type).then(res => 
+            // const data = getEntriesV2(res, 0);
+            // dataBackup[params.objectName] = data;
+            res === null || res === void 0 ? void 0 : res.data),
+            updateComment: (params, domain, token, config, userId, type, ticketId) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'put', Object.assign({}, params), domain, config, token, userId, true, type).then(res => 
+            // const data = getEntriesV2(res, 0);
+            // dataBackup[params.objectName] = data;
+            res === null || res === void 0 ? void 0 : res.data),
+            updateFollowers: (params, domain, token, config, userId, ticketId) => callApiWithAuth(`api/ticket/index/${ticketId}`, 'put', Object.assign({}, params), domain, config, token, userId, true).then(res => 
+            // const data = getEntriesV2(res, 0);
+            // dataBackup[params.objectName] = data;
+            res === null || res === void 0 ? void 0 : res.data),
+            upload: (params, domain, token, config, userId, type) => callApiWithAuth(`api/upload/index`, 'post', params.data, domain, config, token, userId, true, type).then(res => 
+            // const data = getEntriesV2(res, 0);
+            // dataBackup[params.objectName] = data;
+            res === null || res === void 0 ? void 0 : res.data),
+        },
+    },
+    accounts: {
+        callApi: {
+            getAccountManage: (params, domain, token, config, userId, type) => callApiWithAuth(`api/network/index/${config.api_pid}`, 'GET', Object.assign({}, params), domain, config, token, userId, false, type, true).then(res => res === null || res === void 0 ? void 0 : res.data),
+        },
+    },
+    permission: {
+        callApi: {
+            getList: (params, domain, token, config, userId, type, ownerId) => 
+            // console.log({params, domain, token, config,userId, type})
+            callApiWithAuth(`api/privilege/index`, 'GET', Object.assign(Object.assign({}, params), { ownerId }), domain, config, token, userId, false, type, false, true).then(res => res === null || res === void 0 ? void 0 : res.data),
+        },
+    },
+    help: {
+        callApi: {
+            getList: (params, domain, token, config, userId) => callApiWithAuth(`api/app/index?appCode=${params.appCode}&type=getListHelpApps&role=1`, 'GET', Object.assign({}, params), domain, config, token, userId, true).then(res => 
+            // console.log(res);
+            // const data = res;
+            // dataBackup[params.objectName] = data;
+            res),
+        },
+    },
+};
+export default API;

package/es/services/constants.js

@@ -0,0 +1,21 @@
+export const MESSAGES = {
+    SUCCESS: 'Success!',
+    VIEW_NAME_IS_EXISTED: 'Name view is already existed!',
+    // INTERNAL_SERVER_ERROR: 'Internal server error!',
+    INTERNAL_SERVER_ERROR: `We're are sorry! CDP is not available right now.`,
+    PROPERTY_CODE_IS_EXISTED_IN_THIS_GROUP: 'Name property is already existed in this group properties!',
+    NAME_ALREADY_EXISTS: 'The name is already existed!',
+    TOO_LONG_NAME: 'The name is too long!',
+};
+export const PORTAL_KEYS = {
+    CURRENCY: 'p_currency',
+    USER_LANGUAGE: 'user_language',
+    PORTAL_LANGUAGE: 'p_language',
+    TIME_ZONE: 'p_timezone',
+    CURRENCY_FORMAT: 'p_f_currency',
+    DATE_TIME_FORMAT: 'p_f_datetime',
+    DATE_TIME_FORMAT_LONG: 'p_f_longdatetime',
+    NUMBER_FORMAT: 'p_f_number',
+    PERCENTAGE_FORMAT: 'p_f_percentage',
+    VERSION: '_ver',
+};

package/es/services/index.js

@@ -0,0 +1,64 @@
+// Libraries
+import axios from 'axios';
+import qs from 'qs';
+export const instance = axios.create();
+const { CancelToken } = axios;
+export const services = {
+    mediaTemplateSavedImages: {
+        getList: function getList(params, infos) {
+            if (typeof params.API_HOST !== 'undefined') {
+                const { API_HOST } = params;
+                const { userId, accountId, token } = infos;
+                const cancelToken = params.cancelToken ? params.cancelToken : new CancelToken(() => { });
+                const { signal } = params;
+                delete params.API_HOST;
+                delete params.cancelToken;
+                delete params.signal;
+                const snapParams = Object.assign(Object.assign({}, params), { _token: token, _user_id: userId, _account_id: accountId });
+                return instance.get(API_HOST, {
+                    params: snapParams,
+                    cancelToken,
+                    signal,
+                });
+            }
+            return false;
+        },
+        create: function create(params, infos) {
+            if (params.API_HOST !== 'undefined') {
+                const { API_HOST } = params;
+                const { userId, accountId, token } = infos;
+                const cancelToken = params.cancelToken ? params.cancelToken : new CancelToken(() => { });
+                delete params.API_HOST;
+                // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                params.cancelToken && delete params.cancelToken;
+                const paramsInfo = {
+                    _token: token,
+                    _user_id: userId,
+                    _account_id: accountId,
+                };
+                return instance.post(API_HOST, params, { cancelToken, params: paramsInfo });
+            }
+            return Promise.resolve(false);
+        },
+        upload: function upload(params, infos) {
+            if (typeof params.API_HOST !== 'undefined') {
+                const { API_HOST } = params;
+                const { userId, accountId, token } = infos;
+                delete params.API_HOST;
+                const paramsInfo = {
+                    _token: token,
+                    _user_id: userId,
+                    _account_id: accountId,
+                };
+                const url = `${API_HOST}?${qs.stringify(params.params)}`;
+                return instance.post(url, params.formData, {
+                    params: paramsInfo,
+                    headers: {
+                        'Content-Type': 'multipart/form-data',
+                    },
+                });
+            }
+            return false;
+        },
+    },
+};

package/es/stories/assets/code-brackets.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/code-brackets</title><g id="illustration/code-brackets" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#87E6E5" d="M11.4139325,12 C11.7605938,12 12,12.5059743 12,13.3779712 L12,17.4951758 L6.43502246,23.3839989 C5.85499251,23.9978337 5.85499251,25.0021663 6.43502246,25.6160011 L12,31.5048242 L12,35.6220288 C12,36.4939606 11.7605228,37 11.4139325,37 C11.2725831,37 11.1134406,36.9158987 10.9453839,36.7379973 L0.435022463,25.6160011 C-0.145007488,25.0021663 -0.145007488,23.9978337 0.435022463,23.3839989 L10.9453839,12.2620027 C11.1134051,12.0841663 11.2725831,12 11.4139325,12 Z M36.5860675,12 C36.7274169,12 36.8865594,12.0841013 37.0546161,12.2620027 L47.5649775,23.3839989 C48.1450075,23.9978337 48.1450075,25.0021663 47.5649775,25.6160011 L37.0546161,36.7379973 C36.8865949,36.9158337 36.7274169,37 36.5860675,37 C36.2394062,37 36,36.4940257 36,35.6220288 L36,31.5048242 L41.5649775,25.6160011 C42.1450075,25.0021663 42.1450075,23.9978337 41.5649775,23.3839989 L36,17.4951758 L36,13.3779712 C36,12.5060394 36.2394772,12 36.5860675,12 Z"/><rect id="Rectangle-7-Copy-5" width="35.57" height="4" x="5.009" y="22.662" fill="#A0DB77" rx="2" transform="translate(22.793959, 24.662305) rotate(-75.000000) translate(-22.793959, -24.662305)"/></g></svg>