{"version":3,"sources":["webpack:///./src/components/widgets/Image.vue","webpack:///src/components/widgets/Image.vue","webpack:///./src/components/widgets/Image.vue?2013","webpack:///./src/components/widgets/Image.vue?1340","webpack:///./node_modules/file-saver/dist/FileSaver.min.js","webpack:///./src/components/widgets/Image.vue?db11","webpack:///./src/utils/clickAction.js","webpack:///./src/utils/setStyles.js"],"names":["render","_vm","this","_c","_self","staticClass","class","isBackground","style","textStyles","on","onClickBtn","attrs","widget","configs","imageSrc","$event","$emit","staticRenderFns","name","props","data","btnDisabled","created","document","computed","cursor","methods","clickAction","widgetName","widgetIdx","component","b","a","autoBom","console","warn","test","type","Blob","c","d","XMLHttpRequest","open","responseType","onload","g","response","onerror","error","send","status","e","dispatchEvent","MouseEvent","createEvent","initMouseEvent","window","f","self","global","navigator","userAgent","saveAs","HTMLAnchorElement","prototype","h","i","URL","webkitURL","j","createElement","download","rel","href","origin","location","target","createObjectURL","setTimeout","revokeObjectURL","msSaveOrOpenBlob","title","body","innerText","HTMLElement","safari","FileReader","k","onloadend","result","replace","readAsDataURL","l","m","module","exports","async","widgetType","actionType","linkTarget","pageTarget","attachmentId","url","store","dispatch","visible","res","apollo","query","GET_ATTACHMENT","variables","id","attachment","upload_my_attachment","markStep","updateRespond","content","_url","match","click","getters","isValid","onChangePage","stepsLength","currentStep","step","respond","interactionId","respondId","length","mutate","mutation","UPDATE_RESPOND","device","myInteractionId","then","LOG","userId","action","commit","actionData","styles","top","prop","value","v","left","width","height","angle","s","transform","scaleX","scaleY","originX","transformOrigin","originY","shadow","offsetX","offsetY","blur","color","fill","fontSize","fontWeight","fontStyle","lineHeight","textAlign","strokeWidth","w","stroke","underline","strokeDashArray","activeBgColor","bgColor","fontColor","orientation","setStyles","setGeneral","stylesObject","param","Object","entries","setTypeStyles","existProp","Array","isArray","forEach","p"],"mappings":"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","file":"js/chunk-6410d05e.669cbee7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"image-widget-container\",class:{ 'hide-if-bg': _vm.isBackground },style:(_vm.textStyles),on:{\"click\":_vm.onClickBtn}},[_c('img',{attrs:{\"src\":_vm.widget.configs.imageSrc,\"alt\":\"image\"},on:{\"load\":function($event){return _vm.$emit('hideLoader')}}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    @click=\"onClickBtn\"\n    class=\"image-widget-container\"\n    :class=\"{ 'hide-if-bg': isBackground }\"\n    :style=\"textStyles\"\n  >\n    <img\n      @load=\"$emit('hideLoader')\"\n      :src=\"widget.configs.imageSrc\"\n      alt=\"image\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport setStyles from \"@/utils/setStyles\";\nimport clickAction from \"@/utils/clickAction\";\n\nexport default {\n  name: \"SvImageWidget\",\n  props: [\"widgetIdx\"],\n  data() {\n    return {\n      btnDisabled: false,\n      isBackground: false,\n    };\n  },\n  created() {\n    // ? set only first bigger then 80% image as body background\n    const bgHeight = 575;\n    const bgWidth = 320;\n    const imgWidth = this.widget.width * this.widget.scaleX;\n    const imgHeight = this.widget.height * this.widget.scaleY;\n    if (imgHeight / bgHeight > 0.8 && imgWidth / bgWidth > 0.8) {\n      const hasBg = document.body.style.getPropertyValue(\"--background-image\");\n      this.$emit(\"hideLoader\");\n      if (hasBg) return;\n      this.isBackground = true;\n      document.body.style.setProperty(\n        \"--background-image\",\n        `url(${this.widget.configs.imageSrc})`\n      );\n    }\n  },\n  computed: {\n    ...mapGetters([\"activeStep\"]),\n    widget() {\n      return this.activeStep?.objects?.[this.widgetIdx];\n    },\n    textStyles() {\n      const isConfigs = this.widget.configs && this.widget.configs.actionType;\n      return {\n        ...setStyles(this.widget),\n        cursor: isConfigs !== \"no action\" && isConfigs ? \"pointer\" : \"\",\n      };\n    },\n  },\n  methods: {\n    onClickBtn() {\n      if (this.btnDisabled) return;\n      this.btnDisabled = true;\n      clickAction({\n        widget: this.widget,\n        widgetName: this.widgetIdx,\n        widgetIdx: this.widgetIdx,\n      }).then(() => {\n        this.btnDisabled = false;\n      });\n    },\n  },\n};\n</script>\n\n<style scoped>\nimg {\n  width: 100%;\n  height: 100%;\n}\n.logo-widget-container {\n  display: grid;\n  justify-items: center;\n  align-content: center;\n}\n\n.image-widget-container:after {\n  transition: all 0.6s ease;\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%)\n      top left no-repeat,\n    linear-gradient(\n        90deg,\n        transparent calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),\n        transparent calc(var(--gap-size) / 2 + var(--dash-size))\n      )\n      top center repeat-x,\n    linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right\n      no-repeat,\n    linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left\n      no-repeat,\n    linear-gradient(\n        0deg,\n        transparent calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),\n        transparent calc(var(--gap-size) / 2 + var(--dash-size))\n      )\n      center left repeat-y,\n    linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom\n      left no-repeat,\n    linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom\n      left no-repeat,\n    linear-gradient(\n        90deg,\n        transparent calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),\n        transparent calc(var(--gap-size) / 2 + var(--dash-size))\n      )\n      bottom center repeat-x,\n    linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom\n      right no-repeat,\n    linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right\n      no-repeat,\n    linear-gradient(\n        0deg,\n        transparent calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2),\n        var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)),\n        transparent calc(var(--gap-size) / 2 + var(--dash-size))\n      )\n      center right repeat-y,\n    linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom\n      right no-repeat;\n  background-size: var(--dash-size) var(--border-weight),\n    calc(var(--dash-size) + var(--gap-size)) var(--border-weight),\n    var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size),\n    var(--border-weight) calc(var(--dash-size) + var(--gap-size)),\n    var(--border-weight) var(--dash-size);\n}\n@media screen and (max-width: 500px) {\n  .hide-if-bg {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Image.vue?vue&type=template&id=0d361c51&scoped=true&\"\nimport script from \"./Image.vue?vue&type=script&lang=js&\"\nexport * from \"./Image.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Image.vue?vue&type=style&index=0&id=0d361c51&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0d361c51\",\n  null\n  \n)\n\nexport default component.exports","(function(a,b){if(\"function\"==typeof define&&define.amd)define([],b);else if(\"undefined\"!=typeof exports)b();else{b(),a.FileSaver={exports:{}}.exports}})(this,function(){\"use strict\";function b(a,b){return\"undefined\"==typeof b?b={autoBom:!1}:\"object\"!=typeof b&&(console.warn(\"Deprecated: Expected third argument to be a object\"),b={autoBom:!b}),b.autoBom&&/^\\s*(?:text\\/\\S*|application\\/xml|\\S*\\/\\S*\\+xml)\\s*;.*charset\\s*=\\s*utf-8/i.test(a.type)?new Blob([\"\\uFEFF\",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open(\"GET\",a),d.responseType=\"blob\",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error(\"could not download file\")},d.send()}function d(a){var b=new XMLHttpRequest;b.open(\"HEAD\",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent(\"click\"))}catch(c){var b=document.createEvent(\"MouseEvents\");b.initMouseEvent(\"click\",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f=\"object\"==typeof window&&window.window===window?window:\"object\"==typeof self&&self.self===self?self:\"object\"==typeof global&&global.global===global?global:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||(\"object\"!=typeof window||window!==f?function(){}:\"download\"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement(\"a\");g=g||b.name||\"download\",j.download=g,j.rel=\"noopener\",\"string\"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target=\"_blank\")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:\"msSaveOrOpenBlob\"in navigator?function(f,g,h){if(g=g||f.name||\"download\",\"string\"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement(\"a\");i.href=f,i.target=\"_blank\",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open(\"\",\"_blank\"),g&&(g.document.title=g.document.body.innerText=\"downloading...\"),\"string\"==typeof b)return c(b,d,e);var h=\"application/octet-stream\"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\\/[\\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&\"undefined\"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,\"data:attachment/file;\"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g,\"undefined\"!=typeof module&&(module.exports=g)});\n\n//# sourceMappingURL=FileSaver.min.js.map","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image.vue?vue&type=style&index=0&id=0d361c51&prod&scoped=true&lang=css&\"","import { UPDATE_RESPOND, GET_ATTACHMENT, LOG } from \"@/gql/\";\nimport { apolloClient as apollo } from \"@/plugins/vue-apollo\";\nimport store from \"@/store\";\nimport { saveAs } from \"file-saver\";\n\nexport default async function clickAction({\n  widget,\n  widgetName,\n  widgetIdx,\n} = {}) {\n  const widgetType = widget.name;\n  const actionType = widget.configs.actionType;\n  const linkTarget = widget.configs.linkTarget;\n  const pageTarget = widget.configs.pageTarget;\n  const attachmentId = widget.configs.attachmentId;\n  const url = widget.configs.url;\n  // const socialNetwork = widget.configs.socialNetwork;\n  if (actionType === \"no action\") return;\n  else if (actionType === \"upload file\") {\n    store.dispatch(\"showPopup\", {\n      visible: true,\n      type: \"uploadPopup\",\n      data: {\n        widgetIdx,\n        widgetName,\n        actionType,\n        widgetType,\n      },\n    });\n    // } else if (actionType === \"social sharing\") {\n    //   await store.dispatch(\"updateSocialNetworkForSharing\", socialNetwork);\n    //   const socialShareBtn = document.querySelector(\"#social-share-btn\");\n    //   if (!socialShareBtn) return;\n    //   socialShareBtn.click();\n  } else if (actionType === \"download file\") {\n    if (!attachmentId) return;\n    const res = await apollo.query({\n      query: GET_ATTACHMENT,\n      variables: {\n        id: attachmentId,\n      },\n    });\n    const attachment = res.data.upload_my_attachment[0];\n    if (!attachment) return;\n    markStep(widgetType, widgetIdx, widgetName, actionType, { attachment });\n    await updateRespond();\n    saveAs(attachment.content, attachment.name);\n    // const a = document.createElement(\"a\");\n    // a.target = \"_blank\";\n    // a.href = attachment.content;\n    // a.setAttribute(\"download\", \"123.xls\");\n    // console.log(a, attachment);\n    // a.click();\n  } else if (actionType === \"external link\") {\n    if (!url) return;\n    markStep(widgetType, widgetIdx, widgetName, actionType, { url });\n    await updateRespond();\n    const a = document.createElement(\"a\");\n    const _url = url.match(/(http|https):\\/\\//) ? url : `https://${url}`;\n    a.href = _url;\n    if (linkTarget === \"open in a new tab\") a.target = \"_blank\";\n    a.click();\n  } else if (actionType === \"internal link\") {\n    if (pageTarget > store.getters[\"step\"]) {\n      const isValid = await store.dispatch(\"validate\");\n      if (!isValid) return;\n    }\n    markStep(widgetType, widgetIdx, widgetName, actionType, { pageTarget });\n    await updateRespond();\n    onChangePage(pageTarget);\n  }\n}\n\nfunction onChangePage(pageTarget) {\n  const stepsLength = store.getters[\"stepsLength\"];\n  const currentStep = store.getters[\"step\"];\n  const step = pageTarget < 1 || pageTarget > stepsLength ? 0 : pageTarget - 1;\n  if (step === currentStep) return;\n  store.dispatch(\"visibleLoading\", true);\n  store.dispatch(\"updateStep\", step);\n}\n\nexport async function updateRespond() {\n  const respond = store.getters.respond;\n  const interactionId = store.getters.interactionId;\n  const id = store.getters.respondId;\n  if (!respond.length) return;\n  await apollo\n    .mutate({\n      mutation: UPDATE_RESPOND,\n      variables: {\n        id,\n        device: navigator.userAgent,\n        content: respond,\n        myInteractionId: interactionId,\n      },\n    })\n    .then(() => {\n      if (store.getters[\"isSentRespond\"]) return;\n      apollo.mutate({\n        mutation: LOG,\n        variables: {\n          userId: store.getters[\"ownerId\"],\n          action: \"interaction respond\",\n          data: {\n            id,\n            device: navigator.userAgent,\n            myInteractionId: interactionId,\n          },\n        },\n      });\n      store.commit(\"isSentRespond\");\n    });\n}\n\nfunction markStep(widgetType, widgetIdx, widgetName, actionType, actionData) {\n  const respond = store.getters[\"respond\"];\n  const step = store.getters[\"step\"];\n  if (!respond[step]) respond[step] = [];\n  respond[step][widgetIdx] = {\n    widgetType,\n    widgetName,\n    actionType,\n    actionData,\n  };\n}\n","const styles = {\n  \"general-styles\": {\n    top: { prop: \"top\", value: (v) => `${v}px` },\n    left: { prop: \"left\", value: (v) => `${v}px` },\n    width: [\n      { prop: \"width\", value: (v) => `${v}px` },\n      { prop: \"max-width\", value: (v) => `${v}px` },\n    ],\n    height: [\n      { prop: \"height\", value: (v) => `${v}px` },\n      { prop: \"max-height\", value: (v) => `${v}px` },\n    ],\n    // ? transform\n    angle: {\n      prop: \"transform\",\n      value: (v, s) =>\n        s.transform ? `${s.transform} rotate(${v}deg)` : `rotate(${v}deg)`,\n    },\n    scaleX: {\n      prop: \"transform\",\n      value: (v, s) =>\n        s.transform ? `${s.transform} scaleX(${v})` : `scaleX(${v})`,\n    },\n    scaleY: {\n      prop: \"transform\",\n      value: (v, s) =>\n        s.transform ? `${s.transform} scaleY(${v})` : `scaleY(${v})`,\n    },\n    originX: {\n      prop: \"transformOrigin\",\n      value: (v, s) =>\n        s.transformOrigin ? `${v} ${s.transformOrigin}` : `${v}`,\n    },\n    originY: {\n      prop: \"transformOrigin\",\n      value: (v, s) =>\n        s.transformOrigin ? `${s.transformOrigin} ${v}` : `${v}`,\n    },\n  },\n  \"text-styles\": {\n    // ? text\n    shadow: {\n      prop: \"textShadow\",\n      value: (v) =>\n        `${v.offsetX || 0}px ${v.offsetY || 0}px ${v.blur}px ${v.color}`,\n    },\n    fill: { prop: \"color\", value: (v) => v },\n    fontSize: { prop: \"fontSize\", value: (v) => `${v}px` },\n    fontWeight: { prop: \"fontWeight\", value: (v) => v },\n    fontStyle: { prop: \"fontStyle\", value: (v) => v },\n    lineHeight: { prop: \"lineHeight\", value: (v) => `${v}` },\n    textAlign: { prop: \"textAlign\", value: (v) => v },\n    strokeWidth: {\n      prop: \"textStrokeWidth\",\n      value: (v, s, w) => `${w.stroke && v}px`,\n    },\n    stroke: { prop: \"textStrokeColor\", value: (v) => v },\n    underline: {\n      prop: \"textDecoration\",\n      value: (v) => (v ? `underline` : \"normal\"),\n    },\n  },\n  \"image-styles\": {\n    stroke: { prop: \"--border-color\", value: (v) => v },\n    strokeWidth: [\n      { prop: \"--border-weight\", value: (v, s, w) => `${v / w.scaleX}px` },\n      { prop: \"padding\", value: (v, s, w) => `${v / w.scaleX}px` },\n    ],\n    strokeDashArray: [\n      { prop: \"--dash-size\", value: (v, s, w) => `${v[0] / w.scaleX}px` },\n      { prop: \"--gap-size\", value: (v, s, w) => `${v[0] / w.scaleX}px` },\n    ],\n  },\n  \"video-styles\": {\n    width: {\n      prop: \"width\",\n      value: (v, s, w) => `${v - w.configs.strokeWidth}px`,\n    },\n    height: {\n      prop: \"height\",\n      value: (v, s, w) => `${v - w.configs.strokeWidth}px`,\n    },\n    configs: [\n      { prop: \"--border-color\", value: (v) => v.stroke },\n      { prop: \"--border-weight\", value: (v) => `${v.strokeWidth}px` },\n      { prop: \"padding\", value: (v) => `${v.strokeWidth}px` },\n      { prop: \"--dash-size\", value: (v) => `${v.strokeDashArray[0] || 300}px` },\n      { prop: \"--gap-size\", value: (v) => `${v.strokeDashArray[0] || 300}px` },\n    ],\n  },\n  \"scale-styles\": {\n    configs: [\n      { prop: \"--active-bg-color\", value: (v) => v.activeBgColor },\n      { prop: \"--bg-color\", value: (v) => v.bgColor },\n      { prop: \"color\", value: (v) => v.fontColor },\n      { prop: \"fontSize\", value: (v) => `${v.fontSize}px` },\n      {\n        prop: \"flex-direction\",\n        value: (v) => (v.orientation === \"vertical\" ? \"column\" : \"row\"),\n      },\n    ],\n  },\n  \"stars-styles\": {\n    configs: [\n      {\n        prop: \"flex-direction\",\n        value: (v) => (v.orientation === \"vertical\" ? \"column\" : \"row\"),\n      },\n    ],\n  },\n};\n\nexport default function setStyles(widget, { setGeneral = true } = {}) {\n  if (!widget) return;\n  const stylesObject = {};\n  const type = widget.name;\n  for (let [param, value] of Object.entries(widget)) {\n    // console.log(param, value);\n    if (setGeneral)\n      setTypeStyles(\"general\", param, value, stylesObject, widget);\n    setTypeStyles(type, param, value, stylesObject, widget);\n  }\n  return stylesObject;\n}\n\nfunction setTypeStyles(type, param, value, stylesObject, widget) {\n  const existProp = styles[`${type}-styles`] && styles[`${type}-styles`][param];\n  if (existProp && value !== null)\n    if (Array.isArray(existProp)) {\n      existProp.forEach(\n        (p) => (stylesObject[p.prop] = p.value(value, stylesObject, widget))\n      );\n    } else {\n      stylesObject[existProp.prop] = existProp.value(\n        value,\n        stylesObject,\n        widget\n      );\n    }\n}\n"],"sourceRoot":""}