{"version":3,"sources":["webpack:///./src/views/BlockBuilder.vue","webpack:///./src/views/BlockBuilder.vue?1178"],"names":["class","_createElementVNode","id","for","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_createVNode","_component_Button","onClick","_ctx","push","name","params","$props","type","label","iconPos","icon","_hoisted_4","_hoisted_5","_hoisted_6","$data","_hoisted_7","_hoisted_8","_hoisted_9","_createBlock","$options","actions","structure","_component_Icon","preview","disabled","_hoisted_10","_component_Dialog","header","visible","show","position","modal","dismissableMask","style","width","padding","_hoisted_11","onSubmit","onKeydown","$event","_hoisted_12","_hoisted_13","_component_LabelRequired","_component_InputText","autofocus","_component_HasError","form","field","_hoisted_14","_hoisted_15","_component_Dropdown","category","options","config","categoryOptions","editable","optionLabel","optionValue","dataKey","placeholder","innerHTML","_hoisted_18","_hoisted_19","_component_AutoComplete","tags","multiple","suggestions","onComplete","_hoisted_20","_hoisted_21","_component_Textarea","notes","rows","_hoisted_22","loading","sprintf","require","components","Icon","Button","Dropdown","Dialog","InputText","Textarea","HasError","AutoComplete","LabelRequired","props","String","blockId","required","data","savingBlockTemplate","saveRow","resolve","reject","args","FormClient","template_id","project_id","this","message","code","saveRowEdit","currentStep","steps","step","dialog","formTemplate","editor","instance","token","template","client","http","client_id","client_secret","grant_type","endpoint","saving","advancedPreview","uid","container","language","loadingSpinnerTheme","sidebarPosition","defaultModulesOrder","workspace","editSingleRow","trackChanges","saveRows","preventClose","specialLinks","mergeTags","mergeContents","contentDefaults","rowsConfiguration","emptyRows","defaultRows","savedRows","externalContentURLs","contentDialog","handler","onDeleteRow","async","delete","ApiRoute","row","metadata","refreshUI","error","onEditRow","onSaveRow","rowJSON","htmlFile","jsonFile","JSON","parse","pageJSON","post","store","onSave","templateResponse","$toast","success","$t","onSend","filename","Date","getTime","saveAs","Blob","onError","errorMessage","console","log","computed","showAdditionalSettings","productRecommendation","price","price_sale","button","percentage_discount","discount","missingProducts","design","columns","repeat","productSelected","length","mounted","loadUI","methods","event","response","get","index","query","map","tag","responseTemplate","page","body","content","computedStyle","linkColor","messageBackgroundColor","messageWidth","color","webFonts","fontFamily","url","description","modules","uuid","version","title","comments","appearanceResponse","project","appearance","Object","keys","WidgetEditorConfig","general","backgroundColor","contentAreaBackgroundColor","defaultFont","text","styles","paragraph","adaptAppareanceForEditor","blockOptions","mobileStyles","html","fields","getFields","getGroupedCategories","window","BeePlugin","create","pluginInstance","start","newConfig","loadConfig","dataObject","newDataObject","forEach","dataObjectKey","dataObjectValue","indexOf","groupedCategories","value","handle","behaviors","canEdit","canDelete","groupedCategoriesResponse","groupedCategory","find","credentialsForMailUpChannelResponse","credentials","fieldsResponse","channel_id","slugify","toggleStructure","togglePreview","toggleAdvancedPreview","toggleMergeTagsPreview","validAndSaveTemplate","downloadTemplate","send","saveTemplate","save","saveRowCancel","saveRowSave","saveRowEditCancel","__exports__","render"],"mappings":"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","file":"js/chunk-2d0b24f8.5f7a63ab.js","sourcesContent":["<template>\n  <div class=\"flex flex-col flex-1 h-full overflow-hidden\">\n    <div>\n      <nav class=\"mr-auto flex flex-wrap justify-between items-center bg-white border-b shadow px-5 py-3\">\n        <div class=\"flex justify-start items-center space-x-3\">\n          <Button @click=\"$router.push({ name: 'Design', params: { id } })\" type=\"button\" :label=\"$t('templateBuilder.backToDesign')\" iconPos=\"left\" icon=\"pi pi-arrow-left\" class=\"p-button-light shadow\" />\n          <div v-if=\"blockId\" class=\"flex flex-center space-x-2\">\n            <div class=\"inline-flex items-center rounded-md bg-gray-50 py-1 px-2 text-xs font-medium text-gray-400 ring-1 ring-inset ring-gray-500/10\">ID: <span class=\"pl-1 text-gray-700\">{{ blockId }}</span></div>\n          </div>\n          <div v-if=\"formTemplate.name\" class=\"template text-lg text-gray-700 font-semibold line-clamp-1\">{{ formTemplate.name }}</div>\n        </div>\n        <div class=\"flex justify-end items-center space-x-3\">\n          <div class=\"p-buttonset\">\n            <Button class=\"p-button-light shadow\" @click=\"toggleStructure(!editor.actions.structure)\" v-tooltip.bottom=\"$t('templateBuilder.struct')\">\n              <Icon v-if=\"!editor.actions.structure\" icon=\"tabler:border-all\" class=\"w-5 h-5\" />\n              <Icon v-if=\"editor.actions.structure\" icon=\"tabler:border-none\" class=\"w-5 h-5\" />\n            </Button>\n            <Button class=\"p-button-light shadow\" @click=\"togglePreview(!editor.actions.preview)\" v-tooltip.bottom=\"$t('templateBuilder.preview')\">\n              <Icon v-if=\"!editor.actions.preview\" icon=\"tabler:eye\" class=\"w-5 h-5\" />\n              <Icon v-if=\"editor.actions.preview\" icon=\"tabler:eye-off\" class=\"w-5 h-5\" />\n            </Button>\n          </div>\n\n          <Button @click=\"downloadTemplate\" type=\"button\" icon=\"pi pi-download\" class=\"p-button-outlined p-button-primary shadow\" :disabled=\"savingBlockTemplate\" v-tooltip.bottom=\"$t('templateBuilder.download')\" />\n          <Button @click=\"validAndSaveTemplate\" type=\"button\" :label=\"$t('templateBuilder.save')\" :disabled=\"savingBlockTemplate\" class=\"p-button-primary shadow\" />\n        </div>\n      </nav>\n    </div>\n    <div class=\"min-h-0 flex flex-col flex-1 h-full\">\n      <div id=\"editor-plugin-container\" class=\"flex overflow-hidden min-h-full\"></div>\n    </div>\n\n    <Dialog :header=\"$t('templateBuilder.saveBlock')\" v-model:visible=\"dialog.show\" position=\"center\" modal :dismissableMask=\"true\" :style=\"{ width: '30rem', padding: 0 }\">\n      <div class=\"flex flex-col\">\n        <form @submit.prevent=\"saveTemplate\" @keydown=\"formTemplate.onKeydown($event)\">\n          <div class=\"form-group\">\n            <label for=\"name\" class=\"form-label\">\n              {{ $t(\"templateBuilder.name\") }}\n              <LabelRequired />\n            </label>\n            <InputText v-model=\"formTemplate.name\" id=\"name\" name=\"name\" type=\"text\" class=\"p-inputtext-sm flex flex-1 flex-col\" autofocus />\n            <HasError :form=\"formTemplate\" field=\"name\" />\n          </div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\n              {{ $t(\"templateBuilder.category\") }}\n              <LabelRequired />\n            </label>\n            <Dropdown v-model=\"formTemplate.category\" :options=\"saveRow.config.categoryOptions\" :editable=\"true\" optionLabel=\"name\" optionValue=\"code\" dataKey=\"code\" class=\"w-full p-inputtext-sm shadow-sm\" placeholder=\"Selecciona una categoría o agrega una nueva\" />\n            <label class=\"form-label-help mt-2\" v-html=\"$t('templateBuilder.categoryHelpPart1')\"></label>\n            <label class=\"form-label-help mt-1\" v-html=\"$t('templateBuilder.categoryHelpPart2')\"></label>\n          </div>\n          <div class=\"form-group\">\n            <label for=\"tags\" class=\"form-label\">\n              {{ $t(\"templateBuilder.tags\") }}\n            </label>\n            <AutoComplete v-model=\"formTemplate.tags\" id=\"tags\" name=\"tags\" class=\"p-inputtext-sm flex flex-1 flex-col w-full\" multiple :suggestions=\"tags\" @complete=\"searchTags\" />\n            <HasError :form=\"formTemplate\" field=\"tags\" />\n          </div>\n          <div class=\"form-group\">\n            <label for=\"notes\" class=\"form-label\">{{ $t(\"templateBuilder.notes\") }}</label>\n            <Textarea v-model=\"formTemplate.notes\" rows=\"2\" id=\"notes\" name=\"notes\" class=\"p-inputtext-sm\" />\n            <HasError :form=\"formTemplate\" field=\"notes\" />\n          </div>\n          <div class=\"flex items-center justify-end space-x-3 pt-3\">\n            <Button @click=\"dialog.show = false\" type=\"button\" :label=\"$t('templateBuilder.cancel')\" class=\"p-button-light shadow\" />\n            <Button type=\"submit\" :label=\"$t('templateBuilder.save')\" :loading=\"savingBlockTemplate\" class=\"p-button-primary shadow\" />\n          </div>\n        </form>\n      </div>\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { Icon } from \"@iconify/vue\"\nimport Button from \"primevue/button\"\nimport Dropdown from \"primevue/dropdown\"\nimport Dialog from \"primevue/dialog\"\nimport InputText from \"primevue/inputtext\"\nimport Textarea from \"primevue/textarea\"\nimport AutoComplete from \"primevue/autocomplete\"\n\nimport ApiRoute from \"@/config/ApiRoute\"\nimport FormClient from \"@/config/FormClient\"\nimport { HasError } from \"vform/src/components/tailwind\"\nimport LabelRequired from \"@/components/LabelRequired\"\n\nimport { saveAs } from \"file-saver\"\nimport slugify from \"slugify\"\n\nimport WidgetEditorConfig from \"@/config/WidgetEditorConfig\"\n\nconst sprintf = require(\"sprintf-js\").sprintf\n\nexport default {\n  components: {\n    Icon,\n    Button,\n    Dropdown,\n    Dialog,\n    InputText,\n    Textarea,\n    HasError,\n    AutoComplete,\n    LabelRequired\n  },\n\n  props: {\n    id: String,\n    blockId: {\n      type: String,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      savingBlockTemplate: false,\n      tags: [],\n      saveRow: {\n        show: false,\n        resolve: null,\n        reject: null,\n        args: null,\n        form: new FormClient({\n          template_id: null,\n          project_id: this.id,\n          type: \"emailSaveRow\",\n          name: \"\",\n          category: \"\",\n          notes: \"\",\n          tags: [],\n          structure: \"\",\n          message: \"\"\n        }),\n        config: {\n          categoryOptions: [\n            { name: \"Header\", code: \"header\" },\n            { name: \"Content\", code: \"content\" },\n            { name: \"Footer\", code: \"footer\" },\n            { name: \"Products\", code: \"products\" },\n            { name: \"Others\", code: \"others\" }\n          ]\n        }\n      },\n      saveRowEdit: {\n        show: false,\n        resolve: null,\n        reject: null,\n        args: null,\n        form: new FormClient({\n          template_id: null,\n          project_id: this.id,\n          type: \"emailSaveRow\",\n          name: \"\",\n          category: \"\",\n          notes: \"\",\n          tags: []\n        })\n      },\n      currentStep: \"design\",\n      steps: [\n        { id: \"1\", name: \"Design\", step: \"design\" },\n        { id: \"2\", name: \"Products\", step: \"products\" }\n      ],\n      dialog: {\n        show: false\n      },\n      formTemplate: new FormClient({\n        template_id: this.blockId || null,\n        project_id: this.id,\n        type: \"emailSaveRow\",\n        name: \"\",\n        category: \"\",\n        notes: \"\",\n        tags: [],\n        structure: \"\",\n        message: \"\"\n      }),\n      editor: {\n        instance: null,\n        token: null,\n        template: {},\n        client: {\n          http: new FormClient({\n            client_id: \"03db946c-ec90-40b1-a842-f3b6deecbb82\",\n            client_secret: \"Q9muQjU17hA27ITMdhPJFBYfc9heHbgVSbO80PQraKYbD81yA3JQ\",\n            grant_type: \"password\"\n          }),\n          endpoint: \"https://auth.getbee.io/apiauth\"\n        },\n        actions: {\n          saving: false,\n          structure: false,\n          preview: false,\n          advancedPreview: false\n        },\n        config: {\n          uid: `workspace-${this.id}`,\n          container: \"editor-plugin-container\",\n          language: \"es-ES\",\n          loadingSpinnerTheme: \"light\",\n          sidebarPosition: \"right\",\n          defaultModulesOrder: [\"Heading\", \"Paragraph\", \"Text\", \"Image\", \"Button\", \"Divider\", \"Spacer\", \"Social\", \"Html\", \"Video\", \"List\", \"Menu\", \"Icons\"],\n          workspace: {\n            editSingleRow: true\n          },\n          trackChanges: true,\n          saveRows: true,\n          preventClose: false,\n          specialLinks: [],\n          mergeTags: [],\n          mergeContents: [],\n          contentDefaults: {},\n          rowsConfiguration: {\n            emptyRows: true,\n            defaultRows: true,\n            savedRows: true,\n            externalContentURLs: []\n          },\n          contentDialog: {\n            saveRow: {\n              handler: (resolve, reject, args) => {\n                this.saveRow.show = true\n                this.saveRow.resolve = resolve\n                this.saveRow.reject = reject\n                this.saveRow.args = args\n\n                this.saveRow.form.template_id = null\n                this.saveRow.form.name = \"\"\n                this.saveRow.form.category = \"\"\n                this.saveRow.form.notes = \"\"\n                this.saveRow.form.tags = []\n                this.saveRow.form.structure = \"\"\n                this.saveRow.form.message = \"\"\n              }\n            },\n            onDeleteRow: {\n              handler: async (resolve, reject, args) => {\n                try {\n                  await new FormClient().delete(sprintf(ApiRoute.template.delete, { template_id: args.row.metadata.id }))\n                  resolve(true)\n                  this.refreshUI()\n                } catch (error) {\n                  reject()\n                }\n              }\n            },\n            onEditRow: {\n              handler: (resolve, reject, args) => {\n                this.saveRowEdit.show = true\n                this.saveRowEdit.resolve = resolve\n                this.saveRowEdit.reject = reject\n                this.saveRowEdit.args = args\n                this.saveRowEdit.form.template_id = args.row.metadata.id\n                this.saveRowEdit.form.name = args.row.metadata.name\n                this.saveRowEdit.form.category = args.row.metadata.category\n                this.saveRowEdit.form.notes = \"\"\n                this.saveRowEdit.form.tags = []\n              }\n            }\n          },\n\n          onSaveRow: async (rowJSON, htmlFile, jsonFile) => {\n            this.saveRow.form.structure = { rowJSON: JSON.parse(rowJSON), pageJSON: JSON.parse(jsonFile) }\n            this.saveRow.form.message = htmlFile\n            await this.saveRow.form.post(ApiRoute.template.store)\n            this.refreshUI()\n          },\n\n          onSave: async (jsonFile, htmlFile) => {\n            let pageJSON = JSON.parse(jsonFile)\n\n            this.formTemplate.structure = {\n              ...this.formTemplate.structure,\n              pageJSON\n            }\n\n            this.formTemplate.message = htmlFile\n            let templateResponse = await this.formTemplate.post(ApiRoute.template.store)\n            this.formTemplate.template_id = templateResponse.data.data.id\n\n            this.$toast.success(this.$t(\"Template guardado con éxito\"))\n            this.savingBlockTemplate = false\n            this.dialog.show = false\n          },\n\n          onSend: (htmlFile) => {\n            let filename = new Date().getTime()\n            if (this.blockId) {\n              filename = this.formTemplate.name\n            }\n\n            saveAs(new Blob([htmlFile]), `${filename}.html`)\n            this.savingBlockTemplate = false\n          },\n\n          onError: (errorMessage) => {\n            console.log(\"onError \", errorMessage)\n          }\n        }\n      }\n    }\n  },\n\n  computed: {\n    showAdditionalSettings() {\n      return this.productRecommendation.form.data.price || this.productRecommendation.form.data.price_sale || this.productRecommendation.form.data.button || this.productRecommendation.form.data.percentage_discount || this.productRecommendation.form.data.discount\n    },\n\n    missingProducts() {\n      return this.productRecommendation.form.design.columns * this.productRecommendation.form.design.repeat - this.productRecommendation.productSelected.length\n    }\n  },\n\n  mounted() {\n    this.loadUI()\n  },\n\n  methods: {\n    async searchTags(event) {\n      let response = await new FormClient().get(sprintf(ApiRoute.tags.index) + \"?keyword=\" + event.query + \"&project=\" + this.id)\n      this.tags = response.data.data.map((tag) => tag.name)\n      this.tags.push(event.query)\n    },\n\n    async loadUI() {\n      let template = {}\n      if (this.blockId) {\n        // IF WE ARE EDITING THE TEMPLATE THEM WE NEED TO SEARCH IT\n        const response = await new FormClient().get(\n          sprintf(ApiRoute.template.show, {\n            template_id: this.blockId,\n            project_id: this.id\n          })\n        )\n        const responseTemplate = response.data.data[0]\n\n        this.formTemplate.name = responseTemplate.name\n        this.formTemplate.category = responseTemplate.category\n        this.formTemplate.message = responseTemplate.message\n        this.formTemplate.structure = responseTemplate.structure\n        this.formTemplate.tags = responseTemplate.tags.map((tag) => tag.name)\n        this.formTemplate.notes = responseTemplate.notes\n        template = responseTemplate.structure.pageJSON\n      } else {\n        // SET BLANK TEMPLATE\n        template = {\n          page: {\n            body: {\n              container: { style: { \"background-color\": \"#FFFFFF\" } },\n              content: {\n                computedStyle: {\n                  linkColor: \"#3366BB\",\n                  messageBackgroundColor: \"transparent\",\n                  messageWidth: \"675px\"\n                },\n                style: { color: \"#000000\", \"font-family\": \"Arial, Helvetica Neue, Helvetica, sans-serif\" }\n              },\n              type: \"mailup-bee-page-properties\",\n              webFonts: [\n                {\n                  fontFamily: \"'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif\",\n                  name: \"Montserrat\",\n                  url: \"https://fonts.googleapis.com/css?family=Montserrat\"\n                }\n              ]\n            },\n            description: \"Blank template\",\n            rows: [\n              {\n                type: \"one-column-empty\",\n                container: {\n                  style: {\n                    \"background-color\": \"transparent\",\n                    \"background-image\": \"none\",\n                    \"background-repeat\": \"no-repeat\",\n                    \"background-position\": \"top left\"\n                  }\n                },\n                content: {\n                  style: {\n                    \"background-color\": \"transparent\",\n                    color: \"#000000\",\n                    width: \"500px\",\n                    \"background-image\": \"none\",\n                    \"background-repeat\": \"no-repeat\",\n                    \"background-position\": \"top left\"\n                  }\n                },\n                columns: [\n                  {\n                    \"grid-columns\": 12,\n                    modules: [],\n                    style: {\n                      \"background-color\": \"transparent\",\n                      \"padding-top\": \"5px\",\n                      \"padding-right\": \"0px\",\n                      \"padding-bottom\": \"5px\",\n                      \"padding-left\": \"0px\",\n                      \"border-top\": \"0px solid transparent\",\n                      \"border-right\": \"0px solid transparent\",\n                      \"border-bottom\": \"0px solid transparent\",\n                      \"border-left\": \"0px solid transparent\"\n                    },\n                    uuid: \"1553aef7-174a-4b21-83f1-\" + new Date().getTime()\n                  }\n                ],\n                uuid: \"3ff29aee-7156-402c-b846-\" + new Date().getTime()\n              }\n            ],\n            template: { name: \"template-base\", type: \"basic\", version: \"2.0.0\" },\n            title: \"Blank template\"\n          },\n          comments: {}\n        }\n      }\n\n      try {\n        // GET APPEARANCE FOR THE PROJECT\n        let appearanceResponse = await new FormClient().get(sprintf(ApiRoute.project.appearance, { project_id: this.id }))\n        let appearance = Object.keys(appearanceResponse.data).length ? { ...appearanceResponse.data } : { ...WidgetEditorConfig.form }\n        let contentDefaults = {}\n\n        contentDefaults.general = {\n          backgroundColor: \"#ffffff\",\n          contentAreaBackgroundColor: \"#ffffff\",\n          defaultFont: appearance.text.styles.fontFamily,\n          linkColor: appearance.text.styles.linkColor\n        }\n\n        contentDefaults.paragraph = {\n          styles: this.adaptAppareanceForEditor(appearance.text.styles),\n          blockOptions: this.adaptAppareanceForEditor(appearance.text.styles),\n          mobileStyles: this.adaptAppareanceForEditor(appearance.text.mobileStyles)\n        }\n\n        contentDefaults.text = {\n          html: \"Escribe algo increíble como por ejemplo...\",\n          styles: this.adaptAppareanceForEditor(appearance.text.styles),\n          blockOptions: this.adaptAppareanceForEditor(appearance.text.styles),\n          mobileStyles: this.adaptAppareanceForEditor(appearance.text.mobileStyles)\n        }\n\n        contentDefaults.button = {\n          label: appearance.button.label,\n          styles: this.adaptAppareanceForEditor(appearance.button.styles),\n          mobileStyles: this.adaptAppareanceForEditor(appearance.button.mobileStyles)\n        }\n\n        this.editor.config.contentDefaults = contentDefaults\n      } catch (error) {\n        console.log(error)\n      }\n\n      // GET FIELDS FOR MAILUP\n      let fields = await this.getFields()\n      this.editor.config.mergeTags = fields\n\n      // GET SAVE ROWS\n      this.editor.config.rowsConfiguration.externalContentURLs = await this.getGroupedCategories()\n\n      // GET TOKEN FOR THE EDITOR PLUGIN\n      const token = (await this.editor.client.http.post(this.editor.client.endpoint)).data\n\n      // INIT THE EDITOR PLUGIN\n      window.BeePlugin.create(token, this.editor.config, (pluginInstance) => {\n        this.editor.instance = pluginInstance\n        this.editor.instance.start(template)\n      })\n    },\n\n    async refreshUI() {\n      let newConfig = {\n        rowsConfiguration: {\n          externalContentURLs: await this.getGroupedCategories()\n        }\n      }\n\n      this.editor.instance.loadConfig(newConfig)\n    },\n\n    adaptAppareanceForEditor(dataObject) {\n      let newDataObject = { ...dataObject }\n\n      Object.keys({ ...newDataObject }).forEach((dataObjectKey) => {\n        let dataObjectValue = newDataObject[dataObjectKey]\n        if ([\"fontSize\", \"border\", \"borderRadius\", \"paddingTop\", \"paddingRight\", \"paddingBottom\", \"paddingLeft\", \"marginTop\", \"marginRight\", \"marginBottom\", \"marginLeft\"].indexOf(dataObjectKey) > -1) {\n          dataObjectValue = `${dataObjectValue}px`\n        }\n\n        if (dataObjectKey == \"border\") {\n          newDataObject[\"borderTop\"] = `${dataObjectValue} ${newDataObject[\"borderStyle\"]} ${newDataObject[\"borderColor\"]}`\n          newDataObject[\"borderRight\"] = `${dataObjectValue} ${newDataObject[\"borderStyle\"]} ${newDataObject[\"borderColor\"]}`\n          newDataObject[\"borderBottom\"] = `${dataObjectValue} ${newDataObject[\"borderStyle\"]} ${newDataObject[\"borderColor\"]}`\n          newDataObject[\"borderLeft\"] = `${dataObjectValue} ${newDataObject[\"borderStyle\"]} ${newDataObject[\"borderColor\"]}`\n        }\n\n        newDataObject[dataObjectKey] = dataObjectValue\n      })\n\n      return newDataObject\n    },\n\n    async getGroupedCategories() {\n      // GET SAVE ROWS\n      let groupedCategories = []\n\n      try {\n        this.saveRow.config.categoryOptions.map((category) => {\n          groupedCategories.push({\n            name: category.name,\n            value: `${process.env.VUE_APP_URL_API}/api/2.0/projects/${this.id}/templates/content-saved-rows?type=emailSaveRow&category=${category.code}`,\n            handle: category.name,\n            behaviors: {\n              canEdit: true,\n              canDelete: true\n            }\n          })\n        })\n\n        const groupedCategoriesResponse = await new FormClient().get(sprintf(ApiRoute.template.groupedCategories, { project_id: this.id }))\n        groupedCategoriesResponse.data.data.map((groupedCategory) => {\n          if (groupedCategory.type == \"emailSaveRow\") {\n            if (!this.saveRow.config.categoryOptions.find((category) => category.code == groupedCategory.category)) {\n              groupedCategories.push({\n                name: groupedCategory.category,\n                value: `${process.env.VUE_APP_URL_API}/api/2.0/projects/${this.id}/templates/content-saved-rows?type=emailSaveRow&category=${groupedCategory.category}`,\n                handle: groupedCategory.category,\n                behaviors: {\n                  canEdit: true,\n                  canDelete: true\n                }\n              })\n\n              this.saveRow.config.categoryOptions.push({\n                name: groupedCategory.category,\n                code: groupedCategory.category\n              })\n            }\n          }\n        })\n      } catch (error) {\n        console.log(error)\n      }\n\n      return groupedCategories\n    },\n\n    async getFields() {\n      let fields = []\n\n      try {\n        const credentialsForMailUpChannelResponse = await new FormClient().get(sprintf(ApiRoute.project.credentials, { project_id: this.id }) + \"?filter[channel_id][%3D]=2\")\n        if (credentialsForMailUpChannelResponse.data.data.length) {\n          const fieldsResponse = await new FormClient({ config: { ...(credentialsForMailUpChannelResponse.data.data[0]?.config || {}) } }).post(sprintf(ApiRoute.project.fields, { channel_id: 2 }))\n\n          fieldsResponse.data.map((field) => {\n            fields.push({\n              name: field.label,\n              value: \"[\" + slugify(field.label, \"\") + \"]\"\n            })\n          })\n        }\n      } catch (error) {\n        console.log(error)\n      }\n\n      return fields\n    },\n\n    toggleStructure(value) {\n      this.editor.actions.structure = value\n      this.editor.instance.toggleStructure()\n    },\n\n    togglePreview(value) {\n      this.editor.actions.preview = value\n      this.editor.instance.togglePreview()\n    },\n\n    toggleAdvancedPreview(value) {\n      this.editor.actions.advancedPreview = value\n      this.editor.instance.toggleMergeTagsPreview()\n    },\n\n    validAndSaveTemplate() {\n      this.dialog.show = true\n    },\n\n    downloadTemplate() {\n      this.savingBlockTemplate = true\n      this.editor.instance.send()\n    },\n\n    saveTemplate() {\n      this.savingBlockTemplate = true\n      this.editor.instance.save()\n    },\n\n    saveRowCancel() {\n      this.saveRow.reject()\n      this.saveRow.show = false\n    },\n\n    saveRowSave() {\n      this.saveRow.resolve({\n        name: this.saveRow.form.name,\n        category: this.saveRow.form.category\n      })\n      this.saveRow.show = false\n    },\n\n    saveRowEditCancel() {\n      this.saveRowEdit.reject()\n      this.saveRowEdit.show = false\n    },\n\n    async saveRowEditSave() {\n      try {\n        await this.saveRowEdit.form.post(ApiRoute.template.store)\n        this.saveRowEdit.resolve(true)\n        this.refreshUI()\n      } catch (error) {\n        this.saveRowEdit.reject()\n      }\n\n      this.saveRowEdit.show = false\n    }\n  }\n}\n</script>\n","import { render } from \"./BlockBuilder.vue?vue&type=template&id=11870dc4\"\nimport script from \"./BlockBuilder.vue?vue&type=script&lang=js\"\nexport * from \"./BlockBuilder.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}