awing-library 2.1.189-dev → 2.1.191-dev

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-declare const _default: React.FC<unknown>;
+interface CreateOrEditProps {
+    quickWizard?: (p?: any) => JSX.Element;
+    type?: string;
+}
+declare const _default: React.FC<CreateOrEditProps>;
 export default _default;

package/lib/ACM-AXN/Campaign/CreateOrEdit/index.js

@@ -21,6 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -58,7 +67,7 @@ var route = [
     Constant_1.Constants.CAMPAIGN_CONNECT,
     Constant_1.Constants.CAMPAIGN_PERMISSION,
 ];
-var CreateOrEdit = function () {
+var CreateOrEdit = function (props) {
     var _a;
     var _b = (0, Router_1.useParams)(), campaignId = _b.campaignId, tabName = _b.tabName;
     var location = (0, Router_1.useLocation)();
@@ -74,13 +83,15 @@ var CreateOrEdit = function () {
     var readyForSubmit = (0, recoil_1.useRecoilValue)(Recoils_1.readyForSubmitState);
     var setCreate = (0, recoil_1.useSetRecoilState)(Recoils_1.isCreateState);
     var _f = (0, react_1.useState)(), fullPlaces = _f[0], setFullPlaces = _f[1];
+    var _g = (0, react_1.useState)(false), validWizad = _g[0], setValidWizad = _g[1];
+    var childRefWizard = (0, react_1.useRef)(null);
     var tabValid = {
         tabInfomationValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabInfomationValidState),
         tabSubCampaignValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabSubCampaignValidState),
         tabPartnerValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabPartnerValidState),
     };
-    var _g = (0, react_1.useState)('0'), value = _g[0], setValue = _g[1];
-    var _h = (0, react_1.useState)(true), loading = _h[0], setLoading = _h[1];
+    var _h = (0, react_1.useState)('0'), value = _h[0], setValue = _h[1];
+    var _j = (0, react_1.useState)(true), loading = _j[0], setLoading = _j[1];
     var componentStatus = (0, react_1.useMemo)(function () {
         return location.pathname.includes(Constant_1.Constants.CAMPAIGN_DETAIL) &&
             !!campaignId
@@ -125,20 +136,35 @@ var CreateOrEdit = function () {
             setValue(String(route.indexOf(tabName)));
         }
     }, [tabName]);
+    var getTabs = function () {
+        return !(campaignData.campaignWizard && (props === null || props === void 0 ? void 0 : props.quickWizard))
+            ? [
+                {
+                    label: t('Campaign.Info'),
+                    isShow: true,
+                    valid: 'tabInfomationValid',
+                    component: (0, jsx_runtime_1.jsx)(TabInfomation_1.default, {}),
+                },
+                {
+                    label: t('Campaign.SubCampaign'),
+                    isShow: true,
+                    valid: 'tabSubCampaignValid',
+                    component: (0, jsx_runtime_1.jsx)(TabSubCampaign_1.default, {}),
+                },
+            ]
+            : [
+                {
+                    label: t('Campaign.Wizard'),
+                    isShow: true,
+                    component: props === null || props === void 0 ? void 0 : props.quickWizard({
+                        ref: childRefWizard,
+                        onSubmitWizard: handleSubmit,
+                    }),
+                },
+            ];
+    };
     var tabsList = (0, react_1.useMemo)(function () {
-        return [
-            {
-                label: t('Campaign.Info'),
-                isShow: true,
-                valid: 'tabInfomationValid',
-                component: (0, jsx_runtime_1.jsx)(TabInfomation_1.default, {}),
-            },
-            {
-                label: t('Campaign.SubCampaign'),
-                isShow: true,
-                valid: 'tabSubCampaignValid',
-                component: (0, jsx_runtime_1.jsx)(TabSubCampaign_1.default, {}),
-            },
+        return __spreadArray(__spreadArray([], getTabs(), true), [
             {
                 label: t('Campaign.Statistic'),
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
@@ -155,7 +181,7 @@ var CreateOrEdit = function () {
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
                 component: (0, jsx_runtime_1.jsx)(TabPermission_1.default, {}),
             },
-        ].filter(function (tab) { return tab.isShow; });
+        ], false).filter(function (tab) { return tab.isShow; });
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t, componentStatus, Constant_1.Constants, campaignData]);
@@ -221,25 +247,47 @@ var CreateOrEdit = function () {
     };
     var handleSubmit = function () {
         var _a;
-        if (!(0, Utils_1.adsClassCValid)(campaignData.campaignGroups
-            .filter(function (x) {
-            return (0, Utils_1.checkPriority)(x.campaignGroup.priority, Enum_1.CampaignPriority.ClassC);
-        })
-            .flatMap(function (x) { return x.ads; }))) {
-            return Promise.reject(t('Campaign.CClassDuplicatePlace'));
+        if (campaignData.campaignWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
+            if (childRefWizard.current) {
+                childRefWizard.current.onSubmit({
+                    campaignPartner: campaignData.campaignPartner,
+                });
+            }
         }
-        var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean) });
-        if (!((_a = dataSubmit.campaignPartner) === null || _a === void 0 ? void 0 : _a.isSendApi)) {
-            delete dataSubmit.campaignPartner;
+        else {
+            if (!(0, Utils_1.adsClassCValid)(campaignData.campaignGroups
+                .filter(function (x) {
+                return (0, Utils_1.checkPriority)(x.campaignGroup.priority, Enum_1.CampaignPriority.ClassC);
+            })
+                .flatMap(function (x) { return x.ads; }))) {
+                return Promise.reject(t('Campaign.CClassDuplicatePlace'));
+            }
+            var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean) });
+            if (!((_a = dataSubmit.campaignPartner) === null || _a === void 0 ? void 0 : _a.isSendApi)) {
+                delete dataSubmit.campaignPartner;
+            }
+            if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {
+                return service.campaignsPut(campaignId, dataSubmit);
+            }
+            else {
+                return service.campaignsPost(dataSubmit);
+            }
         }
-        if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {
-            return service.campaignsPut(campaignId, dataSubmit);
+    };
+    var handleDisableButtonSubmit = function () {
+        if (campaignData.campaignWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
+            return validWizad;
         }
-        else {
-            return service.campaignsPost(dataSubmit);
+        return !readyForSubmit || !confirmExit;
+    };
+    var handleClose = function () {
+        if (campaignData.campaignWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
+            if (childRefWizard.current) {
+                childRefWizard.current.resetData();
+            }
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !readyForSubmit || !confirmExit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: handleDisableButtonSubmit(), confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
                 display: 'flex',
                 flexDirection: 'column',
                 flexGrow: 1,
@@ -251,7 +299,20 @@ var CreateOrEdit = function () {
                                             ? !tabValid[tab === null || tab === void 0 ? void 0 : tab.valid]
                                             : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: {
                                                 marginLeft: '-5px',
-                                            }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); })] }) })) }) }));
+                                            }, children: "*" }) }) }, idx)); }) }) }), campaignData.campaignWizard &&
+                            (props === null || props === void 0 ? void 0 : props.quickWizard) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props === null || props === void 0 ? void 0 : props.quickWizard({
+                                    ref: childRefWizard,
+                                    onSubmitWizard: handleSubmit,
+                                    handleValidWizad: setValidWizad,
+                                    sxEdit: {
+                                        display: value === '0'
+                                            ? 'block'
+                                            : 'none',
+                                    },
+                                    type: props.type,
+                                }), tabsList.map(function (tab, idx) {
+                                    return idx !== 0 && ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx));
+                                })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); }) }))] }) })) }) }));
 };
 // eslint-disable-next-line import/no-anonymous-default-export
 exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

package/lib/ACM-AXN/Campaign/Types.d.ts

@@ -43,6 +43,12 @@ export type CampaignModel = {
     campaignGroups: CampaignGroupModel[];
     campaignAttributes: CampaignAttribute[];
     campaignPartner?: CampaignPartner;
+    campaignWizard?: {
+        id?: number;
+        campaignId?: string;
+        wizardGroupId?: number;
+        wizardId?: string;
+    };
 };
 export type Campaign = {
     id: string;
@@ -272,5 +278,6 @@ export interface CampaignFeatureProps {
     domainId: string;
     configs: any;
     isAxn?: boolean;
+    quickWizard?: (p?: any) => JSX.Element;
 }
 export {};

package/lib/ACM-AXN/Campaign/index.js

@@ -52,11 +52,11 @@ var Campaign = function (props) {
         },
         {
             param: Constant_1.Constants.CAMPAIGN_DETAIL + '/:campaignId/:tabName/*',
-            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { quickWizard: props.quickWizard }),
         },
         {
             param: Constant_1.Constants.CAMPAIGN_CLONE + '/:campaignId/:tabName/*',
-            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+            element: ((0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { quickWizard: props.quickWizard, type: Constant_1.Constants.CAMPAIGN_CLONE })),
         },
     ];
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.param, element: p.element }, p.param)); }) })] }));

package/lib/AWING/GoogleMap/GGMap.js

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,6 +29,7 @@ var mapContainerStyle = {
     height: '320px',
     width: '100%',
 };
+var myEffectExit = (0, material_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: scale(1);\n    border: 0px solid #fff;\n    opacity: 1;\n  }\n  25% {\n    transform: scale(1.1);\n    border: 10px solid #1a78fc;\n    opacity: 0.8;\n  }\n  50% {\n    transform: scale(1.12);\n\tborder: 8px solid #1a78fc;\n    opacity: 0.5;\n  }\n  75% {\n    transform: scale(1.14);\n\tborder: 6px solid #1a78fc;\n    opacity: 0.3;\n  }\n  100% {\n    transform: scale(1.16);\n\tborder: 4px solid #1a78fc;\n    opacity: 0.2;\n  }\n"], ["\n  0% {\n    transform: scale(1);\n    border: 0px solid #fff;\n    opacity: 1;\n  }\n  25% {\n    transform: scale(1.1);\n    border: 10px solid #1a78fc;\n    opacity: 0.8;\n  }\n  50% {\n    transform: scale(1.12);\n\tborder: 8px solid #1a78fc;\n    opacity: 0.5;\n  }\n  75% {\n    transform: scale(1.14);\n\tborder: 6px solid #1a78fc;\n    opacity: 0.3;\n  }\n  100% {\n    transform: scale(1.16);\n\tborder: 4px solid #1a78fc;\n    opacity: 0.2;\n  }\n"])));
 var libraries = ['places'];
 var stylesDefault = {
     position: 'relative',
@@ -44,6 +49,22 @@ var GGMap = function (_a) {
     var onLoad = function (autocomplete) {
         autocompleteRef.current = autocomplete;
     };
+    var markerConvert = (0, react_1.useMemo)(function () {
+        var _a;
+        var coordMap = (_a = markerPositions === null || markerPositions === void 0 ? void 0 : markerPositions.reduce(function (acc, _a) {
+            var longitude = _a.longitude, latitude = _a.latitude;
+            var key = "".concat(longitude, ",").concat(latitude);
+            if (acc[key]) {
+                acc[key].count += 1;
+            }
+            else {
+                acc[key] = { longitude: longitude, latitude: latitude, count: 1 };
+            }
+            return acc;
+        }, {})) !== null && _a !== void 0 ? _a : {};
+        // Convert the object to an array
+        return Object.values(coordMap);
+    }, [markerPosition]);
     var onPlaceChanged = function () {
         var _a, _b, _c, _d;
         if (autocompleteRef.current !== null) {
@@ -116,6 +137,9 @@ var GGMap = function (_a) {
             lng: (_b = Number(markerPosition === null || markerPosition === void 0 ? void 0 : markerPosition.longitude)) !== null && _b !== void 0 ? _b : 0,
         };
     }, [markerPosition]);
+    var calculateRadius = function (currentZoom) {
+        return 100000 * Math.pow(2, 5 - currentZoom);
+    };
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: sxMap ? sxMap : stylesDefault, ref: boxRef, children: (0, jsx_runtime_1.jsxs)(api_1.LoadScript, { googleMapsApiKey: apiKey || '', libraries: libraries, children: [!isDisplayAutoComplete &&
                     ((0, jsx_runtime_1.jsx)(api_1.Autocomplete, { onPlaceChanged: onPlaceChanged, onLoad: onLoad, children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: t('Common.PlaceHolderLocation'), onFocus: function () {
                                 var _a;
@@ -139,7 +163,10 @@ var GGMap = function (_a) {
                                 margin: '10px 0',
                                 zIndex: 99,
                                 top: '50px',
-                            } }) })), (0, jsx_runtime_1.jsx)(api_1.GoogleMap, __assign({ id: "map", mapContainerStyle: sizeMap !== null && sizeMap !== void 0 ? sizeMap : mapContainerStyle, zoom: zoom, center: marker, onLoad: onLoadMap, onClick: onMapClick }, isTypeTracking && {
+                            } }) })), (0, jsx_runtime_1.jsx)(api_1.GoogleMap, __assign({ id: "map", mapContainerStyle: sizeMap !== null && sizeMap !== void 0 ? sizeMap : mapContainerStyle, zoom: zoom, onZoomChanged: function () {
+                        var _a;
+                        setZoom((_a = map === null || map === void 0 ? void 0 : map.getZoom()) !== null && _a !== void 0 ? _a : 0);
+                    }, center: marker, onLoad: onLoadMap, onClick: onMapClick }, isTypeTracking && {
                     options: {
                         disableDefaultUI: true,
                         styles: utils_1.mapStyles,
@@ -157,17 +184,16 @@ var GGMap = function (_a) {
                                         strokeOpacity: 1,
                                         strokeWeight: 2,
                                     } })] })
-                        : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: markerPositions === null || markerPositions === void 0 ? void 0 : markerPositions.map(function (coordinates, index, positions) {
-                                var _a, _b;
-                                // const radius =
-                                //     Math.max(
-                                //         30,
-                                //         (coordinates.count /
-                                //             Math.max(...positions.map((p) => p.count))) *
-                                //         120
-                                //     ) *
-                                //     (1 / 7);
-                                return (0, jsx_runtime_1.jsx)(api_1.Marker, { position: { lat: (_a = coordinates.latitude) !== null && _a !== void 0 ? _a : 0, lng: (_b = coordinates.longitude) !== null && _b !== void 0 ? _b : 0 } }, index);
+                        : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: markerConvert === null || markerConvert === void 0 ? void 0 : markerConvert.map(function (coordinates, index, positions) {
+                                var _a, _b, _c;
+                                return (0, jsx_runtime_1.jsx)(api_1.CircleF, { center: { lat: (_a = coordinates.latitude) !== null && _a !== void 0 ? _a : 0, lng: (_b = coordinates.longitude) !== null && _b !== void 0 ? _b : 0 }, radius: calculateRadius(zoom * (((_c = coordinates === null || coordinates === void 0 ? void 0 : coordinates.count) !== null && _c !== void 0 ? _c : 0))), options: {
+                                        strokeColor: '#4285F4',
+                                        strokeOpacity: 0.8,
+                                        strokeWeight: 2,
+                                        fillColor: "#4285F4",
+                                        fillOpacity: 0.35,
+                                    } }, index);
                             }) }) }))] }) }));
 };
 exports.default = GGMap;
+var templateObject_1;

package/lib/translate/en/translation.json

@@ -512,7 +512,8 @@
             "View": "Impression",
             "Authentication": "Engagement / Spot",
             "Click": "Click"
-        }
+        },
+        "Wizard": "Wizard"
     },
     "DirectoryManagement": {
         "DirectoryName": "Directory Name",

package/lib/translate/vi/translation.json

@@ -496,7 +496,8 @@
             "View": "Impression",
             "Authentication": "Engagement / Spot",
             "Click": "Click"
-        }
+        },
+        "Wizard": "Wizard"
     },
     "TemplateManagement": {
         "Create": "Tạo mới template",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.189-dev",
+    "version": "2.1.191-dev",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",