awing-library 2.1.190-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/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.190-dev",
+    "version": "2.1.191-dev",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",