@adlfe/campaign-management-library 2.15.4 → 2.15.5

package/fesm2015/adlfe-campaign-management-library.js

@@ -2647,7 +2647,7 @@ let NewCampaignComponent = class NewCampaignComponent {
         const subs = this.apiAdapterService
             .executeApiRequest([], `/campaign/${this.campaignID}`, 'GET')
             .subscribe((resp) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77;
             if (!resp)
                 return;
             const generalInformation = {
@@ -2694,47 +2694,48 @@ let NewCampaignComponent = class NewCampaignComponent {
                     paramName: val,
                 })),
                 isUseExistingTemplate: !!((_36 = resp.data) === null || _36 === void 0 ? void 0 : _36.templateName),
+                isNeedSave: !!((_37 = resp.data) === null || _37 === void 0 ? void 0 : _37.templateName),
                 template: {
-                    ID: (_39 = (_38 = (_37 = resp.data) === null || _37 === void 0 ? void 0 : _37.details) === null || _38 === void 0 ? void 0 : _38.template) === null || _39 === void 0 ? void 0 : _39.id,
-                    name: (_42 = (_41 = (_40 = resp.data) === null || _40 === void 0 ? void 0 : _40.details) === null || _41 === void 0 ? void 0 : _41.template) === null || _42 === void 0 ? void 0 : _42.name,
-                    lang: (_45 = (_44 = (_43 = resp.data) === null || _43 === void 0 ? void 0 : _43.details) === null || _44 === void 0 ? void 0 : _44.template) === null || _45 === void 0 ? void 0 : _45.lang,
-                    platform: (_46 = resp.data) === null || _46 === void 0 ? void 0 : _46.platform,
-                    headerURL: (_49 = (_48 = (_47 = resp.data) === null || _47 === void 0 ? void 0 : _47.details) === null || _48 === void 0 ? void 0 : _48.template) === null || _49 === void 0 ? void 0 : _49.headerURL,
+                    ID: (_40 = (_39 = (_38 = resp.data) === null || _38 === void 0 ? void 0 : _38.details) === null || _39 === void 0 ? void 0 : _39.template) === null || _40 === void 0 ? void 0 : _40.id,
+                    name: (_43 = (_42 = (_41 = resp.data) === null || _41 === void 0 ? void 0 : _41.details) === null || _42 === void 0 ? void 0 : _42.template) === null || _43 === void 0 ? void 0 : _43.name,
+                    lang: (_46 = (_45 = (_44 = resp.data) === null || _44 === void 0 ? void 0 : _44.details) === null || _45 === void 0 ? void 0 : _45.template) === null || _46 === void 0 ? void 0 : _46.lang,
+                    platform: (_47 = resp.data) === null || _47 === void 0 ? void 0 : _47.platform,
+                    headerURL: (_50 = (_49 = (_48 = resp.data) === null || _48 === void 0 ? void 0 : _48.details) === null || _49 === void 0 ? void 0 : _49.template) === null || _50 === void 0 ? void 0 : _50.headerURL,
                     header: {
-                        examples: (_52 = (_51 = (_50 = resp.data) === null || _50 === void 0 ? void 0 : _50.details) === null || _51 === void 0 ? void 0 : _51.template) === null || _52 === void 0 ? void 0 : _52.header,
+                        examples: (_53 = (_52 = (_51 = resp.data) === null || _51 === void 0 ? void 0 : _51.details) === null || _52 === void 0 ? void 0 : _52.template) === null || _53 === void 0 ? void 0 : _53.header,
                     },
                     body: {
-                        examples: (_55 = (_54 = (_53 = resp.data) === null || _53 === void 0 ? void 0 : _53.details) === null || _54 === void 0 ? void 0 : _54.template) === null || _55 === void 0 ? void 0 : _55.data,
+                        examples: (_56 = (_55 = (_54 = resp.data) === null || _54 === void 0 ? void 0 : _54.details) === null || _55 === void 0 ? void 0 : _55.template) === null || _56 === void 0 ? void 0 : _56.data,
                     },
-                    buttons: (_58 = (_57 = (_56 = resp.data) === null || _56 === void 0 ? void 0 : _56.details) === null || _57 === void 0 ? void 0 : _57.template) === null || _58 === void 0 ? void 0 : _58.button,
-                    ClientId: (_59 = resp.data) === null || _59 === void 0 ? void 0 : _59.clientId,
-                    ClientName: (_60 = resp.data) === null || _60 === void 0 ? void 0 : _60.clientName,
+                    buttons: (_59 = (_58 = (_57 = resp.data) === null || _57 === void 0 ? void 0 : _57.details) === null || _58 === void 0 ? void 0 : _58.template) === null || _59 === void 0 ? void 0 : _59.button,
+                    ClientId: (_60 = resp.data) === null || _60 === void 0 ? void 0 : _60.clientId,
+                    ClientName: (_61 = resp.data) === null || _61 === void 0 ? void 0 : _61.clientName,
                 },
-                isUpload: ((_61 = resp.data) === null || _61 === void 0 ? void 0 : _61.fileId) !== '',
-                fileId: (_62 = resp.data) === null || _62 === void 0 ? void 0 : _62.fileId,
+                isUpload: ((_62 = resp.data) === null || _62 === void 0 ? void 0 : _62.fileId) !== '',
+                fileId: (_63 = resp.data) === null || _63 === void 0 ? void 0 : _63.fileId,
             };
             localStorage.setItem('telin.campaign', JSON.stringify(Object.assign(Object.assign({}, this.getCampaignStorage), {
                 generalInformation: {
-                    id: (_63 = resp.data) === null || _63 === void 0 ? void 0 : _63.id,
+                    id: (_64 = resp.data) === null || _64 === void 0 ? void 0 : _64.id,
                     form: generalInformation,
                 },
-                failover: (_64 = resp.data) === null || _64 === void 0 ? void 0 : _64.failover,
-                targetAudience: (_65 = resp.data) === null || _65 === void 0 ? void 0 : _65.targets,
+                failover: (_65 = resp.data) === null || _65 === void 0 ? void 0 : _65.failover,
+                targetAudience: (_66 = resp.data) === null || _66 === void 0 ? void 0 : _66.targets,
                 targetAudienceFile: {
-                    name: (_66 = resp.data) === null || _66 === void 0 ? void 0 : _66.fileName,
-                    targetURL: (_67 = resp.data) === null || _67 === void 0 ? void 0 : _67.targetURL,
+                    name: (_67 = resp.data) === null || _67 === void 0 ? void 0 : _67.fileName,
+                    targetURL: (_68 = resp.data) === null || _68 === void 0 ? void 0 : _68.targetURL,
                 },
                 scheduler: {
-                    schedulerType: ((_68 = resp.data) === null || _68 === void 0 ? void 0 : _68.scheduleType) === 'MULTI'
+                    schedulerType: ((_69 = resp.data) === null || _69 === void 0 ? void 0 : _69.scheduleType) === 'MULTI'
                         ? 'ONE_TIME'
-                        : (_69 = resp.data) === null || _69 === void 0 ? void 0 : _69.scheduleType,
-                    startDate: (_71 = (_70 = resp.data) === null || _70 === void 0 ? void 0 : _70.startTime) === null || _71 === void 0 ? void 0 : _71.split(' ')[0],
-                    startTime: (_73 = (_72 = resp.data) === null || _72 === void 0 ? void 0 : _72.startTime) === null || _73 === void 0 ? void 0 : _73.split(' ')[1],
-                    isRepeat: ((_74 = resp.data) === null || _74 === void 0 ? void 0 : _74.scheduleType) === 'MULTI',
-                    delivery: (_75 = resp.data) === null || _75 === void 0 ? void 0 : _75.repeat,
+                        : (_70 = resp.data) === null || _70 === void 0 ? void 0 : _70.scheduleType,
+                    startDate: (_72 = (_71 = resp.data) === null || _71 === void 0 ? void 0 : _71.startTime) === null || _72 === void 0 ? void 0 : _72.split(' ')[0],
+                    startTime: (_74 = (_73 = resp.data) === null || _73 === void 0 ? void 0 : _73.startTime) === null || _74 === void 0 ? void 0 : _74.split(' ')[1],
+                    isRepeat: ((_75 = resp.data) === null || _75 === void 0 ? void 0 : _75.scheduleType) === 'MULTI',
+                    delivery: (_76 = resp.data) === null || _76 === void 0 ? void 0 : _76.repeat,
                 },
             })));
-            this.isLine = ((_76 = resp.data) === null || _76 === void 0 ? void 0 : _76.platform) === 'LINE';
+            this.isLine = ((_77 = resp.data) === null || _77 === void 0 ? void 0 : _77.platform) === 'LINE';
             this.isLoading = false;
             this.initWizard();
         }, () => {
@@ -3975,7 +3976,14 @@ let GeneralInformationWAComponent = class GeneralInformationWAComponent {
         this.initValidation();
         this.getAccountOptionService(((_c = (_b = (_a = this.getCampaignStorage) === null || _a === void 0 ? void 0 : _a.generalInformation) === null || _b === void 0 ? void 0 : _b.form) === null || _c === void 0 ? void 0 : _c.medium) === 'WA'
             ? (_g = (_f = (_e = (_d = this.getCampaignStorage) === null || _d === void 0 ? void 0 : _d.generalInformation) === null || _e === void 0 ? void 0 : _e.form) === null || _f === void 0 ? void 0 : _f.from) === null || _g === void 0 ? void 0 : _g.name : '');
-        /* this.setCurrentLocation(); */
+        // Listen text to changes in the form
+        const textControlForSync = this.getControl('text');
+        if (textControlForSync) {
+            const textSubs = textControlForSync.valueChanges.subscribe((value) => {
+                this.syncVariablesFromText(value);
+            });
+            this.subscribers.push(textSubs);
+        }
     }
     get getCampaignStorage() {
         const campaignData = localStorage.getItem('telin.campaign');
@@ -4743,16 +4751,43 @@ let GeneralInformationWAComponent = class GeneralInformationWAComponent {
     get variables() {
         return this.getControl('variables');
     }
-    addVariable() {
-        const variableGroup = new FormGroup({
-            paramName: new FormControl('', Validators$1.required),
+    syncVariablesFromText(text) {
+        var _a;
+        if (text === null || text === undefined)
+            return;
+        let counter = 1;
+        const normalizedText = text.replace(/\{\{\s*\d+\s*\}\}/g, () => {
+            const replacement = `{{${counter}}}`;
+            counter++;
+            return replacement;
         });
-        this.variables.push(variableGroup);
+        const targetVariableCount = counter - 1;
+        if (text !== normalizedText) {
+            (_a = this.getControl('text')) === null || _a === void 0 ? void 0 : _a.setValue(normalizedText, { emitEvent: false });
+        }
+        const currentCount = this.variables.length;
+        if (targetVariableCount > currentCount) {
+            const diff = targetVariableCount - currentCount;
+            for (let i = 0; i < diff; i++) {
+                this.variables.push(new FormGroup({
+                    paramName: new FormControl({ value: '', disabled: this.isReadOnlyMode }, Validators$1.required),
+                }));
+            }
+        }
+        else if (targetVariableCount < currentCount) {
+            const diff = currentCount - targetVariableCount;
+            for (let i = 0; i < diff; i++) {
+                this.variables.removeAt(this.variables.length - 1);
+            }
+        }
+    }
+    addVariable() {
         const textControl = this.getControl('text');
         if (textControl) {
             const currentBody = textControl.value || '';
-            const newSequence = `{{${this.variables.controls.length}}}`;
-            textControl.setValue(`${currentBody} ${newSequence}`.trim());
+            const nextSequence = this.variables.length + 1;
+            const newSequence = `{{${nextSequence}}}`;
+            textControl.setValue(`${currentBody}${newSequence}`);
         }
     }
     removeVariable(index) {
@@ -5582,11 +5617,9 @@ let NewNumberBasesComponent = class NewNumberBasesComponent {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
         const genInfoForm = (_b = (_a = this.getCampaignStorage) === null || _a === void 0 ? void 0 : _a.generalInformation) === null || _b === void 0 ? void 0 : _b.form;
         const isNeedSave = (_c = genInfoForm) === null || _c === void 0 ? void 0 : _c.isNeedSave;
-        // 1. Parameter Wajib (Selalu dikirim di semua skenario)
         const parameterList = [
             this.initParam('platform', ((_e = (_d = genInfoForm) === null || _d === void 0 ? void 0 : _d.template) === null || _e === void 0 ? void 0 : _e.platform) || 'WA', 'string'),
-            this.initParam('category', (_g = (_f = this.categorySelected) === null || _f === void 0 ? void 0 : _f.map((t) => t.id).join(), (_g !== null && _g !== void 0 ? _g : '')), // <-- Category selalu dikirim
-            'string'),
+            this.initParam('category', (_g = (_f = this.categorySelected) === null || _f === void 0 ? void 0 : _f.map((t) => t.id).join(), (_g !== null && _g !== void 0 ? _g : '')), 'string'),
         ];
         if (isNeedSave) {
             // SKENARIO 1: USE EXISTING / TEMPLATE SUDAH DISAVE
@@ -5594,7 +5627,6 @@ let NewNumberBasesComponent = class NewNumberBasesComponent {
         }
         else {
             // SKENARIO 2: CREATE NEW / DIRECT SEND (Belum di-save)
-            // Cek aman: Kirim templateName & Lang HANYA kalau ada (biar nggak undefined)
             if ((_o = (_m = genInfoForm) === null || _m === void 0 ? void 0 : _m.template) === null || _o === void 0 ? void 0 : _o.name) {
                 parameterList.push(this.initParam('templateName', (_q = (_p = genInfoForm) === null || _p === void 0 ? void 0 : _p.template) === null || _q === void 0 ? void 0 : _q.name, 'string'));
             }